/* BrandDesk: clearer contrast, direct contacts and responsive brand cards. */
:root{--bg:#f3f6fa;--paper:#fff;--ink:#1d2e45;--muted:#65758c;--line:#e3e9f1;--green:#087e79;--lime:#bdf4dd}
body{background:var(--bg)}
.sidebar{background:#13283a;border-color:#13283a;color:#e2eaf3;padding-top:30px}
.sidebar .wordmark{color:#fff}.brand-icon{background:#0b9c91;color:#fff;letter-spacing:-2px}.wordmark{letter-spacing:-.8px}
.workspace-label,.team-title{color:#8fa8bd}.team-title span{color:#8da7ba}
.nav-item{color:#adc0d2;font-size:13px;padding:14px 12px}.nav-item.active{background:#1a454e;color:#bbf7e3;box-shadow:inset 3px 0 #35cfb3}.nav-item:hover{background:#203a4f;color:#fff}.nav-item b{background:#ffffff14;color:#c3f6e4}
.sidebar .mini-avatar{background:#275165;color:#bce9f2}.team-member{color:#e0eaf4;font-size:13px}.team-member small{color:#92a9bb;font-size:11px}.presence{background:#668197}.presence.online{background:#43dab4;box-shadow:0 0 0 3px #43dab415}
.isolation-note{border-color:#2b4154;color:#99b1c4;font-size:12px}.isolation-note span{color:#53d7bf}
.topbar{background:#ffffff;border-color:#e3e9f1}.breadcrumb{font-size:12px;color:#7890a7}.breadcrumb strong{color:#3f5570}.connection{font-size:11px;color:#627d75}.connection.live{color:#11826b}.connection.live:before{background:#20b48b}.account{font-size:13px}.account .avatar{background:#e7edff;color:#5667b7}
main{padding-top:35px}.eyebrow{color:#66889c;letter-spacing:1.35px}.page-heading{margin-bottom:27px}.page-heading h1{font-size:32px;letter-spacing:-1.2px;font-weight:650;color:#172e45}.page-heading h1>span{color:#0a9d8c}.page-heading p{font-size:13px;line-height:1.65;color:#657a90}
.primary{background:#087f79;border-color:#087f79;box-shadow:0 3px 7px #087f7914;font-size:13px}.primary:hover{background:#076963;border-color:#076963}.secondary{font-size:13px}.quiet{color:#506d89;font-size:11px}.quiet:hover{color:#087f79}
.stats{gap:16px;margin-bottom:27px}.stat{border-color:#e0e7f0;box-shadow:0 2px 5px #20375403;position:relative;padding:22px}.stat>span{font-size:12px;font-weight:550;color:#5b7089}.stat strong{font-size:37px;font-weight:600;letter-spacing:-1.3px;margin:15px 0}.stat small{font-size:10px;color:#76899f}.stat:after{position:absolute;right:20px;top:18px;width:29px;height:29px;display:grid;place-items:center;background:#eaf0fb;color:#5174c4;border-radius:8px;font-size:15px;content:'▦'}.stat[data-stat=por_contactar]:after{content:'→';background:#fff3db;color:#b17a24}.stat[data-stat=progress]:after{content:'↔';background:#eaeefe;color:#7170c8}.stat[data-stat=parceria]:after{content:'✓';background:#d0f1e4;color:#16856a}.stat.green{background:#e7f5ee;border-color:#cce8dc}.stat.green strong{color:#0c7f66}.stat.green>span,.stat.green small{color:#477c6b}
.board{border-color:#dfe7ef;box-shadow:0 3px 14px #2b446104}.board-top{padding-inline:22px}.tabs{gap:23px}.tabs button{font-size:12px;color:#687e94;padding-top:21px}.tabs button.active{color:#087e79;border-color:#0b9c8f}.tabs button span{background:#e2f3ed;color:#198877}.toolbar{padding:18px 22px;gap:13px}.search{max-width:490px;background:#f8fafc;border-color:#dce5ee;padding-inline:12px}.search input{font-size:12px;padding-block:12px}.search svg{stroke:#6d859d}.search kbd{border-color:#dbe3eb;color:#7b91a7}.search:focus-within{background:#fff;border-color:#28a99c;box-shadow:0 0 0 3px #18a99909}.toolbar select{font-size:11px;border-color:#dce5ee;padding-block:12px}.toolbar>span{font-size:11px;color:#748ba0}
table{table-layout:auto}th{background:#f5f8fc;color:#6b8199;font-size:10px;letter-spacing:.6px;padding:14px 15px;border-color:#e4ebf3}td{padding:21px 15px;border-color:#edf1f6;font-size:12px}.brand-row:hover{background:#f6fbfc}.brand-row:focus-visible{outline:2px solid #14a595;outline-offset:-2px}
.brand-cell{gap:12px}.brand-cell strong{font-size:13px;color:#233b54;display:block;max-width:210px;overflow:hidden;text-overflow:ellipsis}.brand-tile{width:43px;height:43px;border-radius:12px;background:#edf2f9;border:1px solid #e0e8f1;color:#47738f;font-size:14px;position:relative;box-shadow:0 1px 2px #0d325008}.brand-tile img{position:absolute;width:28px;height:28px;object-fit:contain;opacity:0}.brand-tile.has-logo{background:white}.brand-tile.has-logo img{opacity:1}.brand-tile.has-logo .brand-initials{visibility:hidden}.brand-cell small,.website-link{color:#748ba1;font-size:11px;margin-top:6px;display:flex;align-items:center;gap:4px;max-width:210px;overflow:hidden;text-overflow:ellipsis}.website-link:hover{color:#078a80;text-decoration:underline;text-underline-offset:3px}.website-link svg{width:11px;height:11px;flex-shrink:0}
svg{fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.contacts-cell{min-width:200px;max-width:260px}.contact-person{display:flex;align-items:center;gap:7px;font-size:11px;color:#294b67;font-weight:600;margin-bottom:6px}.contact-person svg{width:13px;height:13px;color:#7590a4;flex-shrink:0}.contact-line{display:flex;gap:7px;align-items:center;min-height:24px;font-size:11px;color:#4a6480;max-width:245px}.contact-line>svg{width:14px;height:14px;flex-shrink:0;color:#7991a7}.contact-line.telegram>svg{color:#479aca}.contact-line a,.contact-line>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:195px}.contact-line a:hover{color:#078f83;text-decoration:underline;text-underline-offset:3px}.copy-contact{background:none;border:0;display:inline-flex;padding:4px;border-radius:4px;color:#8aa0b4;margin-left:auto;flex-shrink:0}.copy-contact svg{width:13px;height:13px}.copy-contact:hover{background:#dff4ed;color:#12836c}.no-contact{font-size:11px;color:#8b9aae}.badge{font-size:10px;font-weight:550;letter-spacing:0;padding:7px 9px;border-radius:6px;color:#94702d;background:#fff4da}.badge.em_contacto{background:#e9f0ff;color:#497ac0}.badge.respondeu{background:#edf0ff;color:#676bc0}.badge.negociacao{background:#f2eafd;color:#8a58b5}.badge.parceria{background:#dcf4e8;color:#218963}.badge.sem_interesse{background:#f1f3f7;color:#7b8596}.owner-chip{font-size:11px;color:#4d657c}.owner-chip .mini-avatar{width:27px;height:27px;font-size:10px;background:#e2f2f1;color:#2a8b86}.owner-chip.sousa .mini-avatar{background:#e9e7fb;color:#7a6abe}.claim{font-size:11px;color:#18887d;border-color:#a8d5ca;background:#f5fcf9}.claim:hover{background:#e2f5ed}.contact-date-cell{font-size:11px;color:#536b83}.contact-date-cell small{display:block;font-size:10px;color:#8b9caf;margin-top:6px}.row-arrow{background:#f3f7fa;border:1px solid #e6ecf2;color:#66849d;width:29px;height:29px;border-radius:7px;display:grid;place-items:center}.row-arrow svg{width:14px;height:14px}.row-arrow:hover{border-color:#b0d5cb;background:#e5f5ef;color:#168b78}
.board-footer{background:#fbfcfe;color:#7890a6;font-size:10px}.board-footer .live-dot{background:#22aa91}.empty{padding-block:48px}.empty-icon{color:#1e9d90}.empty h3{color:#35536e;font-size:18px}.empty p{color:#778ea3;font-size:13px}.recent-strip .eyebrow{color:#8096aa;font-size:9px}.recent-strip p{color:#678098;font-size:11px}.page-footer{color:#526e87}.page-footer span{color:#8197a9;font-size:10px}
.brand-preview{display:flex;align-items:center;gap:14px;padding:17px;background:#f1f7fa;border:1px solid #e0ebf1;border-radius:10px;margin-top:22px}.brand-preview .brand-tile{width:52px;height:52px;flex-shrink:0}.brand-preview .brand-tile img{width:34px;height:34px}.brand-preview strong{font-size:15px;color:#234d65;display:block;overflow-wrap:anywhere}.brand-preview small{color:#708fa1;font-size:11px;display:block;margin-top:5px;overflow-wrap:anywhere}.field-help{font-size:11px;line-height:1.5;color:#7b90a2;margin:7px 0 0}label{color:#3b566d;font-size:12px}input,select,textarea{border-color:#dbe5ee;color:#28465d}input:focus,select:focus,textarea:focus{border-color:#33a899;box-shadow:0 0 0 3px #0b9c910d}input::placeholder,textarea::placeholder{color:#94a6b6}dialog{border-color:#dce8ef}.dialog-head{background:#fbfdff}.dialog-head h2{color:#203e56}.dialog-footer{background:#f8fbfd}.icon-button{background:#eef3f8;color:#7590a4}.brand-history{color:#7c91a4}.form-error{color:#b45254}#toast{background:#153d4e}.activity-item{border-color:#e9eff4}.activity-item small,.activity-item time{color:#7b90a5}.section-heading span{color:#7b90a5}
.login-story{background:#132d40}.login-story .brand-icon{background:#0da69a;color:white}.wordmark-dot{color:#53ccb6}.story-content .eyebrow{color:#71beb8}.story-content em{color:#87e3ca}.story-content p{color:#b6cad8}.story-card{background:#ffffff05;border-color:#ffffff18}.story-card .mini-avatar{background:#1e6d75;color:#9de7da}.story-card small{color:#a7c4d0}.story-footer{color:#8caabb}.login-panel .eyebrow{color:#5f8ba3}.login-panel .muted{color:#71889b}.login-panel h2{color:#1c3b51}.login-note{color:#8396a5}
@media(min-width:1600px){td{padding-block:23px}.brand-cell strong{font-size:14px}.contact-line{font-size:12px;max-width:280px}.contact-line a,.contact-line>span{max-width:225px}.contacts-cell{max-width:300px}.stat{padding:25px}.stat small{font-size:11px}}
@media(max-width:1200px) and (min-width:761px){main{padding:26px 22px}.sidebar{width:195px}.workspace{margin-left:195px}.stat{padding:18px}.stat:after{width:24px;height:24px;right:12px;top:15px}.stat>span{font-size:11px}.stat small{font-size:9px}.brand-cell strong,.website-link{max-width:150px}.brand-tile{width:35px;height:35px;border-radius:9px}.brand-tile img{width:24px;height:24px}td,th{padding-inline:11px}.contacts-cell{min-width:180px}.contact-line{max-width:205px}.contact-line a,.contact-line>span{max-width:155px}.contact-date-cell{min-width:105px}}
@media(max-width:760px){.sidebar{padding:16px}.sidebar .wordmark{font-size:22px}.nav-item{font-size:11px;padding:10px}.nav-item.active{box-shadow:inset 0 -2px #35cfb3}.topbar{height:60px}.connection{font-size:0}.page-heading h1{font-size:28px}.page-heading p{font-size:12px}.page-heading{gap:17px}.page-heading .primary{width:100%;justify-content:center;padding:13px}.stats{gap:10px}.stat{padding:17px}.stat>span{font-size:11px}.stat strong{font-size:30px;margin:13px 0}.stat small{font-size:9px;line-height:1.5;max-width:145px}.stat:after{right:12px;top:39px;width:25px;height:25px;font-size:13px}.board-top{padding:0 13px}.tabs{gap:17px}.tabs button{font-size:11px}.toolbar{padding:15px 13px}.search input{font-size:12px}.toolbar select{font-size:12px}.table-wrap{padding:0 13px 14px;background:#f8fafc;overflow:visible}table,tbody{display:block;width:100%}thead{display:none}.brand-row{display:grid;grid-template-columns:1fr 1fr;gap:0;background:white;border:1px solid #dfe8f0;border-radius:11px;margin-top:12px;padding:14px;position:relative}.brand-row td{display:block;padding:10px 0;border:0;min-width:0}.brand-row .brand-info-cell{grid-column:1/-1;padding:0 32px 12px 0!important;border-bottom:1px solid #edf1f6}.brand-cell strong{font-size:14px;max-width:230px}.brand-cell small,.website-link{font-size:11px;max-width:220px}.brand-tile{width:42px;height:42px}.brand-row .contacts-cell{grid-column:1/-1;max-width:none;min-width:0;padding:12px 0;border-bottom:1px solid #edf1f6}.contact-line{font-size:12px;max-width:none;min-height:29px}.contact-line a,.contact-line>span{max-width:calc(100% - 58px)}.contact-person{font-size:12px}.copy-contact{padding:6px;background:#f5f8fb}.copy-contact svg{width:14px;height:14px}.state-cell:before,.owner-cell:before{content:attr(data-label);display:block;font-size:10px;color:#8499aa;margin:3px 0 7px}.brand-row .owner-cell{padding-left:12px}.badge{font-size:10px}.owner-chip{font-size:12px}.brand-row .contact-date-cell{grid-column:1/-1;display:flex;justify-content:space-between;gap:10px;padding:10px 0 0;border-top:1px solid #edf1f6;white-space:normal;font-size:10px}.contact-date-cell small{font-size:10px;margin:0}.contact-date-cell>span:before{content:'Último contacto: ';color:#8a9eaf}.brand-row .edit-cell{position:absolute;right:13px;top:13px;padding:0}.row-arrow{width:29px;height:29px}.board-footer{font-size:9px}.recent-strip p{font-size:11px;line-height:1.7}.brand-preview{padding:14px}.brand-preview strong{font-size:14px}.brand-preview small{font-size:10px}.login-story{min-height:310px}.login-panel{padding-top:30px}}
