body,input,textarea,select,button{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
.inbox,.inbox-toolbar,#team-toolbar,#internal-toolbar,.inbox-mode-bar,.queue-tabs{min-width:0}
.inbox-toolbar{gap:9px;overflow:visible}
.channel-switch{max-width:180px;border:1px solid var(--line);border-radius:999px;background:#e5f4ed;color:#086149;padding:3px 9px;font-size:.72rem;font-weight:700;cursor:pointer}html[data-theme="dark"] .channel-switch{background:#264c47;color:#d6f4eb}
.message-react{position:absolute;right:40px;top:5px;width:32px;height:32px;border:0;border-radius:8px;background:var(--surface,#fff);color:var(--ink);font-size:21px;line-height:1;cursor:pointer}.message-react:hover{background:#e4f4ec}.message-react:disabled{opacity:.35;cursor:not-allowed}.message-reactions{font-size:.9rem;line-height:1.1;margin-top:5px}.reaction-dialog{border:1px solid var(--line);border-radius:14px;background:var(--surface,#fff);color:var(--ink);padding:16px;box-shadow:0 18px 45px #0004}.reaction-dialog::backdrop{background:#0005}.reaction-choices{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0}.reaction-choices button{border:1px solid var(--line);border-radius:9px;background:transparent;font-size:1.45rem;padding:6px;cursor:pointer}.reaction-choices button:hover{background:#e4f4ec}
.inbox-mode-bar,.inbox-modes{display:flex;align-items:center;gap:6px}
.inbox-mode-bar{justify-content:space-between}
.inbox-modes button,.unread-quick,.queue-more summary{border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--ink);padding:8px 10px;font-size:.82rem;font-weight:700;cursor:pointer}
.inbox-modes button.active,.unread-quick[aria-pressed="true"]{background:#e4f1ec;border-color:#a8d6c4;color:#086149}
.inbox-modes span,.unread-quick b{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 4px;border-radius:100px;background:#16a578;color:#fff;font-size:.68rem}
.unread-quick{white-space:nowrap}.unread-quick b{margin-left:3px}
#team-toolbar,#internal-toolbar{display:grid;gap:9px}
.queue-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 30px;align-items:center;gap:4px;width:100%;overflow:visible}.queue-tabs>button{width:100%;justify-content:center;white-space:nowrap;font-size:.66rem;min-width:0;padding:6px 3px}.queue-tabs>button span{min-width:17px;height:17px;padding:0 2px;font-size:.61rem}
.queue-more{position:relative;flex:none}.queue-more summary{list-style:none;padding:4px 10px;font-size:1.15rem;line-height:1.2}.queue-more summary::-webkit-details-marker{display:none}
.queue-more>div{position:absolute;right:0;top:calc(100% + 5px);z-index:20;min-width:155px;display:grid;gap:5px;padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--surface,#fff);box-shadow:0 12px 28px #1118272b}.queue-more>div button{justify-content:space-between;width:100%}
.inbox-actions{justify-content:flex-end}.inbox{grid-template-rows:auto auto minmax(0,1fr)}
.inbox-actions #new-qr-chat,.inbox-actions #filters-toggle{min-height:33px;padding:5px 9px;font-size:.73rem;white-space:nowrap}.inbox-actions #new-qr-chat{margin-right:auto;background:#e5f4ed;color:#086149;border-color:#a8d6c4}.new-qr-dialog{width:min(94vw,470px)}.new-qr-form{display:grid;gap:10px}.new-qr-form>label:not(.qr-consent-check){display:grid;gap:4px;font-size:.82rem;font-weight:700}.new-qr-form input:not([type=checkbox]){width:100%;padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--surface,#fff);color:var(--ink)}.qr-consent-check{display:flex;align-items:flex-start;gap:8px;font-size:.79rem}.qr-first-note{margin:0;color:var(--muted);font-size:.77rem}.qr-first-feedback{margin:0;color:#a83232;font-size:.78rem}.new-qr-form>.primary{justify-self:start}
.internal-new{display:flex;gap:6px}.internal-new select{min-width:0;flex:1;border:1px solid var(--line);border-radius:9px;background:var(--surface,#fff);color:var(--ink);padding:8px}.internal-new button{border:0;border-radius:9px;background:#08795e;color:white;padding:8px 10px;font-weight:700}.internal-new button:hover{background:#06664f}
#internal-supervise-wrap{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:.78rem}
.internal-item{width:100%;display:flex;align-items:center;gap:10px;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);padding:13px;cursor:pointer}.internal-item:hover,.internal-item.active{background:#e7f4ef}.internal-avatar{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:50%;background:#d8e7e3;color:#166e58;font-weight:700}.internal-item-main{display:grid;gap:4px;min-width:0;flex:1}.internal-item-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.internal-item>b{border-radius:999px;background:#17ac7b;color:#fff;padding:3px 7px;font-size:.7rem}.internal-list-empty{padding:20px;color:var(--muted);font-size:.9rem}
.internal-detail{height:100%;min-height:0;display:flex;flex-direction:column}.internal-detail>header{display:flex;align-items:center;gap:8px;padding:13px;border-bottom:1px solid var(--line);background:var(--surface,#fff)}.internal-detail>header button{border:0;background:transparent;color:var(--ink);font-size:1.2rem;cursor:pointer}.internal-detail>header div{display:grid;gap:3px}.internal-detail>header small{color:var(--muted)}.internal-messages{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:10px;padding:18px;background:var(--canvas)}.internal-message{align-self:flex-start;max-width:min(82%,600px);border-radius:12px;background:var(--surface,#fff);padding:10px 13px;box-shadow:0 1px 3px #0001;overflow-wrap:anywhere}.internal-message.mine{align-self:flex-end;background:#d9f4e6}.internal-message strong{font-size:.72rem}.internal-message p{margin:5px 0;white-space:pre-wrap}.internal-message small{display:block;text-align:right;color:var(--muted);font-size:.68rem}.internal-composer{display:flex;gap:8px;padding:10px;border-top:1px solid var(--line);background:var(--surface,#fff)}.internal-composer textarea{flex:1;resize:none;border:1px solid var(--line);border-radius:10px;padding:10px;background:var(--surface,#fff);color:var(--ink)}.internal-composer button{align-self:center;border:0;border-radius:9px;padding:10px 14px;background:#08795e;color:#fff;font-weight:700}.internal-observer{padding:14px;border-top:1px solid var(--line);color:var(--muted);font-size:.82rem}
html[data-theme="dark"] .inbox-modes button.active,html[data-theme="dark"] .unread-quick[aria-pressed="true"]{background:#264c47;color:#d6f4eb}html[data-theme="dark"] .internal-item:hover,html[data-theme="dark"] .internal-item.active{background:#344b49}html[data-theme="dark"] .internal-message.mine{background:#075f59;color:#fff}
@media(max-width:720px){.queue-tabs{gap:3px}.queue-tabs>button{font-size:.64rem;padding:5px 3px}.queue-tabs>button span{min-width:18px;height:18px}.queue-more summary{padding:3px 7px}.internal-mode #internal-conversation{display:none}.internal-chat-open .inbox{display:none}.internal-chat-open .internal-mode #internal-conversation{position:fixed;inset:60px 0 0;z-index:15;display:block;background:var(--canvas)}.internal-message{max-width:92%}}
.conversation-preview{display:flex;flex-direction:column;overflow:hidden}.conversation-preview:not([open]){display:none}.preview-head{flex:none;padding:10px 13px;gap:9px}.preview-head .contact-avatar{width:36px;height:36px}.preview-messages{height:auto;min-height:0;flex:1;padding:12px}.preview-actions{flex:none;display:flex;align-items:center;gap:6px;padding:9px 12px}.preview-actions .quiet{min-height:32px;padding:6px 9px;font-size:.76rem;line-height:1.2;white-space:nowrap}.preview-actions label{display:flex;align-items:center;gap:5px;font-size:.72rem}.preview-actions select{min-width:0;max-width:160px;height:32px;padding:4px 7px;font-size:.72rem}
@media(max-width:720px){.conversation-preview{width:100vw;height:100dvh;max-height:100dvh}.preview-head{padding:8px 10px}.preview-head small{font-size:.67rem}.preview-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:8px 9px calc(8px + env(safe-area-inset-bottom))}.preview-actions>*{min-width:0;flex:auto}.preview-actions .quiet{white-space:normal;text-align:center;min-height:34px;font-size:.68rem;padding:5px}.preview-actions label{grid-column:span 2;min-width:0;display:flex;justify-content:space-between}.preview-actions select{flex:1;max-width:none;min-width:0}.preview-actions .preview-transfer{grid-column:3}.preview-message{max-width:92%}}

/* Internal-chat refinements stay scoped to this module. */
.internal-feedback{display:grid;gap:8px;min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface,#fff)}
.internal-feedback[hidden]{display:none}.internal-feedback p{margin:0;font-size:.82rem;line-height:1.5;overflow-wrap:anywhere}.internal-feedback button{justify-self:start}
.internal-item-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.internal-item[aria-pressed="true"]{box-shadow:inset 3px 0 var(--brand,#08795e)}
.internal-readonly{font-size:.68rem;color:var(--muted);font-weight:600}.internal-list-empty strong{display:block;color:var(--ink)}.internal-list-empty p{margin:8px 0 0;line-height:1.5}
.internal-detail>header>div{min-width:0}.internal-detail>header strong{overflow-wrap:anywhere}.internal-detail>header button{flex:none;min-width:44px;min-height:44px;border-radius:10px}.internal-detail-status{display:grid;place-content:center;justify-items:center;gap:12px;min-height:220px;padding:24px;text-align:center}.internal-detail-status p{max-width:40ch;overflow-wrap:anywhere}
.internal-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end}.internal-composer textarea{min-width:0;width:100%;max-height:180px;line-height:1.45}.internal-composer button{min-height:44px;align-self:end;cursor:pointer}.internal-send-feedback{grid-column:1/-1;margin:0;color:var(--danger,#b42318);font-size:.8rem;line-height:1.5;overflow-wrap:anywhere}.internal-send-feedback:empty{display:none}
.internal-new button{min-height:44px;cursor:pointer}.internal-new select{min-height:44px}.internal-new button:disabled,.internal-composer button:disabled{opacity:.6;cursor:wait}
.internal-message time{font-variant-numeric:tabular-nums}.internal-observer{line-height:1.6;background:var(--surface,#fff)}
@media(max-width:720px){.internal-detail>header{padding:8px 10px}.internal-messages{padding:12px}.internal-composer{padding:10px 10px calc(10px + env(safe-area-inset-bottom))}.internal-detail>header small{font-size:.75rem}}