:root{font-family:system-ui,-apple-system,"Segoe UI","Noto Sans SC",sans-serif;color:#1c2822;background:#f5f7f4;font-synthesis:none;text-rendering:optimizeLegibility;--green:#16734c;--green-dark:#0d5839;--mint:#e7f3ec;--line:#e7ece8;--muted:#86928b;--ink:#1c2822}
*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #82c9a4;outline-offset:2px}[hidden]{display:none!important}
.app-shell{display:grid;grid-template-columns:340px minmax(0,1fr);height:100dvh;min-height:560px;max-width:1800px;margin:auto;background:#fff;box-shadow:0 16px 60px #1835230c}.sidebar{display:flex;flex-direction:column;min-width:0;border-right:1px solid var(--line);background:#fcfdfb}.brand{display:flex;align-items:center;gap:12px;padding:24px 25px;border-bottom:1px solid var(--line)}.brand-mark{display:grid;width:46px;height:46px;place-items:center;border-radius:15px;background:linear-gradient(145deg,#1d9060,#126341);color:white;font-weight:700;font-size:22px;box-shadow:0 7px 16px #16734c30}.brand-mark.small{width:38px;height:38px;border-radius:12px;font-size:18px}.brand strong,.brand span{display:block}.brand strong{font-size:15px;letter-spacing:.02em}.brand span{margin-top:3px;color:var(--muted);font-size:12px}.inbox-title{display:flex;align-items:center;justify-content:space-between;padding:25px 23px 17px}.eyebrow{margin:0;color:#93a198;font-size:10px;font-weight:700;letter-spacing:.15em}.inbox-title h1{margin:5px 0 0;font-size:22px;letter-spacing:-.04em}.icon-button{width:36px;height:36px;border:1px solid var(--line);border-radius:12px;background:#fff;color:#68756d;font-size:21px}.icon-button:hover{color:var(--green);background:var(--mint)}.filters{display:flex;gap:6px;padding:0 18px 12px}.filter{display:flex;align-items:center;gap:6px;padding:8px 11px;border:0;border-radius:9px;background:transparent;color:#77837b;font-size:12px}.filter:hover{background:#f0f5f1}.filter.active{background:#eaf4ed;color:var(--green-dark);font-weight:600}.filter span{display:grid;min-width:18px;height:18px;place-items:center;padding:0 4px;border-radius:99px;background:#fff;font-size:10px}.conversation-list{flex:1;overflow:auto;padding:2px 10px}.conversation-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;width:100%;padding:14px 12px;border:0;border-radius:12px;background:transparent;text-align:left}.conversation-item:hover{background:#f4f7f4}.conversation-item.selected{background:#eaf4ed}.avatar{display:grid;width:42px;height:42px;place-items:center;border:1px solid #e3eee6;border-radius:50%;background:linear-gradient(145deg,#f2f8f3,#e2f1e6);color:#478364;font-size:17px}.item-main{overflow:hidden}.item-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.item-heading strong{overflow:hidden;color:#29372f;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.item-heading time{flex:none;color:#9ba69f;font-size:10px}.item-preview{display:block;overflow:hidden;margin-top:6px;color:#87928a;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.item-meta{display:flex;align-items:flex-start;justify-content:flex-end}.count-pill{display:grid;min-width:19px;height:19px;place-items:center;padding:0 5px;border-radius:99px;background:#dcefe3;color:#276d48;font-size:10px}.list-empty{padding:34px 18px;color:#94a098;text-align:center;font-size:12px;line-height:1.7}.sidebar-bottom{display:flex;align-items:center;gap:8px;padding:17px 22px;border-top:1px solid var(--line);color:#88938c;font-size:11px}.online-dot{width:8px;height:8px;border-radius:99px;background:#4bb47a;box-shadow:0 0 0 3px #4bb47a20}.text-button{margin-left:auto;border:0;background:transparent;color:#88938c;font-size:11px}.text-button:hover{color:#ba4d4d}
.conversation-panel{display:flex;flex-direction:column;min-width:0;background:#fff}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:85px;padding:17px 30px;border-bottom:1px solid var(--line)}.topbar h2{margin:5px 0 0;font-size:17px;letter-spacing:-.02em}.actions{display:flex;align-items:center;gap:12px}.status-badge{padding:6px 10px;border-radius:99px;background:#e8f5ec;color:#33724d;font-size:11px}.status-badge.closed{background:#f0f1f0;color:#778079}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 15px;border:0;border-radius:10px;font-weight:600;font-size:12px;transition:.16s}.primary{background:var(--green);color:white;box-shadow:0 5px 14px #16734c20}.primary:hover{background:var(--green-dark);transform:translateY(-1px)}.primary:disabled{opacity:.55;cursor:wait;transform:none}.secondary{border:1px solid var(--line);background:#fff;color:#58645c}.secondary:hover{border-color:#c4ddce;background:#f6faf7;color:var(--green)}.empty-state{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;padding:35px;text-align:center}.empty-illustration{position:relative;display:grid;width:94px;height:94px;place-items:center;border:1px solid #e3eee6;border-radius:32px;background:linear-gradient(145deg,#f8fbf8,#eef6ef);color:#478364;font-size:32px}.empty-illustration span:first-child{position:absolute;top:14px;right:19px;color:#9dc9ad;font-size:17px}.empty-state h2{margin:25px 0 7px;font-size:16px}.empty-state p{max-width:320px;margin:0;color:#939e96;font-size:12px;line-height:1.7}.message-list{flex:1;overflow:auto;padding:26px max(28px,calc((100% - 830px)/2)) 34px;background:linear-gradient(#fbfcfb,#fff)}.message-row{display:flex;align-items:flex-start;gap:10px;margin:0 0 20px}.message-row.admin{flex-direction:row-reverse}.message-avatar{display:grid;flex:none;width:31px;height:31px;place-items:center;border-radius:50%;background:#edf4ee;color:#4c8460;font-size:12px}.message-row.admin .message-avatar{background:#e4f1e8;color:var(--green)}.message-content{max-width:min(72%,620px)}.message-meta{display:flex;align-items:center;gap:8px;margin-bottom:6px;color:#9aa49d;font-size:10px}.message-row.admin .message-meta{justify-content:flex-end}.message-bubble{padding:11px 14px;border:1px solid #edf0ed;border-radius:3px 14px 14px 14px;background:#fff;color:#35423a;font-size:13px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere;box-shadow:0 2px 6px #193a2406}.message-row.admin .message-bubble{border-color:#e0efe5;border-radius:14px 3px 14px 14px;background:#edf7f0;color:#28573c}.reply-box{margin:0 auto 23px;width:min(830px,calc(100% - 48px));padding:13px 15px;border:1px solid #e5ebe6;border-radius:15px;background:#fff;box-shadow:0 5px 20px #193a2409}.reply-box textarea{display:block;width:100%;resize:vertical;min-height:62px;border:0;background:transparent;color:#35423a;font-size:13px;line-height:1.7;outline:none}.reply-box textarea::placeholder{color:#a5afa8}.reply-footer{display:flex;align-items:center;justify-content:space-between;padding-top:9px;border-top:1px solid #f0f2f0;color:#a0aaa3;font-size:10px}.reply-footer .primary{padding:9px 13px}.toast{position:fixed;right:24px;bottom:24px;z-index:5;max-width:min(380px,calc(100vw - 32px));padding:12px 16px;border:1px solid #e4ebe5;border-radius:12px;background:#fff;color:#435047;font-size:12px;box-shadow:0 9px 30px #1b32231c;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s}.toast.visible{opacity:1;transform:translateY(0)}.toast.error{border-color:#f2d3d3;color:#a14343}
.login-shell{display:grid;min-height:100dvh;place-items:center;padding:24px;background:radial-gradient(ellipse at 50% 0,#e2f2e8 0,transparent 52%),#f5f7f4}.login-card{width:min(400px,100%);padding:37px;border:1px solid #e5ebe6;border-radius:22px;background:#fff;box-shadow:0 20px 70px #18352312}.login-card .brand-mark{margin-bottom:25px}.login-card h1{margin:7px 0 5px;font-size:24px;letter-spacing:-.04em}.muted{margin:0 0 25px;color:#8a968e;font-size:12px}.login-card label{display:block;margin-top:16px;color:#58645c;font-size:11px;font-weight:600}.login-card input{display:block;width:100%;height:43px;margin-top:7px;padding:0 12px;border:1px solid #e2e9e3;border-radius:9px;background:#fcfdfc;font-size:13px}.login-card input:focus{border-color:#78b890;outline:none;box-shadow:0 0 0 3px #78b89022}.full{width:100%;height:43px;margin-top:14px}.error{min-height:17px;margin:12px 0 0;color:#bd4848;font-size:11px}
@media(max-width:720px){.app-shell{grid-template-columns:1fr;height:100dvh}.sidebar{height:42dvh;min-height:230px;max-height:350px;border-right:0;border-bottom:1px solid var(--line)}.brand{padding:13px 17px}.inbox-title{padding:12px 17px 9px}.filters{padding:0 11px 8px}.conversation-list{padding:0 8px}.conversation-item{padding:9px}.sidebar-bottom{padding:10px 17px}.conversation-panel{min-height:0}.topbar{min-height:67px;padding:12px 17px}.message-list{padding:20px 14px}.message-content{max-width:83%}.reply-box{width:calc(100% - 24px);margin-bottom:12px}.empty-state{padding:20px}.empty-illustration{width:66px;height:66px;border-radius:23px;font-size:24px}.empty-state h2{margin-top:15px}}

.app-shell{grid-template-columns:310px minmax(0,1fr) 294px}.details-panel{display:flex;flex-direction:column;min-width:0;overflow:auto;border-left:1px solid var(--line);background:#fcfdfb}.details-heading,.quick-manager-heading{padding:22px 20px 17px;border-bottom:1px solid var(--line)}.details-heading h2,.quick-manager-heading h3{margin:5px 0 0;font-size:17px;letter-spacing:-.03em}.visitor-profile{padding:14px 16px 20px}.profile-email{overflow:hidden;margin:0 0 15px;color:#25342b;font-size:13px;font-weight:600;text-overflow:ellipsis}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.profile-cell{min-width:0;padding:10px;border:1px solid #e9eee9;border-radius:10px;background:#fff}.profile-cell span,.profile-cell strong{display:block;overflow:hidden;text-overflow:ellipsis}.profile-cell span{margin-bottom:5px;color:#96a199;font-size:10px}.profile-cell strong{color:#425047;font-size:11px;font-weight:600;white-space:nowrap}.profile-wide{grid-column:1/-1}.profile-empty{padding:15px 5px;color:#9aa49d;font-size:11px}.quick-replies-manager{border-top:1px solid var(--line)}.quick-manager-heading{display:flex;align-items:center;justify-content:space-between;padding:17px 17px 14px}.quick-manager-heading h3{font-size:14px}.quick-reply-list{display:flex;flex-direction:column;gap:7px;padding:12px}.quick-reply-item{display:flex;align-items:flex-start;gap:7px}.quick-reply-pick{flex:1;padding:9px 10px;border:1px solid #e9eee9;border-radius:9px;background:#fff;color:#59655d;text-align:left;font-size:10px;line-height:1.6}.quick-reply-pick:hover{border-color:#c7dfcf;background:#f3faf5}.quick-reply-delete{flex:none;width:27px;height:27px;border:0;border-radius:7px;background:transparent;color:#a0aaa3}.quick-reply-delete:hover{background:#fff0f0;color:#b34949}.quick-reply-empty{padding:4px;color:#9aa49d;font-size:10px;line-height:1.6}.quick-reply-bar{display:flex;gap:6px;overflow:auto;padding-bottom:8px}.quick-chip{flex:none;padding:5px 9px;border:1px solid #dce9df;border-radius:99px;background:#f7fbf8;color:#39704c;font-size:10px}.quick-chip:hover{background:#eaf5ed}.tool-button{padding:6px 8px;border:1px solid #e4ebe5;border-radius:8px;background:white;color:#5f6f63;font-size:10px}.tool-button:hover{border-color:#bcd9c6;color:var(--green)}.reply-tools{display:flex;align-items:center;gap:7px}.reply-tools span{font-size:10px}.reply-footer{gap:10px;flex-wrap:wrap}.reply-box{max-width:830px}.message-bubble img,.message-bubble video{display:block;max-width:min(360px,100%);max-height:320px;margin:6px 0 9px;border-radius:9px}.message-attachment-link{display:inline-flex;align-items:center;gap:6px;margin:4px 0;color:var(--green);font-size:11px}.sender-tag{display:inline-block;margin-left:5px;padding:2px 5px;border-radius:5px;background:#eef4ef;color:#64816c;font-size:9px}.login-shell{background:radial-gradient(ellipse at 50% 0,#e2f2e8 0,transparent 52%),#f5f7f4}
.quick-replies-control{position:relative;display:flex;justify-content:flex-start;margin-bottom:8px}.quick-reply-toggle,.quick-library-toggle{display:flex;align-items:center;gap:9px;border:0;background:transparent;color:#66746a;text-align:left}.quick-reply-toggle{padding:6px 9px;border:1px solid #e5eee7;border-radius:9px;background:#f8fbf8;font-size:11px}.quick-reply-toggle:hover,.quick-library-toggle:hover{background:#eef6f0;color:var(--green)}.quick-reply-bolt{color:#4d9565;font-size:14px}.quick-reply-count{padding:3px 6px;border-radius:99px;background:#eaf4ed;color:#64816c;font-size:9px}.quick-reply-chevron{color:#8b978e;font-size:13px;transition:transform .15s}.quick-reply-toggle[aria-expanded="true"] .quick-reply-chevron,.quick-library-toggle[aria-expanded="true"] .quick-reply-chevron{transform:rotate(180deg)}.quick-reply-bar{position:absolute;bottom:calc(100% + 8px);left:0;z-index:2;display:flex;flex-direction:column;gap:4px;width:min(340px,100%);max-height:220px;overflow:auto;padding:7px;border:1px solid #e1e9e2;border-radius:12px;background:#fff;box-shadow:0 10px 28px #193a2417}.quick-chip{flex:none;width:100%;padding:8px 10px;border:0;border-radius:7px;background:#fff;color:#4e5d53;text-align:left;white-space:normal;line-height:1.5}.quick-chip:hover{background:#f1f7f2}.quick-manager-heading{gap:8px}.quick-library-toggle{flex:1;justify-content:space-between;padding:3px 0}.quick-library-toggle strong{display:block;margin-top:4px;color:#34443a;font-size:13px;font-weight:600}.quick-replies-manager #quick-reply-form{padding:12px}.quick-replies-manager #quick-reply-form textarea{width:100%;padding:9px;border:1px solid #e5ebe6;border-radius:8px;font-size:11px;line-height:1.5}.quick-replies-manager #quick-reply-form .primary{margin-top:5px;padding:8px;font-size:11px}
@media(max-width:1100px){.app-shell{grid-template-columns:280px minmax(0,1fr)}.details-panel{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;max-height:280px;border-top:1px solid var(--line);border-left:0}.details-heading{grid-column:1/-1}.quick-replies-manager{border-top:0;border-left:1px solid var(--line)}}
@media(max-width:720px){.app-shell{display:flex;flex-direction:column;height:100dvh}.sidebar{flex:0 0 30dvh;max-height:none}.conversation-panel{flex:1;min-height:250px}.details-panel{display:none}.topbar .actions{gap:5px}.topbar .secondary{padding:8px;font-size:10px}.reply-footer>span{display:none}}

.quick-reply-edit{flex:none;width:27px;height:27px;border:0;border-radius:7px;background:transparent;color:#839188}.quick-reply-edit:hover{background:#eef6f0;color:var(--green)}
.quick-replies-manager #quick-reply-form .quick-reply-form-actions{display:flex;gap:8px;margin-top:8px}.quick-replies-manager #quick-reply-form .quick-reply-form-actions button{flex:1;height:34px;margin:0;padding:7px 9px;font-size:11px}
.topbar-end{display:flex;align-items:center;gap:10px}.details-heading{display:flex;align-items:center;justify-content:space-between}.details-panel-close,#visitor-details-toggle{display:none}.details-backdrop{display:none}
@media(max-width:1100px){.app-shell{grid-template-columns:260px minmax(0,1fr) 260px}.details-panel{grid-column:auto;display:flex;max-height:none;border-top:0;border-left:1px solid var(--line)}}
@media(max-width:900px){.app-shell{grid-template-columns:260px minmax(0,1fr)}.details-panel{display:none;grid-column:auto;max-height:none}.details-panel.is-open{position:fixed;inset:12px 12px 12px auto;z-index:31;display:flex;width:min(360px,calc(100vw - 24px));border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 18px 60px #17291c40}.details-panel-close,#visitor-details-toggle{display:inline-flex;align-items:center;justify-content:center}.details-panel-close{width:34px;height:34px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#68756d;font-size:21px}.details-backdrop:not([hidden]){position:fixed;inset:0;z-index:30;display:block;border:0;background:#15251c55}}
@media(max-width:720px){.app-shell{display:flex;grid-template-columns:1fr}.details-panel.is-open{inset:8px 8px 8px auto;width:min(360px,calc(100vw - 16px))}}
.inbox-actions{display:flex;gap:7px}.settings-modal:not([hidden]){position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:18px}.settings-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:#15251c70}.settings-card{position:relative;z-index:1;width:min(520px,100%);max-height:min(90dvh,760px);overflow:auto;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 24px 90px #10251a40}.settings-heading{display:flex;align-items:center;justify-content:space-between;padding:21px 24px;border-bottom:1px solid var(--line)}.settings-heading h2{margin:5px 0 0;font-size:20px}.settings-close{width:34px;height:34px;border:1px solid var(--line);border-radius:9px;background:white;color:#68756d;font-size:21px}.settings-form{display:flex;flex-direction:column;gap:16px;padding:20px 24px 24px}.settings-form>label:not(.settings-switch){display:flex;flex-direction:column;gap:7px;color:#58645c;font-size:12px;font-weight:600}.settings-form input:not([type=checkbox]),.settings-form textarea,.settings-form select{width:100%;padding:10px 11px;border:1px solid #e2e9e3;border-radius:9px;background:#fcfdfc;color:#34443a;font-size:13px;font-weight:400}.settings-form textarea{resize:vertical;line-height:1.6}.settings-switch{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px;border:1px solid #e5ebe6;border-radius:11px;background:#fafcfa}.settings-switch strong,.settings-switch small{display:block}.settings-switch strong{color:#405047;font-size:12px}.settings-switch small{margin-top:4px;color:#8b978e;font-size:10px;font-weight:400}.settings-switch input{position:absolute;width:1px;height:1px;opacity:0}.switch-track{position:relative;flex:none;width:42px;height:24px;border-radius:99px;background:#c8d0ca;transition:background .16s}.switch-track:after{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:white;content:"";box-shadow:0 1px 4px #0002;transition:transform .16s}.settings-switch input:checked+.switch-track{background:var(--green)}.settings-switch input:checked+.switch-track:after{transform:translateX(18px)}.settings-switch input:focus-visible+.switch-track{outline:3px solid #82c9a4;outline-offset:2px}.settings-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:3px}.settings-actions button{min-width:110px}
.online-dot.offline{background:#c99a52;box-shadow:0 0 0 3px #c99a5220}
.inbox-tools{display:flex;gap:7px;padding:0 16px 12px}.inbox-tools input,.inbox-tools select{min-width:0;height:34px;padding:0 9px;border:1px solid #e6ece7;border-radius:8px;background:#fff;color:#59655d;font-size:10px}.inbox-tools input{flex:1}.inbox-tools select{width:108px}.inbox-tools input::placeholder{color:#a0aaa3}
@media(max-width:720px){.inbox-tools{padding:0 10px 8px}.inbox-tools select{width:102px}}
@media(max-width:720px){.settings-modal:not([hidden]){padding:10px}.settings-heading{padding:17px 18px}.settings-form{gap:12px;padding:16px 18px 19px}}
.assignee-select{height:36px;max-width:130px;padding:0 8px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#58645c;font-size:11px}.actions .secondary{padding:8px 11px;font-size:11px}.actions button:disabled{opacity:.55;cursor:default}
.workspace-shortcuts{display:flex;gap:6px;padding:0 17px 11px}.workspace-shortcuts button{flex:1;padding:7px 5px;border:1px solid #e5ebe6;border-radius:8px;background:#fff;color:#637168;font-size:10px}.workspace-shortcuts button:hover{border-color:#c4ddce;background:#f5faf6;color:var(--green)}.inbox-tools{flex-wrap:wrap}.inbox-tools select:last-child{width:100px}
.avatar.has-unread{border-color:#d39153;background:#fff2e5;color:#aa5c1e;font-weight:700}.unread-pill{display:grid;min-width:19px;height:19px;place-items:center;padding:0 5px;border-radius:99px;background:#d97537;color:#fff;font-size:10px}.priority-mark{color:#bf6938}.conversation-tags{display:flex;gap:4px;margin-top:5px}.conversation-tags i{padding:2px 5px;border-radius:5px;background:#edf4ef;color:#64816c;font-size:9px;font-style:normal}
.conversation-management{padding:15px 16px;border-top:1px solid var(--line)}.conversation-management label{display:block;margin-bottom:8px;color:#66746a;font-size:11px;font-weight:600}.tag-editor{display:flex;gap:6px}.tag-editor input{min-width:0;flex:1;height:32px;padding:0 9px;border:1px solid #e5ebe6;border-radius:8px;background:#fff;font-size:10px}.tag-editor button{flex:none}.conversation-management p{margin:6px 0 0;color:#9aa49d;font-size:9px}
.agent-form{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:18px 24px;border-bottom:1px solid var(--line)}.agent-form label{display:flex;flex-direction:column;gap:6px;color:#657168;font-size:11px;font-weight:600}.agent-form input,.agent-form select{height:36px;min-width:0;padding:0 9px;border:1px solid #e2e9e3;border-radius:8px;background:#fcfdfc;font-size:11px;font-weight:400}.agent-form>button{align-self:end;height:36px;padding:8px;font-size:11px}.agent-list{max-height:min(45dvh,430px);overflow:auto;padding:8px 24px 18px}.agent-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #eef1ee}.agent-main{min-width:135px}.agent-main strong,.agent-main span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-main strong{font-size:12px}.agent-main span{margin-top:4px;color:#89958d;font-size:10px}.agent-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px}.agent-actions .tool-button{padding:6px 7px;font-size:9px}.system-account-note{color:#929d95;font-size:10px}.team-card{width:min(760px,100%)}
.stats-card{width:min(650px,100%)}.stats-content{padding:22px 24px 26px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stats-card-item{padding:14px;border:1px solid #e8eee9;border-radius:12px;background:#fbfdfb}.stats-card-item span,.stats-card-item strong{display:block}.stats-card-item span{color:#8c9890;font-size:10px}.stats-card-item strong{margin-top:8px;color:#2d6747;font-size:24px}.stats-content h3{margin:24px 0 10px;font-size:13px}.workload-list>div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #eef1ee;font-size:11px}.workload-list span{color:#68766d}.workload-list b{color:#3b6f4e}
@media(max-width:720px){.workspace-shortcuts{padding:0 10px 8px}.inbox-tools select:last-child{flex:1}.agent-form{grid-template-columns:1fr;padding:15px 18px}.agent-list{padding:6px 18px 15px}.agent-row{align-items:flex-start;flex-direction:column}.agent-actions{justify-content:flex-start}.stats-grid{grid-template-columns:repeat(2,1fr)}.stats-content{padding:17px}}
.topbar-end,.actions{min-width:0;flex-wrap:wrap;justify-content:flex-end;gap:6px}.password-card{width:min(430px,100%)}
@media(max-width:720px){.topbar{align-items:flex-start;flex-wrap:wrap;gap:8px}.topbar-end{width:100%;justify-content:space-between}.actions{flex:1;justify-content:flex-end}.topbar-end>#visitor-details-toggle{margin-left:auto}}

/* Monochrome palette for the Forest support workspace. */
:root{color-scheme:light;--page:#f5f5f5;--surface:#fff;--surface-alt:#fafafa;--surface-raised:#f7f7f7;--text:#171717;--text-muted:#737373;--line:#e5e5e5;--brand:#111;--green:#171717;--green-dark:#000;--mint:#f0f0f0;--focus:#737373;--panel-shadow:0 16px 48px #00000010}

.sidebar-bottom { flex-wrap: wrap; }
.agent-name { overflow: hidden; max-width: 120px; text-overflow: ellipsis; white-space: nowrap; }
.sidebar-bottom .text-button { flex: none; margin-left: 0; padding: 5px 7px; border-radius: 7px; }
.sidebar-bottom #profile-toggle { margin-left: auto; }
.settings-modal:not([hidden]) { animation: support-modal-fade .18s ease both; }
.settings-backdrop { animation: support-backdrop-fade .2s ease both; }
.settings-card { animation: support-card-enter .24s cubic-bezier(.2,.8,.2,1) both; }
.automation-card { width: min(760px,100%); }
.automation-intro { margin: 0; padding: 15px 24px 0; color: var(--text-muted); font-size: 11px; line-height: 1.7; }
.automation-form { display: grid; grid-template-columns: 1fr 1fr; padding-top: 16px; padding-bottom: 16px; border-bottom: 1px solid var(--line); }
.automation-form>label:nth-of-type(4),.automation-form>.settings-switch,.automation-form>.settings-actions { grid-column: 1/-1; }
.automation-form #auto-keyword-field { grid-column: 1/-1; }
.profile-password-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.profile-password-fields label { display: flex; min-width: 0; flex-direction: column; gap: 7px; color: #58645c; font-size: 12px; font-weight: 600; }
.profile-password-fields input { width: 100%; padding: 10px 11px; border: 1px solid #e2e9e3; border-radius: 9px; background: #fcfdfc; color: #34443a; font-size: 13px; font-weight: 400; }
.settings-note { margin: 0; padding: 10px 12px; border-radius: 9px; background: var(--surface-raised); color: var(--text-muted); font-size: 11px; line-height: 1.6; }
.automation-list { max-height: min(36dvh,360px); overflow: auto; padding: 12px 24px 22px; }
.automation-rule { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; padding: 15px 0; border-bottom: 1px solid var(--line); }
.automation-rule-main { min-width: 0; flex: 1; }
.automation-rule-heading { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.automation-rule-heading strong { color: var(--text); font-size: 12px; }
.automation-status { padding: 3px 7px; border-radius: 99px; background: #f0f0f0; color: #737373; font-size: 9px; }
.automation-status.is-enabled { background: #e9f6ed; color: #33724d; }
.automation-trigger { display: block; margin-top: 6px; color: var(--text-muted); font-size: 10px; }
.automation-rule-main p { margin: 8px 0 0; color: var(--text); font-size: 11px; line-height: 1.6; white-space: pre-wrap; overflow-wrap: anywhere; }
.automation-actions { display: flex; flex: none; flex-wrap: wrap; justify-content: flex-end; gap: 5px; }
.automation-actions .tool-button { padding: 6px 8px; }
.automation-delete { color: #a14343; }
@keyframes support-modal-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes support-backdrop-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes support-card-enter { from { opacity: 0; transform: translateY(10px) scale(.985); } to { opacity: 1; transform: translateY(0) scale(1); } }
@media(max-width:720px){.automation-form{grid-template-columns:1fr;padding:14px 18px}.automation-form>label:nth-of-type(4),.automation-form>.settings-switch,.automation-form>.settings-actions,.automation-form #auto-keyword-field{grid-column:auto}.profile-password-fields{grid-template-columns:1fr}.automation-intro{padding:13px 18px 0}.automation-list{padding:8px 18px 16px}.automation-rule{flex-direction:column}.automation-actions{justify-content:flex-start}.sidebar-bottom{gap:5px}.agent-name{max-width:72px}}
@media(prefers-reduced-motion:reduce){.settings-modal:not([hidden]),.settings-backdrop,.settings-card{animation:none}}
body{background:var(--page);color:var(--text)}
.app-shell{background:var(--surface);box-shadow:var(--panel-shadow)}
.sidebar,.details-panel{background:var(--surface-alt)}
.conversation-panel,.topbar,.message-bubble,.reply-box,.settings-card,.login-card,.toast{background:var(--surface)}
.message-list{background:linear-gradient(var(--surface-raised),var(--surface))}
.brand-mark{background:linear-gradient(145deg,#333,var(--brand));box-shadow:0 7px 16px #00000024}
.primary{background:var(--green)}
.primary:hover{background:var(--green-dark)}
.primary{color:#fff}
.conversation-item.selected,.filter.active{background:var(--mint);color:var(--text)}
.login-shell{background:radial-gradient(ellipse at 50% 0,#e8e8e8 0,transparent 52%),var(--page)}
.login-card{position:relative;border-color:var(--line);box-shadow:var(--panel-shadow)}
.login-theme-toggle{position:absolute;top:18px;right:18px}
.inbox-actions{align-items:center}
.inbox-actions .icon-button{width:34px;height:34px;border-radius:10px;font-size:17px}
.icon-button,.tool-button,.secondary,.settings-close,.details-panel-close{transition:background-color .16s,border-color .16s,color .16s,transform .16s}
.primary,.secondary,.icon-button,.tool-button,.workspace-shortcuts button{font-family:inherit}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb,var(--focus) 48%,transparent);outline-offset:2px}

:root[data-theme="dark"]{color-scheme:dark;--page:#101010;--surface:#181818;--surface-alt:#141414;--surface-raised:#202020;--text:#f2f2f2;--text-muted:#a3a3a3;--line:#333;--brand:#111;--green:#e5e5e5;--green-dark:#fff;--mint:#292929;--focus:#a3a3a3;--panel-shadow:0 20px 64px #0009}
:root[data-theme="dark"] body{background:var(--page);color:var(--text)}
:root[data-theme="dark"] .app-shell,:root[data-theme="dark"] .conversation-panel,:root[data-theme="dark"] .topbar,:root[data-theme="dark"] .details-panel,:root[data-theme="dark"] .sidebar,:root[data-theme="dark"] .settings-card,:root[data-theme="dark"] .login-card,:root[data-theme="dark"] .toast{background:var(--surface);color:var(--text)}
:root[data-theme="dark"] .sidebar,:root[data-theme="dark"] .details-panel{background:var(--surface-alt)}
:root[data-theme="dark"] .message-list{background:linear-gradient(var(--surface-raised),var(--surface))}
:root[data-theme="dark"] .reply-box,:root[data-theme="dark"] .message-bubble,:root[data-theme="dark"] .profile-cell,:root[data-theme="dark"] .quick-reply-pick,:root[data-theme="dark"] .settings-close,:root[data-theme="dark"] .icon-button,:root[data-theme="dark"] .details-panel-close,:root[data-theme="dark"] .tool-button,:root[data-theme="dark"] .secondary{background:var(--surface-raised);color:var(--text)}
:root[data-theme="dark"] .conversation-item.selected,:root[data-theme="dark"] .filter.active,:root[data-theme="dark"] .quick-chip,:root[data-theme="dark"] .quick-reply-toggle{background:var(--mint);color:#f2f2f2}
:root[data-theme="dark"] .conversation-item:hover,:root[data-theme="dark"] .filter:hover,:root[data-theme="dark"] .quick-chip:hover,:root[data-theme="dark"] .quick-reply-pick:hover,:root[data-theme="dark"] .secondary:hover,:root[data-theme="dark"] .tool-button:hover,:root[data-theme="dark"] .icon-button:hover{background:#303030;color:#fff}
:root[data-theme="dark"] .message-row.admin .message-bubble{border-color:#383838;background:#292929;color:#f2f2f2}
:root[data-theme="dark"] .message-avatar,:root[data-theme="dark"] .sender-tag{background:#303030;color:#e5e5e5}
:root[data-theme="dark"] .status-badge,:root[data-theme="dark"] .count-pill,:root[data-theme="dark"] .quick-reply-count{background:#303030;color:#e5e5e5}
:root[data-theme="dark"] .status-badge.closed{background:#292929;color:#bdbdbd}
:root[data-theme="dark"] .item-heading strong,:root[data-theme="dark"] .inbox-title h1,:root[data-theme="dark"] .topbar h2,:root[data-theme="dark"] .details-heading h2,:root[data-theme="dark"] .quick-manager-heading h3,:root[data-theme="dark"] .empty-state h2,:root[data-theme="dark"] .login-card h1,:root[data-theme="dark"] .brand strong,:root[data-theme="dark"] .profile-email,:root[data-theme="dark"] .profile-cell strong,:root[data-theme="dark"] .agent-main strong,:root[data-theme="dark"] .stats-card-item strong{color:var(--text)}
:root[data-theme="dark"] .eyebrow,:root[data-theme="dark"] .brand span,:root[data-theme="dark"] .item-heading time,:root[data-theme="dark"] .item-preview,:root[data-theme="dark"] .list-empty,:root[data-theme="dark"] .sidebar-bottom,:root[data-theme="dark"] .text-button,:root[data-theme="dark"] .empty-state p,:root[data-theme="dark"] .muted,:root[data-theme="dark"] .profile-cell span,:root[data-theme="dark"] .profile-empty,:root[data-theme="dark"] .message-meta,:root[data-theme="dark"] .reply-footer,:root[data-theme="dark"] .quick-reply-empty,:root[data-theme="dark"] .quick-reply-delete,:root[data-theme="dark"] .quick-reply-edit{color:var(--text-muted)}
:root[data-theme="dark"] .filter,:root[data-theme="dark"] .secondary,:root[data-theme="dark"] .tool-button,:root[data-theme="dark"] .quick-reply-toggle,:root[data-theme="dark"] .quick-library-toggle{color:#d4d4d4}
:root[data-theme="dark"] .inbox-tools input,:root[data-theme="dark"] .inbox-tools select,:root[data-theme="dark"] .assignee-select,:root[data-theme="dark"] .login-card input,:root[data-theme="dark"] .settings-form input:not([type=checkbox]),:root[data-theme="dark"] .settings-form textarea,:root[data-theme="dark"] .settings-form select,:root[data-theme="dark"] .tag-editor input,:root[data-theme="dark"] .quick-replies-manager #quick-reply-form textarea{border-color:var(--line);background:#202020;color:var(--text)}
:root[data-theme="dark"] .settings-switch,:root[data-theme="dark"] .agent-row,:root[data-theme="dark"] .stats-card-item,:root[data-theme="dark"] .workload-list>div{border-color:var(--line);background:var(--surface-raised);color:var(--text)}
:root[data-theme="dark"] .settings-switch strong,:root[data-theme="dark"] .agent-main span,:root[data-theme="dark"] .stats-card-item span{color:var(--text-muted)}
:root[data-theme="dark"] .settings-heading,:root[data-theme="dark"] .details-heading,:root[data-theme="dark"] .quick-manager-heading,:root[data-theme="dark"] .brand,:root[data-theme="dark"] .topbar,:root[data-theme="dark"] .sidebar-bottom,:root[data-theme="dark"] .reply-footer{border-color:var(--line)}
:root[data-theme="dark"] .reply-box textarea{color:var(--text)}
:root[data-theme="dark"] .reply-box textarea::placeholder,:root[data-theme="dark"] .inbox-tools input::placeholder{color:#888}
:root[data-theme="dark"] .quick-reply-bar{border-color:var(--line);background:var(--surface);box-shadow:0 10px 28px #0008}
:root[data-theme="dark"] .quick-chip{border-color:transparent;background:var(--surface);color:#d4d4d4}
:root[data-theme="dark"] .quick-reply-toggle{border-color:var(--line)}
:root[data-theme="dark"] .conversation-management label,:root[data-theme="dark"] .settings-form>label:not(.settings-switch),:root[data-theme="dark"] .login-card label,:root[data-theme="dark"] .agent-form label{color:#d4d4d4}
:root[data-theme="dark"] .conversation-management p,:root[data-theme="dark"] .system-account-note,:root[data-theme="dark"] .workload-list span{color:var(--text-muted)}
:root[data-theme="dark"] .agent-form input,:root[data-theme="dark"] .agent-form select{border-color:var(--line);background:#102219;color:var(--text)}
:root[data-theme="dark"] .settings-card,:root[data-theme="dark"] .login-card,:root[data-theme="dark"] .reply-box,:root[data-theme="dark"] .profile-cell,:root[data-theme="dark"] .quick-reply-pick,:root[data-theme="dark"] .tool-button,:root[data-theme="dark"] .secondary,:root[data-theme="dark"] .icon-button,:root[data-theme="dark"] .settings-close,:root[data-theme="dark"] .details-panel-close,:root[data-theme="dark"] .settings-switch,:root[data-theme="dark"] .agent-row,:root[data-theme="dark"] .stats-card-item,:root[data-theme="dark"] .quick-reply-bar{border-color:var(--line)}
:root[data-theme="dark"] .login-shell{background:radial-gradient(ellipse at 50% 0,#292929 0,transparent 54%),var(--page)}
:root[data-theme="dark"] .empty-illustration,:root[data-theme="dark"] .avatar{border-color:#383838;background:linear-gradient(145deg,#292929,#1c1c1c);color:#d4d4d4}
:root[data-theme="dark"] .online-dot{background:#a3a3a3;box-shadow:0 0 0 3px #a3a3a330}
:root[data-theme="dark"] .details-panel.is-open{border-color:var(--line);background:var(--surface);box-shadow:0 18px 60px #0009}
:root[data-theme="dark"] .details-backdrop,:root[data-theme="dark"] .settings-backdrop{background:#000b}
:root[data-theme="dark"] .toast.error{border-color:#713c3c;color:#ffb4ae}
:root[data-theme="dark"] .settings-switch input:checked+.switch-track{background:#777}
:root[data-theme="dark"] .primary{background:#e5e5e5;color:#111}
:root[data-theme="dark"] .primary:hover{background:#fff;color:#000}

/* Final monochrome pass: remove the inherited green accent values in both themes. */
:root{--green:#171717;--green-dark:#000;--mint:#ededed;--focus:#737373;--online:#16a34a;--offline:#d97706;--unread:#dc2626}
:root[data-theme="dark"]{--green:#e5e5e5;--green-dark:#fff;--mint:#292929;--focus:#a3a3a3;--online:#4ade80;--offline:#fbbf24;--unread:#f87171}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:#888}
.icon-button:hover,.secondary:hover,.tool-button:hover,.workspace-shortcuts button:hover{border-color:#bdbdbd;color:#111}
.filter.active,.conversation-item.selected,.conversation-item:hover{background:#ededed;color:#171717}
.filter:hover,.quick-reply-pick:hover,.quick-chip:hover,.quick-reply-toggle:hover,.quick-library-toggle:hover{background:#f2f2f2;color:#171717}
.status-badge,.count-pill,.quick-reply-count,.sender-tag,.conversation-tags i{border-color:#e1e1e1;background:#ededed;color:#444}
.status-badge{background:#e8f7ed;color:#15803d}
.status-badge.closed{background:#f0f0f0;color:#666}
.priority-mark{color:#555}
.avatar.has-unread{border-color:#fecaca;background:#fef2f2;color:#b91c1c}
.unread-pill{background:var(--unread);color:#fff}
.online-dot{background:var(--online);box-shadow:0 0 0 3px color-mix(in srgb,var(--online) 18%,transparent)}
.online-dot.offline{background:var(--offline);box-shadow:0 0 0 3px color-mix(in srgb,var(--offline) 18%,transparent)}
.brand-mark{background:linear-gradient(145deg,#444,#111);box-shadow:0 7px 16px #0002}
.empty-illustration{border-color:#e2e2e2;background:linear-gradient(145deg,#fafafa,#eee);color:#555}
.message-avatar,.avatar,.message-row.admin .message-avatar{border-color:#e5e5e5;background:linear-gradient(145deg,#f8f8f8,#ededed);color:#555}
.message-row.admin .message-bubble{border-color:#e5e5e5;background:#f1f1f1;color:#222}
.login-shell{background:radial-gradient(ellipse at 50% 0,#e7e7e7 0,transparent 52%),var(--page)}
.login-card input:focus{border-color:#888;box-shadow:0 0 0 3px #8882}
.error,.toast.error{color:#555}
.toast.error{border-color:#d4d4d4}
.quick-reply-delete:hover,.text-button:hover{background:#f0f0f0;color:#111}
.stats-card-item strong,.workload-list b{color:#222}
:root[data-theme="dark"] .primary{background:#e5e5e5;color:#111}
:root[data-theme="dark"] .primary:hover{background:#fff;color:#000}
:root[data-theme="dark"] .icon-button:hover,:root[data-theme="dark"] .secondary:hover,:root[data-theme="dark"] .tool-button:hover,:root[data-theme="dark"] .workspace-shortcuts button:hover{border-color:#555;background:#303030;color:#fff}
:root[data-theme="dark"] .filter.active,:root[data-theme="dark"] .conversation-item.selected{background:#292929;color:#fff}
:root[data-theme="dark"] .filter:hover,:root[data-theme="dark"] .conversation-item:hover,:root[data-theme="dark"] .quick-reply-pick:hover,:root[data-theme="dark"] .quick-chip:hover,:root[data-theme="dark"] .quick-reply-toggle:hover,:root[data-theme="dark"] .quick-library-toggle:hover{background:#303030;color:#fff}
:root[data-theme="dark"] .status-badge,:root[data-theme="dark"] .count-pill,:root[data-theme="dark"] .quick-reply-count,:root[data-theme="dark"] .sender-tag,:root[data-theme="dark"] .conversation-tags i{border-color:#444;background:#303030;color:#ddd}
:root[data-theme="dark"] .status-badge{background:#153321;color:#86efac}
:root[data-theme="dark"] .status-badge.closed{background:#262626;color:#aaa}
:root[data-theme="dark"] .avatar.has-unread{border-color:#713333;background:#331d1d;color:#fca5a5}
:root[data-theme="dark"] .unread-pill{background:var(--unread);color:#181818}
:root[data-theme="dark"] .priority-mark{color:#ccc}
:root[data-theme="dark"] .online-dot{background:var(--online);box-shadow:0 0 0 3px color-mix(in srgb,var(--online) 20%,transparent)}
:root[data-theme="dark"] .online-dot.offline{background:var(--offline);box-shadow:0 0 0 3px color-mix(in srgb,var(--offline) 20%,transparent)}
:root[data-theme="dark"] .message-avatar,:root[data-theme="dark"] .message-row.admin .message-avatar,:root[data-theme="dark"] .sender-tag,:root[data-theme="dark"] .conversation-tags i{background:#303030;color:#e5e5e5}
:root[data-theme="dark"] .message-row.admin .message-bubble{border-color:#383838;background:#292929;color:#f2f2f2}
:root[data-theme="dark"] .brand-mark{background:linear-gradient(145deg,#444,#111);box-shadow:0 7px 16px #0006}
:root[data-theme="dark"] .empty-illustration,:root[data-theme="dark"] .avatar{border-color:#383838;background:linear-gradient(145deg,#292929,#1c1c1c);color:#d4d4d4}
:root[data-theme="dark"] .login-shell{background:radial-gradient(ellipse at 50% 0,#292929 0,transparent 54%),var(--page)}
:root[data-theme="dark"] .login-card input:focus{border-color:#aaa;box-shadow:0 0 0 3px #aaa3}
:root[data-theme="dark"] .error,:root[data-theme="dark"] .toast.error{color:#d4d4d4}
:root[data-theme="dark"] .toast.error{border-color:#555}
:root[data-theme="dark"] .quick-reply-delete:hover,:root[data-theme="dark"] .text-button:hover{background:#303030;color:#fff}
:root[data-theme="dark"] .stats-card-item strong,:root[data-theme="dark"] .workload-list b{color:#e5e5e5}

@media(prefers-reduced-motion:reduce){.icon-button,.tool-button,.secondary,.primary{transition:none}}

/* Workbench navigation: a persistent menu, shared inbox and conversation workspace. */
.app-shell{grid-template-columns:208px 294px minmax(0,1fr) 276px;max-width:none;min-height:0;height:100dvh;box-shadow:none}
.workspace-nav{display:flex;flex-direction:column;min-height:0;min-width:0;border-right:1px solid var(--line);background:var(--surface-alt);color:var(--text)}
.workspace-nav .brand{gap:10px;padding:23px 17px;border-bottom:0;min-height:86px}
.workspace-nav .brand span{font-size:11px}.workspace-nav .brand-mark{width:35px;height:35px}
.workspace-menu{flex:1;min-height:0;overflow-y:auto;padding:2px 10px 16px;scrollbar-width:thin}
.nav-group-label{margin:22px 10px 9px;color:var(--text-muted);font-size:10px;font-weight:600;letter-spacing:.08em}.nav-group-label:first-child{margin-top:6px}
.nav-item{display:flex;align-items:center;gap:10px;width:100%;min-height:43px;margin:3px 0;padding:11px 10px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--text);text-align:left;font-size:12px;font-weight:500;transition:background .16s,border-color .16s,color .16s}
.nav-item [data-icon]{display:flex;flex:none;color:var(--text-muted)}.nav-item>span:not([data-icon]):not(.nav-badge){min-width:0;flex:1}
.nav-item small{display:block;margin-top:4px;color:var(--text-muted);font-size:9px;font-weight:400;line-height:1.4;white-space:nowrap}
.nav-item:hover{background:var(--surface-raised)}.nav-item.is-active{border-color:var(--line);background:var(--surface);box-shadow:0 2px 7px #00000006;font-weight:650}.nav-item.is-active [data-icon]{color:var(--text)}
.nav-badge{display:grid;flex:none;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:6px;background:var(--unread);color:#fff;font-size:10px;font-weight:650}
.nav-inbox-views{display:grid;margin:6px 0 13px 20px;padding:1px 0 1px 15px;border-left:1px solid var(--line);gap:2px}
.nav-inbox-views button{padding:7px 9px;border:0;border-radius:6px;background:transparent;color:var(--text-muted);text-align:left;font-size:11px}.nav-inbox-views button:hover,.nav-inbox-views button.is-active{background:var(--mint);color:var(--text)}
.nav-footer{padding:15px 13px;border-top:1px solid var(--line)}.service-indicator{display:flex;align-items:center;gap:8px;margin:0 5px 15px;color:var(--text-muted);font-size:10px}.online-dot{flex:none}
.account-summary{display:flex;align-items:center;gap:8px}.account-summary>div{min-width:0;flex:1}.account-summary strong{display:block;max-width:none;overflow:hidden;color:var(--text);font-size:11px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.account-summary small{display:block;margin-top:3px;color:var(--text-muted);font-size:9px}
.account-avatar{display:grid;flex:none;place-items:center;width:30px;height:30px;border:1px solid var(--line);border-radius:10px;background:var(--surface-raised);font-size:12px;font-weight:600}
.account-summary .icon-button{display:grid;flex:none;place-items:center;width:27px;height:30px;border:0;border-radius:7px;background:transparent;color:var(--text-muted);font-size:17px}.account-summary .icon-button svg{width:17px;height:17px}.account-summary .icon-button:hover{background:var(--mint);color:var(--text)}
.sidebar{min-height:0;background:var(--surface);border-right:1px solid var(--line)}.sidebar .inbox-title{padding:24px 19px 20px;min-height:86px}.inbox-title h1{font-size:19px;letter-spacing:-.035em}.sidebar .eyebrow{font-size:9px;color:var(--text-muted)}.filters{padding:0 15px 15px;gap:3px}.filter{padding:8px 9px;font-size:11px}.inbox-tools{padding:0 15px 14px;gap:7px}.inbox-tools input{flex-basis:100%;height:37px;font-size:12px}.inbox-tools select,.inbox-tools select:last-child{width:auto;flex:1;height:32px;font-size:11px}.conversation-list{padding:3px 8px;scrollbar-width:thin}.conversation-item{padding:13px 10px;grid-template-columns:35px minmax(0,1fr) auto;gap:9px}.conversation-item .avatar{width:35px;height:35px;font-size:13px}.item-preview{font-size:11px;line-height:1.5}.inbox-summary{display:flex;justify-content:space-between;gap:8px;padding:14px 17px;border-top:1px solid var(--line);color:var(--text-muted);font-size:10px}
.conversation-panel{min-height:0}.conversation-heading{display:flex;align-items:center;gap:9px;min-width:0}.conversation-heading>div{min-width:0}.topbar{padding:17px 22px;gap:15px}.topbar h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-list{min-height:0;overscroll-behavior:contain}.message-bubble{font-size:14px;line-height:1.75;overflow-wrap:anywhere}.message-content{max-width:min(80%,620px)}.reply-box textarea{font-size:14px;line-height:1.7}.message-meta{font-size:11px}
.details-panel{grid-column:auto;min-height:0;max-height:none;overflow-y:auto;background:var(--surface-alt)}.details-library-link{display:flex;align-items:flex-start;gap:9px;margin:18px 15px;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text-muted)}.details-library-link>[data-icon]{display:flex;flex:none}.details-library-link>div{flex:1;min-width:0}.details-library-link strong{display:block;color:var(--text);font-size:11px}.details-library-link p{margin:5px 0 0;font-size:10px;line-height:1.7}.details-library-link .secondary{padding:5px 7px;font-size:10px}
.mobile-workspace-bar,#workspace-menu-close,#mobile-inbox-back{display:none}.workspace-nav-backdrop{display:none}
.quick-manager-card{width:min(660px,100%)}.workspace-section-description{margin:0;padding:18px 24px 0;color:var(--text-muted);font-size:12px;line-height:1.7}.quick-library-search{padding:15px 24px 0}.quick-library-search input{width:100%;height:40px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface-raised);color:var(--text);font-size:13px}.quick-manager-card .quick-replies-manager{border:0}.quick-manager-card .quick-manager-heading{padding:17px 24px 12px}.quick-manager-card .quick-library-toggle strong{color:var(--text);font-size:13px}.quick-manager-card .quick-reply-list{gap:10px;padding:14px 24px 24px}.quick-manager-card .quick-reply-pick{padding:13px 14px;border-color:var(--line);background:var(--surface-raised);color:var(--text);font-size:13px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.quick-manager-card .quick-reply-edit,.quick-manager-card .quick-reply-delete{width:31px;height:34px;font-size:16px}.quick-manager-card .quick-replies-manager #quick-reply-form{margin:3px 24px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-raised)}.quick-manager-card .quick-replies-manager #quick-reply-form textarea{min-height:100px;padding:11px;border-color:var(--line);background:var(--surface);color:var(--text);font-size:13px}.quick-reply-empty{font-size:12px;line-height:1.7}
.profile-password-fields label{color:var(--text-muted)}.settings-note{color:var(--text-muted)}.settings-form input[readonly]{color:var(--text-muted);background:var(--surface-raised)}.toast{z-index:80}.error,.toast.error{color:#b91c1c}.toast.error{border-color:#fca5a5}
:root[data-theme="dark"] .workspace-nav{background:var(--surface-alt)}:root[data-theme="dark"] .sidebar{background:var(--surface)}:root[data-theme="dark"] .nav-item.is-active{background:#2b2b2b;border-color:#3b3b3b}:root[data-theme="dark"] .agent-form input,:root[data-theme="dark"] .agent-form select,:root[data-theme="dark"] .profile-password-fields input{border-color:var(--line);background:var(--surface-raised);color:var(--text)}:root[data-theme="dark"] .automation-status{background:#2c2c2c;color:#aaa}:root[data-theme="dark"] .automation-status.is-enabled{background:#153321;color:#86efac}:root[data-theme="dark"] .automation-delete,:root[data-theme="dark"] .error,:root[data-theme="dark"] .toast.error{color:#fca5a5}:root[data-theme="dark"] .toast.error{border-color:#713333}
@media(max-width:1439px){.app-shell{grid-template-columns:196px 272px minmax(0,1fr)}.details-panel{display:none}.details-panel.is-open{position:fixed;inset:16px 16px 16px auto;z-index:41;display:flex;width:min(360px,calc(100vw - 32px));border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 18px 60px #0005}.details-panel-close,#visitor-details-toggle{display:inline-flex;align-items:center;justify-content:center}.details-backdrop:not([hidden]){position:fixed;inset:0;z-index:40;display:block;border:0;background:#0006}.topbar{align-items:flex-start;flex-wrap:wrap;gap:10px}.topbar-end{width:100%;justify-content:space-between}.topbar-end .actions{flex:1}.reply-box{width:calc(100% - 28px);margin-bottom:14px}.message-list{padding:22px 18px}.reply-footer>span{display:none}}
@media(max-width:1100px){.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);grid-template-rows:58px minmax(0,1fr)}.mobile-workspace-bar{display:flex;grid-column:1/-1;align-items:center;gap:11px;padding:9px 15px;border-bottom:1px solid var(--line);background:var(--surface)}.mobile-workspace-bar>div{flex:1}.mobile-workspace-bar strong{display:block;font-size:12px}.mobile-workspace-bar span:not([data-icon]){display:block;margin-top:3px;color:var(--text-muted);font-size:10px}.mobile-workspace-bar .icon-button{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;font-size:18px}.workspace-nav{position:fixed;inset:0 auto 0 0;z-index:51;width:min(272px,calc(100vw - 48px));visibility:hidden;transform:translateX(-100%);transition:transform .22s cubic-bezier(.2,.8,.2,1),visibility .22s;box-shadow:12px 0 44px #0003}.workspace-nav.is-open{visibility:visible;transform:translateX(0)}.workspace-nav .brand{padding:18px;min-height:77px}.workspace-menu{padding:0 12px 18px}.nav-item{font-size:13px;min-height:46px}.nav-item small{font-size:10px}.nav-inbox-views button{padding:9px;font-size:12px}.nav-footer{padding:17px}.nav-footer .nav-theme-toggle{display:none}#workspace-menu-close{display:grid;place-items:center;margin-left:auto;width:29px;height:29px;font-size:20px}.workspace-nav-backdrop:not([hidden]){position:fixed;inset:0;z-index:50;display:block;border:0;background:#0007}.sidebar{grid-column:1;grid-row:2}.conversation-panel{grid-column:2;grid-row:2}.nav-group-label{margin-top:18px}.topbar{min-height:80px}}
@media(max-width:720px){.app-shell{display:flex;flex-direction:column;width:100%;min-width:0;height:100dvh;min-height:0}.mobile-workspace-bar{flex:none;min-height:58px}.sidebar{flex:1;height:auto;max-height:none;min-height:0;border-right:0;border-bottom:0}.sidebar .inbox-title{min-height:70px;padding:17px 17px 14px}.sidebar .inbox-title h1{font-size:20px}.filters{padding:0 15px 14px}.filter{font-size:12px;padding:9px 12px}.inbox-tools{padding:0 15px 13px}.inbox-tools input{font-size:14px;height:42px}.inbox-tools select,.inbox-tools select:last-child{font-size:12px;height:36px}.conversation-item{padding:16px 11px;grid-template-columns:40px minmax(0,1fr) auto;gap:11px}.conversation-item .avatar{width:40px;height:40px}.item-heading strong{font-size:14px}.item-heading time{font-size:11px}.item-preview{font-size:12px}.conversation-panel{display:none;flex:1;min-height:0}.app-shell.conversation-open .sidebar{display:none}.app-shell.conversation-open .conversation-panel{display:flex}.conversation-heading{width:100%}#mobile-inbox-back{display:grid;flex:none;place-items:center;width:34px;height:34px;border-radius:9px}.topbar{min-height:0;padding:12px;gap:11px}.topbar h2{font-size:15px}.topbar .eyebrow{font-size:9px}.topbar-end{gap:6px}.topbar-end #visitor-details-toggle{margin-left:0}.topbar .secondary{font-size:11px;padding:8px}.assignee-select{height:32px;max-width:108px;font-size:11px}.status-badge{padding:5px 7px;font-size:10px}.message-list{padding:18px 12px}.message-row{gap:8px}.message-content{max-width:calc(100% - 40px)}.message-bubble{font-size:15px;line-height:1.75}.reply-box{width:calc(100% - 20px);margin-bottom:max(10px,env(safe-area-inset-bottom));padding:11px}.reply-box textarea{font-size:16px;resize:none;min-height:56px}.reply-footer{gap:6px}.reply-tools span{display:none}.details-panel.is-open{inset:0;width:100%;height:100dvh;border-radius:0;border:0}.details-heading{padding:18px}.details-panel-close{width:36px;height:36px;border:1px solid var(--line);border-radius:9px;background:var(--surface-raised);color:var(--text);font-size:23px}.settings-modal:not([hidden]){padding:8px}.settings-card{max-height:calc(100dvh - 16px)}.settings-form input:not([type=checkbox]),.settings-form textarea,.settings-form select,.agent-form input,.agent-form select{font-size:16px}.workspace-section-description{padding:15px 18px 0;font-size:12px}.quick-library-search{padding:13px 18px 0}.quick-library-search input{font-size:16px}.quick-manager-card .quick-manager-heading{padding:15px 18px 10px}.quick-manager-card .quick-reply-list{padding:10px 18px 20px}.quick-manager-card .quick-reply-pick{font-size:14px}.quick-manager-card .quick-replies-manager #quick-reply-form{margin:3px 18px}.quick-manager-card .quick-replies-manager #quick-reply-form textarea{font-size:16px}}
@media(prefers-reduced-motion:reduce){.workspace-nav,.nav-item{transition:none}}
.quick-reply-item,.quick-reply-pick,.agent-main,.settings-card,.settings-form>label{min-width:0}.quick-reply-pick,.agent-main strong,.agent-main span,.workload-list span{overflow-wrap:anywhere}.message-meta{flex-wrap:wrap}.quick-manager-card .quick-reply-pick{flex-basis:0}.agent-form input,.agent-form select,.profile-password-fields input{min-width:0;max-width:100%}.workspace-menu .nav-item{max-width:100%}
:root[data-theme="dark"] .filter span{background:var(--surface-raised);color:var(--text)}
:root[data-theme="dark"] .message-row:not(.admin) .message-bubble{border-color:var(--line)}

/* Management sections share the workspace navigation instead of covering it. */
.app-shell.workspace-open{grid-template-columns:208px minmax(0,1fr)}
.app-shell.workspace-open>.sidebar,.app-shell.workspace-open>.conversation-panel,.app-shell.workspace-open>.details-panel{display:none}
.workspace-page:not([hidden]){grid-column:2/-1;min-width:0;min-height:0;overflow:auto;padding:32px 38px;background:var(--surface-alt);scrollbar-width:thin}
.workspace-page>.settings-card{width:100%;max-width:1160px;max-height:none;margin:0 auto;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}
.workspace-page .settings-heading{gap:12px;padding:0 0 21px;background:transparent;border-bottom:1px solid var(--line)}
.workspace-page .settings-heading>div{flex:1;min-width:0}
.workspace-page .settings-heading h2{margin:7px 0 0;font-size:27px;letter-spacing:-.035em}
.workspace-page .settings-close{flex:none;width:auto;height:auto;padding:9px 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text-muted);font-size:12px}
.workspace-page .settings-close:hover{color:var(--text);background:var(--surface-raised)}
.workspace-page-description{max-width:760px;margin:19px 0 25px;color:var(--text-muted);font-size:13px;line-height:1.8}
.workspace-page .workspace-section-description,.workspace-page .automation-intro{padding:0;margin:0 0 20px;font-size:13px;line-height:1.8}
.workspace-page .settings-form{width:min(780px,100%);gap:22px;padding:25px;margin:22px 0;border:1px solid var(--line);border-radius:15px;background:var(--surface)}
.workspace-page .settings-form>label:not(.settings-switch){gap:9px;font-size:13px}
.workspace-page .settings-form input:not([type=checkbox]),.workspace-page .settings-form textarea,.workspace-page .settings-form select{padding:12px;font-size:14px;line-height:1.6;background:var(--surface-raised);color:var(--text);border-color:var(--line)}
.workspace-page .settings-switch{padding:17px;background:var(--surface-raised);border-color:var(--line)}
.workspace-page .settings-switch strong{font-size:13px;color:var(--text)}
.workspace-page .settings-switch small{font-size:12px;line-height:1.7;color:var(--text-muted)}
.workspace-page .settings-actions{padding-top:10px}
.workspace-page .quick-library-search{padding:0;width:min(640px,100%)}
.workspace-page .quick-library-search input{height:44px;font-size:14px}
.workspace-page .quick-replies-manager{max-width:920px;margin-top:22px;border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden}
.workspace-page .quick-manager-heading{padding:19px 22px;border-bottom:1px solid var(--line)}
.workspace-page .quick-reply-list{padding:18px 22px 22px}
.workspace-page .quick-reply-pick{font-size:14px;padding:14px 16px}
.workspace-page .agent-form{max-width:920px;margin:0 0 24px;padding:24px;gap:18px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.workspace-page .agent-form label{font-size:13px;color:var(--text-muted)}
.workspace-page .agent-form input,.workspace-page .agent-form select{height:43px;font-size:14px;background:var(--surface-raised);color:var(--text);border-color:var(--line)}
.workspace-page .agent-list{max-width:920px;padding:0}
.workspace-page .agent-row{padding:20px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}
.workspace-page .agent-main strong{font-size:15px}
.workspace-page .agent-main span{font-size:12px;line-height:1.7}
.workspace-page .automation-list{max-width:920px;padding:0}
.workspace-page .automation-rule{padding:21px;background:var(--surface);border-color:var(--line)}
.workspace-page .automation-rule-main p{font-size:14px;line-height:1.8}
.workspace-page .profile-password-fields{gap:18px}
.workspace-page .stats-content{padding:0}
.overview-meta{display:flex;justify-content:space-between;gap:12px;margin-bottom:14px;font-size:11px;color:var(--text-muted)}
.stats-grid.overview-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}
.overview-kpis .stats-card-item{min-width:0;padding:23px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.overview-kpis .stats-card-item>span{color:var(--text-muted);font-size:12px}
.overview-kpis .stats-card-item>strong{display:block;margin:13px 0 11px;color:var(--text);font-size:34px;font-weight:650;line-height:1.1}
.overview-kpis .stats-card-item strong small{margin-left:8px;font-size:11px;font-weight:400;color:var(--text-muted)}
.overview-kpis .stats-card-item p{margin:0;font-size:11px;line-height:1.7;color:var(--text-muted)}
.overview-kpis .stats-card-item.attention{border-color:#d9c9ab}
.overview-kpis .stats-card-item.attention>span{color:#95601c}
.overview-columns{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(250px,1fr);gap:22px;align-items:start}
.overview-card{min-width:0;padding:23px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.overview-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:24px}
.overview-card-heading h3{margin:0;font-size:16px;color:var(--text)}
.overview-card-heading p{margin:7px 0 0;font-size:11px;color:var(--text-muted);line-height:1.7}
.trend-legend{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px 11px;max-width:240px;font-size:10px;color:var(--text-muted)}
.trend-legend span{display:inline-flex;gap:5px;align-items:center}
.trend-legend i{width:7px;height:7px;border-radius:2px}
.conversations{background:var(--text)}.visitors{background:#929292}.replies{background:#cfcfcf}
.trend-chart{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;height:220px;padding-top:15px;border-bottom:1px solid var(--line)}
.trend-day{display:flex;min-width:0;flex-direction:column;align-items:center;gap:12px}
.trend-bars{display:flex;flex:1;align-items:flex-end;justify-content:center;gap:4px;width:100%;min-height:0;background:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),var(--line) 25%);border-radius:5px 5px 0 0}
.trend-bar{display:block;width:min(20px,24%);min-height:1px;border-radius:4px 4px 0 0}
.trend-day>span{flex:none;height:23px;font-size:10px;color:var(--text-muted)}
.trend-data{margin-top:19px;font-size:12px;color:var(--text-muted)}
.trend-data summary{cursor:pointer;padding:5px 0}
.trend-table-scroll{max-width:100%;overflow:auto}
.trend-data table{width:100%;margin-top:10px;border-collapse:collapse;text-align:right;font-size:11px;white-space:nowrap}
.trend-data th,.trend-data td{padding:10px 7px;border-bottom:1px solid var(--line)}
.trend-data th:first-child,.trend-data td:first-child{text-align:left}
.workload-person{display:flex;align-items:center;gap:11px;padding:15px 0;border-bottom:1px solid var(--line)}
.workload-person:first-child{padding-top:0}
.workload-person>div{min-width:0;flex:1}.workload-person strong,.workload-person small{display:block;overflow-wrap:anywhere}
.workload-person strong{font-size:13px}.workload-person small{margin-top:5px;font-size:11px;font-weight:400;color:var(--text-muted)}
.workload-person>b{font-size:19px}.workload-person>b>small{display:inline;font-size:11px}
.overview-total{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:20px;font-size:12px;color:var(--text-muted)}
.overview-total strong{font-size:12px;color:var(--text)}
.overview-footnote{margin:19px 0 0;color:var(--text-muted);font-size:11px;line-height:1.8}
.details-tabs{display:flex;flex:none;gap:4px;padding:0 12px 12px;border-bottom:1px solid var(--line)}
.details-heading{border-bottom:0;padding-bottom:14px}
.details-tabs button{flex:1;min-width:0;padding:9px 3px;border:0;border-radius:7px;background:transparent;color:var(--text-muted);font-size:11px;white-space:nowrap}
.details-tabs button[aria-selected="true"]{background:var(--surface-raised);color:var(--text);font-weight:600}
.detail-tab-panel{min-width:0;padding:16px}
.team-only-notice{margin:0 0 17px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface-raised);color:var(--text-muted);font-size:11px;line-height:1.7}
#note-form label{display:block;margin-bottom:9px;color:var(--text);font-size:12px;font-weight:600}
#note-content{display:block;width:100%;resize:vertical;min-height:105px;padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);font-size:13px;line-height:1.7}
#note-content::placeholder{color:var(--text-muted)}
.note-form-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}
.note-form-footer>span{color:var(--text-muted);font-size:10px;line-height:1.5}
.note-form-footer .primary{padding:8px 10px;font-size:11px}
.note-list{margin-top:24px}
.internal-note{margin-bottom:13px;padding:13px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.internal-note header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.internal-note strong{font-size:11px;overflow-wrap:anywhere}.internal-note time{font-size:10px;color:var(--text-muted)}
.internal-note p{margin:10px 0 0;color:var(--text);font-size:13px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}
.detail-empty{padding:23px 4px;text-align:center}.detail-empty strong{font-size:13px;font-weight:600;color:var(--text)}
.detail-empty p{margin:8px auto 0;max-width:340px;color:var(--text-muted);font-size:12px;line-height:1.8}
.detail-error{color:#b91c1c;font-size:12px;line-height:1.7}
.activity-intro{display:flex;gap:9px;align-items:center;margin-bottom:24px}.activity-intro p{flex:1;margin:0;color:var(--text-muted);font-size:11px;line-height:1.8}.activity-intro button{flex:none}
.activity-event{position:relative;display:flex;gap:11px;padding:0 0 21px}.activity-event:not(:last-child):before{position:absolute;top:11px;bottom:0;left:4px;border-left:1px solid var(--line);content:""}
.activity-dot{position:relative;flex:none;width:9px;height:9px;margin-top:6px;border:2px solid var(--text-muted);border-radius:50%;background:var(--surface-alt)}
.activity-event p{margin:0 0 6px;font-size:12px;line-height:1.8;color:var(--text);overflow-wrap:anywhere}.activity-event div>span{color:var(--text-muted);font-size:10px;line-height:1.7}
.message-search-bar{display:flex;flex:none;align-items:center;gap:7px;padding:10px 22px;border-bottom:1px solid var(--line);background:var(--surface)}
.message-search-bar input{min-width:0;flex:1;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface-raised);color:var(--text);font-size:12px}
.message-search-bar>span{flex:none;font-size:10px;color:var(--text-muted)}
.message-search-bar button{width:28px;height:28px;padding:0;font-size:13px;flex:none}.message-search-bar button:disabled{opacity:.35;cursor:default}
.message-bubble mark{padding:1px 0;background:#fde68a;color:#422006;border-radius:2px}
.message-row.is-search-match .message-bubble{outline:2px solid #c28a35;outline-offset:3px}
.draft-status{margin-left:auto;max-width:50%;color:var(--text-muted);font-size:10px;line-height:1.6}
.quick-replies-control{align-items:center;gap:10px}
:root[data-theme="dark"] .overview-kpis .stats-card-item.attention{border-color:#655031}
:root[data-theme="dark"] .overview-kpis .stats-card-item.attention>span{color:#e5b66d}
:root[data-theme="dark"] .detail-error{color:#fca5a5}
@media(max-width:1439px){.app-shell.workspace-open{grid-template-columns:196px minmax(0,1fr)}.workspace-page:not([hidden]){padding:28px}.overview-kpis .stats-card-item{padding:18px}.overview-columns{grid-template-columns:minmax(0,1.6fr) minmax(220px,1fr)}}
@media(max-width:1100px){.app-shell.workspace-open{grid-template-columns:minmax(0,1fr)}.workspace-page:not([hidden]){grid-column:1;grid-row:2;padding:25px}.overview-columns{grid-template-columns:minmax(0,1.5fr) minmax(220px,1fr)}.stats-grid.overview-kpis{gap:11px}.workspace-page .settings-heading h2{font-size:25px}}
@media(max-width:800px){.overview-columns{grid-template-columns:minmax(0,1fr)}.stats-grid.overview-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-card-heading{flex-wrap:wrap}.trend-legend{justify-content:flex-start;max-width:none}}
@media(max-width:720px){.workspace-page:not([hidden]){flex:1;width:100%;padding:21px 15px 30px;overflow:auto}.workspace-page .settings-heading{gap:8px;flex-wrap:wrap;padding-bottom:17px}.workspace-page .settings-heading h2{font-size:23px}.workspace-page .settings-close{padding:8px 10px;font-size:11px}.workspace-page .settings-heading .secondary{padding:8px 10px;font-size:11px}.workspace-page-description{font-size:12px;margin:15px 0 22px}.workspace-page .settings-form{padding:17px;margin:18px 0;gap:18px}.workspace-page .settings-form input:not([type=checkbox]),.workspace-page .settings-form textarea,.workspace-page .settings-form select{font-size:16px;padding:10px}.workspace-page .agent-form{grid-template-columns:1fr;padding:17px;gap:15px}.workspace-page .agent-form input,.workspace-page .agent-form select{font-size:16px;min-width:0}.workspace-page .agent-row{padding:17px}.workspace-page .quick-library-search input{font-size:16px}.workspace-page .quick-manager-heading,.workspace-page .quick-reply-list{padding:16px}.workspace-page .quick-reply-pick{padding:11px;font-size:14px}.workspace-page .automation-rule{padding:17px}.overview-kpis .stats-card-item{padding:16px 14px}.overview-kpis .stats-card-item>strong{font-size:30px}.overview-kpis .stats-card-item>span{font-size:11px}.overview-kpis .stats-card-item p{font-size:10px}.overview-card{padding:17px}.trend-chart{gap:7px;height:195px}.trend-bars{gap:3px}.trend-legend{font-size:10px}.overview-meta{font-size:10px}.message-search-bar{padding:9px 12px;gap:5px}.message-search-bar input{font-size:16px;padding:8px}.message-search-bar>span{max-width:64px;font-size:10px;line-height:1.5}.details-tabs{padding:0 14px 14px;gap:7px}.details-tabs button{font-size:13px;padding:11px 5px}.detail-tab-panel{padding:18px}#note-content{font-size:16px;min-height:126px}.internal-note p{font-size:15px}.internal-note strong{font-size:13px}.activity-event p{font-size:14px}.activity-event div>span{font-size:12px}.team-only-notice{font-size:12px}.note-form-footer .primary{font-size:13px;padding:10px 13px}.note-form-footer>span{font-size:11px}}
/* Staff profile photos and service identity. */
.avatar-with-image{position:relative;isolation:isolate;overflow:hidden;flex:none}
.avatar-with-image>img{position:absolute;inset:0;display:block;width:100%;height:100%;margin:0;border:0;border-radius:inherit;object-fit:cover}
.avatar-with-image.avatar-loaded>.avatar-fallback{visibility:hidden}
.avatar-fallback{display:grid;place-items:center;width:100%;height:100%;line-height:1}
.avatar-profile-card{display:flex;align-items:center;gap:22px;padding:25px;border:1px solid var(--line);border-radius:16px;background:var(--surface);max-width:760px;margin:24px 0}
.avatar-profile-preview{width:84px;height:84px;border-radius:50%;font-size:30px;box-shadow:0 3px 15px #0000000a}
.avatar-profile-copy{flex:1;min-width:0}.avatar-profile-copy h3{margin:0 0 7px;font-size:17px;color:var(--text)}.avatar-profile-copy p{margin:0;color:var(--text-muted);font-size:12px;line-height:1.8}.avatar-profile-copy small{display:block;margin-top:12px;color:var(--text-muted);font-size:11px;line-height:1.7}
.avatar-profile-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px}.avatar-profile-actions button{font-size:12px;min-height:37px}.avatar-profile-actions button:disabled{opacity:.45;cursor:wait}
.avatar-editor-modal:not([hidden]){z-index:75}.avatar-editor-card{width:min(480px,100%)}.avatar-editor-card .settings-heading{padding:19px 23px}.avatar-crop-body{padding:22px 24px 24px}.avatar-crop-preview{width:208px;height:208px;max-width:100%;margin:0 auto;border-radius:50%;overflow:hidden;border:1px solid var(--line);background-color:var(--surface-raised);background-image:linear-gradient(45deg,#8882 25%,transparent 25%),linear-gradient(-45deg,#8882 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#8882 75%),linear-gradient(-45deg,transparent 75%,#8882 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;box-shadow:0 0 0 7px var(--surface-raised)}
.avatar-crop-preview canvas{display:block;width:100%;height:100%;border-radius:50%}.avatar-crop-hint{text-align:center;margin:19px 0;color:var(--text-muted);font-size:12px;line-height:1.7}.avatar-crop-controls{display:grid;gap:17px;padding:4px 0 12px}.avatar-crop-controls label{display:grid;grid-template-columns:68px minmax(0,1fr);align-items:center;gap:14px;font-size:12px;color:var(--text)}.avatar-crop-controls input[type=range]{width:100%;padding:0;margin:0;height:24px;accent-color:var(--text);cursor:pointer;touch-action:pan-y}
.avatar-editor-actions{display:flex;flex-wrap:wrap;gap:9px;padding-top:13px;justify-content:flex-end}.avatar-editor-actions button{font-size:12px;min-height:39px}.avatar-editor-actions #avatar-choose-again{margin-right:auto}.avatar-editor-actions button:disabled{opacity:.5;cursor:wait}#avatar-editor-error{font-size:12px;line-height:1.7;margin:4px 0;min-height:0}.avatar-editor-card input:focus-visible,.avatar-editor-card button:focus-visible{outline:2px solid var(--text-muted);outline-offset:3px}
.team-avatar{width:42px;height:42px;border-radius:50%;font-size:16px}.agent-row .team-avatar+.agent-main{flex:1;min-width:0}.internal-note header{gap:8px}.internal-note header>strong{min-width:0;flex:1}.note-avatar,.activity-avatar{display:grid;place-items:center;width:26px;height:26px;border:1px solid var(--line);border-radius:50%;background:var(--surface-raised);color:var(--text);font-size:11px}.activity-avatar{margin-top:1px}.activity-event{gap:10px}
@media(max-width:720px){.avatar-profile-card{padding:18px;gap:15px;align-items:flex-start;flex-wrap:wrap;margin:18px 0}.avatar-profile-preview{width:70px;height:70px;font-size:25px}.avatar-profile-copy{flex-basis:180px}.avatar-profile-copy h3{font-size:16px}.avatar-profile-copy p{font-size:13px}.avatar-profile-copy small{font-size:11px}.avatar-profile-actions button{min-height:42px;font-size:13px}.avatar-editor-modal:not([hidden]){padding:8px}.avatar-editor-card{max-height:calc(100dvh - 16px)}.avatar-editor-card .settings-heading{padding:16px 18px}.avatar-crop-body{padding:21px 18px 19px}.avatar-crop-preview{width:184px;height:184px}.avatar-crop-controls{gap:12px}.avatar-crop-controls label{font-size:13px;grid-template-columns:64px minmax(0,1fr)}.avatar-editor-actions{gap:7px}.avatar-editor-actions button{min-height:42px;padding:9px 11px;font-size:12px}.workspace-page .agent-row{flex-wrap:wrap;gap:12px}.workspace-page .agent-row .agent-actions{flex-basis:100%}.note-avatar,.activity-avatar{width:30px;height:30px;font-size:12px}}
/* Composer attachments are staged per conversation until Send is pressed. */
.reply-attachment-preview{display:flex;align-items:center;gap:13px;padding:12px;margin:5px 0 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-raised);max-width:100%;min-width:0}.reply-attachment-media{display:flex;align-items:center;justify-content:center;flex:none;width:112px;height:78px;border:1px solid var(--line);border-radius:8px;background:var(--surface);overflow:hidden}.reply-attachment-media img,.reply-attachment-media video{display:block;width:100%;height:100%;object-fit:contain;margin:0}.reply-attachment-info{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}.reply-attachment-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;color:var(--text)}.reply-attachment-info>span{font-size:11px;color:var(--text-muted)}.reply-attachment-info>small{font-size:10px;color:var(--text-muted);line-height:1.7}.reply-attachment-info .reply-attachment-fallback{color:#986a25}.reply-attachment-remove{display:grid;place-items:center;align-self:flex-start;flex:none;width:28px;height:28px;padding:0;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--text-muted);font-size:19px;line-height:1}.reply-attachment-remove:hover{color:var(--text);border-color:var(--text-muted)}.reply-attachment-remove:disabled,#reply-form button:disabled{opacity:.45;cursor:wait}.reply-send-error{padding:9px 11px;margin:8px 0 10px;border:1px solid #ecd0d0;border-radius:8px;background:#fff6f6;color:#a13939;font-size:11px;line-height:1.8;overflow-wrap:anywhere}.reply-tools #upload-limit-label{font-size:10px;color:var(--text-muted)}#reply-form textarea:disabled{opacity:.65;cursor:wait}:root[data-theme="dark"] .reply-send-error{border-color:#623838;background:#321e1e;color:#f0aaaa}:root[data-theme="dark"] .reply-attachment-info .reply-attachment-fallback{color:#ddbb7b}
@media(max-width:720px){.reply-attachment-preview{padding:10px;gap:10px;margin:4px 0 10px;border-radius:10px}.reply-attachment-media{width:90px;height:70px}.reply-attachment-info strong{font-size:12px}.reply-attachment-info>span{font-size:11px}.reply-attachment-info>small{font-size:10px}.reply-attachment-remove{width:30px;height:30px}.reply-send-error{font-size:12px;padding:10px}.reply-tools{flex-wrap:wrap;gap:5px}.reply-tools #upload-limit-label{display:block;font-size:10px}}
/* Storage maintenance and compact conversation timestamps. */
/* AI reception, shared knowledge, and action records. */
.ai-settings-card,.knowledge-card,.ai-logs-card{max-width:1240px}.ai-page-state{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:22px 0;padding:17px 19px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text-muted);font-size:12px;line-height:1.8}.ai-mode-badge{display:inline-flex;align-items:center;gap:6px;flex:none;padding:4px 9px;border:1px solid var(--line);border-radius:99px;background:var(--surface-raised);color:var(--text-muted);font-size:11px;font-weight:600;white-space:nowrap}.ai-mode-badge:before{width:6px;height:6px;border-radius:50%;background:currentColor;content:""}.ai-mode-badge.is-ai{color:#26754b;background:#edf8f0;border-color:#cde8d5}.ai-settings-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start}.workspace-page .ai-config-form{margin:0;max-width:none;padding:25px;gap:21px}.ai-config-form fieldset{display:flex;flex-direction:column;gap:18px;padding:0;margin:0;border:0;min-width:0}.ai-config-form fieldset:disabled{opacity:.65}.ai-section-title{display:flex;align-items:flex-start;gap:13px}.ai-section-number{display:grid;place-items:center;flex:none;width:29px;height:29px;border:1px solid var(--line);border-radius:8px;color:var(--text-muted);font-size:10px;font-variant-numeric:tabular-nums;background:var(--surface-raised)}.ai-section-title h3{margin:0;color:var(--text);font-size:17px;line-height:1.6}.ai-section-title p{margin:5px 0 0;font-size:12px;color:var(--text-muted);line-height:1.8}.ai-config-form fieldset>label:not(.settings-switch),.ai-provider-section>label:not(.ai-inline-check),.ai-form-grid>label{display:flex;flex-direction:column;gap:8px;color:var(--text);font-size:12px;font-weight:500;min-width:0}.ai-config-form small{font-size:11px;color:var(--text-muted);font-weight:400;line-height:1.7}.ai-config-form .settings-switch{padding:14px;gap:12px}.ai-config-form .settings-switch small{max-width:300px;margin-top:6px}.ai-form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:15px}.ai-save-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:15px;border-top:1px solid var(--line)}.form-save-state{font-size:11px;color:var(--text-muted);line-height:1.6}.ai-save-row .primary{flex:none;font-size:12px;padding:11px 15px}.ai-save-row .primary:disabled{opacity:.4;cursor:default}.ai-provider-section{display:flex;flex-direction:column;gap:14px;min-width:0}.ai-provider-section+.ai-provider-section{border-top:1px solid var(--line);padding-top:23px}.ai-provider-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.ai-provider-heading h4{margin:0;font-size:14px;color:var(--text)}.ai-key-state{font-size:10px;padding:3px 7px;border:1px solid var(--line);border-radius:5px;color:var(--text-muted);background:var(--surface-raised)}.ai-key-state.is-configured{color:#2b734a;border-color:#cee2d4;background:#eff8f2}.ai-inline-check{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-muted);line-height:1.6}.ai-inline-check input{width:14px;height:14px;accent-color:var(--text);margin:0}.ai-test-button{align-self:flex-start;font-size:12px;padding:9px 12px}.ai-test-button:disabled{opacity:.4;cursor:default}.ai-test-result{margin:0;font-size:11px;color:var(--text-muted);line-height:1.8;overflow-wrap:anywhere}.ai-test-result:empty{display:none}.ai-test-result.is-error,.ai-config-form .error,.knowledge-card .error,.ai-logs-card .error{color:#b91c1c;font-size:12px;line-height:1.8;overflow-wrap:anywhere}.ai-config-form .error:empty,.knowledge-card .error:empty,.ai-logs-card .error:empty{display:none}.ai-capabilities{padding:25px;margin:22px 0;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.ai-capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:23px}.ai-capability-grid article{padding-left:14px;border-left:2px solid var(--line)}.ai-capability-grid strong{font-size:13px;font-weight:600}.ai-capability-grid p{font-size:12px;color:var(--text-muted);line-height:1.8;margin:8px 0 0}.ai-link-catalog{display:flex;flex-wrap:wrap;gap:8px;margin-top:23px}.ai-link-catalog:empty{display:none}.ai-link-catalog a,.ai-link-catalog>span{padding:7px 10px;border:1px solid var(--line);border-radius:7px;background:var(--surface-raised);color:var(--text);text-decoration:none;font-size:11px}.ai-link-catalog a span{margin-left:10px;color:var(--text-muted)}.ai-link-catalog a:hover{border-color:var(--text-muted)}
.conversation-ai-bar{display:flex;flex:none;align-items:center;justify-content:space-between;gap:12px;padding:10px 22px;border-bottom:1px solid var(--line);background:var(--surface-alt)}.conversation-ai-bar>div:first-child{display:flex;align-items:center;flex-wrap:wrap;gap:9px;min-width:0}.conversation-ai-bar>div>span:last-child:not(.ai-mode-badge){font-size:11px;line-height:1.6;color:var(--text-muted)}.ai-bar-actions{display:flex;flex:none;align-items:center;gap:9px}.ai-bar-actions button{font-size:11px;white-space:nowrap;padding:7px 9px}.ai-bar-actions button:disabled{opacity:.45;cursor:default}.ai-sender-tag{border:1px solid var(--line);background:var(--surface-raised);color:var(--text)}.message-safe-link{color:inherit;text-decoration:underline;text-underline-offset:3px;word-break:break-all}.message-safe-link:hover{text-decoration-thickness:2px}
.knowledge-toolbar{display:flex;align-items:center;gap:10px;margin:23px 0 12px}.knowledge-search{display:flex;gap:10px;flex:1;min-width:0}.knowledge-search input,.knowledge-search select,.ai-log-toolbar input{padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);font:inherit;font-size:12px;min-width:0}.knowledge-search input{flex:1}.knowledge-search select{width:118px}.knowledge-toolbar>button{font-size:12px;flex:none;padding:11px 14px}.knowledge-permissions{font-size:12px;color:var(--text-muted);line-height:1.8;margin:0 0 24px}.workspace-page .knowledge-editor{max-width:none;padding:25px;margin:20px 0 28px;gap:20px}.ai-editor-actions{display:flex;gap:9px}.ai-editor-actions button{font-size:12px}.knowledge-list-heading{display:flex;align-items:center;justify-content:space-between;margin:20px 0 13px;color:var(--text-muted);font-size:11px}.knowledge-entry{display:flex;align-items:flex-start;gap:24px;flex-wrap:wrap;margin-bottom:14px;padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.knowledge-entry-main{flex:1;min-width:0}.knowledge-entry-heading{display:flex;align-items:center;gap:8px}.knowledge-category{padding:3px 7px;border-radius:5px;background:var(--surface-raised);font-size:10px;color:var(--text-muted)}.knowledge-entry h3{font-size:16px;line-height:1.6;margin:12px 0 8px;color:var(--text);overflow-wrap:anywhere}.knowledge-entry-main>p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.8;color:var(--text-muted);margin:0 0 15px}.knowledge-entry-main>small{font-size:10px;color:var(--text-muted)}.knowledge-entry-actions{display:flex;align-items:center;gap:10px;flex:none}.knowledge-entry-actions button{font-size:11px;padding:8px 10px}.knowledge-entry-actions .knowledge-delete{color:#a34343}.knowledge-delete-confirm{display:flex;align-items:center;gap:10px;flex-basis:100%;padding:14px;border:1px solid #ebcccc;border-radius:9px;background:#fff8f8}.knowledge-delete-confirm p{flex:1;font-size:12px;margin:0;line-height:1.7;color:#994040}.knowledge-delete-confirm button{flex:none;font-size:11px;padding:8px 11px}
.ai-log-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin:24px 0 14px}.ai-log-toolbar form{display:flex;align-items:flex-end;gap:10px;flex:1;min-width:0}.ai-log-toolbar label{display:flex;flex-direction:column;gap:8px;min-width:0;width:360px;font-size:11px;color:var(--text-muted)}.ai-log-toolbar button{padding:11px 13px;font-size:12px;white-space:nowrap;flex:none}.ai-log-notice{font-size:12px;color:var(--text-muted);line-height:1.8;margin:0 0 21px}.ai-log-summary{display:flex;align-items:center;flex-wrap:wrap;gap:23px;padding:16px 19px;border:1px solid var(--line);border-radius:10px;background:var(--surface);margin-bottom:22px}.ai-log-summary:empty{display:none}.ai-log-summary>span{font-size:11px;color:var(--text-muted)}.ai-log-summary strong{font-size:20px;font-weight:600;margin-right:4px;color:var(--text)}.ai-log-summary .ai-log-filter-pill{margin-left:auto;font-size:10px;overflow-wrap:anywhere}.ai-log-entry{border:1px solid var(--line);border-radius:13px;background:var(--surface);padding:21px 23px;margin-bottom:13px}.ai-log-entry-heading{display:flex;align-items:center;gap:13px}.ai-log-icon{display:grid;place-items:center;width:32px;height:32px;flex:none;background:var(--surface-raised);border:1px solid var(--line);border-radius:9px;color:var(--text-muted);font-size:17px}.ai-log-icon.is-error{color:#b34343;background:#fff3f3;border-color:#eed0d0}.ai-log-entry-heading>div{flex:1;min-width:0}.ai-log-entry h3{margin:0;font-size:14px;color:var(--text);line-height:1.6;overflow-wrap:anywhere}.ai-log-entry small{display:block;margin-top:4px;font-size:10px;color:var(--text-muted)}.ai-log-status{flex:none;padding:4px 7px;border-radius:6px;background:var(--surface-raised);font-size:10px;color:var(--text-muted)}.ai-log-status.is-error{background:#fff0f0;color:#aa3838}.ai-log-status.is-pending{background:#fff5df;color:#966009}.ai-log-entry>p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.85;color:var(--text);margin:15px 0 13px}.ai-log-entry-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;color:var(--text-muted);font-size:10px;line-height:1.7}.ai-log-entry-meta .text-button{font-size:10px;padding:0;max-width:100%;overflow-wrap:anywhere;text-align:left}.ai-log-entry-meta>span:last-child{margin-left:auto}
:root[data-theme="dark"] .ai-mode-badge.is-ai,:root[data-theme="dark"] .ai-key-state.is-configured{color:#86d9a8;background:#183323;border-color:#31553e}:root[data-theme="dark"] .ai-test-result.is-error,:root[data-theme="dark"] .ai-config-form .error,:root[data-theme="dark"] .knowledge-card .error,:root[data-theme="dark"] .ai-logs-card .error{color:#f0a4a4}:root[data-theme="dark"] .knowledge-delete-confirm{background:#2c1b1b;border-color:#5d3434}:root[data-theme="dark"] .knowledge-delete-confirm p,:root[data-theme="dark"] .knowledge-entry-actions .knowledge-delete{color:#e9a5a5}:root[data-theme="dark"] .ai-log-icon.is-error,:root[data-theme="dark"] .ai-log-status.is-error{background:#352020;color:#f0a4a4;border-color:#603b3b}:root[data-theme="dark"] .ai-log-status.is-pending{background:#3b2d14;color:#e2bc72}
@media(max-width:1439px){.ai-settings-layout{grid-template-columns:minmax(0,1fr)}.ai-capability-grid{gap:18px}.conversation-ai-bar{align-items:flex-start}.conversation-ai-bar>div:first-child{gap:6px}.conversation-ai-bar>div>span:last-child:not(.ai-mode-badge){flex-basis:100%}.ai-log-toolbar label{width:280px}}
@media(max-width:720px){.ai-page-state{padding:14px;font-size:12px;gap:10px}.workspace-page .ai-config-form,.workspace-page .knowledge-editor{padding:18px;gap:18px}.ai-section-title{gap:10px}.ai-section-title h3{font-size:17px}.ai-config-form fieldset>label:not(.settings-switch),.ai-provider-section>label:not(.ai-inline-check),.ai-form-grid>label{font-size:13px}.ai-config-form .settings-switch strong{font-size:13px}.ai-config-form .settings-switch small{font-size:12px}.ai-form-grid{grid-template-columns:minmax(0,1fr)}.ai-save-row{flex-wrap:wrap;gap:10px}.ai-save-row>.primary{margin-left:auto;min-height:42px}.ai-inline-check{font-size:12px;gap:10px}.ai-inline-check input{width:17px;height:17px}.ai-test-button{min-height:42px}.ai-capabilities{padding:18px}.ai-capability-grid{grid-template-columns:minmax(0,1fr);gap:20px}.ai-capability-grid strong{font-size:14px}.ai-capability-grid p{font-size:13px}.conversation-ai-bar{padding:10px 12px;gap:8px;flex-wrap:wrap}.conversation-ai-bar>div:first-child{flex:1;min-width:180px}.conversation-ai-bar>div>span:last-child:not(.ai-mode-badge){font-size:11px}.ai-bar-actions{margin-left:auto;gap:4px}.ai-bar-actions button{min-height:35px;font-size:11px;padding:7px}.knowledge-toolbar{flex-wrap:wrap;gap:9px}.knowledge-search{flex-basis:100%;gap:8px}.knowledge-search input,.knowledge-search select,.ai-log-toolbar input{font-size:16px;padding:10px;min-width:0}.knowledge-search select{width:118px;font-size:13px}.knowledge-toolbar>button{min-height:42px}.knowledge-toolbar>button:last-child{margin-left:auto}.knowledge-entry{padding:18px;gap:16px}.knowledge-entry-main{flex-basis:100%}.knowledge-entry h3{font-size:16px}.knowledge-entry-main>p{font-size:14px}.knowledge-entry-main>small{font-size:11px}.knowledge-entry-actions{gap:6px}.knowledge-entry-actions button{min-height:37px;font-size:12px}.knowledge-delete-confirm{flex-wrap:wrap;padding:12px}.knowledge-delete-confirm p{flex-basis:100%}.knowledge-delete-confirm button{min-height:37px}.ai-editor-actions{margin-left:auto}.ai-editor-actions button{min-height:42px}.ai-log-toolbar{flex-wrap:wrap;gap:11px}.ai-log-toolbar form{flex-basis:100%;flex-wrap:wrap;gap:8px}.ai-log-toolbar label{flex-basis:100%;width:auto;font-size:12px}.ai-log-toolbar button{min-height:39px;font-size:12px}.ai-log-toolbar>#ai-log-refresh{margin-left:auto}.ai-log-summary{gap:17px;padding:14px}.ai-log-summary .ai-log-filter-pill{flex-basis:100%;margin-left:0}.ai-log-entry{padding:17px 15px}.ai-log-entry-heading{gap:10px}.ai-log-entry h3{font-size:14px}.ai-log-entry>p{font-size:13px}.ai-log-entry-meta{font-size:11px;gap:9px}.ai-log-entry-meta .text-button{font-size:11px}.ai-log-entry-meta>span:last-child{margin-left:0}}
.maintenance-card{max-width:1120px}.maintenance-summary{margin:23px 0}.storage-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.storage-metrics>div{padding:20px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.storage-metrics span{display:block;color:var(--text-muted);font-size:12px;margin-bottom:10px}.storage-metrics strong{font-size:23px;color:var(--text);font-weight:650}.storage-breakdown{margin:14px 0 0;font-size:11px;color:var(--text-muted);line-height:1.8;overflow-wrap:anywhere}
.maintenance-controls,.maintenance-preview,.maintenance-history{padding:25px;border:1px solid var(--line);border-radius:16px;background:var(--surface);margin:22px 0}.maintenance-section-heading h3{margin:0;font-size:18px;color:var(--text)}.maintenance-section-heading p{margin:8px 0 0;color:var(--text-muted);font-size:12px;line-height:1.8}.maintenance-scopes{display:grid;gap:10px;margin:21px 0}.maintenance-scope{display:flex;align-items:flex-start;gap:12px;padding:17px;border:1px solid var(--line);border-radius:11px;background:var(--surface-raised);cursor:pointer}.maintenance-scope:has(input:checked){border-color:var(--text-muted);box-shadow:0 0 0 1px var(--text-muted)}.maintenance-scope input{flex:none;width:16px;height:16px;margin:3px 0 0;accent-color:var(--text)}.maintenance-scope strong,.maintenance-scope small{display:block}.maintenance-scope strong{font-size:13px;color:var(--text)}.maintenance-scope small{font-size:12px;color:var(--text-muted);line-height:1.75;margin-top:6px}.maintenance-retention{display:flex;flex-wrap:wrap;align-items:center;gap:11px}.maintenance-retention label{font-size:12px;color:var(--text)}.maintenance-retention select{min-width:100px;padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--surface-raised);color:var(--text);font-size:13px}.maintenance-retention .primary{margin-left:auto}.maintenance-controls .error{margin:15px 0 0;font-size:12px;line-height:1.8}
.cleanup-counts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:21px 0}.cleanup-counts>div{padding:13px 8px;border:1px solid var(--line);border-radius:10px;background:var(--surface-raised);min-width:0}.cleanup-counts strong,.cleanup-counts span{display:block}.cleanup-counts strong{font-size:18px;color:var(--text);overflow-wrap:anywhere}.cleanup-counts span{font-size:10px;color:var(--text-muted);margin-top:7px}.cleanup-preview-footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.cleanup-preview-footer p{margin:0;max-width:70%;font-size:12px;color:var(--text-muted);line-height:1.8}.danger-button{padding:10px 15px;border:1px solid #b91c1c;border-radius:9px;background:#b91c1c;color:#fff;font-size:12px;font-weight:600;cursor:pointer;flex:none}.danger-button:hover:not(:disabled){background:#991b1b}.danger-button:disabled{opacity:.4;cursor:not-allowed}.maintenance-danger-note{padding:12px 13px;border:1px solid #f4c8c8;border-radius:9px;background:#fff4f4;color:#991b1b;font-size:12px;line-height:1.8}.cleanup-warnings{padding-left:21px;color:var(--text-muted);font-size:12px;line-height:1.9}.cleanup-history-item{padding:20px 0;border-bottom:1px solid var(--line)}.cleanup-history-item:last-child{border-bottom:0;padding-bottom:0}.cleanup-history-heading{display:flex;align-items:center;gap:12px}.cleanup-history-heading strong{font-size:13px;color:var(--text)}.cleanup-history-item p{margin:8px 0 0;font-size:12px;color:var(--text-muted);line-height:1.8}.cleanup-result{padding:3px 8px;border-radius:20px;background:#eaf6ef;color:#236e41;font-size:10px}.cleanup-result.is-partial{background:#fff4dc;color:#945d09}.cleanup-history-item details{font-size:12px;color:var(--text-muted);margin-top:10px;line-height:1.8;overflow-wrap:anywhere}.cleanup-history-item summary{cursor:pointer}.maintenance-confirm-card{width:min(580px,100%)}#maintenance-confirm-modal:not([hidden]){z-index:76}#maintenance-confirm-summary>strong{font-size:16px;color:var(--text)}#maintenance-confirm-summary>p{font-size:12px;color:var(--text-muted);line-height:1.8}.maintenance-confirm-card .cleanup-counts{grid-template-columns:repeat(3,minmax(0,1fr))}.maintenance-confirm-card .error{margin:0;font-size:12px}.maintenance-confirm-card input:focus-visible{outline:2px solid var(--text-muted);outline-offset:2px}
.chat-time-divider{display:flex;align-items:center;justify-content:center;gap:15px;margin:10px 0 18px;color:var(--text-muted);font-size:10px;line-height:1.5}.chat-time-divider:before,.chat-time-divider:after{content:"";height:1px;width:38px;background:var(--line)}.message-time-detail{display:inline-grid;place-items:center;padding:3px;border:0;border-radius:5px;background:transparent;color:var(--text-muted);cursor:pointer;opacity:.55;line-height:1}.message-time-detail:hover,.message-time-detail:focus-visible{opacity:1;background:var(--surface-raised);outline:1px solid var(--line)}.message-meta{gap:6px}.attachment-cleared{padding:12px 16px;border:1px dashed var(--line);border-radius:8px;color:var(--text-muted);font-size:12px;font-style:normal;line-height:1.6}
:root[data-theme="dark"] .maintenance-danger-note{background:#301b1b;border-color:#623333;color:#fca5a5}:root[data-theme="dark"] .danger-button{background:#b52d2d;border-color:#c34444;color:#fff}:root[data-theme="dark"] .cleanup-result{background:#163121;color:#86efac}:root[data-theme="dark"] .cleanup-result.is-partial{background:#3b2c15;color:#f4c36f}
@media(max-width:720px){.storage-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.storage-metrics>div{padding:16px 13px}.storage-metrics strong{font-size:21px}.storage-metrics span{font-size:11px}.maintenance-controls,.maintenance-preview,.maintenance-history{padding:18px 15px;margin:18px 0}.maintenance-section-heading h3{font-size:17px}.maintenance-scope{padding:14px 12px;gap:10px}.maintenance-scope strong{font-size:14px}.maintenance-scope small{font-size:12px}.maintenance-retention label{font-size:13px}.maintenance-retention select{font-size:16px}.maintenance-retention .primary{min-height:42px;margin-left:0}.cleanup-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.cleanup-counts>div:last-child{grid-column:1/-1}.cleanup-preview-footer{align-items:stretch;flex-direction:column;gap:12px}.cleanup-preview-footer p{max-width:none}.cleanup-preview-footer .danger-button{min-height:43px}.maintenance-confirm-card .cleanup-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.maintenance-confirm-card .settings-form{padding:17px}.maintenance-confirm-card .settings-actions{flex-wrap:wrap}.maintenance-confirm-card .settings-actions button{min-width:0;flex:1}.message-time-detail{padding:4px;opacity:.65}.chat-time-divider{font-size:11px;margin:7px 0 14px}}
.telegram-card{max-width:1180px}.telegram-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:24px 0 8px;padding:17px 20px;border:1px solid var(--line);border-radius:13px;background:var(--surface-raised)}.telegram-toolbar>p{margin:0;color:var(--text-muted);font-size:12px;line-height:1.8}.telegram-toolbar>button{flex:none}.telegram-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px;align-items:start}.telegram-section{min-width:0;padding:24px;margin:20px 0;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.telegram-layout>.telegram-section{margin-top:15px}.telegram-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:20px}.telegram-section-heading h3{margin:0;font-size:17px;line-height:1.5;color:var(--text)}.telegram-section-heading p{margin:7px 0 0;color:var(--text-muted);font-size:12px;line-height:1.8}.telegram-status{display:inline-block;flex:none;padding:5px 8px;border-radius:6px;background:var(--surface-raised);color:var(--text-muted);font-size:10px;line-height:1.6}.telegram-status.is-success{background:#eaf5ee;color:#2e7448}.telegram-status.is-pending{background:#fff4df;color:#93600d}.telegram-status.is-error{background:#fff0f0;color:#ad3b3b}.telegram-binding-state{padding:17px;background:var(--surface-raised);border-radius:10px;color:var(--text);font-size:13px;line-height:1.8;overflow-wrap:anywhere}.telegram-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:17px}.telegram-check{display:flex;align-items:center;gap:9px;color:var(--text);font-size:12px;line-height:1.7;margin:18px 0}.telegram-check input{width:16px!important;height:16px!important;flex:none;margin:0!important;accent-color:var(--text)}.telegram-bind-code{padding:17px;margin-top:20px;border:1px dashed var(--line);border-radius:11px;overflow-wrap:anywhere}.telegram-bind-code strong{display:block;font-size:12px;font-weight:600;color:var(--text)}.telegram-bind-code code{display:block;user-select:all;padding:13px 0;color:var(--text);font-size:13px;line-height:1.7;overflow-wrap:anywhere}.telegram-bind-code p{font-size:11px;line-height:1.8;color:var(--text-muted);margin:9px 0}.telegram-bind-code a{font-size:11px}.telegram-launch{border-top:1px solid var(--line);padding-top:21px;margin-top:24px}.telegram-launch h4{margin:0;font-size:14px;color:var(--text)}.telegram-launch p{margin:9px 0 14px;font-size:12px;line-height:1.8;color:var(--text-muted)}.telegram-section a{text-decoration:none}.telegram-section fieldset{border:0;margin:0;padding:0;min-width:0}.telegram-section fieldset>label:not(.telegram-check){display:block;margin-top:19px;font-size:12px;color:var(--text);line-height:1.6}.telegram-section input:not([type=checkbox]),.telegram-section textarea,.telegram-section select{display:block;width:100%;min-width:0;margin-top:7px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface-raised);color:var(--text);font:inherit;font-size:13px;line-height:1.5}.telegram-section textarea{resize:vertical}.telegram-section input:focus-visible,.telegram-section textarea:focus-visible,.telegram-section select:focus-visible{outline:2px solid var(--text-muted);outline-offset:2px}.telegram-section input::placeholder,.telegram-section textarea::placeholder{color:var(--text-muted);opacity:.7}.telegram-section label>small{display:block;margin-top:7px;color:var(--text-muted);font-size:11px;line-height:1.8}.telegram-field-hint{color:var(--text-muted);font-size:11px;line-height:1.8}.telegram-section label>.telegram-field-hint{float:right;margin-left:8px}.telegram-save-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:22px}.telegram-save-row>span{font-size:11px;color:var(--text-muted)}.telegram-section fieldset:disabled{opacity:.65}.telegram-section .error{font-size:12px;line-height:1.8;margin-top:14px;overflow-wrap:anywhere}.telegram-readiness{padding:13px 15px;border:1px solid var(--line);border-radius:9px;background:var(--surface-raised);font-size:12px;line-height:1.8;color:var(--text-muted)}.telegram-members{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:17px}.telegram-member{display:flex;flex-wrap:wrap;align-items:center;gap:12px;border:1px solid var(--line);border-radius:11px;padding:16px}.telegram-member>div{flex:1;min-width:100px;overflow-wrap:anywhere}.telegram-member strong{display:block;font-size:13px;color:var(--text)}.telegram-member small{display:block;margin-top:5px;color:var(--text-muted);font-size:11px;line-height:1.6}.telegram-member>button{font-size:10px;padding:7px 9px}.telegram-event-filters{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.telegram-event-filters>label{display:block;min-width:0;font-size:11px;color:var(--text-muted)}.telegram-event-filters>label:first-child{flex:1;min-width:180px}.telegram-event-filters select{width:170px}.telegram-event-filters>button{min-height:41px}.telegram-events{display:grid;gap:13px;margin-top:17px}.telegram-event{padding:19px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.telegram-event>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.telegram-event>header>div{min-width:0}.telegram-event strong{display:block;font-size:13px;line-height:1.6;color:var(--text)}.telegram-event small{display:block;margin-top:5px;font-size:10px;color:var(--text-muted);line-height:1.6}.telegram-event>p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.8;color:var(--text);margin:14px 0}.telegram-event>p.telegram-event-error{color:#af4343}.telegram-event>footer{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:16px}.telegram-event>footer>span{margin-right:auto;font-size:11px;color:var(--text-muted)}.telegram-event>footer>button{font-size:10px;padding:7px 10px}.telegram-section .secondary:disabled{opacity:.5;cursor:wait}.telegram-section .primary:disabled{cursor:default}
:root[data-theme="dark"] .telegram-status.is-success{background:#193424;color:#91deb0}:root[data-theme="dark"] .telegram-status.is-pending{background:#392c14;color:#edc477}:root[data-theme="dark"] .telegram-status.is-error{background:#352020;color:#f0abab}:root[data-theme="dark"] .telegram-event>p.telegram-event-error{color:#f0abab}
@media(max-width:1200px){.telegram-layout{grid-template-columns:minmax(0,1fr)}.telegram-layout>.telegram-section{margin:14px 0 0}.telegram-members{grid-template-columns:minmax(0,1fr)}}
@media(max-width:720px){.telegram-toolbar{padding:14px;gap:11px;align-items:flex-start;flex-wrap:wrap}.telegram-toolbar>p{flex-basis:100%;font-size:12px}.telegram-toolbar>button{margin-left:auto;min-height:40px}.telegram-section{padding:19px 15px;margin:18px 0}.telegram-section-heading{flex-wrap:wrap;gap:10px}.telegram-section-heading h3{font-size:17px}.telegram-section-heading p{font-size:13px}.telegram-section input:not([type=checkbox]),.telegram-section textarea,.telegram-section select{font-size:16px}.telegram-section fieldset>label:not(.telegram-check){font-size:13px}.telegram-check{font-size:13px}.telegram-binding-state{font-size:14px;padding:14px}.telegram-bind-code{padding:14px}.telegram-bind-code code{font-size:14px}.telegram-bind-code p,.telegram-launch p,.telegram-readiness{font-size:12px}.telegram-actions>button,.telegram-launch a,.telegram-bind-code>a{min-height:42px}.telegram-save-row{flex-wrap:wrap}.telegram-save-row>button{margin-left:auto;min-height:42px}.telegram-member{padding:14px;gap:9px}.telegram-member strong{font-size:14px}.telegram-member>button{min-height:36px}.telegram-event-filters>label:first-child{flex-basis:100%}.telegram-event-filters>label:nth-child(2){flex:1}.telegram-event-filters select{width:100%;font-size:13px;min-height:41px}.telegram-event-filters>button{font-size:12px}.telegram-event{padding:15px}.telegram-event strong{font-size:14px}.telegram-event>p{font-size:13px}.telegram-event>footer>span{flex-basis:100%}.telegram-event>footer>button{min-height:38px;font-size:11px}.telegram-status{font-size:11px}}

.telegram-layout:has(>#telegram-settings-form[hidden]){grid-template-columns:minmax(0,1fr)}

/* Handling state is independent of a staff member's unread marker. */
:root{--handling-pending-accent:#e88522;--handling-pending-text:#91400b;--handling-pending-fill:#fff4e5;--handling-pending-selected:#ffe8ca;--handling-pending-badge:#ffe0b5;--handling-active-accent:#4583dc;--handling-active-text:#24569b;--handling-active-fill:#f3f7ff;--handling-active-selected:#e1ecff;--handling-active-badge:#dceaff;--handling-closed-accent:#a3a3a3;--handling-closed-text:#626262;--handling-closed-fill:#fafafa;--handling-closed-selected:#ededed;--handling-closed-badge:#eaeaea}
:root[data-theme="dark"]{--handling-pending-accent:#f3a348;--handling-pending-text:#ffce8f;--handling-pending-fill:#2b2117;--handling-pending-selected:#3d2c18;--handling-pending-badge:#493118;--handling-active-accent:#77a9ef;--handling-active-text:#b6d1ff;--handling-active-fill:#182231;--handling-active-selected:#24354d;--handling-active-badge:#293d5a;--handling-closed-accent:#626262;--handling-closed-text:#aaa;--handling-closed-fill:#1d1d1d;--handling-closed-selected:#303030;--handling-closed-badge:#303030}
.handling-pending{--handling-accent:var(--handling-pending-accent);--handling-text:var(--handling-pending-text);--handling-fill:var(--handling-pending-fill);--handling-selected:var(--handling-pending-selected);--handling-badge:var(--handling-pending-badge)}
.handling-active{--handling-accent:var(--handling-active-accent);--handling-text:var(--handling-active-text);--handling-fill:var(--handling-active-fill);--handling-selected:var(--handling-active-selected);--handling-badge:var(--handling-active-badge)}
.handling-closed{--handling-accent:var(--handling-closed-accent);--handling-text:var(--handling-closed-text);--handling-fill:var(--handling-closed-fill);--handling-selected:var(--handling-closed-selected);--handling-badge:var(--handling-closed-badge)}
:root .conversation-list .conversation-item{border-left:4px solid var(--handling-accent);margin-bottom:6px;background:var(--handling-fill);transition:background .15s,box-shadow .15s}
:root .conversation-list .conversation-item:hover{background:var(--handling-selected)}
:root .conversation-list .conversation-item.selected{background:var(--handling-selected);box-shadow:inset 0 0 0 1px var(--handling-accent)}
:root .conversation-list .conversation-item:focus-visible{outline:2px solid var(--text);outline-offset:-2px}
.conversation-item .conversation-tags{align-items:center;flex-wrap:wrap;gap:5px;margin-top:8px}
:root .handling-badge{display:inline-flex;align-items:center;gap:5px;flex:none;white-space:nowrap;padding:3px 7px;border:0;border-radius:6px;background:var(--handling-badge);color:var(--handling-text);font-size:10px;font-weight:650;line-height:1.45}
:root .handling-badge::before{content:"";width:6px;height:6px;flex:none;border-radius:50%;background:var(--handling-accent)}
:root .topbar .status-badge.handling-badge{font-size:11px;padding:5px 9px;background:var(--handling-badge);color:var(--handling-text)}
.handling-legend{display:flex;flex-wrap:wrap;gap:13px;padding:0 18px 12px;font-size:10px;color:var(--text-muted)}
.handling-legend>span{display:inline-flex;align-items:center;gap:5px}
.handling-legend>span::before{content:"";width:7px;height:7px;flex:none;border-radius:50%;background:var(--handling-accent)}
@media(max-width:720px){.handling-legend{font-size:11px;padding:0 18px 12px}:root .conversation-item .handling-badge{font-size:11px}:root .topbar .status-badge.handling-badge{font-size:10px;padding:5px 7px}}
.notification-status { margin: 2px 12px 10px; color: var(--muted); font-size: 11px; line-height: 1.6; }

/* Human handoff stays visible after read and AI replies until staff accepts it. */
:root{--handoff-accent:#d73542;--handoff-text:#a61b2a;--handoff-fill:#fff3f4;--handoff-selected:#ffe3e7;--handoff-badge:#ffd7de}
:root[data-theme="dark"]{--handoff-accent:#ff6b7b;--handoff-text:#ffafba;--handoff-fill:#2c191e;--handoff-selected:#422029;--handoff-badge:#54232e}
.handling-handoff{--handling-accent:var(--handoff-accent);--handling-text:var(--handoff-text);--handling-fill:var(--handoff-fill);--handling-selected:var(--handoff-selected);--handling-badge:var(--handoff-badge)}
.conversation-ai-bar.needs-human{border-bottom-color:var(--handoff-accent);background:var(--handoff-fill)}
:root .conversation-ai-bar .human-needed-notice{flex-basis:100%;color:var(--handoff-text);font-size:12px;font-weight:600;line-height:1.6;overflow-wrap:anywhere}
:root .ai-bar-actions .handoff-takeover{border-color:var(--handoff-accent);color:var(--handoff-text);background:var(--handoff-badge);font-weight:650}
:root .nav-inbox-views .human-queue-filter{color:var(--handoff-text)}
:root .nav-inbox-views .human-queue-filter.is-active{background:var(--handoff-badge);color:var(--handoff-text)}
.conversation-ai-bar #conversation-ai-hint{font-size:11px;line-height:1.6;color:var(--text-muted)}
@media(max-width:1439px){.conversation-ai-bar #conversation-ai-hint{flex-basis:100%}}