:root{font-family:Inter,'Segoe UI',sans-serif;color:#172e29;background:#f4f6f5;font-synthesis:none;--green:#176b50;--muted:#74827d;--line:#e3e9e6;--soft:#eaf3ee}*{box-sizing:border-box}body{margin:0;font-size:15px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:28px;letter-spacing:-.8px;font-weight:650}h2{font-size:20px;letter-spacing:-.4px}h3{font-size:16px}.app-shell{display:grid;grid-template-columns:224px 1fr;min-height:100vh}.sidebar{background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:29px 17px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;font-size:25px;font-weight:750;letter-spacing:-1px;padding:0 10px}.brand-mark{background:var(--green);color:white;font-size:32px;border-radius:11px;width:37px;height:37px;line-height:32px;padding-left:9px;position:relative}.brand-mark span{position:absolute;font-size:24px;color:#c4f778;right:2px;top:-7px}.brand-ai{font-size:13px;background:#eaf3ee;color:var(--green);border-radius:5px;padding:3px 5px;margin-left:5px;letter-spacing:0;vertical-align:middle}.workspace{border:1px solid var(--line);border-radius:10px;display:flex;gap:10px;margin:32px 0;padding:12px}.workspace-icon{width:32px;height:32px;border-radius:8px;background:#ecede7;display:grid;place-items:center;font-weight:700}.workspace strong{display:block;font-size:14px}.workspace small{font-size:12px;color:var(--muted)}.nav-label{font-size:10px;letter-spacing:1.4px;color:var(--muted);padding:0 12px;margin:1px 0 12px}nav{display:grid;gap:6px}nav button{display:flex;align-items:center;gap:12px;border:0;background:none;text-align:left;padding:12px;border-radius:8px;color:#65756e;font-size:14px}nav button>span{font-size:22px;width:22px;line-height:20px}nav button.active{background:var(--soft);color:#166b50;font-weight:650}nav b{font-size:11px;margin-left:auto;border-radius:5px;background:#d4e9dc;padding:2px 6px}.sidebar-bottom{margin-top:auto;color:var(--muted);font-size:11px;padding:12px 6px 0}.local-indicator{font-size:11px;margin-bottom:10px;display:flex;gap:6px;align-items:center}.local-indicator>span{width:6px;height:6px;border-radius:50%;background:#429878}main{min-width:0}.topbar{height:79px;display:flex;justify-content:space-between;align-items:center;padding:0 32px;border-bottom:1px solid var(--line);background:#fff;font-size:14px;gap:16px}.breadcrumb{color:#86938c}.breadcrumb span{margin:0 12px;color:#b9c2bc}.top-actions{display:flex;align-items:center;gap:12px}.avatar{width:40px;height:40px;flex-shrink:0;border-radius:12px;background:#e8eee9;display:grid;place-items:center;font-size:13px;font-weight:650;color:#52735e}.avatar.me{border-radius:50%;width:31px;height:31px;font-size:10px;background:#253e34;color:white}.badge{display:inline-flex;align-items:center;white-space:nowrap;font-size:12px;font-weight:550;padding:5px 9px;border-radius:6px;background:#edf2ee;color:#536b5d}.badge.green{background:#e5f2e8;color:#267644}.badge.orange{background:#fff1da;color:#a46a13}.badge.purple{background:#eeebf8;color:#7963a6}.badge.red{background:#f9e9e9;color:#a44545}.environment{font-size:12px;text-align:center;background:#f3f1e6;color:#827441;padding:9px 18px;border-bottom:1px solid #e8e4d3}.environment.real{background:#eaf3ed;color:#32694f;border-color:#dce9df}#content{padding:30px 32px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:25px}.subtitle{color:var(--muted);font-size:14px;margin-top:7px;line-height:1.6}.button{border:1px solid #dce4df;background:#fff;color:#3b5145;padding:10px 15px;border-radius:8px;font-weight:550;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:7px}.button:hover{background:#f1f6f2}.button.primary{background:var(--green);border-color:var(--green);color:#fff}.button.primary:hover{background:#11543e}.button.small{padding:7px 11px;font-size:12px}.button.ghost{border-color:transparent;background:transparent}.button.danger{color:#a84945}.actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:25px}.metric{padding:18px 21px;background:white;border:1px solid var(--line);border-radius:12px;position:relative}.metric-label{font-size:12px;color:var(--muted)}.metric-number{font-size:28px;font-weight:650;margin-top:9px;letter-spacing:-1px}.metric-note{font-size:11px;color:#8a988f;margin-top:6px}.metric-icon{position:absolute;right:17px;top:19px;color:#859b8b;font-size:21px}.inbox{display:grid;grid-template-columns:300px minmax(0,1fr);border:1px solid var(--line);border-radius:13px;background:white;overflow:hidden;height:calc(100vh - 357px);min-height:480px}.conversation-list{border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.list-top{padding:20px 18px 14px;border-bottom:1px solid var(--line)}.list-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;font-size:14px;font-weight:650}.search{width:100%;border:1px solid var(--line);border-radius:7px;background:#fafcfb;padding:10px 12px;font-size:13px}.list-items{overflow:auto}.conversation{width:100%;border:0;border-bottom:1px solid #f0f3f1;background:white;padding:19px 17px;display:flex;gap:12px;text-align:left}.conversation:hover{background:#f8fbf9}.conversation.selected{background:#edf5ef;border-left:3px solid var(--green);padding-left:14px}.conversation-body{min-width:0;flex:1}.conversation-name{font-size:14px;font-weight:600;display:flex;justify-content:space-between;gap:5px}.conversation-name small{font-size:10px;font-weight:400;color:#8b9a8f}.conversation-preview{font-size:12px;color:#829086;margin-top:7px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.conversation .badge{font-size:10px;padding:3px 6px;margin-top:9px}.chat{display:flex;flex-direction:column;min-height:0;min-width:0}.chat-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:17px 22px;gap:12px}.chat-person{display:flex;gap:11px;align-items:center}.chat-person small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.chat-body{flex:1;overflow:auto;background:#fafcfb;padding:22px;display:flex;flex-direction:column;gap:12px}.day-label{font-size:10px;letter-spacing:.6px;color:#94a299;text-align:center;margin-bottom:15px}.bubble{max-width:80%;padding:13px 16px;border-radius:0 12px 12px 12px;border:1px solid #e6ebe7;background:#fff;font-size:14px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.bubble.out{align-self:flex-end;background:#e8f3ea;border-color:#deebe1;border-radius:12px 0 12px 12px}.bubble small{display:block;font-size:10px;text-align:right;color:#8a998f;margin-top:7px}.compose{padding:15px 20px;border-top:1px solid var(--line);background:white}.compose textarea{border:0;background:#f7f9f7;resize:vertical;width:100%;min-height:70px;padding:12px;border-radius:8px;font-size:14px}.compose-footer{display:flex;align-items:center;justify-content:space-between;margin-top:10px;gap:8px}.compose-footer small{font-size:11px;color:#96a097}.ai-draft{padding:14px;background:#f5f2fc;border:1px solid #e7e0f3;border-radius:9px;margin-bottom:10px}.ai-draft strong{font-size:12px;color:#776393}.ai-draft textarea{background:#fff;margin:10px 0;font-size:14px}.panel{background:white;border:1px solid var(--line);border-radius:12px;padding:25px}.panel+.panel{margin-top:20px}.empty{color:var(--muted);text-align:center;padding:50px 20px;line-height:1.7}.empty strong{display:block;color:#355443;font-size:18px;margin-bottom:8px}.grid-two{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:22px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:19px;font-size:13px;font-weight:550}.field input,.field textarea,.field select{width:100%;border:1px solid #dce5de;background:white;padding:11px 12px;border-radius:8px;outline-color:var(--green);font-size:14px;color:#294d38}.field textarea{resize:vertical;line-height:1.6}.field small,.hint{font-size:12px;color:var(--muted);font-weight:400;line-height:1.6}.check{display:flex;gap:9px;align-items:flex-start;font-size:13px;font-weight:400;line-height:1.6}.check input{width:16px;height:16px;accent-color:var(--green);margin-top:3px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;color:#89978e;font-size:11px;letter-spacing:.5px;font-weight:500;text-transform:uppercase;background:#fafcfb}td,th{padding:15px;border-bottom:1px solid var(--line)}td small{color:var(--muted);font-size:12px}.contact-cell{display:flex;align-items:center;gap:11px}.campaign-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:20px}.campaign-card{padding:23px;background:#fff;border:1px solid var(--line);border-radius:12px}.campaign-card header{display:flex;justify-content:space-between;gap:10px;margin-bottom:17px}.campaign-card p{color:#718078;font-size:14px;line-height:1.6;white-space:pre-wrap;min-height:52px}.campaign-count{display:flex;justify-content:space-between;margin:19px 0 8px;font-size:12px;color:var(--muted)}progress{appearance:none;width:100%;height:5px;border:0;display:block;margin-bottom:20px}progress::-webkit-progress-bar{background:#edf2ee;border-radius:4px}progress::-webkit-progress-value{background:#4c9470;border-radius:4px}.callout{padding:16px;background:#eff5f0;border-radius:9px;font-size:13px;line-height:1.7;color:#466352;margin:18px 0}.connection-card{max-width:620px;margin:0 auto;text-align:center;padding:35px}.connection-symbol{font-size:45px;color:var(--green);margin:10px 0}.qr{width:250px;max-width:100%;margin:20px auto;display:block}.steps{text-align:left;line-height:2;font-size:14px;color:#61776a;padding-left:22px;margin:24px 0}.notice{padding:16px;background:#fbf6e9;border-radius:9px;font-size:12px;color:#8a794c;line-height:1.7}.activity{list-style:none;padding:0;margin:15px 0 0}.activity li{border-bottom:1px solid var(--line);padding:12px 0;font-size:13px}.activity small{color:var(--muted);display:block;font-size:11px;margin-top:5px}dialog{border:1px solid var(--line);border-radius:16px;padding:28px;width:580px;max-width:calc(100vw - 30px);max-height:90vh;box-shadow:0 20px 80px #19362630}dialog::backdrop{background:#14291e66;backdrop-filter:blur(3px)}.modal-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-heading button{font-size:22px;border:0;background:none;color:#89968e}.modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.selection-list{max-height:170px;overflow:auto;border:1px solid var(--line);border-radius:8px;padding:12px;display:grid;gap:8px}.preview-message{background:#eaf4ed;padding:14px;border-radius:9px;white-space:pre-wrap;font-size:14px;line-height:1.6;margin:10px 0}.loading{padding:50px;text-align:center;color:var(--muted)}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,30px);background:#213e30;color:#fff;box-shadow:0 5px 20px #17312120;border-radius:10px;padding:13px 21px;opacity:0;pointer-events:none;transition:.2s;z-index:10;max-width:90vw;font-size:14px}#toast.show{opacity:1;transform:translate(-50%,0)}#toast.error{background:#9c403b}.inline-error{color:#a33f38;font-size:13px;margin-top:12px;line-height:1.6}.muted{color:var(--muted)}.stack{display:grid;gap:15px}.section-title{margin-bottom:20px}.mobile-back{display:none}.data-note{font-size:12px;line-height:1.7;color:#839389;margin-top:20px}
@media(min-width:1550px){#content{max-width:1650px;margin:auto}.inbox{grid-template-columns:350px 1fr}}@media(max-width:1150px){.app-shell{grid-template-columns:190px 1fr}.sidebar{padding:25px 10px}.brand{font-size:22px}#content{padding:25px 20px}.topbar{padding:0 20px}.inbox{grid-template-columns:245px 1fr}.metrics{gap:10px}.metric{padding:16px}.metric-icon{display:none}.chat-head{padding:15px}.chat-head .actions .badge{display:none}}@media(max-width:850px){.app-shell{grid-template-columns:74px 1fr}.sidebar{padding:24px 8px}.brand{padding:0 10px}.brand>span:last-child,.workspace,.nav-label,.sidebar-bottom{display:none}nav{margin-top:40px}nav button{font-size:0;padding:15px 16px}nav button>span{font-size:24px}nav b{display:none}.grid-two{grid-template-columns:1fr}.topbar .breadcrumb{display:none}.topbar{padding:0 16px}.metrics{grid-template-columns:repeat(2,1fr)}.inbox{height:590px}.page-heading{align-items:flex-start}.page-heading h1{font-size:24px}.top-actions .avatar{display:none}}@media(max-width:620px){.app-shell{display:block}.sidebar{height:auto;position:sticky;z-index:3;padding:9px 14px;border-bottom:1px solid var(--line);flex-direction:row;justify-content:space-between;align-items:center}.brand{padding:0}.brand-mark{width:30px;height:30px;font-size:27px;line-height:27px}.brand-mark span{font-size:20px}nav{display:flex;margin:0;gap:0}nav button{padding:9px}nav button>span{font-size:23px}.topbar{height:62px;font-size:13px}.top-actions{gap:6px}.top-actions .button{font-size:10px;padding:7px}.top-actions .badge{font-size:10px}.environment{font-size:11px}#content{padding:22px 14px}.page-heading{gap:10px}.page-heading .button{font-size:11px;padding:9px}.subtitle{font-size:12px}.metrics{gap:9px;margin-bottom:18px}.metric{padding:13px}.metric-number{font-size:23px}.metric-note{font-size:10px}.inbox{display:block;height:auto;min-height:500px}.conversation-list{max-height:240px;border-right:0;border-bottom:1px solid var(--line)}.list-top{padding:12px}.list-heading{margin-bottom:8px}.conversation{padding:12px}.chat{min-height:520px}.chat-body{min-height:180px;max-height:350px;padding:15px}.chat-head{padding:12px}.chat-head .actions{max-width:110px;justify-content:flex-end}.chat-head .button{font-size:10px}.compose{padding:12px}.compose-footer small{display:none}.bubble{max-width:92%}.panel{padding:18px}.campaign-grid{grid-template-columns:1fr}.connection-card{padding:20px}.table-wrap{margin:0 -8px}.grid-two{gap:16px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.inbox-filters{margin-bottom:12px;gap:5px}.inbox-filters .button{font-size:11px;padding:6px 8px}.message-author{display:block;color:#386b57;font-size:12px;margin-bottom:6px}

/* TopTalk inbox organization */
.inbox-filters{gap:6px;flex-wrap:wrap}.inbox-filters .button{font-size:12px;padding:7px 10px}.organization-note{font-size:11px;color:var(--muted,#73857f);line-height:1.5;margin:10px 0}.chat-head{flex-wrap:wrap}.chat-tools{display:flex;flex-wrap:wrap;gap:6px;width:100%;padding-top:10px;border-top:1px solid #e2eae6}.chat-tools .button{font-size:11px}.unread-count{display:inline-flex;border-radius:20px;background:#176e57;color:white;font-size:11px;padding:2px 7px;margin-left:6px}.conversation-name{flex-wrap:wrap}.list-top{flex-shrink:0}
@media(max-width:620px){.conversation-list{max-height:440px}.list-items{min-height:140px}.chat-tools{gap:5px}}

/* Conversation workspace */
body[data-view="inbox"] .page-heading{margin-bottom:14px}body[data-view="inbox"] .page-heading h1{font-size:23px}body[data-view="inbox"] .subtitle{font-size:12px;margin-top:4px}body[data-view="inbox"] #content{padding:20px 24px;height:calc(100dvh - 106px);display:flex;flex-direction:column;min-height:560px}body[data-view="inbox"] .metrics{display:none}body[data-view="inbox"] .inbox{flex:1;min-height:0;height:auto;grid-template-columns:320px minmax(0,1fr);box-shadow:0 8px 35px #193e2808}.topbar{height:66px}.environment{padding:8px 14px;font-size:11px}.list-top{padding:18px}.list-heading{font-size:16px}.inbox-filters{gap:5px;max-height:118px;overflow:auto}.inbox-filters .button{border-radius:18px;font-size:11px;padding:6px 9px}.organization-note{font-size:10px;margin:8px 0;color:#78867f}.search{background:#f2f5f3;border-color:transparent}.conversation{padding:15px 17px}.conversation.selected{background:#e7f4ed;border-left:3px solid #176b50}.conversation-name{font-size:13px}.conversation-preview{font-size:12px}.chat{min-height:0;min-width:0}.chat-head{padding:15px 22px;gap:12px;background:#fff;position:relative}.chat-body{background:#f3f6f3;background-image:radial-gradient(#d6e2da 0.65px,transparent 0.65px);background-size:18px 18px;padding:24px;min-height:0}.bubble{background:white;border:1px solid #e4ebe6;box-shadow:0 2px 3px #173b2610;border-radius:4px 14px 14px 14px;max-width:76%;padding:12px 15px}.bubble.out{background:#dff1e5;border-radius:14px 4px 14px 14px}.compose{padding:13px 20px;background:white}.compose textarea{min-height:65px;height:65px;background:#f4f7f5;border:1px solid #e5ece7;border-radius:12px}.compose .hint{font-size:10px;margin-top:6px}.chat-tools{width:auto;border:0;padding:0;margin-left:auto;position:relative;font-size:12px}.chat-tools summary{cursor:pointer;list-style:none;padding:8px 10px;border-radius:8px;background:#f1f5f2}.chat-tool-menu{position:absolute;right:0;top:38px;z-index:4;padding:8px;background:white;box-shadow:0 10px 40px #183d2830;border:1px solid #dfe8e1;border-radius:12px;min-width:205px;display:grid;gap:5px}.chat-tool-menu button{text-align:left;border:0}.chat-tools:not([open]) .chat-tool-menu{display:none}.chat-image,.chat-video{display:block;max-width:100%;max-height:360px;border-radius:10px;object-fit:contain;background:#e5eae6}.media-slot{margin-bottom:8px;min-width:190px}.media-load{display:grid;place-items:center;gap:8px;min-height:120px;width:100%;background:#e8f1eb;border:1px solid #ccdcd0;border-radius:10px;color:#246449;padding:20px}.media-load small{font-size:10px}.empty{line-height:1.7}.empty strong{display:block;font-size:20px;margin-bottom:8px}
@media(max-width:1000px){body[data-view="inbox"] .inbox{grid-template-columns:270px minmax(0,1fr)}body[data-view="inbox"] #content{padding:14px}.bubble{max-width:92%}}
@media(max-width:620px){body[data-view="inbox"] #content{height:auto;min-height:0;padding:12px}body[data-view="inbox"] .inbox{display:flex;flex-direction:column;min-height:75vh}.conversation-list{max-height:360px}.list-items{min-height:120px}.chat{min-height:480px}.chat-body{min-height:220px}.chat-tools{margin-left:0}.chat-head .actions{max-width:none}.page-heading .subtitle{display:none}.chat-image,.chat-video{max-height:260px}}

.chat-audio{display:block;width:320px;max-width:100%}.media-slot .button{white-space:normal;overflow-wrap:anywhere}

.message-link{color:#14668a;text-decoration:underline;overflow-wrap:anywhere}.link-card{display:flex;flex-direction:column;max-width:420px;border:1px solid #d7e3da;border-radius:12px;overflow:hidden;background:#fff;margin-top:10px;white-space:normal}.link-card img{width:100%;max-height:220px;object-fit:cover}.link-card strong,.link-card span{padding:10px 12px}.link-card span{font-size:12px;color:#63756b;padding-top:0}.bubble{overflow-wrap:anywhere;white-space:pre-wrap;min-width:0}.chat-image{max-width:100%;width:340px;object-fit:contain}.mobile-back{display:none}.chat-head .chat-person{min-width:0;flex:1}.chat-person strong{overflow-wrap:anywhere}.chat-tools{margin-left:0}.page-heading .actions{flex-wrap:wrap}.selection-list label{min-height:42px}.media-slot{min-width:0;max-width:100%}.chat-head{flex-shrink:0}.chat-body{overflow-x:hidden}.chat-tool-menu{max-width:calc(100vw - 36px)}
@media(max-width:620px){body[data-view="inbox"] #content{height:calc(100dvh - 152px);min-height:460px}.page-heading{flex-wrap:wrap;margin-bottom:8px!important}.page-heading h1{font-size:19px!important}.page-heading .actions{gap:5px}.page-heading .button{font-size:10px;padding:7px}.inbox{min-height:0!important}.inbox .conversation-list{flex:1;max-height:none;min-height:0;display:flex}.inbox .chat{display:none;min-height:0;height:100%;flex:1}.inbox .chat-body{min-height:0;max-height:none;flex:1;padding:12px}.list-items{min-height:0!important;overflow:auto;flex:1}.list-top{padding:12px}.inbox-filters{max-height:none}.organization-note{display:none}.chat-head{gap:6px;padding:10px}.chat-head .chat-person{flex-basis:100%}.chat-head .actions{max-width:none}.chat-head .button,.chat-tools summary{font-size:10px;padding:6px}.mobile-back{display:inline-block}.compose{padding:10px}.compose .hint{display:none}.chat-audio{max-width:100%;width:260px}.bubble{max-width:95%}.link-card{max-width:100%}body[data-mobile-chat="true"] .inbox .chat{display:flex}body[data-mobile-chat="true"] .inbox .conversation-list{display:none}.topbar .breadcrumb{display:none}.environment{font-size:9px;padding:5px}.chat-tool-menu{right:auto;left:0}.brand{font-size:19px}nav button{padding:7px}}
.chat-head .chat-person{flex:1 1 260px;min-width:200px}.chat-person>div:last-child{min-width:0}.chat-person strong{word-break:normal;overflow-wrap:break-word}@media(max-width:620px){.chat-head .chat-person{flex-basis:100%;min-width:0}}

.campaign-builder{display:grid;gap:12px}.campaign-preview-list{max-height:300px;overflow:auto}.campaign-preview-list .preview-message{margin:8px 0;white-space:pre-wrap}.job-preview{white-space:pre-wrap;min-width:200px;max-width:400px}.selection-list [hidden]{display:none!important}
/* Identidade TopTalk original, apresentada diretamente da referência fornecida. */
.brand{padding:0;display:flex;justify-content:center;min-width:0}.toptalk-logo{display:block;width:100%;max-width:190px;height:auto}.toptalk-icon{display:none}
@media(max-width:850px){.brand .toptalk-logo{display:none}.brand .toptalk-icon{display:block;width:42px;height:42px;flex:none}}

/* TopTalk — identidade azul da marca */
:root{color:#0b2137;background:#f3f6fb;--green:#0866ff;--muted:#687b91;--line:#e1e8f2;--soft:#eaf2ff;accent-color:#0866ff}
body{background:#f3f6fb;color:#0b2137}
.sidebar{background:linear-gradient(180deg,#fff 0%,#fff 38%,#f1f6ff 100%);border-right-color:#dfe7f3}
.workspace{border-color:#e0e9f7;background:#f7faff;border-radius:14px}.workspace-icon{background:#e5efff;color:#075fe7}
nav button{color:#61758b;transition:background .15s,color .15s}nav button:hover{background:#eef4ff;color:#075de0}
nav button.active{background:linear-gradient(110deg,#087dff,#0753ed);color:#fff;box-shadow:0 5px 14px #0866ff20}nav b{background:#e3edff;color:#0757ce}nav button.active b{background:#ffffff26;color:#fff}
.topbar{border-bottom-color:#e3eaf5;background:#fff}.breadcrumb{color:#7a8da3}.avatar.me{background:#071f37}
.environment.real{background:#eef5ff;color:#37618f;border-color:#dfebfc}
h1,h2,h3,.list-heading,.chat-person strong{color:#081f36}h1{font-weight:750;letter-spacing:-.9px}
.button{border-color:#dce5f1;color:#294765;border-radius:10px}.button:hover{background:#f0f6ff;border-color:#bdd3f6}.button.primary{background:linear-gradient(120deg,#008dff,#0754f5);border-color:#0768f5;color:#fff;box-shadow:0 3px 9px #0866ff1a}.button.primary:hover{background:#0755dc;border-color:#0755dc}.button.danger{color:#ac3939}
.button:focus-visible,nav button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #087bff;outline-offset:3px}
.avatar{background:#eaf1fc;color:#2860a5}.badge{background:#edf3fc;color:#486a93}.badge.purple{background:#eef0ff;color:#6151aa}
.inbox{border-color:#dfe7f2;box-shadow:0 10px 35px #0d335608;border-radius:18px}.list-top{background:#fff}.search{background:#f4f7fc;border-color:#e1e9f5;color:#173454}
.conversation{border-bottom-color:#edf1f8}.conversation:hover{background:#f5f8ff}.conversation.selected{background:#eaf2ff;border-left-color:#0866ff}.conversation-preview{color:#6d8199}.conversation-name small{color:#788ca3}.unread-count{background:#0866ff}
.chat-head{background:#fff}.chat-body{background-color:#f3f6fb;background-image:radial-gradient(#abc4e033 .8px,transparent .8px);background-size:18px 18px}
.bubble{color:#17324e;border-color:#e0e8f3;box-shadow:0 2px 4px #18385505}.bubble.out{background:#e4efff;border-color:#d4e3fb;color:#102f59}.bubble small{color:#7187a0}.message-author{color:#135fac}.day-label{color:#8495aa}
.compose textarea{background:#f3f6fb;color:#173454}.compose textarea:focus{outline:2px solid #9bc4ff}.compose-footer small,.data-note{color:#73859c}
.panel,.campaign-card,.metric{border-color:#e0e8f3;box-shadow:0 4px 20px #0d335604}.field input,.field textarea,.field select{border-color:#dce5f1;color:#173454;background:#fff}.callout,.preview-message{background:#edf4ff;color:#325781}.empty strong{color:#173454}.campaign-card p,.steps{color:#657b94}th{background:#f5f8fd;color:#71849c}progress::-webkit-progress-value{background:#0866ff}
.chat-tool-menu{border-color:#dce5f1}.ai-draft{background:#f1f3ff;border-color:#dfe5ff}.ai-draft strong{color:#4159aa}dialog{color:#173454;box-shadow:0 24px 90px #071f3730}dialog::backdrop{background:#071f3766}#toast{background:#0b2a49}
@media(max-width:620px){.sidebar{background:#fff}.inbox{border-radius:14px}nav button.active{box-shadow:none}.toptalk-icon{border-radius:10px}}

.login-shell{max-width:460px;margin:12vh auto;padding:20px}.login-shell .field{margin-top:28px}.operation-bar{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:10px 24px;background:#edf4ff;flex-wrap:wrap}.operation-bar span{margin-right:auto;font-size:13px}body:has(.operation-bar) #content{padding-top:14px}

/* Hidden controls must remain hidden despite component display rules. */
[hidden]{display:none!important}