:root{font-family:'Segoe UI',Arial,sans-serif;color:#18372a;background:#f3f7f4;font-size:16px;--green:#087b59;--border:#dfe8e1;--muted:#687f71}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button,a,input,textarea,select{outline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #65b799}button{transition:background .15s}h1,h2,h3,p{margin:0}h1{font-size:26px;font-weight:650;letter-spacing:-.8px}h2{font-size:18px;line-height:1.4;font-weight:650}small{font-size:13px}a{color:var(--green)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.primary,.outline{border-radius:8px;min-height:42px;padding:10px 15px;font-weight:600;font-size:14px;display:inline-flex;gap:8px;align-items:center;justify-content:center}.primary{background:var(--green);color:#fff;border:1px solid var(--green)}.primary:hover{background:#066548}.outline{background:#fff;color:#436b55;border:1px solid #d3e1d8}.outline:hover{background:#eef5f0}.text-button{border:0;background:transparent;color:var(--green);font-size:14px;font-weight:600;padding:8px}.muted{color:var(--muted);font-size:14px;line-height:1.65}.error{color:#ad3932;font-size:14px;line-height:1.6;min-height:0}.error:empty{display:none}.error-banner{background:#fff1ef;border-bottom:1px solid #f0d2cc;color:#9c3830;padding:13px 25px;font-size:14px}.brand{display:flex;align-items:center;gap:10px;color:#fff;font-size:30px;font-weight:650;letter-spacing:-1.4px}.brand b{color:#a7f0c9;margin-left:-9px}.brand-icon{width:36px;height:36px;display:grid;place-items:center;background:#a7f0c9;color:#164d36;font-size:25px;border-radius:10px}.brand.dark{color:#1a4330}.eyebrow{font-size:12px;letter-spacing:1.3px;color:#a6bcb0;margin:30px 0 18px}.shell{display:flex;height:100dvh}.sidebar{width:216px;flex-shrink:0;background:#142f27;color:#dfede4;padding:29px 18px 20px;display:flex;flex-direction:column}.sidebar>.brand{margin-left:5px}.sidebar nav{display:grid;gap:7px}.sidebar nav button{display:flex;align-items:center;gap:12px;color:#bdd3c5;border:0;border-radius:8px;background:transparent;text-align:left;padding:13px;font-size:18px}.sidebar nav button span{font-size:14px}.sidebar nav button:hover,.sidebar nav button.active{background:#27493b;color:#b5f4d0}.sidebar-note{margin:auto 6px 28px;padding-top:50px}.sidebar-note small{font-size:11px;letter-spacing:1px;color:#9ab7a5}.sidebar-note p{font-size:18px;line-height:1.6;margin-top:10px;max-width:155px;color:#c3d5c9}.avatar{width:40px;height:40px;flex-shrink:0;background:#e2eee7;color:#386b4f;border-radius:12px;display:grid;place-items:center;font-size:13px;font-weight:700}.profile{display:flex;align-items:center;gap:11px;padding-top:20px;border-top:1px solid #304d3d;min-width:0}.profile>div{min-width:0}.profile strong{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:132px}.profile small{color:#9ebaab;display:block;font-size:12px;margin-top:4px}.profile-actions{display:flex;gap:10px;justify-content:space-between;margin-top:16px}.profile-actions button{border:0;background:transparent;color:#b7cbbf;font-size:12px;padding:3px}.main{min-width:0;flex:1;display:flex;flex-direction:column;overflow:hidden}.topbar{height:100px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 30px;flex-shrink:0}.breadcrumb{font-size:13px;color:#788c80;display:block;margin-bottom:4px}.status-pill{border:1px solid #e5d5b2;border-radius:20px;padding:7px 12px;color:#886a27;background:#fffaf0;font-size:13px}.status-pill.connected{background:#e6f5ec;border-color:#bcdec9;color:#217548}.inbox{display:grid;grid-template-columns:330px minmax(0,1fr);min-height:0;flex:1}.conversation-list{border-right:1px solid var(--border);overflow:auto;background:white}.list-heading{display:flex;align-items:center;justify-content:space-between;padding:25px 22px 18px}.list-heading h2{font-size:16px}.count{border-radius:6px;background:#edf3ef;color:#607568;font-size:13px;padding:3px 7px}.search{display:block;margin:0 20px 16px}.search input{width:100%;background:#f2f6f3;border:1px solid #e4ece6;border-radius:8px;padding:12px;font-size:14px}.filters{display:flex;gap:2px;background:#f0f4f1;padding:4px;margin:0 20px;border-radius:8px}.filters button{flex:1;min-width:0;font-size:12px;padding:7px 4px;border:0;color:#607368;background:transparent;border-radius:5px}.filters button.active{background:white;color:#136a44;box-shadow:0 1px 4px #1733210c}.list-caption{font-size:11px;color:#7d9082;letter-spacing:1px;margin:24px 22px 12px}.conversation{position:relative;display:flex;align-items:flex-start;gap:12px;padding:19px 20px;width:100%;text-align:left;border:0;border-bottom:1px solid #eef3ef;background:white}.conversation.selected{background:#eaf5ee;box-shadow:inset 3px 0 #12815c}.conversation:hover{background:#f3f8f4}.conversation>div{min-width:0;flex:1}.conversation strong{display:block;font-size:14px;padding-right:32px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation p{color:#809084;font-size:13px;margin:6px 0 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation small{color:#67816e;background:#fff;border:1px solid #e2eae3;padding:3px 6px;border-radius:5px;font-size:12px}.conversation time{position:absolute;right:16px;top:22px;font-size:11px;color:#87978b}.color-0{background:#e5eafa;color:#516d98}.color-1{background:#f5eadc;color:#907248}.color-2{background:#e9e3f6;color:#7c659f}.chat{min-width:0;min-height:0;background:#f3f8f4;display:flex;flex-direction:column}.chat-content{display:flex;flex-direction:column;min-height:0;height:100%}.chat-header{display:flex;align-items:center;gap:12px;background:#fff;border-bottom:1px solid var(--border);padding:19px 26px}.chat-header>div{flex:1;min-width:0}.chat-header h2{font-size:16px;overflow-wrap:anywhere}.chat-header small{color:#7d8e81;display:block;margin-top:3px;font-size:12px}.assignment{display:flex;gap:12px;align-items:center;padding:10px 25px;background:#fcfefc;border-bottom:1px solid #e3ebe5;font-size:13px;color:#66816e}.assignment>span{flex:1}.assignment .outline{min-height:31px;padding:6px 9px;font-size:13px}.messages{flex:1;min-height:140px;overflow:auto;padding:26px 30px;display:flex;flex-direction:column;gap:18px}.bubble{max-width:85%;border-radius:13px;padding:13px 16px;line-height:1.55;font-size:16px;white-space:pre-wrap;overflow-wrap:anywhere;box-shadow:0 1px 2px #23443308}.bubble.incoming{background:white;border:1px solid #e1e9e2;align-self:flex-start;border-top-left-radius:3px}.bubble.outgoing{background:#ddefe0;border:1px solid #d0e4d4;align-self:flex-end;border-top-right-radius:3px}.bubble small{display:block;text-align:right;font-size:11px;color:#6c876f;margin-top:7px}.bubble.uncertain{border-color:#d5a659;background:#fff5de}.event{text-align:center;align-self:center;color:#829787;font-size:12px;line-height:1.6;max-width:90%}.day{align-self:center;font-size:12px;border:1px solid #e3eae4;border-radius:20px;padding:5px 12px;background:white;color:#6f8776}.older{align-self:center}.composer{margin:8px 24px 22px;background:white;padding:14px 16px;border:1px solid #dce6de;border-radius:12px}.composer textarea{display:block;width:100%;resize:vertical;max-height:180px;min-height:66px;border:0;font-size:16px;padding:3px;background:transparent;color:#25472f}.composer .muted{margin-bottom:8px;font-size:13px}.composer>div{display:flex;align-items:center;justify-content:space-between;margin-top:10px;gap:10px}.composer small{font-size:11px;color:#85978a}.empty{padding:35px;text-align:center;margin:auto;max-width:470px;color:#738f7c}.empty h2{color:#385f44;font-size:20px;margin-bottom:10px}.empty p{font-size:15px;line-height:1.7;margin-bottom:20px}.empty-icon{display:block;font-size:46px;margin-bottom:18px;color:#86a490}.empty-small{padding:30px 24px;color:#809183;font-size:14px;line-height:1.8;text-align:center}.page-content{padding:30px;overflow:auto;flex:1}.page-intro{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:25px}.page-intro h2{font-size:23px;letter-spacing:-.5px;margin-bottom:8px}.panel{background:white;border:1px solid var(--border);border-radius:14px;padding:26px}.panel>h2{font-size:22px;letter-spacing:-.4px;margin-bottom:12px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px;text-align:left}th{color:#758d7b;font-weight:500;font-size:13px;padding:12px;border-bottom:1px solid #e4ebe5}td{padding:17px 12px;border-bottom:1px solid #edf1ed}tr:last-child td{border-bottom:0}.table-person{display:flex;align-items:center;gap:12px}.table-person strong{display:block}.table-person small{color:#819385}.footnote{margin-top:20px}.connection-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(290px,1fr);gap:24px}.section-icon{display:grid;place-items:center;width:56px;height:56px;background:#e9f6ed;color:#358357;border-radius:14px;font-size:31px;margin-bottom:21px}.steps{padding:0;list-style:none;display:grid;gap:24px;margin:27px 0}.steps li{display:flex;gap:12px}.steps li>span{border-radius:50%;width:28px;height:28px;background:#edf6ef;display:grid;place-items:center;flex-shrink:0;font-size:13px;color:#64876b}.steps strong{font-size:15px;font-weight:600}.steps p{font-size:14px;color:#78907d;margin-top:5px;line-height:1.6}.notice{border:1px solid #dfebdf;border-radius:9px;background:#f5faf5;padding:15px;font-size:13px;color:#6a876e;line-height:1.7}.qr-panel{text-align:center}.qr-area{margin:23px auto;width:min(280px,100%);aspect-ratio:1;display:grid;place-items:center;border-radius:14px;border:1px solid #e4eae4;background:#fafcf9;overflow:hidden}.qr-area img{width:100%;height:auto;background:white}.qr-area #qr-placeholder{font-size:80px;color:#cedece}.qr-panel .primary,.qr-panel .outline{margin:12px 5px 0}.qr-panel .error{margin:12px 0}.qr-panel #qr-time{font-size:12px;min-height:20px}.auth{min-height:100dvh;background:#142f27;display:grid;place-items:center;padding:24px}.auth-card{max-width:460px;width:100%;background:white;border-radius:20px;padding:38px}.auth .eyebrow{color:#7b9786;margin-top:29px}.auth h1{margin-bottom:12px}.auth form{display:grid;gap:18px;margin-top:25px}label{font-size:14px;color:#496753;display:grid;gap:8px}label input,select{width:100%;border:1px solid #d5e1d8;border-radius:8px;padding:11px 12px;background:white;color:#294d33;font-size:16px}.auth-footer{font-size:12px;color:#82998a;border-top:1px solid #e7eee8;padding-top:20px;margin-top:25px}.auth #setup-note{margin-top:20px}dialog{max-width:470px;width:calc(100% - 32px);padding:26px;border:1px solid #dce8df;border-radius:15px;color:#254b32;box-shadow:0 25px 90px #06221225}dialog::backdrop{background:#0a291dcc;backdrop-filter:blur(3px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.icon-button{border:0;background:transparent;font-size:28px;line-height:1;color:#6f8a76}.dialog-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}#dialog-fields{display:grid;gap:18px;margin-top:20px}#dialog-error{margin-top:14px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:100;background:#1a4530;color:white;padding:15px 21px;border-radius:10px;box-shadow:0 5px 20px #08221730;font-size:14px;max-width:calc(100% - 32px);text-align:center}.back{display:none}
@media(min-width:1500px){.inbox{grid-template-columns:390px minmax(0,1fr)}.messages{padding:30px 60px}.composer{margin-left:45px;margin-right:45px}}@media(max-width:1100px){.sidebar{width:180px;padding:25px 12px}.inbox{grid-template-columns:290px minmax(0,1fr)}.topbar{padding:20px}.connection-grid{grid-template-columns:1fr}.composer small{display:none}.messages{padding:22px}.filters button{font-size:11px}.conversation{padding:17px}.chat-header{padding:16px}.page-content{padding:22px}}@media(max-width:760px){.shell{flex-direction:column}.sidebar{width:100%;padding:9px 12px;flex-direction:row;gap:14px;align-items:center;flex-shrink:0}.sidebar>.brand{font-size:0;margin:0}.sidebar>.brand b{display:none}.sidebar .eyebrow,.sidebar-note,.profile{display:none}.sidebar nav{display:flex;gap:4px;flex:1}.sidebar nav button{padding:10px 7px;font-size:0;gap:0}.sidebar nav button span{font-size:12px}.profile-actions{margin:0;flex-direction:column;gap:3px}.profile-actions button{font-size:11px;padding:2px}.main{min-height:0}.topbar{height:80px;padding:15px}.topbar h1{font-size:23px}.breadcrumb{font-size:12px}.status-pill{font-size:11px;padding:6px 9px;max-width:140px}.inbox{display:flex}.conversation-list{width:100%;border:0}.chat{display:none;width:100%}.inbox.selected .conversation-list{display:none}.inbox.selected .chat{display:flex}.back{display:inline-flex;min-height:33px;padding:5px 9px}.chat-header{padding:13px;gap:9px}.chat-header .avatar{width:34px;height:34px;font-size:11px}.chat-header h2{font-size:15px}.chat-header .outline{font-size:12px;padding:8px}.assignment{padding:10px 13px;font-size:12px}.assignment .outline{font-size:12px}.composer{margin:7px 12px 15px;padding:12px}.bubble{max-width:93%}.messages{padding:20px 14px;gap:15px}.page-content{padding:22px 15px}.page-intro{align-items:flex-start;flex-direction:column}.page-intro h2{font-size:22px}.panel{padding:21px}.auth-card{padding:29px}.error-banner{padding:10px 15px}.filters button{font-size:13px;padding:10px 5px}.sidebar .brand-icon{width:32px;height:32px;font-size:22px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.conversation-list .conversation p{display:inline-block;max-width:calc(100% - 62px);margin:4px 5px 0 0;vertical-align:middle}.conversation-list .conversation small{vertical-align:middle;white-space:nowrap}
.search{margin-bottom:8px}.search-scope{margin:0 20px 10px}.search-scope select{padding:7px 10px;font-size:12px;background:#f8faf8}.search-feedback{font-size:11px;color:var(--muted);padding:0 20px;margin:0 0 10px;line-height:1.5}.search-feedback:empty{display:none}.conversation{padding:11px 16px;gap:10px;align-items:center}.conversation .avatar{width:35px;height:35px;border-radius:10px;font-size:11px}.conversation strong{font-size:13px}.conversation p{font-size:12px;margin:3px 0 5px}.conversation small{font-size:10px;padding:1px 5px}.conversation time{top:13px;right:12px;font-size:10px}.list-caption{margin-top:17px;margin-bottom:8px}.search-context{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 20px;background:#fff6df;border-bottom:1px solid #f0dfb7;font-size:12px;color:#7c662b}.search-context button{font-size:12px}.bubble.search-hit{border:2px solid #d5ab45;box-shadow:0 0 0 3px #f9e9bb}.profile-notice{margin-top:20px}.composer .attachment-tools .text-button{width:37px;height:37px;padding:8px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px}.composer .attachment-tools .text-button:hover{background:#e7f4eb}.composer .attachment-tools #record-audio{margin-left:5px;color:#087b59;background:#eaf5ee}.composer .attachment-tools #cancel-recording{color:#a83d37}.attachment-tools svg{pointer-events:none}
.avatar{position:relative;overflow:hidden}.avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.avatar.large{width:96px;height:96px;border-radius:28px;font-size:26px;margin:10px auto 16px}.contact-summary{text-align:center;margin-bottom:22px}#contact-details dt{font-size:12px;color:var(--muted);margin-top:18px}#contact-details dd{margin:6px 0 0;font-size:14px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.composer .attachment-tools{justify-content:flex-start;flex-wrap:wrap;gap:2px;margin:0 0 8px;border-bottom:1px solid var(--border);padding-bottom:6px}.attachment-tools .text-button{font-size:12px;padding:7px}.composer #attachment-preview{border:1px solid var(--border);background:#f5faf6;border-radius:9px;padding:10px;margin-bottom:12px;align-items:center}.preview-content{display:flex;align-items:center;gap:12px;min-width:0}.preview-content img{width:68px;height:68px;object-fit:contain;border-radius:6px}.preview-content span{min-width:0}.preview-content strong{font-size:13px;display:block;overflow-wrap:anywhere}.preview-content small{display:block;margin-top:4px}.preview-content audio{max-width:230px;height:38px}.recording-status{color:#b43b32;font-size:13px;padding:8px}.message-media{white-space:normal;margin-bottom:6px}.message-media img{display:block;max-width:100%;width:300px;max-height:320px;object-fit:contain;border-radius:8px}.message-media audio{max-width:100%;width:280px;height:40px}.download-file{display:block;font-size:12px;overflow-wrap:anywhere;margin-top:6px}.bubble:has(.message-media){min-width:200px}@media(max-width:900px){.preview-content{flex-wrap:wrap}.preview-content audio{max-width:190px}.composer .attachment-tools{gap:0}.chat-header{gap:8px}}@media(max-width:760px){.preview-content small{display:block}.chat-header #contact-profile{padding:6px;font-size:12px}}

.editable-name{font:inherit;font-weight:inherit;color:inherit;background:transparent;border:0;padding:3px 5px;margin:-3px -5px;text-align:inherit;border-radius:5px;cursor:pointer;overflow-wrap:anywhere}.editable-name:hover{background:#e7f4eb;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:4px}.editable-name:focus-visible{outline:2px solid #087b59}
.composer{position:relative}.composer #emoji-picker{position:absolute;left:10px;bottom:calc(100% - 45px);z-index:20;width:min(360px,calc(100% - 20px));background:white;box-shadow:0 8px 30px #13362330;max-height:190px}

.new-conversation{margin:0 20px 13px;width:calc(100% - 40px);min-height:36px;padding:7px 10px;font-size:13px}#dialog-fields textarea{width:100%;border:1px solid #d5e1d8;border-radius:8px;padding:11px 12px;resize:vertical;min-height:100px;color:#294d33}

.conversation-row{position:relative}.conversation-row .conversation{padding-right:34px}.conversation-row .conversation time{right:35px}.chat-more{position:absolute;right:4px;top:8px;border:0;background:transparent;font-size:25px;color:#638471;width:27px;height:32px;border-radius:5px}.chat-more:hover{background:#dceee3}.conversation.is-unread strong{font-weight:800;color:#086747}.unread-dot{color:#0b9569;font-size:11px}.contact-marks{display:inline-flex;gap:5px;vertical-align:middle;font-size:11px;margin-left:5px}.contact-labels{display:flex;flex-wrap:wrap;gap:3px;margin-top:5px}.tag{font-size:10px;line-height:1.4;border-radius:5px;padding:2px 6px;max-width:100%;overflow-wrap:anywhere}.tag-green{background:#d9f0e3;color:#1c6947}.tag-blue{background:#dceafa;color:#285c94}.tag-purple{background:#ece0fa;color:#73459b}.tag-orange{background:#fff0d7;color:#94601c}.tag-red{background:#fbe1df;color:#9a413b}.tag-gray{background:#e7ebea;color:#566660}.contact-menu-actions{display:grid;gap:5px}.contact-menu-actions button{border:0;background:#f3f8f4;border-radius:7px;text-align:left;padding:12px;color:#285c40}.contact-menu-actions button:hover{background:#e2efe6}#chat-menu{max-width:340px}#label-options{display:grid;gap:9px;margin:18px 0;max-height:240px;overflow:auto}.label-option{display:flex;align-items:center;gap:10px}.label-option input{width:17px;height:17px}.label-option .tag{font-size:13px}#label-create{border-top:1px solid var(--border);padding-top:18px;display:grid;gap:12px}#label-create h3{font-size:14px}.message-actions{display:flex;gap:8px;flex-wrap:wrap;white-space:normal;margin-top:8px;border-top:1px solid #b9cfc34f;padding-top:4px}.message-actions button{font-size:11px;border:0;background:transparent;color:#4f7b60;padding:3px;border-radius:4px}.message-actions button:hover{background:#bed9c77a}.quoted-message{margin:0 0 8px;padding:8px 10px;border-left:3px solid #0b8c63;background:#bddac542;border-radius:5px;white-space:pre-wrap;font-size:13px;line-height:1.4;overflow-wrap:anywhere}.quoted-message strong,.quoted-message span{display:block}.quoted-message strong{font-size:11px;color:#187548;margin-bottom:3px}.forwarded-note{font-size:11px;font-style:italic;color:#6f8774;white-space:normal;margin-bottom:5px}#reply-preview{display:flex;align-items:center;gap:10px;background:#eff7f1;border-left:3px solid #087b59;border-radius:6px;padding:9px;margin-bottom:9px}#reply-preview>div{flex:1;min-width:0}#reply-preview strong{font-size:12px;color:#087b59}#reply-preview p{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px}#cancel-reply{border:0;background:transparent;color:#687f71;font-size:22px}.composer .emoji-picker{display:grid;grid-template-columns:repeat(10,1fr);gap:3px;max-height:180px;overflow:auto;padding:8px;border:1px solid var(--border);border-radius:8px;margin-bottom:9px}.emoji-picker button{border:0;background:transparent;padding:4px;font-size:22px;border-radius:6px;min-width:0}.emoji-picker button:hover{background:#e1f0e5}@media(max-width:1000px){.composer .emoji-picker{grid-template-columns:repeat(8,1fr)}}

.message-media video{display:block;width:340px;max-width:100%;max-height:360px;background:#18372a;border-radius:8px}.open-image{display:block;border:0;background:transparent;padding:0;max-width:100%;cursor:zoom-in}.remote-media{min-width:min(230px,100%);background:#f1f6f2;border-radius:8px;padding:12px}.remote-media strong{font-size:13px}.media-load-status,.media-playback-error{font-size:12px;line-height:1.5;color:#61766a;margin:8px 0;white-space:normal}.remote-media .outline{font-size:12px;padding:6px 10px;min-height:32px}#media-viewer{max-width:min(1000px,95vw);width:auto}#media-viewer-image{display:block;max-width:100%;max-height:78vh;object-fit:contain}.conversation-row .conversation.is-unread{background:#fff8dc}.conversation-row .conversation.is-unread:hover{background:#fff1bf}.conversation-row .conversation.is-unread.selected{background:#fff3c9;box-shadow:inset 3px 0 #d6b34c}

/* Compact conversation layout and internal notes. */
.topbar{height:65px;padding:10px 22px}.topbar h1{font-size:22px}.breadcrumb{font-size:11px}.chat-header{padding:9px 18px}.chat-header .avatar{width:34px;height:34px}.chat-header .outline,.composer .primary{min-height:32px;padding:6px 11px;font-size:13px}.assignment{padding:4px 18px;font-size:12px}.assignment .text-button{padding:5px}.messages{padding:16px 20px;gap:11px;min-height:80px}.bubble{font-size:14px;padding:9px 12px;line-height:1.5}.bubble small{margin-top:4px}.composer{margin:5px 16px 10px;padding:8px 12px;flex-shrink:0}.composer textarea{min-height:42px;font-size:14px;max-height:120px}.composer>div{margin-top:5px}.composer .muted:empty{display:none}.composer .muted{font-size:12px;margin-bottom:5px}.composer .attachment-tools{padding-bottom:3px;margin-bottom:4px}.composer .attachment-tools .text-button{height:30px;width:32px;padding:5px}.composer .attachment-tools #whisper-toggle{width:auto;gap:5px;font-size:12px;margin-right:6px;padding:5px 9px;border:1px solid #d9d3e8}.composer.whisper-mode{background:#f7f1ff;border-color:#b99dd4}.composer.whisper-mode #compose-help{color:#684181}.composer #whisper-toggle[aria-pressed=true]{background:#e8d8f7;color:#633789}.whisper-mode #send{background:#754b95;border-color:#754b95}.bubble.internal{align-self:flex-end;background:#eee3f8;border:1px solid #d6bde9;color:#513568}.whisper-label{font-size:11px;font-weight:700;margin-bottom:5px;white-space:normal;color:#754b95}@media(max-width:760px){.topbar{height:54px;padding:8px 13px}.chat-header{padding:8px 10px}.composer{margin:4px 8px 8px}.messages{padding:12px 10px}.assignment{padding:4px 10px}}

.connection-controls{display:flex;gap:7px;align-items:center;margin-left:auto;min-width:0}.connection-controls label{font-size:11px;color:var(--muted)}.connection-controls select{max-width:230px;padding:6px 8px;font-size:12px;width:auto}.connection-controls .outline{min-height:30px;padding:5px 9px;font-size:12px}.connection-controls .text-button{font-size:11px;padding:4px}.connection-badge{display:block;margin-top:5px;font-size:10px;color:#426582;font-weight:600}#connection-form{display:grid;gap:12px}.topbar{height:auto;min-height:65px;flex-wrap:wrap}@media(max-width:1000px){.connection-controls{width:100%;margin:0}.connection-controls select{flex:1;max-width:none}.topbar{gap:5px;padding:7px 12px}.topbar .breadcrumb{display:none}.topbar h1{font-size:18px}}
.connection-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:18px;align-items:start}.connection-card{background:white;border:1px solid var(--border);border-radius:12px;padding:20px}.connection-card header{display:flex;align-items:center;gap:12px}.connection-card h3{font-size:17px;overflow-wrap:anywhere}.connection-light{display:inline-block;width:14px;height:14px;border-radius:50%;flex-shrink:0}.connection-light.online{background:#1b9c58;box-shadow:0 0 0 4px #dcf3e6}.connection-light.offline{background:#d64040;box-shadow:0 0 0 4px #fde5e5}.connection-state{margin:14px 0 9px;font-size:13px;font-weight:600}.connection-qr{display:block;width:230px;max-width:100%;margin:12px auto}.connection-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.connection-actions .primary,.connection-actions .outline{min-height:32px;font-size:12px;padding:6px 10px}.connection-member{display:flex;align-items:center;gap:9px;font-size:14px;margin:10px 0}.connection-member input{width:17px;height:17px}.connection-summary{font-size:12px;color:var(--muted);margin-left:auto}#connection-fields{max-height:45vh;overflow:auto}.quote-link{display:block;width:100%;text-align:left;color:inherit;border:0;border-left:3px solid #0b8c63;cursor:pointer}.quote-link:hover{background:#bad9c875}.quote-link:focus-visible{outline:2px solid var(--green)}
.list-heading{padding:12px 14px 8px}.new-conversation{margin:0 12px 8px;width:calc(100% - 24px);min-height:30px;padding:5px 8px;font-size:12px}.search{margin:0 12px 6px}.search input{padding:7px 9px;font-size:12px}.queue-filters{margin:0 12px 6px;font-size:11px;color:var(--muted)}.queue-filters summary{cursor:pointer;padding:5px 0}.compact-filters{display:grid;grid-template-columns:1fr 1fr;gap:6px}.compact-filters .search-scope{margin:0;min-width:0}.compact-filters select{font-size:11px;padding:5px;min-width:0}.filters{margin:0 12px;padding:3px}.filters button{padding:5px 3px;font-size:11px}.list-caption{margin:10px 14px 5px;font-size:10px}.conversation-row .conversation{padding:8px 32px 8px 12px;gap:8px;min-height:65px}.conversation .avatar{width:30px;height:30px;border-radius:9px}.conversation strong{font-size:12px}.conversation p{font-size:11px;margin:2px 0 3px}.conversation small{font-size:9px}.connection-badge{display:inline;margin-left:5px;font-size:9px}.contact-labels{display:inline-flex;margin:2px 0 0 4px;gap:2px}.tag{padding:1px 4px;font-size:9px}.contact-marks{font-size:10px;margin-left:3px}.conversation time{font-size:9px;top:9px}.chat-more{top:3px;font-size:21px}.dashboard-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}.dashboard-filters label{font-size:12px;min-width:150px}.dashboard-filters select{padding:8px;font-size:13px}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.metric-card{display:grid;gap:10px;padding:18px;background:white;border:1px solid var(--border);border-radius:12px}.metric-card span{font-size:13px;color:var(--muted)}.metric-card strong{font-size:30px;color:var(--green)}.metric-card small{font-size:11px;color:var(--muted)}.metric-note{margin:14px 0 24px;font-size:12px}.supervisor-settings{margin-top:24px}.contact-history-dialog{width:min(760px,94vw);max-width:760px}.history-filters{display:flex;gap:8px;margin:16px 0}.history-filters input{flex:1;min-width:0}.history-filters select{width:140px}#history-results{max-height:55vh;overflow:auto}.history-item{padding:10px;border-bottom:1px solid var(--border)}.history-jump{display:block;border:0;background:transparent;text-align:left;color:inherit;width:100%;padding:4px}.history-jump strong{font-weight:500;font-size:13px;overflow-wrap:anywhere}.history-jump small{display:block;margin-top:5px;font-size:11px;color:var(--muted)}.history-item a{display:block;font-size:12px;overflow-wrap:anywhere;margin-top:6px}.history-jump:hover{background:#edf6ef}#department-users{max-height:45vh;overflow:auto}.sidebar nav button{padding:10px 12px}.sidebar-note{padding-top:20px}.sidebar-note p{font-size:16px}

.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:1000px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.dashboard-filters label{min-width:calc(50% - 8px);flex:1}.sidebar nav{overflow-x:auto}.sidebar nav button{padding:8px 6px}.history-filters{flex-wrap:wrap}.history-filters select{width:100%}}

/* Team controls, compact queue and composer menus. */
.brand-logo{width:160px;max-width:100%;height:48px;object-fit:contain;object-position:left center}.logo-preview{padding:12px;margin-bottom:16px;background:#f2f6f3;border-radius:8px}.member-actions{display:flex;gap:3px;flex-wrap:wrap;max-width:360px}.member-actions button{font-size:12px;padding:5px 7px}.danger{color:#ad3932}.check-line{display:flex;align-items:center;gap:8px;margin:12px 0}.check-line input{width:16px;height:16px;flex-shrink:0}.assigned-avatar{position:absolute;right:7px;top:36px;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;font-size:9px;background:#dcebe2;color:#285c40;overflow:hidden;border:1px solid #fff;pointer-events:none}.assigned-avatar img{width:100%;height:100%;object-fit:cover}.table-person .avatar img,#my-initials img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.new-conversation{background:#087b59;border-color:#087b59;color:#fff;box-shadow:0 2px 5px #087b5920}.new-conversation:hover{background:#066548;color:#fff}.compact-filters .search-scope:last-child{grid-column:1/-1}.filters{display:flex;gap:1px}.filters button{flex:1;white-space:nowrap;font-size:10px;padding:6px 2px}
#chat-menu{position:fixed;inset:auto;margin:0;width:240px;max-width:calc(100vw - 16px);padding:8px;border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 30px #18372a30;z-index:100;animation:menu-slide .14s ease-out}#chat-menu .dialog-header{margin:0;padding:4px 6px 7px;gap:6px}#chat-menu h2{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#chat-menu .contact-menu-actions{gap:2px}#chat-menu .contact-menu-actions button{background:white;padding:10px;font-size:13px}#chat-menu .contact-menu-actions button:hover{background:#edf5f0}.composer .composer-footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.composer-footer .attachment-tools{display:flex;align-items:center;border:0;padding:0;margin:0;gap:2px}.composer-footer .send-hint{margin-left:auto;font-size:10px;color:var(--muted)}.composer-footer #send{margin-left:auto}.attachment-menu-wrap{position:relative}.sliding-menu{position:absolute;bottom:38px;left:0;min-width:190px;background:#fff;padding:7px;border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 30px #18372a25;z-index:30;display:grid;gap:4px;animation:menu-slide .15s ease-out}.composer .attachment-tools .sliding-menu .text-button{display:flex;width:100%;height:auto;min-height:36px;justify-content:flex-start;gap:9px;padding:8px;font-size:12px}.sliding-menu .text-button::after{content:attr(title)}.sliding-menu button:hover{background:#edf5f0}.composer #emoji-picker{bottom:48px}.member-actions small{display:block}#reset-requests{margin-bottom:18px}#password-gate label{display:block;margin:14px 0}#password-gate input{display:block;width:100%;padding:10px;border:1px solid var(--border);border-radius:7px}.table-wrap td>small{display:block}
@keyframes menu-slide{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){#chat-menu,.sliding-menu{animation:none}}@media(max-width:1100px){.composer-footer .send-hint{display:none}}@media(max-width:600px){.member-actions{min-width:180px}.brand-logo{width:110px;height:36px}.composer-footer .attachment-tools #whisper-toggle{font-size:11px;padding:4px}.composer-footer{gap:3px}}

.chat-content{position:relative}.chat-content.file-drag-over::after{content:'Solte o arquivo para anexar · até 25 MB';position:absolute;inset:8px;z-index:50;display:grid;place-items:center;background:#effaf2ed;border:2px dashed #087b59;border-radius:12px;color:#087b59;font-size:18px;font-weight:600;pointer-events:none}.conversation-header-actions{display:flex;align-items:center;gap:5px;margin-left:auto;flex-shrink:0}.chat-header .conversation-action{width:34px;min-width:34px;height:34px;min-height:34px;padding:7px;display:grid;place-items:center;border:1px solid #dce7df;border-radius:8px;color:#287456;background:#fff}.chat-header .conversation-action:hover{background:#e9f4ed}.chat-header>div:not(.conversation-header-actions){min-width:0}.transfer-menu-wrap{position:relative}.transfer-menu-wrap .sliding-menu{top:40px;bottom:auto;left:auto;right:0;width:210px}.transfer-menu-wrap .sliding-menu button{padding:10px;min-height:36px;text-align:left;white-space:nowrap;font-size:13px}.transfer-menu-wrap .sliding-menu button::after{content:none}.performance-card{border-top:3px solid #73b99b}.performance-card strong{font-size:26px}#dash-breakdown td{white-space:nowrap}@media(max-width:760px){.conversation-header-actions{gap:3px}.chat-header .conversation-action{width:30px;min-width:30px;height:30px;min-height:30px;padding:5px}.chat-header .editable-name{font-size:14px}.chat-content.file-drag-over::after{font-size:14px;text-align:center;padding:20px}}

.chat-header .conversation-header-actions{flex:0 0 auto;justify-content:flex-end}