:root{--bg:#f6f7f9;--surface:#ffffff;--surface-muted:#f8fafc;--surface-soft:#EDF8F1;--ink:#111827;--muted:#687385;--line:#e4e7ec;--line-strong:#d3d8e1;--brand:#111a33;--brand-strong:#071126;--accent:#147A45;--accent-hot:#11683C;--accent-lime:#21A863;--amber:#f59e0b;--danger:#dc2626;--success:#147A45;--bubble-out:#E3F4E9;--shadow:0 14px 34px rgba(15,23,42,0.08)}:root[data-theme=dark]{color-scheme:dark;--bg:#090d12;--surface:#111820;--surface-muted:#17212b;--surface-soft:#142D21;--ink:#eef4f8;--muted:#9aa8b8;--line:#263341;--line-strong:#354557;--brand:#050708;--brand-strong:#071126;--accent-hot:#16834A;--accent-lime:#9AE8BB;--amber:#fbbf24;--danger:#fb7185;--bubble-out:#183D2B;--shadow:0 18px 42px rgba(0,0,0,0.38)}*{box-sizing:border-box}body,html{min-height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid rgba(33,168,99,.24);outline-offset:2px}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.brand-kicker,.eyebrow{color:var(--accent);font-size:11px;font-weight:900;letter-spacing:0;margin:0 0 4px;text-transform:uppercase}.brand-logo{align-items:center;display:flex;min-width:0}.brand-logo img{display:block;height:auto;object-fit:contain;width:100%}.hero-logo{max-width:390px;width:min(390px,100%)}.header-logo{max-width:184px;width:min(184px,30vw)}.loading-logo{max-width:300px;width:min(300px,80vw)}.icon-button,.primary-action,.secondary-action,.send-button{align-items:center;border-radius:8px;display:inline-flex;font-weight:850;gap:8px;justify-content:center;min-height:40px;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,transform .15s ease}.primary-action{background:var(--brand);border:1px solid var(--brand);color:#fff;min-height:46px;padding:0 18px}.primary-action:hover,.send-button:hover{background:#183D2B}.secondary-action{background:#ffffff;border:1px solid var(--line);color:var(--brand);padding:0 12px}.icon-button:hover,.profile-menu summary:hover,.secondary-action:hover{border-color:rgba(33,168,99,.46);color:var(--accent)}.secondary-action.danger{background:#fff4f5;border-color:#fecdd3;color:var(--danger)}.secondary-action.full{width:100%}.icon-button{aspect-ratio:1;background:#fff;border:1px solid var(--line);color:var(--ink);flex:0 0 auto;padding:0;width:40px}.icon-button:disabled,.primary-action:disabled,.secondary-action:disabled,.send-button:disabled{cursor:not-allowed;opacity:.55}.muted-button{background:var(--surface-muted);color:#98a2b3}.login-shell{display:grid;grid-template-columns:minmax(320px,440px) minmax(0,1fr);min-height:100vh}.login-panel{align-content:center;background:var(--surface);display:grid;padding:48px}.login-form{display:grid;gap:18px;margin-top:42px;min-width:0;width:100%}.login-form label,.mini-form{display:grid;gap:8px}.login-form label span{color:#344054;font-size:14px;font-weight:760}.global-search,.input-with-icon,.search-box{align-items:center;background:var(--surface-muted);border:1px solid var(--line);border-radius:8px;color:var(--muted);display:flex;gap:10px;min-height:46px;padding:0 14px}.global-search input,.input-with-icon input,.mini-form input,.mini-form select,.search-box input{background:transparent;border:0;color:var(--ink);min-width:0;outline:0;width:100%}.form-error,.notice{background:#fff1f2;border:1px solid #fecdd3;border-radius:8px;color:#be123c;margin:0;padding:10px 12px}.notice{margin:0 12px}.login-aside{align-content:end;background:linear-gradient(135deg,rgba(20,20,20,.96),rgba(3,31,65,.78)),radial-gradient(circle at 22% 35%,rgba(33,168,99,.48),transparent 30%),radial-gradient(circle at 50% 58%,rgba(17,26,51,.58),transparent 28%),radial-gradient(circle at 76% 42%,rgba(33,168,99,.42),transparent 32%);color:#fff;display:grid;gap:24px;padding:64px}.login-aside h2{font-size:42px;line-height:1;margin:0;max-width:720px}.login-aside p{color:rgba(255,255,255,.78);font-size:18px;line-height:1.6;margin:0;max-width:620px}.signal-grid{display:grid;gap:10px;grid-template-columns:repeat(3,52px)}.signal-grid span{aspect-ratio:1;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);border-radius:8px}.loading-screen{align-items:center;display:grid;gap:14px;justify-content:center;min-height:100vh}.app-shell{display:grid;grid-template-rows:68px minmax(0,1fr);height:100vh;overflow:hidden}.topbar{align-items:center;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);display:grid;gap:16px;grid-template-columns:minmax(260px,360px) minmax(320px,1fr) max-content;padding:10px 18px}.chat-contact,.integration-summary,.phone-line,.topbar-actions,.topbar-brand{align-items:center;display:flex}.topbar-brand{gap:14px;min-width:0}.topbar-title{border-left:1px solid var(--line);min-width:0;padding-left:14px}.topbar-title h1{font-size:18px;line-height:1.1;margin:0}.global-search{justify-self:stretch;margin:0;max-width:760px}.topbar-actions{gap:8px;justify-content:flex-end;justify-self:end;min-width:0}.instance-pill{background:var(--surface-muted);border:1px solid var(--line);border-radius:999px;color:#475467}.instance-pill,.team-online-pill{align-items:center;display:inline-flex;font-size:13px;font-weight:850;gap:7px;min-height:38px;padding:0 12px;white-space:nowrap}.team-online-pill{background:#EDF8F1;border:1px solid #b1dfc3;border-radius:999px;color:var(--success)}.team-online-pill:hover{border-color:var(--success)}.company-pill{align-items:center;background:#EDF8F1;border:1px solid #b1dfc3;border-radius:999px;color:#344054;display:inline-flex;font-size:13px;font-weight:850;gap:7px;min-height:38px;max-width:180px;overflow:hidden;padding:0 12px;text-overflow:ellipsis;white-space:nowrap}.instance-pill.online{background:#EDF8F1;border-color:#B1DFC3;color:var(--success)}.instance-pill.checking,.instance-pill.offline,.instance-pill.pending{background:#fff7ed;border-color:#fed7aa;color:var(--amber)}.profile-menu{position:relative}.profile-menu summary{align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--brand);display:inline-flex;font-size:13px;font-weight:850;gap:8px;height:40px;list-style:none;max-width:210px;padding:0 10px;white-space:nowrap}.profile-menu summary::-webkit-details-marker{display:none}.profile-menu summary span:nth-child(2){overflow:hidden;text-overflow:ellipsis}.profile-initial{align-items:center;background:linear-gradient(135deg,rgba(33,168,99,.16),rgba(17,26,51,.14));border-radius:8px;color:#147A45;display:inline-flex;flex:0 0 26px;font-weight:950;height:26px;justify-content:center;text-transform:uppercase;width:26px}.profile-menu-popover{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);display:grid;gap:4px;min-width:210px;padding:6px;position:absolute;right:0;top:calc(100% + 8px);z-index:30}.profile-menu-popover button{align-items:center;background:transparent;border:0;border-radius:8px;color:#344054;display:flex;font-weight:760;gap:9px;min-height:38px;padding:0 10px;text-align:left}.profile-menu-popover button:hover{background:var(--surface-soft);color:var(--accent)}.workspace{display:grid;gap:12px;grid-template-columns:minmax(300px,340px) minmax(420px,1fr) minmax(280px,320px);min-height:0;padding:12px}.chat-panel,.conversation-panel,.side-panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);min-height:0}.conversation-panel,.side-panel{display:flex;flex-direction:column;overflow:hidden}.chat-header,.panel-heading{align-items:center;display:flex;justify-content:space-between;padding:14px 16px}.chat-header h2,.panel-heading h2{font-size:18px;line-height:1.2;margin:0}.compact-heading{padding:0 0 12px}.panel-count{align-items:center;background:var(--surface-muted);border:1px solid var(--line);border-radius:999px;color:#475467;display:inline-flex;font-size:12px;font-weight:900;min-height:28px;padding:0 10px}.filter-row{display:flex;flex-wrap:wrap;gap:6px;overflow:visible;padding:0 12px 12px}.filter-row button{align-items:center;background:var(--surface-muted);border:1px solid var(--line);border-radius:999px;color:#475467;display:inline-flex;flex:1 1 104px;font-size:12px;font-weight:850;gap:7px;justify-content:space-between;min-height:34px;min-width:0;padding:0 11px}.filter-row button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-row button strong{align-items:center;background:#fff;border-radius:999px;color:#667085;display:inline-flex;font-size:11px;height:20px;justify-content:center;min-width:20px;padding:0 6px}.filter-row button.active{background:rgba(33,168,99,.1);border-color:rgba(33,168,99,.36);color:var(--accent)}.filter-row button.active strong{color:var(--accent)}.bulk-actions{align-items:center;border-top:1px solid var(--line);display:flex;gap:8px;justify-content:space-between;margin:0 12px 10px;padding-top:10px}.bulk-actions .mini-action{flex:1 1 auto;justify-content:center;min-width:0}.conversation-list{display:grid;gap:6px;overflow:auto;padding:0 8px 12px}.conversation-item{align-items:start;background:#fff;border:1px solid transparent;border-radius:8px;color:inherit;display:block;min-height:74px;position:relative;text-align:left;width:100%}.conversation-item.selected,.conversation-item:hover{background:#fbfcff;border-color:#c7d7ea}.conversation-item.selected{box-shadow:inset 3px 0 0 var(--accent)}.conversation-item.bulk-selected{border-color:rgba(33,168,99,.46)}.conversation-item.pinned{background:#fbfcff}.conversation-open{align-items:start;background:transparent;border:0;color:inherit;display:grid;gap:10px;grid-template-columns:44px minmax(0,1fr);min-height:72px;padding:10px 12px;text-align:left;width:100%}.conversation-check{right:8px}.conversation-check,.conversation-pin{align-items:center;background:#fff;border:1px solid var(--line);border-radius:999px;cursor:pointer;display:inline-flex;height:24px;justify-content:center;position:absolute;top:8px;width:24px;z-index:2}.conversation-pin{color:#98a2b3;right:36px;transition:border-color .15s ease,color .15s ease,background .15s ease}.conversation-pin.active,.conversation-pin:hover{background:var(--surface-soft);border-color:rgba(33,168,99,.46);color:var(--accent)}.conversation-check input{accent-color:var(--accent);cursor:pointer;height:14px;margin:0;width:14px}.avatar{align-items:center;aspect-ratio:1;background:linear-gradient(135deg,rgba(33,168,99,.16),rgba(17,26,51,.14));border-radius:8px;color:#147A45;display:flex;flex:0 0 auto;font-weight:950;justify-content:center;overflow:hidden;text-transform:uppercase;width:44px}.avatar.small{width:34px}.avatar.large{width:64px}.avatar img{border-radius:inherit;height:100%;object-fit:cover;width:100%}.conversation-copy{min-width:0}.conversation-item .conversation-copy{padding-right:56px}.conversation-item.has-unread .conversation-copy{padding-right:62px}.conversation-title{align-items:center;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto}.agent-row strong,.conversation-title strong{display:block;font-size:14px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-title time{color:var(--muted);font-size:12px;justify-self:end}.conversation-copy p{color:var(--muted);font-size:13px;line-height:1.35;margin:4px 0 7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-meta{align-items:center;color:#667085;display:flex;flex-wrap:wrap;font-size:12px;gap:8px;min-height:16px}.conversation-meta>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-dot{align-items:center;display:inline-flex;gap:5px}.status-dot i{background:currentColor;border-radius:999px;display:inline-flex;height:8px;width:8px}.status-dot.open{color:var(--accent)}.status-dot.assigned{color:var(--success)}.status-dot.waiting{color:var(--amber)}.status-dot.closed{color:#667085}.count-badge{align-items:center;background:var(--brand);border-radius:999px;color:#fff;display:flex;font-size:11px;font-weight:950;height:22px;justify-content:center;min-width:22px;padding:0 6px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.empty-chat,.empty-state{align-items:center;color:var(--muted);display:grid;justify-items:center;min-height:180px;padding:24px;text-align:center}.empty-chat{align-content:center;height:100%}.empty-chat h2{color:var(--ink);margin:10px 0 0}.empty-chat p,.empty-state p{margin:6px 0 0}.chat-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;overflow:hidden}.chat-header{border-bottom:1px solid var(--line);gap:14px}.chat-contact{gap:12px;min-width:0}.chat-contact>div:last-child{min-width:0}.chat-contact h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phone-line{color:var(--muted);font-size:13px;gap:6px;margin-top:7px}.chat-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.transfer-select{align-items:center;background:#ffffff;border:1px solid var(--line);border-radius:8px;color:var(--brand);display:inline-flex;gap:6px;min-height:40px;padding:0 9px}.transfer-select select{background:transparent;border:0;color:inherit;font-weight:850;max-width:126px;outline:0}.customer-toggle,.mobile-back{display:none}.message-list{align-content:start;background-color:#F6FBF8;background-image:linear-gradient(rgba(255,255,255,.55),rgba(255,255,255,.55)),url(/chat-wallpaper.png);background-position:50%;background-repeat:repeat;background-size:auto,520px auto;display:grid;gap:10px;overflow:auto;padding:18px;scroll-behavior:smooth}.message-empty{background:rgba(255,255,255,.72);border:1px solid rgba(228,231,236,.8);border-radius:8px;justify-self:center;min-height:130px;width:min(320px,100%)}.message-bubble{border-radius:8px;box-shadow:0 8px 18px rgba(15,23,42,.08);max-width:min(68%,620px);padding:9px 11px;position:relative}.message-bubble.inbound{background:#fff;justify-self:start}.message-bubble.outbound{background:var(--bubble-out);justify-self:end}.message-bubble.deleted{opacity:.78}.deleted-message{color:#667085;font-style:italic}.message-delete{align-items:center;background:rgba(255,255,255,.8);border:1px solid var(--line);border-radius:999px;color:#667085;cursor:pointer;display:inline-flex;height:24px;justify-content:center;opacity:0;position:absolute;right:-8px;top:-8px;transition:opacity .15s ease,color .15s ease;width:24px}.message-bubble:hover .message-delete{opacity:1}.message-delete:hover{color:var(--danger)}.confirm-overlay{align-items:center;background:rgba(15,23,42,.38);display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:80}.confirm-dialog{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 24px 70px rgba(15,23,42,.24);display:grid;gap:18px;max-width:460px;padding:22px;width:min(100%,460px)}.confirm-dialog h2{font-size:22px;margin:2px 0 8px}.confirm-dialog p{color:#475467;font-size:14px;line-height:1.45;margin:0}.confirm-dialog blockquote{background:var(--surface-muted);border:1px solid var(--line);border-radius:8px;color:var(--ink);font-size:13px;margin:14px 0 0;max-height:96px;overflow:auto;padding:10px 12px}.confirm-actions{display:flex;gap:10px;justify-content:flex-end}.quick-conversation-form{display:grid;gap:14px}.quick-conversation-form label{color:var(--ink);display:grid;font-size:13px;font-weight:850;gap:7px}.quick-conversation-form input{background:var(--surface-muted);border:1px solid var(--line);border-radius:8px;color:var(--ink);font:inherit;min-height:44px;padding:0 12px}.quick-conversation-form input:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(33,168,99,.14);outline:none}.message-bubble p{font-size:14px;line-height:1.45;margin:0;overflow-wrap:anywhere}.message-text{white-space:pre-wrap}.message-text-link{color:#075d9b;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:2px}.message-text-link:hover{color:#043f6b}.message-text-link:focus-visible{border-radius:2px;outline:2px solid currentColor;outline-offset:2px}:root[data-theme=dark] .message-text-link{color:#8ad4ff}:root[data-theme=dark] .message-text-link:hover{color:#bce8ff}.message-media{border-radius:8px;max-height:260px;object-fit:contain}.message-audio,.message-media{display:block;margin-top:6px;max-width:min(320px,100%)}.message-audio{width:280px}.message-media-link{color:var(--accent);display:inline-flex;font-size:13px;font-weight:850;margin-top:6px}.message-footer{align-items:center;color:#667085;display:flex;font-size:11px;gap:7px;justify-content:flex-end;margin-top:6px}.message-footer span{color:var(--brand-strong);font-weight:900;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-footer time{color:#667085;flex:0 0 auto}.composer{align-items:end;background:var(--surface);border-top:1px solid var(--line);display:grid;gap:10px;grid-template-columns:auto auto minmax(0,1fr) auto;padding:10px 12px;position:relative}.composer textarea{background:var(--surface-muted);border:1px solid var(--line);border-radius:8px;line-height:1.4;min-height:48px;outline:0;padding:12px 13px;resize:vertical}.attachment-preview,.composer-status{grid-column:1/-1}.composer-status{align-items:center;display:flex;gap:10px;justify-content:space-between}.composer-status button{background:transparent;border:0;color:var(--accent);cursor:pointer;font:inherit;font-size:12px;font-weight:900}.attachment-preview{background:var(--surface-soft);display:grid;gap:10px;grid-template-columns:auto minmax(0,1fr) auto;padding:8px}.attachment-preview,.attachment-preview-media{align-items:center;border:1px solid var(--line);border-radius:8px}.attachment-preview-media{background:var(--surface);display:flex;height:58px;justify-content:center;overflow:hidden;width:72px}.attachment-preview-media img,.attachment-preview-media video{height:100%;object-fit:cover;width:100%}.attachment-preview-media audio{width:210px}.attachment-preview-info{display:grid;gap:4px;min-width:0}.attachment-preview-info span,.attachment-preview-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-preview-info strong{color:var(--ink);font-size:13px;font-weight:900}.attachment-preview-info span,.composer-status{color:var(--muted);font-size:12px;font-weight:750}.upload-progress{background:var(--line);border-radius:999px;height:6px;overflow:hidden}.upload-progress span{background:var(--brand);display:block;height:100%;transition:width .16s ease}.template-shortcut-popover{background:var(--surface);border:1px solid var(--line);border-radius:8px;bottom:calc(100% + 8px);box-shadow:var(--shadow);display:grid;grid-column:2/3;justify-self:stretch;left:70px;max-height:230px;overflow:auto;padding:6px;position:absolute;right:70px;z-index:20}.template-shortcut-popover button{align-items:center;background:transparent;border:0;border-radius:7px;color:var(--ink);display:grid;gap:4px;grid-template-columns:72px minmax(0,1fr);min-height:42px;padding:8px;text-align:left}.template-shortcut-popover button:hover{background:var(--surface-soft)}.template-shortcut-popover strong{color:var(--accent);font-size:13px}.template-shortcut-popover span{color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.send-button{aspect-ratio:1;background:linear-gradient(135deg,var(--accent-lime),var(--accent-hot));border:0;color:#fff;padding:0}.attachment-button,.send-button{min-height:48px;width:48px}.attachment-button.recording{border-color:rgba(220,38,38,.32);color:#dc2626}.side-panel{gap:14px;overflow:auto;padding:16px}.customer-panel{background:#fff}.customer-profile{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:12px;padding-bottom:14px}.customer-profile h3{font-size:18px;line-height:1.2;margin:0;overflow-wrap:anywhere}.customer-card{background:var(--surface-muted);border:1px solid var(--line);border-radius:8px;padding:12px}.customer-data-list{display:grid;gap:10px;margin:0}.customer-data-list div{display:grid;gap:4px}.customer-data-list dt{color:var(--muted);font-size:12px;font-weight:850}.customer-data-list dd{color:var(--ink);font-size:14px;font-weight:750;margin:0;overflow-wrap:anywhere}.activity-list,.agent-message-log{display:grid;gap:10px}.agent-log-group{background:var(--surface-muted);border:1px solid var(--line);border-radius:8px;display:grid;gap:8px;padding:10px}.agent-log-group header{align-items:center;display:flex;gap:8px;justify-content:space-between}.agent-log-group header strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-log-group header span{color:var(--muted);flex:0 0 auto;font-size:11px;font-weight:900}.agent-log-group div{display:grid;gap:7px}.agent-log-group p{background:#fff;border:1px solid var(--line);border-radius:8px;display:grid;gap:5px;margin:0;padding:8px}.agent-log-group p span{color:var(--ink);font-size:12px;line-height:1.35;overflow-wrap:anywhere}.agent-log-group time{color:var(--muted);font-size:11px;justify-self:end}.activity-item{border-left:3px solid #c7d7ea;padding:2px 0 2px 10px}.activity-item strong{display:block;font-size:13px}.activity-item span,.muted{color:var(--muted);display:block;font-size:12px;margin-top:2px}.settings-backdrop{align-items:center;background:rgba(15,23,42,.52);display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:50}.settings-modal{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 24px 80px rgba(15,23,42,.26);display:grid;grid-template-rows:auto auto minmax(0,1fr);max-height:min(760px,calc(100vh - 36px));overflow:hidden;width:min(960px,calc(100vw - 36px))}.settings-header{align-items:center;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:18px}.settings-header h2{font-size:22px;line-height:1.2;margin:0}.settings-tabs{border-bottom:1px solid var(--line);display:flex;gap:8px;overflow-x:auto;padding:10px 18px}.settings-tabs button{align-items:center;background:var(--surface-muted);border:1px solid var(--line);border-radius:8px;color:#475467;display:inline-flex;flex:0 0 auto;font-weight:850;gap:8px;min-height:38px;padding:0 12px}.settings-tabs button.active{background:rgba(33,168,99,.1);border-color:rgba(33,168,99,.34);color:var(--accent)}.settings-body{overflow:auto;padding:18px}.settings-feedback{background:#f4f8fc;border:1px solid #c7d7ea;border-radius:8px;color:#344054;font-size:14px;font-weight:760;margin:0 0 14px;padding:10px 12px}.settings-form{display:grid;gap:14px}.settings-form.compact{gap:10px}.settings-form label{color:#344054;display:grid;font-size:13px;font-weight:850;gap:7px}.settings-form input,.settings-form select,.settings-form textarea{background:var(--surface-muted);border:1px solid var(--line);border-radius:8px;color:var(--ink);min-height:42px;outline:0;padding:0 12px;width:100%}.settings-form textarea{line-height:1.45;min-height:120px;padding:11px 12px;resize:vertical}.settings-grid,.settings-readonly-grid,.settings-two-columns{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.settings-readonly-grid span{background:var(--surface-muted);border:1px solid var(--line);border-radius:8px;color:var(--muted);display:grid;font-size:12px;font-weight:850;gap:5px;min-width:0;padding:10px 12px}.settings-readonly-grid strong{color:var(--ink);font-size:13px;overflow-wrap:anywhere}.preference-row{align-items:center;background:var(--surface-muted);border:1px solid var(--line);border-radius:8px;display:flex;gap:14px;justify-content:space-between;padding:12px}.preference-row>div{align-items:center;display:flex;gap:10px;min-width:0}.preference-icon{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:8px;color:var(--accent);display:inline-flex;flex:0 0 auto;height:40px;justify-content:center;width:40px}.preference-row small,.preference-row strong{display:block}.preference-row small{color:var(--muted);font-size:12px;font-weight:730;line-height:1.35;margin-top:3px}.switch-control{display:inline-flex!important;flex:0 0 auto;min-height:auto}.switch-control input{opacity:0;pointer-events:none;position:absolute}.switch-control span{background:var(--line-strong);border:1px solid var(--line);border-radius:999px;cursor:pointer;display:inline-flex;height:28px;padding:3px;transition:background .15s ease,border-color .15s ease;width:50px}.switch-control span:before{background:var(--surface);border-radius:999px;box-shadow:0 2px 7px rgba(15,23,42,.18);content:"";height:20px;transition:transform .15s ease;width:20px}.switch-control input:checked+span{background:var(--accent);border-color:var(--accent)}.switch-control input:checked+span:before{transform:translateX(21px)}.settings-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.settings-section-heading{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:10px;justify-content:space-between;margin-bottom:12px;padding-bottom:10px}.settings-section-heading h3{font-size:16px;margin:0}.settings-section-heading span{color:var(--muted);font-size:12px;font-weight:850;min-width:0;overflow-wrap:anywhere}.settings-section-heading .status-dot.open{color:var(--accent)}.settings-section-heading .status-dot.assigned{color:var(--success)}.settings-section-heading .status-dot.waiting{color:var(--amber)}.settings-section-heading .status-dot.closed{color:#667085}.settings-list{display:grid;gap:8px;max-height:420px;overflow:auto}.users-settings-list{max-height:none;overflow:visible}.settings-user-row{align-items:center;background:var(--surface-muted);border:1px solid var(--line);border-radius:8px;display:grid;gap:10px;grid-template-columns:34px minmax(0,1fr) auto;padding:10px;position:relative}.settings-user-row.inactive{background:#f3f4f6}.settings-user-row.inactive .avatar{filter:grayscale(1);opacity:.72}.settings-user-row span,.settings-user-row strong{display:block;overflow:hidden;text-overflow:ellipsis}.settings-user-row strong{font-size:14px;white-space:normal}.settings-user-row small,.settings-user-row span{color:var(--muted);font-size:12px}.settings-user-row span{overflow-wrap:anywhere;white-space:normal}.settings-user-row small{font-weight:850}.settings-user-actions{align-items:center;display:flex;gap:8px;justify-content:flex-end;position:relative}.user-actions-menu{position:relative}.user-actions-menu summary{align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--brand);cursor:pointer;display:inline-flex;height:34px;justify-content:center;list-style:none;width:34px}.user-actions-menu summary::-webkit-details-marker{display:none}.user-actions-menu summary:hover{border-color:rgba(33,168,99,.46);color:var(--accent)}.user-actions-popover{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);display:grid;gap:4px;min-width:180px;padding:6px;position:absolute;right:0;top:calc(100% + 6px);z-index:40}.user-actions-popover button{align-items:center;background:transparent;border:0;border-radius:8px;color:#344054;display:flex;font-size:12px;font-weight:850;gap:8px;min-height:34px;padding:0 9px;text-align:left;white-space:nowrap}.user-actions-popover button:hover{background:var(--surface-soft);color:var(--accent)}.user-actions-popover button.danger{color:var(--danger)}.user-actions-popover button:disabled{cursor:not-allowed;opacity:.5}.template-row{background:var(--surface-muted);border:1px solid var(--line);border-radius:8px;display:grid;gap:12px;padding:12px}.template-row strong{align-items:center;display:flex;gap:8px}.template-row code{background:var(--surface);border:1px solid var(--line);border-radius:7px;color:var(--accent);font-family:inherit;font-size:12px;font-weight:900;padding:3px 7px}.template-row p{color:var(--muted);display:-webkit-box;font-size:13px;line-height:1.4;margin:7px 0 0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.company-list{display:grid;gap:8px;max-height:520px;overflow:auto}.company-row{align-items:center;background:var(--surface-muted);border:1px solid var(--line);border-radius:8px;display:grid;gap:10px;grid-template-columns:34px minmax(0,1fr) auto;padding:10px}.company-copy{display:grid;gap:3px;min-width:0}.company-copy small,.company-copy span,.company-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.company-copy strong{font-size:14px}.company-copy small,.company-copy span{color:var(--muted);font-size:12px}.company-copy small{font-weight:760}.company-stats{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.company-stats span{background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--muted);display:grid;font-size:11px;font-weight:820;gap:2px;min-width:72px;padding:6px 8px;text-align:center}.company-stats strong{color:var(--ink);font-size:16px;line-height:1}.company-empty{background:var(--surface-muted);border:1px solid var(--line);border-radius:8px;min-height:160px}.inline-heading{border-bottom:0;margin:4px 0 0;padding-bottom:0}.mini-action{align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--brand);display:inline-flex;font-size:12px;font-weight:850;gap:5px;min-height:30px;padding:0 9px}.mini-action:hover{border-color:rgba(33,168,99,.46);color:var(--accent)}.mini-action.danger{border-color:#fecdd3;color:var(--danger)}.mini-action:disabled{cursor:not-allowed;opacity:.5}.password-reset-card{background:#fff;border:1px solid var(--line);border-radius:8px;display:grid;gap:12px;margin-top:12px;padding:12px}.password-reset-card label{color:#344054;display:grid;font-size:13px;font-weight:850;gap:7px}.password-reset-card input,.password-reset-card select{background:var(--surface-muted);border:1px solid var(--line);border-radius:8px;color:var(--ink);min-height:42px;outline:0;padding:0 12px;width:100%}.integration-summary{flex-wrap:wrap;gap:10px;justify-content:space-between}.integration-summary>span:last-child{color:var(--muted);font-size:12px;font-weight:850}.provider-options{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.meta-integration{min-width:0}.meta-integration input{min-width:0;width:100%}.meta-template-action{padding:4px 12px;border-top:1px solid var(--line)}.meta-template-action .secondary-action{min-height:32px;font-size:12px}.meta-template-preview{white-space:pre-wrap;overflow-wrap:anywhere;max-height:180px;overflow-y:auto}.delivery-failed{color:#c53030;font-size:12px;overflow-wrap:anywhere}:root[data-theme=dark] .delivery-failed{color:#ffadad}.message-footer{flex-wrap:wrap}.provider-option{background:var(--surface-muted);border:1px solid var(--line);border-radius:8px;color:#344054;cursor:pointer;display:grid!important;gap:8px!important;padding:12px}.provider-option input{height:1px;opacity:0;position:absolute;width:1px}.provider-option span{align-items:center;color:var(--ink);display:flex;font-size:14px;font-weight:900;gap:8px}.provider-option small{color:var(--muted);font-size:12px;font-weight:700;line-height:1.35}.provider-option.active{background:rgba(33,168,99,.1);border-color:rgba(33,168,99,.42);box-shadow:inset 3px 0 0 var(--accent)}.provider-option.active span{color:var(--accent)}.qr-integration-panel{background:#fff;border:1px solid var(--line);border-radius:8px;display:grid;gap:14px;padding:14px}.qr-content-grid,.qr-status-card{display:grid;gap:14px}.qr-status-card{align-items:center;grid-template-columns:minmax(0,1fr) auto}.qr-status-card h3{font-size:18px;margin:0}.qr-content-grid{grid-template-columns:minmax(220px,280px) minmax(0,1fr)}.qr-frame{align-items:center;aspect-ratio:1;background:var(--surface-muted);border:1px solid var(--line);border-radius:8px;display:flex;justify-content:center;overflow:hidden;padding:12px}.qr-frame img{display:block;height:100%;object-fit:contain;width:100%}.qr-connected,.qr-empty{align-items:center;color:var(--muted);display:grid;gap:7px;justify-items:center;text-align:center}.qr-connected strong,.qr-empty strong{color:var(--ink);font-size:14px}.qr-connected span,.qr-empty span{color:var(--muted);font-size:12px;overflow-wrap:anywhere}.qr-details{display:grid;gap:10px;min-width:0}.settings-readonly-grid.single-column{grid-template-columns:1fr}.settings-error,.settings-warning{border-radius:8px;font-size:13px;font-weight:760;line-height:1.45;margin:0;padding:10px 12px}.settings-warning{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.settings-error{background:#fff1f2;border:1px solid #fecdd3;color:#be123c}.toggle-row{align-items:center;background:var(--surface-muted);border:1px solid var(--line);border-radius:8px;display:grid!important;gap:10px!important;grid-template-columns:auto minmax(0,1fr);padding:10px 12px}.toggle-row input{accent-color:var(--accent);min-height:auto;width:auto}.toggle-row span{color:var(--ink);display:grid;gap:2px}.toggle-row small{color:var(--muted);font-size:12px;font-weight:700}.reports-panel{display:grid;gap:16px}.reports-toolbar{align-items:center;display:flex;gap:12px;justify-content:space-between}.reports-toolbar h3{font-size:20px;margin:0}.reports-toolbar span{color:var(--muted);display:block;font-size:12px;margin-top:4px}.report-empty{background:var(--surface-muted);border:1px solid var(--line);border-radius:8px}.report-metrics{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.report-metric{background:var(--surface-muted);border:1px solid var(--line);border-radius:8px;display:grid;gap:4px;min-height:104px;padding:14px}.report-metric small,.report-metric span{color:var(--muted);font-size:12px;font-weight:800}.report-metric strong{color:var(--ink);font-size:24px;line-height:1.1}.report-columns{display:grid;gap:14px;grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr)}.report-section{background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px}.online-agent-list,.status-report-list{display:grid;gap:8px}.online-agent-row{align-items:center;background:var(--surface-muted);border:1px solid var(--line);border-radius:8px;display:grid;gap:10px;grid-template-columns:34px minmax(0,1fr) auto;padding:10px}.online-agent-row span,.online-agent-row strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.online-agent-row strong{font-size:14px}.online-agent-row small,.online-agent-row span{color:var(--muted);font-size:12px}.online-agent-row small{font-weight:850}.status-report-row{align-items:center;background:var(--surface-muted);border:1px solid var(--line);border-radius:8px;display:flex;justify-content:space-between;min-height:42px;padding:0 12px}.status-report-row strong{font-size:16px}.report-table-wrap{overflow-x:auto}.report-table{border-collapse:collapse;min-width:820px;width:100%}.report-table td,.report-table th{border-bottom:1px solid var(--line);font-size:13px;padding:10px 8px;text-align:left;vertical-align:middle}.report-table th{color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase}.report-table td span,.report-table td strong{display:block}.report-table td span{color:var(--muted);font-size:12px;margin-top:2px}.presence-label{align-items:center;background:#f2f4f7;border-radius:999px;color:#667085!important;display:inline-flex!important;font-size:12px!important;font-weight:850;margin:0!important;padding:4px 8px}.presence-label.online{background:#EDF8F1;color:var(--success)!important}:root[data-theme=dark] .confirm-dialog,:root[data-theme=dark] .customer-card,:root[data-theme=dark] .icon-button,:root[data-theme=dark] .message-bubble.inbound,:root[data-theme=dark] .profile-menu summary,:root[data-theme=dark] .provider-option,:root[data-theme=dark] .qr-integration-panel,:root[data-theme=dark] .secondary-action,:root[data-theme=dark] .transfer-select{background:var(--surface)}:root[data-theme=dark] .login-form label span,:root[data-theme=dark] .settings-form label{color:var(--ink)}:root[data-theme=dark] .main-header{background:rgba(17,24,32,.96)}:root[data-theme=dark] .message-list{background-color:#101426;background-image:linear-gradient(rgba(16,24,32,.78),rgba(16,24,32,.78)),url(/chat-wallpaper.png)}:root[data-theme=dark] .message-delete,:root[data-theme=dark] .message-empty{background:rgba(17,24,32,.88);border-color:var(--line)}:root[data-theme=dark] .conversation-item,:root[data-theme=dark] .report-card,:root[data-theme=dark] .settings-user-row,:root[data-theme=dark] .toggle-row{background:var(--surface-muted)}:root[data-theme=dark] .settings-warning{background:rgba(120,53,15,.22);border-color:rgba(251,191,36,.34);color:#fcd34d}:root[data-theme=dark] .form-error,:root[data-theme=dark] .notice,:root[data-theme=dark] .secondary-action.danger,:root[data-theme=dark] .settings-error{background:rgba(127,29,29,.28);border-color:rgba(251,113,133,.34);color:#fda4af}:root[data-theme=dark] .message-bubble{box-shadow:0 10px 22px rgba(0,0,0,.28)}:root[data-theme=dark] .message-bubble.outbound{color:#ecfeff}:root[data-theme=dark] .deleted-message{color:var(--muted)}:root[data-theme=dark] .primary-action:hover,:root[data-theme=dark] .send-button:hover{background:#20272f}@media (max-width:1180px){.app-shell{grid-template-rows:auto minmax(0,1fr)}.topbar{grid-template-columns:minmax(230px,340px) minmax(220px,1fr) max-content}.workspace{grid-template-columns:minmax(285px,330px) minmax(0,1fr)}.side-panel{display:none}.customer-toggle{display:inline-flex}}@media (max-width:920px){.topbar{gap:10px;grid-template-columns:minmax(210px,1fr) max-content}.global-search{grid-column:1/-1;grid-row:2}.topbar-actions{grid-column:2;grid-row:1}}@media (max-width:820px){.login-shell{grid-template-columns:1fr}.login-panel{padding:32px 22px}.hero-logo{max-width:min(320px,calc(100vw - 44px));width:100%}.login-form{max-width:360px;width:calc(100vw - 44px)}.login-aside{display:none}.app-shell{height:100vh;overflow:hidden}.topbar{padding:10px}.topbar-brand{gap:10px}.topbar-title{display:none}.header-logo{max-width:172px;width:44vw}.instance-pill{max-width:44vw;overflow:hidden;text-overflow:ellipsis}.profile-menu summary{max-width:46px;padding:0 8px}.profile-menu summary span:nth-child(2),.profile-menu summary svg{display:none}.workspace{display:block;min-height:0;overflow:hidden;padding:10px}.chat-panel,.conversation-panel,.side-panel{display:none;height:calc(100vh - 132px)}.workspace.mobile-list .conversation-panel{display:flex}.workspace.mobile-chat .chat-panel{display:grid}.workspace.mobile-customer .side-panel{display:flex}.mobile-back{display:inline-flex}.chat-header{align-items:flex-start;display:grid;grid-template-columns:auto minmax(0,1fr)}.chat-actions{grid-column:1/-1;justify-content:flex-start}.transfer-select{flex:1 1 170px}.transfer-select select{max-width:100%;width:100%}.message-bubble{max-width:86%}.settings-backdrop{align-items:stretch;padding:10px}.settings-modal{max-height:calc(100vh - 20px);width:calc(100vw - 20px)}.provider-options,.qr-content-grid,.report-columns,.report-metrics,.settings-grid,.settings-readonly-grid,.settings-two-columns{grid-template-columns:1fr}.settings-actions{justify-content:stretch}.settings-actions .primary-action,.settings-actions .secondary-action{width:100%}}@media (max-width:560px){.topbar{grid-template-columns:1fr auto}.topbar-actions{gap:6px}.company-pill,.topbar-actions .muted-button,.topbar-actions>.icon-button:first-child{display:none}.team-online-pill{max-width:92px;overflow:hidden;text-overflow:ellipsis}.secondary-action{min-height:38px}.chat-actions .secondary-action{flex:1 1 120px}.composer{gap:8px;grid-template-columns:auto minmax(0,1fr) auto;padding-bottom:max(10px,env(safe-area-inset-bottom))}.company-row{align-items:start;grid-template-columns:34px minmax(0,1fr)}.settings-user-row{align-items:start;grid-template-columns:34px minmax(0,1fr) auto}.settings-user-actions{justify-content:flex-end}.company-stats{grid-column:1/-1;justify-content:flex-start}}.dark-mode,body.dark-mode{color-scheme:dark;--background:#080d14;--foreground:#edf4ff;--card:#101821;--card-strong:#14202b;--muted:#8fa0b4;--border:#243241;--primary:#21A863;--primary-strong:#62D697;--primary-soft:rgba(33,168,99,0.18);--success:#2dd4bf;--warning:#fbbf24;--danger:#fb7185}.dark-mode .app-shell,.dark-mode .workspace,body.dark-mode{background:#080d14;color:#edf4ff}.dark-mode .topbar{border-bottom-color:#d9e0ea;color:#121b2b}.dark-mode .topbar .company-pill,.dark-mode .topbar .secondary-action,.dark-mode .topbar .team-online-pill,.dark-mode .topbar .topbar-title h1,.dark-mode .topbar .user-menu-trigger{color:#111827}.dark-mode .topbar .global-search{background:#111a24;border-color:#263445;color:#edf4ff}.dark-mode .topbar .global-search input{color:#edf4ff}.dark-mode .topbar .global-search input::placeholder{color:#9aacbd}.dark-mode .chat-panel,.dark-mode .confirm-dialog,.dark-mode .conversation-panel,.dark-mode .customer-sidebar,.dark-mode .settings-modal{background:#101821;border-color:#263445;color:#edf4ff;box-shadow:0 18px 50px rgba(0,0,0,.32)}.dark-mode .agent-card,.dark-mode .conversation-card,.dark-mode .conversation-item,.dark-mode .customer-card,.dark-mode .detail-card,.dark-mode .report-card,.dark-mode .settings-card,.dark-mode .template-card{background:#131e29;border-color:#263445;color:#edf4ff}.dark-mode .conversation-card:hover,.dark-mode .conversation-item:hover{background:#172434}.dark-mode .conversation-card.active,.dark-mode .conversation-item.active{background:#17223a;border-color:#62D697;box-shadow:inset 3px 0 0 #62D697}.dark-mode .chat-title,.dark-mode .conversation-name,.dark-mode .conversation-title,.dark-mode .customer-name,.dark-mode h1,.dark-mode h2,.dark-mode h3,.dark-mode strong{color:#f8fbff}.dark-mode .conversation-preview,.dark-mode .customer-sidebar dd,.dark-mode .customer-sidebar p,.dark-mode .helper-text,.dark-mode .message-meta,.dark-mode .muted{color:#9fb0c4}.dark-mode .filter-chip,.dark-mode .icon-button,.dark-mode .secondary-action,.dark-mode .status-filter,.dark-mode .tab-button{background:#111a24;border-color:#2a3a4d;color:#d9e6f5}.dark-mode .filter-chip.active,.dark-mode .status-filter.active,.dark-mode .tab-button.active{background:rgba(33,168,99,.18);border-color:#62D697;color:#C0F2D4}.dark-mode .chat-messages,.dark-mode .message-list{background-color:#1b252d;background-blend-mode:multiply}.dark-mode .bubble.inbound,.dark-mode .message-bubble.inbound{background:#111a24;color:#edf4ff;border-color:#253344}.dark-mode .bubble.outbound,.dark-mode .message-bubble.outbound{background:#16452C;color:#f8fbff}.dark-mode .bubble.outbound .message-meta,.dark-mode .message-bubble.outbound .message-meta{color:#C0F2D4}.dark-mode .composer,.dark-mode .composer-form,.dark-mode .message-composer{background:#101821;border-top-color:#263445}.dark-mode input,.dark-mode select,.dark-mode textarea{background:#111a24;border-color:#2a3a4d;color:#edf4ff}.dark-mode input::placeholder,.dark-mode textarea::placeholder{color:#8394a8}.dark-mode .dropdown-menu,.dark-mode .user-dropdown,.dark-mode .user-menu{background:#101821;border-color:#2a3a4d;color:#edf4ff;box-shadow:0 18px 50px rgba(0,0,0,.42)}.dark-mode .dropdown-menu button,.dark-mode .user-dropdown button,.dark-mode .user-menu button{color:#d9e6f5}.dark-mode .dropdown-menu button:hover,.dark-mode .user-dropdown button:hover,.dark-mode .user-menu button:hover{background:#172434;color:#ffffff}.dark-mode .customer-sidebar{background:#f8fafc;color:#111827}.dark-mode .customer-sidebar .customer-card,.dark-mode .customer-sidebar .detail-card{background:#101821;color:#edf4ff}.dark-mode .customer-sidebar .eyebrow{color:#21A863}.dark-mode .bulk-actions,.dark-mode .panel-divider{border-color:#263445}.dark-mode .topbar{background:#f8fafc;border-bottom-color:#d7deea;color:#111827}.dark-mode .topbar .eyebrow{color:#21A863}.dark-mode .topbar .topbar-title{border-left-color:#cbd5e1}.dark-mode .topbar .topbar-title h1{color:#334155}.dark-mode .topbar .new-chat-action{background:#111a24;border-color:#111a24;color:#ffffff}.dark-mode .topbar .new-chat-action:hover{background:#172434;border-color:#263445;color:#ffffff}.dark-mode .topbar .icon-button{background:#111a24;border-color:#263445;color:#ffffff}.dark-mode .topbar .profile-menu summary{background:#111a24;border-color:#263445;color:#edf4ff}.dark-mode .topbar .profile-initial{background:#17223a;color:#62D697}.dark-mode .profile-menu-popover{background:#101821;border-color:#263445;box-shadow:0 18px 50px rgba(0,0,0,.45)}.dark-mode .profile-menu-popover button{color:#d9e6f5}.dark-mode .profile-menu-popover button:hover{background:#172434;color:#ffffff}.dark-mode .side-panel.customer-panel{background:#101821;border-color:#263445;color:#edf4ff}.dark-mode .customer-panel .customer-data-list dd,.dark-mode .customer-panel .customer-profile h3,.dark-mode .customer-panel .panel-heading h2,.dark-mode .customer-panel .settings-section-heading h3{color:#f8fbff}.dark-mode .customer-panel .customer-data-list dt,.dark-mode .customer-panel .phone-line,.dark-mode .customer-panel .settings-section-heading span{color:#9fb0c4}.dark-mode .customer-panel .customer-profile{border-bottom-color:#263445}.dark-mode .customer-panel .customer-card{background:#0d141d;border-color:#2a3a4d}.dark-mode .customer-panel .avatar,.dark-mode .customer-panel .contact-avatar{background:#17223a;color:#62D697}.dark-mode .header-logo img{content:url(/duchat-logo-green-dark.svg)}.dark-mode .topbar{background:#101821;border-bottom-color:#263445;color:#edf4ff}.dark-mode .topbar .topbar-title{border-left-color:#263445}.dark-mode .topbar .topbar-title h1{color:#eaf2ff}.dark-mode .topbar .company-pill,.dark-mode .topbar .icon-button,.dark-mode .topbar .new-chat-action,.dark-mode .topbar .profile-menu summary,.dark-mode .topbar .team-online-pill{background:#172434;border-color:#2a3a4d;color:#edf4ff}.dark-mode .topbar .company-pill,.dark-mode .topbar .team-online-pill{box-shadow:inset 0 0 0 1px rgba(33,168,99,.08)}:root{--focus-ring:rgba(33,168,99,0.26);--surface-raised:#ffffff;--surface-hover:#f4f6fb;--text-soft:#344054;--danger-soft:#fff1f2;--success-soft:#EDF8F1;--warning-soft:#fff7ed}:root[data-theme=dark]{--bg:#0b1118;--surface:#121a24;--surface-muted:#172231;--surface-soft:#1d2940;--surface-raised:#182333;--surface-hover:#202d40;--ink:#edf4ff;--text-soft:#cfdae8;--muted:#9aabbd;--line:#2b394a;--line-strong:#3a4a5f;--brand:#21A863;--brand-strong:#62D697;--accent:#62D697;--accent-hot:#21A863;--accent-lime:#A9EDC7;--amber:#f6c453;--danger:#ff8a9b;--success:#62D697;--bubble-out:#147A45;--focus-ring:rgba(98,214,151,0.34);--danger-soft:rgba(255,138,155,0.12);--success-soft:rgba(33,168,99,0.16);--warning-soft:rgba(246,196,83,0.13);--shadow:0 18px 48px rgba(0,0,0,0.34)}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline-color:var(--focus-ring)}:root[data-theme=dark] body,html.dark-mode body{background:radial-gradient(circle at top left,rgba(33,168,99,.08),transparent 34rem),var(--bg);color:var(--ink)}:root[data-theme=dark] .app-shell,:root[data-theme=dark] .workspace,html.dark-mode .app-shell,html.dark-mode .workspace{background:transparent;color:var(--ink)}:root[data-theme=dark] .header-logo img,:root[data-theme=dark] .hero-logo img,:root[data-theme=dark] .loading-logo img,html.dark-mode .header-logo img,html.dark-mode .hero-logo img,html.dark-mode .loading-logo img{content:url(/duchat-logo-green-dark.svg)}:root[data-theme=dark] .loading-screen,html.dark-mode .loading-screen{background:var(--bg);color:var(--ink)}:root[data-theme=dark] .topbar,html.dark-mode .topbar{background:rgba(18,26,36,.96);border-bottom-color:var(--line);color:var(--ink);box-shadow:0 12px 28px rgba(0,0,0,.18)}:root[data-theme=dark] .topbar .topbar-title,html.dark-mode .topbar .topbar-title{border-left-color:var(--line)}:root[data-theme=dark] .topbar .topbar-title h1,html.dark-mode .topbar .topbar-title h1{color:#f4f8ff}:root[data-theme=dark] .chat-panel,:root[data-theme=dark] .confirm-dialog,:root[data-theme=dark] .conversation-panel,:root[data-theme=dark] .settings-modal,:root[data-theme=dark] .side-panel,html.dark-mode .chat-panel,html.dark-mode .confirm-dialog,html.dark-mode .conversation-panel,html.dark-mode .settings-modal,html.dark-mode .side-panel{background:var(--surface);border-color:var(--line);box-shadow:var(--shadow);color:var(--ink)}:root[data-theme=dark] .chat-header,:root[data-theme=dark] .panel-heading,:root[data-theme=dark] .settings-header,:root[data-theme=dark] .settings-tabs,html.dark-mode .chat-header,html.dark-mode .panel-heading,html.dark-mode .settings-header,html.dark-mode .settings-tabs{border-color:var(--line)}:root[data-theme=dark] .global-search,:root[data-theme=dark] .input-with-icon,:root[data-theme=dark] .quick-conversation-form input,:root[data-theme=dark] .search-box,:root[data-theme=dark] .settings-form input,:root[data-theme=dark] .settings-form select,:root[data-theme=dark] .settings-form textarea,:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea,html.dark-mode .global-search,html.dark-mode .input-with-icon,html.dark-mode .quick-conversation-form input,html.dark-mode .search-box,html.dark-mode .settings-form input,html.dark-mode .settings-form select,html.dark-mode .settings-form textarea,html.dark-mode input,html.dark-mode select,html.dark-mode textarea{background:#0f1722;border-color:var(--line);color:var(--ink)}:root[data-theme=dark] input::placeholder,:root[data-theme=dark] textarea::placeholder,html.dark-mode input::placeholder,html.dark-mode textarea::placeholder{color:#7f91a6}:root[data-theme=dark] .primary-action,:root[data-theme=dark] .send-button,html.dark-mode .primary-action,html.dark-mode .send-button{background:linear-gradient(135deg,var(--brand),#147A45);border-color:rgba(98,214,151,.48);color:#ffffff;box-shadow:0 10px 26px rgba(33,168,99,.2)}:root[data-theme=dark] .primary-action:hover,:root[data-theme=dark] .send-button:hover,html.dark-mode .primary-action:hover,html.dark-mode .send-button:hover{background:linear-gradient(135deg,var(--brand-strong),#21A863)}:root[data-theme=dark] .company-pill,:root[data-theme=dark] .filter-row button,:root[data-theme=dark] .icon-button,:root[data-theme=dark] .instance-pill,:root[data-theme=dark] .mini-action,:root[data-theme=dark] .profile-menu summary,:root[data-theme=dark] .secondary-action,:root[data-theme=dark] .settings-tabs button,:root[data-theme=dark] .team-online-pill,:root[data-theme=dark] .user-actions-menu summary,html.dark-mode .company-pill,html.dark-mode .filter-row button,html.dark-mode .icon-button,html.dark-mode .instance-pill,html.dark-mode .mini-action,html.dark-mode .profile-menu summary,html.dark-mode .secondary-action,html.dark-mode .settings-tabs button,html.dark-mode .team-online-pill,html.dark-mode .user-actions-menu summary{background:var(--surface-muted);border-color:var(--line);color:var(--text-soft)}:root[data-theme=dark] .filter-row button:hover,:root[data-theme=dark] .icon-button:hover,:root[data-theme=dark] .mini-action:hover,:root[data-theme=dark] .profile-menu summary:hover,:root[data-theme=dark] .secondary-action:hover,:root[data-theme=dark] .settings-tabs button:hover,:root[data-theme=dark] .user-actions-menu summary:hover,html.dark-mode .filter-row button:hover,html.dark-mode .icon-button:hover,html.dark-mode .mini-action:hover,html.dark-mode .profile-menu summary:hover,html.dark-mode .secondary-action:hover,html.dark-mode .settings-tabs button:hover,html.dark-mode .user-actions-menu summary:hover{background:var(--surface-hover);border-color:rgba(98,214,151,.48);color:#ffffff}:root[data-theme=dark] .mini-action.danger,:root[data-theme=dark] .secondary-action.danger,html.dark-mode .mini-action.danger,html.dark-mode .secondary-action.danger{background:var(--danger-soft);border-color:rgba(255,138,155,.34);color:#ffb5c0}:root[data-theme=dark] .filter-row button.active,:root[data-theme=dark] .settings-tabs button.active,html.dark-mode .filter-row button.active,html.dark-mode .settings-tabs button.active{background:rgba(98,214,151,.18);border-color:rgba(98,214,151,.58);color:#C0F2D4}:root[data-theme=dark] .filter-row button strong,html.dark-mode .filter-row button strong{background:rgba(255,255,255,.08);color:#c7d2e1}:root[data-theme=dark] .filter-row button.active strong,html.dark-mode .filter-row button.active strong{color:#ffffff}:root[data-theme=dark] .agent-row,:root[data-theme=dark] .company-row,:root[data-theme=dark] .conversation-item,:root[data-theme=dark] .password-reset-card,:root[data-theme=dark] .preference-row,:root[data-theme=dark] .provider-option,:root[data-theme=dark] .qr-integration-panel,:root[data-theme=dark] .report-card,:root[data-theme=dark] .settings-user-row,:root[data-theme=dark] .template-row,:root[data-theme=dark] .toggle-row,html.dark-mode .agent-row,html.dark-mode .company-row,html.dark-mode .conversation-item,html.dark-mode .password-reset-card,html.dark-mode .preference-row,html.dark-mode .provider-option,html.dark-mode .qr-integration-panel,html.dark-mode .report-card,html.dark-mode .settings-user-row,html.dark-mode .template-row,html.dark-mode .toggle-row{background:var(--surface-muted);border-color:var(--line);color:var(--ink)}:root[data-theme=dark] .conversation-item.pinned,:root[data-theme=dark] .conversation-item:hover,html.dark-mode .conversation-item.pinned,html.dark-mode .conversation-item:hover{background:var(--surface-hover);border-color:rgba(98,214,151,.34)}:root[data-theme=dark] .conversation-item.selected,html.dark-mode .conversation-item.selected{background:linear-gradient(90deg,rgba(33,168,99,.22),var(--surface-muted) 54%);border-color:rgba(98,214,151,.58);box-shadow:inset 3px 0 0 var(--accent)}:root[data-theme=dark] .conversation-check,:root[data-theme=dark] .conversation-pin,html.dark-mode .conversation-check,html.dark-mode .conversation-pin{background:#0f1722;border-color:var(--line);color:#cbd7e5}:root[data-theme=dark] .agent-row strong,:root[data-theme=dark] .conversation-title strong,:root[data-theme=dark] .settings-user-row strong,:root[data-theme=dark] h1,:root[data-theme=dark] h2,:root[data-theme=dark] h3,:root[data-theme=dark] strong,html.dark-mode .agent-row strong,html.dark-mode .conversation-title strong,html.dark-mode .settings-user-row strong,html.dark-mode h1,html.dark-mode h2,html.dark-mode h3,html.dark-mode strong{color:#f6f9ff}:root[data-theme=dark] .activity-item span,:root[data-theme=dark] .conversation-copy p,:root[data-theme=dark] .conversation-meta,:root[data-theme=dark] .conversation-title time,:root[data-theme=dark] .muted,:root[data-theme=dark] .preference-row small,:root[data-theme=dark] .report-table td span,:root[data-theme=dark] .settings-section-heading span,:root[data-theme=dark] .settings-user-row small,:root[data-theme=dark] .settings-user-row span,:root[data-theme=dark] .template-row p,html.dark-mode .activity-item span,html.dark-mode .conversation-copy p,html.dark-mode .conversation-meta,html.dark-mode .conversation-title time,html.dark-mode .muted,html.dark-mode .preference-row small,html.dark-mode .report-table td span,html.dark-mode .settings-section-heading span,html.dark-mode .settings-user-row small,html.dark-mode .settings-user-row span,html.dark-mode .template-row p{color:var(--muted)}:root[data-theme=dark] .avatar,:root[data-theme=dark] .preference-icon,:root[data-theme=dark] .profile-initial,html.dark-mode .avatar,html.dark-mode .preference-icon,html.dark-mode .profile-initial{background:linear-gradient(135deg,rgba(98,214,151,.2),rgba(98,214,151,.08));border:1px solid rgba(98,214,151,.16);color:#A9EDC7}:root[data-theme=dark] .message-list,html.dark-mode .message-list{background-color:#111923;background-image:linear-gradient(rgba(17,25,35,.86),rgba(17,25,35,.86)),url(/chat-wallpaper.png)}:root[data-theme=dark] .message-empty,html.dark-mode .message-empty{background:rgba(18,26,36,.88);border-color:var(--line);color:var(--text-soft)}:root[data-theme=dark] .message-bubble.inbound,html.dark-mode .message-bubble.inbound{background:#182333;border-color:var(--line);color:#edf4ff}:root[data-theme=dark] .message-bubble.outbound,html.dark-mode .message-bubble.outbound{background:linear-gradient(135deg,#16452C,#123B27);border-color:rgba(98,214,151,.28);color:#f8fbff}:root[data-theme=dark] .message-bubble.outbound .message-meta,:root[data-theme=dark] .message-sender,html.dark-mode .message-bubble.outbound .message-meta,html.dark-mode .message-sender{color:#C0F2D4}:root[data-theme=dark] .composer,html.dark-mode .composer{background:var(--surface);border-top-color:var(--line)}:root[data-theme=dark] .composer textarea,html.dark-mode .composer textarea{background:#0f1722}:root[data-theme=dark] .dropdown-menu,:root[data-theme=dark] .profile-menu-popover,:root[data-theme=dark] .template-shortcut-popover,:root[data-theme=dark] .user-actions-popover,html.dark-mode .dropdown-menu,html.dark-mode .profile-menu-popover,html.dark-mode .template-shortcut-popover,html.dark-mode .user-actions-popover{background:var(--surface-raised);border-color:var(--line);box-shadow:0 18px 48px rgba(0,0,0,.44);color:var(--ink)}:root[data-theme=dark] .profile-menu-popover button,:root[data-theme=dark] .template-shortcut-popover button,:root[data-theme=dark] .user-actions-popover button,html.dark-mode .profile-menu-popover button,html.dark-mode .template-shortcut-popover button,html.dark-mode .user-actions-popover button{color:var(--text-soft)}:root[data-theme=dark] .profile-menu-popover button:hover,:root[data-theme=dark] .template-shortcut-popover button:hover,:root[data-theme=dark] .user-actions-popover button:hover,html.dark-mode .profile-menu-popover button:hover,html.dark-mode .template-shortcut-popover button:hover,html.dark-mode .user-actions-popover button:hover{background:var(--surface-hover);color:#ffffff}:root[data-theme=dark] .settings-backdrop,html.dark-mode .settings-backdrop{background:rgba(3,7,12,.72);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}:root[data-theme=dark] .settings-feedback,html.dark-mode .settings-feedback{background:rgba(98,214,151,.12);border-color:rgba(98,214,151,.34);color:#C0F2D4}:root[data-theme=dark] .login-form label span,:root[data-theme=dark] .quick-conversation-form label,:root[data-theme=dark] .settings-form label,html.dark-mode .login-form label span,html.dark-mode .quick-conversation-form label,html.dark-mode .settings-form label{color:var(--text-soft)}:root[data-theme=dark] .settings-readonly-grid span,html.dark-mode .settings-readonly-grid span{background:#0f1722;border-color:var(--line);color:var(--muted)}:root[data-theme=dark] .settings-warning,html.dark-mode .settings-warning{background:var(--warning-soft);border-color:rgba(246,196,83,.32);color:#f8d98a}:root[data-theme=dark] .form-error,:root[data-theme=dark] .notice,:root[data-theme=dark] .settings-error,html.dark-mode .form-error,html.dark-mode .notice,html.dark-mode .settings-error{background:var(--danger-soft);border-color:rgba(255,138,155,.34);color:#ffb5c0}:root[data-theme=dark] .report-table td,:root[data-theme=dark] .report-table th,html.dark-mode .report-table td,html.dark-mode .report-table th{border-bottom-color:var(--line)}:root[data-theme=dark] .presence-label,html.dark-mode .presence-label{background:rgba(255,255,255,.08);color:#cbd7e5!important}:root[data-theme=dark] .presence-label.online,html.dark-mode .presence-label.online{background:rgba(45,212,191,.14);color:#79eadb!important}:root[data-theme=dark] .instance-pill.online,html.dark-mode .instance-pill.online{background:rgba(45,212,191,.14);border-color:rgba(45,212,191,.34);color:#79eadb}:root[data-theme=dark] .instance-pill.checking,:root[data-theme=dark] .instance-pill.offline,:root[data-theme=dark] .instance-pill.pending,html.dark-mode .instance-pill.checking,html.dark-mode .instance-pill.offline,html.dark-mode .instance-pill.pending{background:var(--warning-soft);border-color:rgba(246,196,83,.34);color:#f8d98a}:root[data-theme=dark] .customer-panel,:root[data-theme=dark] .side-panel.customer-panel,html.dark-mode .customer-panel,html.dark-mode .side-panel.customer-panel{background:var(--surface);border-color:var(--line);color:var(--ink)}:root[data-theme=dark] .customer-panel .customer-card,html.dark-mode .customer-panel .customer-card{background:var(--surface-muted);border-color:var(--line)}:root[data-theme=dark] .bulk-actions,:root[data-theme=dark] .customer-profile,:root[data-theme=dark] .panel-divider,html.dark-mode .bulk-actions,html.dark-mode .customer-profile,html.dark-mode .panel-divider{border-color:var(--line)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}:root{--app-accent:#147A45;--app-accent-strong:#147A45;--app-accent-soft:rgba(33,168,99,0.1);--app-green:#21A863;--app-green-soft:#e8f8ef}.topbar{box-shadow:0 8px 28px rgba(15,23,42,.06)}.global-search{border-radius:12px}.conversation-panel{background:linear-gradient(180deg,rgba(33,168,99,.04),transparent 180px),var(--surface)}.panel-heading{padding:16px 18px 12px}.panel-heading h2{font-size:20px;letter-spacing:0}.panel-count{background:#F1F9F4;border-color:#C5E6D2;color:var(--app-accent)}.filter-row{flex-wrap:nowrap;overflow-x:auto;padding:0 14px 12px;scrollbar-width:none}.filter-row::-webkit-scrollbar{display:none}.filter-row button{background:#f8fafc;border-color:#e5e7ef;flex:0 0 auto;min-width:max-content;padding:0 12px}.filter-row button.active{background:var(--app-accent-soft);border-color:rgba(33,168,99,.42);box-shadow:inset 0 0 0 1px rgba(33,168,99,.08);color:var(--app-accent)}.bulk-actions{background:rgba(248,250,252,.82);border:1px solid var(--line);border-radius:12px;margin:0 14px 12px;padding:8px}.conversation-list{gap:4px;padding:0 10px 12px}.conversation-item{border-radius:14px;min-height:76px;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease}.conversation-item:hover{transform:translateY(-1px)}.conversation-item.selected{background:#F1F9F4;border-color:rgba(33,168,99,.34);box-shadow:inset 4px 0 0 var(--app-accent),0 10px 24px rgba(15,23,42,.07)}.conversation-item.bulk-selected{background:#EDF8F1}.conversation-open{grid-template-columns:48px minmax(0,1fr);min-height:78px;padding:11px 12px}.conversation-title strong{font-size:14.5px}.conversation-copy p{font-size:13.5px;margin:5px 0 6px}.conversation-meta{color:#5f6f85;gap:7px}.status-dot.open,.status-dot.waiting{color:var(--app-green)}.status-dot.assigned{color:var(--app-accent)}.avatar{border-radius:12px;width:48px}.count-badge{background:#101828;box-shadow:0 6px 16px rgba(16,24,40,.18)}.conversation-check,.conversation-pin{box-shadow:0 6px 14px rgba(15,23,42,.08);opacity:.92}.conversation-pin.active{background:var(--app-green-soft);border-color:rgba(33,168,99,.34);color:var(--app-green)}.mobile-bottom-nav{display:none}@media (max-width:820px){.app-shell{background:#f5f7fb}.topbar{background:#ffffff;border-bottom:0;box-shadow:0 10px 26px rgba(15,23,42,.08);gap:10px;padding:10px 12px 12px}.topbar-brand{min-height:42px}.header-logo{max-width:150px;width:42vw}.global-search{background:#f3f5f8;border:0;border-radius:999px;min-height:40px;padding:0 13px}.topbar-actions{align-items:center}.topbar .new-chat-action{border-radius:999px;bottom:calc(78px + env(safe-area-inset-bottom));box-shadow:0 16px 34px rgba(33,168,99,.34);font-size:0;height:54px;min-height:54px;padding:0;position:fixed;right:18px;width:54px;z-index:28}.topbar .new-chat-action svg{height:22px;width:22px}.topbar .instance-pill,.topbar .team-online-pill{min-height:34px;padding:0 10px}.workspace{background:transparent;padding:8px}.chat-panel,.conversation-panel,.side-panel{border-radius:18px;box-shadow:0 12px 34px rgba(15,23,42,.08);height:calc(100vh - 126px)}.workspace.mobile-list .conversation-panel{padding-bottom:calc(64px + env(safe-area-inset-bottom))}.conversation-panel{background:#ffffff}.panel-heading{padding:14px 16px 10px}.panel-heading .eyebrow{color:var(--app-green)}.panel-heading h2{font-size:21px}.panel-count{min-height:30px;padding:0 11px}.filter-row{gap:8px;padding:0 12px 10px}.filter-row button{background:#f3f6fa;border:0;min-height:32px}.filter-row button.active{background:#E3F4E9;color:var(--app-accent)}.bulk-actions{margin:0 12px 10px}.conversation-list{gap:2px;padding:0 8px 12px}.conversation-item{border:0;border-radius:16px;min-height:74px}.conversation-item:hover{transform:none}.conversation-item.selected{background:#F1F9F4;border:1px solid rgba(33,168,99,.3)}.conversation-open{grid-template-columns:46px minmax(0,1fr);padding:10px}.avatar{width:46px}.conversation-title strong{font-size:14px}.conversation-title time{font-size:11px}.conversation-copy p{margin:4px 0 5px}.conversation-check,.conversation-pin{height:26px;width:26px}.conversation-pin{right:40px}.count-badge{right:10px;top:40px}.mobile-bottom-nav{align-items:center;background:rgba(255,255,255,.96);border-top:1px solid #e7ebf2;bottom:0;box-shadow:0 -10px 28px rgba(15,23,42,.08);display:grid;gap:2px;grid-template-columns:repeat(4,minmax(0,1fr));left:0;padding:7px 8px max(7px,env(safe-area-inset-bottom));position:fixed;right:0;z-index:24}.mobile-bottom-nav button{align-items:center;background:transparent;border:0;border-radius:12px;color:#667085;display:grid;font-size:10px;font-weight:850;gap:3px;justify-items:center;min-height:48px;padding:4px 2px}.mobile-bottom-nav button.active{color:var(--app-accent)}.mobile-bottom-nav button.active svg{background:rgba(33,168,99,.12);border-radius:999px;box-sizing:content-box;padding:5px 14px}}@media (max-width:560px){.topbar .instance-pill{max-width:138px}.team-online-pill{max-width:84px}.chat-panel,.conversation-panel,.side-panel{height:calc(100vh - 136px)}}:root[data-theme=dark]{--app-green-soft:rgba(33,168,99,0.14)}:root[data-theme=dark] .conversation-panel,html.dark-mode .conversation-panel{background:linear-gradient(180deg,rgba(33,168,99,.08),transparent 190px),var(--surface)}:root[data-theme=dark] .panel-count,html.dark-mode .panel-count{background:rgba(98,214,151,.14);border-color:rgba(98,214,151,.3);color:#C0F2D4}:root[data-theme=dark] .bulk-actions,html.dark-mode .bulk-actions{background:rgba(15,23,34,.82);border-color:var(--line)}:root[data-theme=dark] .conversation-item.selected,html.dark-mode .conversation-item.selected{background:linear-gradient(90deg,rgba(33,168,99,.24),var(--surface-muted) 58%)}:root[data-theme=dark] .count-badge,html.dark-mode .count-badge{background:#edf4ff;color:#111827}@media (max-width:820px){:root[data-theme=dark] .app-shell,html.dark-mode .app-shell{background:var(--bg)}:root[data-theme=dark] .topbar,html.dark-mode .topbar{background:rgba(18,26,36,.98);box-shadow:0 10px 26px rgba(0,0,0,.2)}:root[data-theme=dark] .global-search,html.dark-mode .global-search{background:#0f1722;border:1px solid var(--line)}:root[data-theme=dark] .filter-row button,html.dark-mode .filter-row button{background:#172231}:root[data-theme=dark] .filter-row button.active,html.dark-mode .filter-row button.active{background:rgba(98,214,151,.18)}:root[data-theme=dark] .mobile-bottom-nav,html.dark-mode .mobile-bottom-nav{background:rgba(18,26,36,.97);border-top-color:var(--line);box-shadow:0 -12px 32px rgba(0,0,0,.32)}:root[data-theme=dark] .mobile-bottom-nav button,html.dark-mode .mobile-bottom-nav button{color:#9aabbd}:root[data-theme=dark] .mobile-bottom-nav button.active,html.dark-mode .mobile-bottom-nav button.active{color:#C0F2D4}}.chat-action-menu{display:contents}.conversation-heading-actions{display:flex;align-items:center;gap:8px}.management-reports{display:grid;gap:16px;min-width:0}.management-days,.management-toolbar-actions{display:flex;flex-wrap:wrap;gap:8px}.management-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.management-sort{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12px}.management-sort select{max-width:100%;padding:8px;background:var(--surface-muted);border:1px solid var(--line);color:var(--ink);border-radius:6px}.feedback-page label,.management-details>label,.management-filters label{display:grid;gap:6px;font-size:13px;font-weight:700;min-width:0}.feedback-page textarea,.management-details input,.management-filters input,.management-filters select{width:100%;min-width:0;padding:9px 10px;border:1px solid var(--line);background:var(--surface-muted);color:var(--ink);border-radius:6px;font:inherit}.management-tabs{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--line);padding-bottom:8px}.management-tabs button{background:transparent;border:0;padding:9px 10px;color:var(--muted);font:inherit;font-size:13px;cursor:pointer;border-radius:6px}.management-tabs button.active{background:var(--app-accent-soft);color:var(--app-accent);font-weight:800}.management-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.management-metric{display:grid;gap:8px;text-align:left;padding:14px;background:var(--surface-muted);color:var(--ink);border:1px solid var(--line);border-radius:8px;min-width:0;font:inherit;cursor:pointer}.management-metric strong{font-size:24px;line-height:1.2}.management-metric small,.management-metric span{font-size:12px;color:var(--muted)}.management-metric:disabled{opacity:1;cursor:default}.management-metric:not(:disabled):hover{border-color:var(--app-accent)}.management-period{margin:0;font-size:12px;color:var(--muted)}.management-table-wrap{max-width:100%;overflow-x:auto}.management-table{width:100%;min-width:0}.management-table td,.management-table th{white-space:normal;overflow-wrap:anywhere;font-size:12px;padding:10px}.report-link{border:0;background:transparent;color:var(--app-accent);font:inherit;font-weight:700;cursor:pointer;padding:2px;text-align:left}.report-checkbox{display:inline-flex!important;align-items:center;gap:6px;padding:8px 0}.report-checkbox input{accent-color:var(--app-accent);width:16px;height:16px}.management-demand{width:100%;font-size:12px}.demand-heading,.demand-row{display:grid;grid-template-columns:38px repeat(7,minmax(0,1fr));gap:3px;align-items:center}.demand-heading{margin-bottom:6px;text-align:center}.demand-row{margin-bottom:3px}.demand-row>span{padding:6px 0;text-align:center}.demand-row .has-demand{border-radius:3px;color:var(--ink)}.demand-detail{width:100%;color:var(--ink);text-align:center;padding:0}.management-detail-list{display:grid}.management-detail-list article{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.management-detail-list article>div:first-child{display:grid;gap:4px;min-width:0;overflow-wrap:anywhere}.management-detail-list small,.management-detail-list span{color:var(--muted);font-size:12px}.management-detail-actions{display:flex;align-items:flex-start;gap:6px}.management-detail-list p{margin:4px 0 0;font-size:13px}.feedback-page{display:grid;align-content:start;gap:18px;max-width:500px;margin:0 auto;padding:32px 20px;min-height:100dvh}.feedback-page .brand-logo{width:180px;max-width:100%}.feedback-page h1{font-size:24px;margin:0}.feedback-stars{display:flex;justify-content:space-between;gap:6px}.feedback-stars button{padding:8px;color:var(--app-accent);background:var(--surface-muted);border:1px solid var(--line);border-radius:6px;cursor:pointer}.attendance-reason-dialog{margin:auto;color:var(--ink);background:var(--surface);max-height:calc(100dvh - 32px);overflow-y:auto}.attendance-reason-dialog:not([open]){display:none}.attendance-reason-dialog::backdrop{background:rgba(0,0,0,.45)}.attendance-reason-dialog textarea{width:100%;background:var(--surface-muted);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:10px;font:inherit}@media(max-width:820px){.management-filters,.management-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.management-table,.management-table tbody{display:block}.management-table thead{display:none}.management-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:10px 0;border-bottom:1px solid var(--line)}.management-table td{display:grid;gap:4px;border:0;padding:7px}.management-table td:first-child{grid-column:1/-1}.management-table td:before{content:attr(data-label);font-size:11px;color:var(--muted)}.management-table td:first-child:before{display:none}.management-tabs button{flex:1 0 auto;font-size:12px}.management-metric{padding:12px}.management-metric strong{font-size:21px}}:root[data-theme=dark],html.dark-mode{--app-accent:#62D697;--app-accent-strong:#A9EDC7}:root[data-theme=dark] .primary-action,:root[data-theme=dark] .send-button,html.dark-mode .primary-action,html.dark-mode .send-button{background:#147A45}:root[data-theme=dark] .primary-action:hover,:root[data-theme=dark] .send-button:hover,html.dark-mode .primary-action:hover,html.dark-mode .send-button:hover{background:#11683C}.mobile-filter-toggle{display:none}.conversation-panel>.bulk-actions,.conversation-panel>.filter-row,.conversation-panel>.panel-heading{flex-shrink:0}.conversation-panel>.conversation-list{flex:1 1;min-height:0;align-content:start}.chat-action-trigger,.mobile-assume{display:none}@media (max-width:820px){.mobile-filter-toggle{display:inline-flex;width:36px;height:36px;padding:0}.filters-expanded .mobile-filter-toggle svg{transform:rotate(180deg)}.conversation-panel:not(.filters-expanded)>.filter-row{display:none}.conversation-panel>.filter-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;gap:6px}.conversation-panel>.filter-row button{min-width:0;min-height:34px;padding:0 10px}.conversation-panel>.filter-row button strong{flex-shrink:0}.app-shell{height:100dvh}.app-shell.view-chat{grid-template-rows:minmax(0,1fr)}.view-chat>.topbar{display:none}.view-chat .workspace{height:100%;padding:0}.view-chat .chat-panel{height:100%;border-radius:0;border:0;box-shadow:none}.view-chat .chat-header{display:flex;align-items:center;gap:8px;padding:max(10px,env(safe-area-inset-top)) 12px 10px;position:relative;z-index:20}.view-chat .chat-contact{flex:1 1;gap:8px;overflow:hidden}.view-chat .chat-contact .eyebrow{display:none}.view-chat .chat-contact h2{font-size:15px;line-height:1.3}.view-chat .chat-contact .avatar{width:36px;height:36px;min-width:36px}.view-chat .phone-line{font-size:11px;margin-top:3px}.view-chat .chat-action-trigger,.view-chat .mobile-back{display:inline-flex;width:36px;height:36px;min-height:36px;padding:0}.view-chat .chat-action-menu{display:block;flex:0 0 auto}.view-chat .chat-action-menu .chat-actions{display:none}.view-chat .chat-action-menu.is-open .chat-actions{display:flex;flex-direction:column;align-items:stretch;position:absolute;right:8px;top:calc(100% - 2px);width:min(260px,calc(100vw - 24px));max-height:65dvh;overflow-y:auto;padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.2)}.view-chat .chat-actions .secondary-action,.view-chat .chat-actions .transfer-select{flex:0 0 auto;justify-content:flex-start;width:100%}.view-chat .mobile-assume{display:inline-flex;font-size:12px;padding:0 8px;min-height:36px}.view-chat .message-list{padding:12px}.view-chat .composer{grid-template-columns:32px 32px minmax(0,1fr) 36px;gap:5px;padding:8px 8px max(8px,env(safe-area-inset-bottom))}.view-chat .composer>.icon-button,.view-chat .send-button{width:100%;height:40px;min-height:40px;padding:0}.view-chat .composer textarea{min-width:0;width:100%;min-height:40px;height:40px;max-height:100px;font-size:16px;padding:8px}}.operation-bell{position:relative;flex-shrink:0}.operation-bell>i,.operation-bell>span{position:absolute;top:-5px;right:-6px;background:var(--danger);color:#fff;font-size:10px;line-height:18px;min-width:18px;padding:0 3px;border-radius:9px;font-style:normal}.operation-dialog{width:min(760px,calc(100% - 24px));max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);overflow:auto;margin:auto;box-shadow:var(--shadow)}.operation-dialog::backdrop{background:rgba(0,0,0,.55)}.operation-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line);background:var(--surface);position:sticky;top:0;z-index:1}.operation-dialog h2{font-size:19px;margin:0}.operation-dialog h3{font-size:16px;margin:22px 0 10px}.operation-dialog header>div,.operation-row-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.operation-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:8px 12px;border-bottom:1px solid var(--line)}.operation-tabs button{background:transparent;border:0;padding:9px 12px;color:var(--muted);border-radius:4px;font-size:13px}.operation-tabs button[aria-pressed=true]{background:var(--surface-soft);color:var(--accent);font-weight:700}.operation-content{padding:18px;overflow-wrap:anywhere}.operation-filters{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end}.operation-dialog label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;min-width:0}.operation-dialog input:not([type=checkbox]),.operation-dialog select,.operation-dialog textarea{width:100%;min-width:0;min-height:40px;padding:9px 10px;border:1px solid var(--line);border-radius:6px;background:var(--surface-muted);color:var(--ink);font:inherit}.operation-dialog textarea{min-height:82px;resize:vertical}.operation-dialog .operation-check{flex-direction:row;align-items:center;grid-column:1/-1}.operation-check input{width:17px;height:17px;flex-shrink:0}.operation-count{color:var(--muted);font-size:12px;margin:16px 0 6px}.operation-list{list-style:none;padding:0;margin:0}.operation-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:14px 0}.operation-list li>div:first-child{min-width:0}.operation-list small{display:block;color:var(--muted);margin:5px 0;font-size:12px}.operation-list strong{font-size:14px}.operation-list p{margin:4px 0;font-size:14px}.operation-list .icon-button{flex-shrink:0}.operation-labels{display:flex;flex-wrap:wrap;gap:5px}.operation-labels span{padding:3px 7px;color:var(--accent);background:var(--surface-soft);border-radius:4px;font-size:11px}.operation-metrics{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.operation-metrics>div{padding:12px 0;border-bottom:1px solid var(--line);min-width:0}.operation-metrics dt{color:var(--muted);font-size:12px}.operation-metrics dd{margin:5px 0 0;font-size:14px;font-weight:600}.operation-dialog .operation-error{color:var(--danger)}.operation-form{display:grid;gap:16px}.operation-search{display:flex;gap:8px;align-items:center;margin-bottom:8px}.operation-search label{flex:1 1;flex-direction:row;align-items:center}.operation-history li{align-items:flex-start}.message-text code{font-family:ui-monospace,monospace;font-size:.95em;background:var(--surface-muted);border-radius:3px;padding:1px 4px;overflow-wrap:anywhere}@media (max-width:600px){.topbar{grid-template-columns:44px minmax(0,1fr)}.topbar .header-logo{width:44px;max-width:44px}.topbar .topbar-actions{width:100%;gap:5px}.topbar .topbar-actions>.icon-button{width:34px;height:34px;min-height:34px;padding:0}.topbar .instance-pill{min-width:0;max-width:100px;flex-shrink:1;padding:0 6px;font-size:11px}.topbar .instance-pill svg{flex-shrink:0}.topbar .team-online-pill{max-width:70px;padding:0 6px;font-size:11px}.topbar .profile-menu summary{min-height:34px;max-width:36px;padding:0 5px}.operation-dialog{max-height:calc(100dvh - 16px - env(safe-area-inset-bottom));width:calc(100% - 16px)}.operation-content{padding:14px 14px max(14px,env(safe-area-inset-bottom))}.operation-dialog>header{padding:10px 14px}.operation-filters,.operation-metrics{grid-template-columns:1fr}.operation-tabs button{padding:9px 8px;font-size:12px}.topbar-actions .operation-bell{display:inline-flex!important}}@media (max-width:360px){.topbar .team-online-pill{display:none}}