:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#24362f;background:#f5f7f6;font-synthesis:none;--primary: #176c53;--primary-dark: #105640;--line: #e4e9e6;--muted: #76867f;--green-bg: #e8f5ee;--green: #16704d;--orange-bg: #fff3df;--orange: #ab6910;--gray-bg: #eef1f2;--gray: #6c787e;--blue-bg: #eaf2ff;--blue: #326baf}*{box-sizing:border-box}body{margin:0;font-size:15px}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:none;color:inherit}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible{outline:3px solid #99c6b6;outline-offset:3px}a{color:inherit;text-decoration:none}input,textarea,select{min-width:0;padding:11px 12px;background:#fff;border:1px solid #d7e0da;border-radius:7px;color:#263e33;outline:none;font-size:14px}input:focus,textarea:focus,select:focus{border-color:#6a9f8c;box-shadow:0 0 0 3px #176c530c}input[type=checkbox]{accent-color:var(--primary);width:17px;height:17px;flex-shrink:0}input:disabled,select:disabled{background:#f3f5f4}textarea{resize:vertical;line-height:1.8}label{display:flex;flex-direction:column;gap:9px;font-size:14px;font-weight:500}h1,h2,h3,h4,p{margin:0}h1{font-size:25px;font-weight:650;letter-spacing:-.5px}h2{font-size:19px;font-weight:600}h3{font-size:15px;font-weight:600}small{font-size:12px}button svg,a svg{flex-shrink:0}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:7px;padding:10px 15px;line-height:1.3;font-weight:500;font-size:14px;white-space:nowrap;min-height:39px}.primary{background:var(--primary);color:#fff;border:1px solid var(--primary)}.primary:hover{background:var(--primary-dark)}.secondary{background:#fff;border:1px solid #dce4df}.secondary:hover{background:#f3f6f4}.full{width:100%}.icon-btn{display:inline-flex;justify-content:center;align-items:center;width:33px;height:33px;border-radius:6px;color:#76877e;padding:0;flex-shrink:0}.icon-btn:hover{background:#edf2ef;color:var(--primary)}.text-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;color:var(--primary);font-size:13px}.danger{color:#ba554b}.muted-text{color:var(--muted);font-size:13px;line-height:1.8}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#24a06a;flex-shrink:0}.dot.muted{background:#a5b0aa}.status-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;font-size:12px;line-height:1.5;border-radius:5px;white-space:nowrap;font-weight:500}.status-pill.active,.status-pill.online,.status-pill.resolved{color:var(--green);background:var(--green-bg)}.status-pill.queued,.status-pill.pending,.status-pill.away{color:var(--orange);background:var(--orange-bg)}.status-pill.closed,.status-pill.offline{color:var(--gray);background:var(--gray-bg)}.status-pill.processing{color:var(--blue);background:var(--blue-bg)}.status-text{display:inline-flex;align-items:center;gap:6px;font-size:12px;line-height:1.6;color:var(--gray)}.status-text i{width:6px;height:6px;background:currentColor;border-radius:50%;flex-shrink:0}.status-text.active{color:var(--green)}.status-text.queued{color:var(--orange)}.status-text.closed,.status-text.offline{color:var(--gray)}.avatar{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:11px;flex-shrink:0;font-weight:600;font-size:15px;background:#edf1ee;color:#687a6e}.avatar.mint,.avatar.active{background:#dfeee5;color:#438264}.avatar.queued{background:#fff0d8;color:#ad7a32}.avatar.closed,.avatar.neutral{background:#edf0f2;color:#73838b}.avatar.large{width:57px;height:57px;border-radius:16px;font-size:22px}.tag{display:inline-flex;align-items:center;padding:4px 7px;border-radius:5px;background:#f1f4f2;color:#78887f;font-size:12px;font-weight:400}.quiet-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;background:#f0f3f1;color:#7c8b83;border-radius:5px;font-size:12px;padding:3px 6px;font-weight:400}.workspace{display:flex;height:100dvh;min-height:550px;overflow:hidden}.sidebar{width:208px;flex-shrink:0;background:#f8faf8;border-right:1px solid var(--line);padding:26px 14px 0;display:flex;flex-direction:column}.wordmark{display:flex;align-items:center;gap:9px;font-size:18px;color:#285b45;padding:0 9px;white-space:nowrap}.wordmark b{font-weight:650}.tenant-name{font-size:12px;color:#86948a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:13px 10px 27px}.sidebar nav{display:flex;flex-direction:column;gap:6px}.sidebar nav>button{display:flex;align-items:center;gap:11px;padding:12px 13px;border-radius:7px;text-align:left;font-size:14px;color:#77877d;line-height:1.4;white-space:nowrap}.sidebar nav>button.selected{background:#e5efe8;color:#286a4c;font-weight:600}.sidebar nav>button:hover{background:#edf3ee}.nav-count{margin-left:auto;font-size:11px;background:#dce7e0;border-radius:5px;padding:2px 5px;font-weight:500}.sidebar-bottom{margin-top:auto}.sidebar-link{display:flex;align-items:center;gap:10px;padding:12px 11px;width:100%;color:#859287;font-size:13px}.user-card{display:flex;align-items:center;gap:9px;padding:20px 5px;border-top:1px solid var(--line);margin-top:13px}.user-card .avatar{width:33px;height:33px;font-size:13px}.user-card b{display:block;font-size:13px;font-weight:500}.user-card small{display:block;color:#8c9a8e;font-size:11px;margin-top:5px}.user-card .icon-btn{margin-left:auto}.main{flex:1;min-width:0;display:flex;flex-direction:column;background:#fff}.topbar{height:65px;min-height:65px;display:flex;align-items:center;justify-content:space-between;padding:0 27px;border-bottom:1px solid var(--line)}.topbar h2{font-size:17px}.topbar-right{display:flex;align-items:center;gap:25px}.connection{display:flex;align-items:center;gap:7px;color:#91a096;font-size:12px}.presence-control{display:flex;align-items:center;gap:6px;border:1px solid transparent;padding:0 10px;border-radius:6px;font-size:13px}.presence-control.online{background:var(--green-bg);color:var(--green);border-color:#d7eade}.presence-control.away{background:var(--orange-bg);color:var(--orange);border-color:#f0dfbd}.presence-control.offline{background:var(--gray-bg);color:var(--gray);border-color:#e1e5e6}.presence-control i{width:7px;height:7px;border-radius:50%;background:currentColor}.presence-control select{color:inherit;background:none;font-size:13px;padding:8px 0;border:0;box-shadow:none;cursor:pointer}.presence-control option{color:#35483c;background:#fff}.inbox-layout{display:flex;flex:1;min-height:0;position:relative}.session-panel{width:292px;flex-shrink:0;border-right:1px solid var(--line);display:flex;flex-direction:column;background:#fff}.panel-heading{display:flex;align-items:center;gap:9px;padding:22px 20px}.panel-heading h3{font-size:15px}.panel-heading>.icon-btn{margin-left:auto}.searchbox{display:flex;align-items:center;gap:9px;background:#f6f8f6;border:1px solid #eaf0ea;padding:0 12px;border-radius:7px;color:#8b9a8e}.searchbox input{border:0;background:none;padding:11px 0;font-size:13px;box-shadow:none;width:100%}.searchbox input::placeholder{color:#9aa69b}.session-panel>.searchbox{margin:0 17px 20px}.session-tabs{display:flex;justify-content:space-between;gap:7px;padding:0 17px;border-bottom:1px solid var(--line)}.session-tabs button{padding:0 0 14px;font-size:13px;color:#87948b;position:relative;white-space:nowrap;display:flex;align-items:center;gap:5px}.session-tabs button span{font-size:11px;min-width:17px;text-align:center;background:#f2f4f2;border-radius:4px;padding:1px 3px}.session-tabs button.selected.active{color:var(--green)}.session-tabs button.selected.queued{color:var(--orange)}.session-tabs button.selected.closed{color:var(--gray)}.session-tabs button.selected:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:currentColor}.session-list{flex:1;overflow:auto;padding:8px}.session-card{display:flex;align-items:flex-start;gap:11px;width:100%;padding:17px 10px;text-align:left;border-radius:7px;border:1px solid transparent}.session-card:hover{background:#f7faf7}.session-card.selected{background:#edf5ef;border-color:#deebe0}.session-summary{min-width:0;flex:1}.session-summary>div{display:flex;align-items:center;justify-content:space-between;gap:5px}.session-summary b{font-size:14px;font-weight:600}.session-summary time{font-size:11px;color:#94a191}.session-summary p{font-size:13px;color:#859181;margin:8px 0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:17px}.session-summary>small{display:flex;gap:8px;align-items:center;font-size:11px;color:#98a08e}.session-summary .status-pill{font-size:10px;padding:2px 5px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:60px 18px;text-align:center;color:#a3b09f}.empty-state p{font-size:13px;color:#8c9a87;line-height:1.8}.empty-state h3{font-size:15px;color:#8a9a84;font-weight:500}.chat-panel{flex:1;min-width:0;display:flex;flex-direction:column;background:#f7f9f7}.chat-header{display:flex;align-items:center;gap:11px;min-height:80px;padding:16px 24px;border-bottom:1px solid var(--line);background:#fff}.chat-heading{display:flex;flex-direction:column;gap:5px;min-width:0}.chat-heading h3{font-size:16px}.chat-heading .status-text{font-size:11px}.chat-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.chat-actions .primary,.chat-actions .secondary{padding:8px 11px;min-height:35px;font-size:13px}.messages{flex:1;min-height:0;overflow:auto;padding:25px 26px;scrollbar-width:thin;scrollbar-color:#d6e1d2 transparent}.date-separator{text-align:center;font-size:11px;color:#a1ae97;margin-bottom:25px}.message{display:flex;align-items:flex-start;gap:9px;margin-bottom:24px}.message>.avatar{width:31px;height:31px;font-size:12px;border-radius:9px}.message-content{min-width:0;max-width:80%}.message-content>small{display:block;font-size:11px;color:#97a48b;margin:1px 0 8px}.bubble{background:#fff;border:1px solid #e3e9df;border-radius:0 10px 10px;padding:12px 15px;color:#3e5036;line-height:1.85;font-size:15px;overflow-wrap:anywhere;min-width:35px}.bubble>p{white-space:pre-wrap}.bubble>p:not(:last-child){margin-bottom:10px}.message.mine{flex-direction:row-reverse}.message.mine .message-content>small{text-align:right}.message.mine .bubble{background:#e2efdd;border-color:#dce9d4;border-radius:10px 0 10px 10px;color:#3e6132}.note-item{display:flex;gap:9px;padding:14px 16px;border-radius:7px;background:#fff6df;border:1px solid #f0e4bf;color:#af9142;margin:18px 0}.note-item svg{margin-top:2px;flex-shrink:0}.note-item small{font-size:11px;color:#aa9562}.note-item p{margin-top:8px;white-space:pre-wrap;line-height:1.8;font-size:14px;color:#887343;overflow-wrap:anywhere}.compose-area{margin:0 20px 20px}.compose-modes{display:flex;align-items:center;gap:20px;padding:0 1px 11px}.compose-modes button{display:flex;align-items:center;gap:6px;font-size:12px;color:#97a08e;padding:0}.compose-modes button.selected{color:#41723c;font-weight:500}.compose-modes>span{margin-left:auto;font-size:11px;color:#a59b76}.composer{position:relative;background:#fff;border:1px solid #d8e3d1;border-radius:9px;padding:0 13px 12px}.composer:focus-within{border-color:#96b687;box-shadow:0 0 0 2px #176c5305}.composer.internal{background:#fffcf2;border-color:#e8dcb1}.composer.disabled{background:#f5f7f2}.composer textarea{display:block;resize:none;width:100%;min-height:92px;max-height:160px;border:0;box-shadow:none;padding:13px 2px 8px;background:none;font-size:14px;line-height:1.8}.composer textarea::placeholder{color:#a5b098}.composer-toolbar{display:flex;align-items:center;gap:8px}.composer-tools{display:flex;align-items:center;gap:3px}.composer-tools .icon-btn{color:#8da07e}.composer-toolbar>.primary{margin-left:auto;padding:8px 13px;min-height:34px;font-size:13px}.keyboard-hint{margin-left:auto;font-size:10px;color:#a6b19a}.keyboard-hint+.primary{margin-left:5px}.emoji-picker{position:absolute;bottom:55px;left:0;z-index:5;display:grid;grid-template-columns:repeat(8,1fr);gap:4px;padding:12px;background:#fff;border:1px solid #e0e7d8;border-radius:10px;box-shadow:0 8px 30px #34552f18;width:310px;max-width:90vw}.emoji-picker button{font-size:24px;padding:4px;border-radius:5px;display:grid;place-items:center}.emoji-picker button:hover{background:#eff5e8}.attachment-draft{display:flex;gap:8px;align-items:center;font-size:12px;padding:10px 1px 0;color:#7e916e}.attachment-draft>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-draft small{font-size:10px;white-space:nowrap}.attachment-draft>button{margin-left:auto;display:flex}.attachment-view{max-width:300px}.chat-image{display:block;padding:0;max-width:100%;border-radius:7px;overflow:hidden}.chat-image img{display:block;max-width:100%;max-height:260px;object-fit:contain}.file-download{display:flex;align-items:center;gap:9px;padding:8px 0;font-size:12px;min-width:130px}.file-download>span{min-width:0;flex:1}.file-download b{display:block;font-weight:500;overflow-wrap:anywhere;line-height:1.5}.file-download small{display:block;font-size:10px;opacity:.65;margin-top:4px}.file-download svg{flex-shrink:0;color:#759a60}.file-download:hover b{text-decoration:underline}.attachment-error{font-size:12px;display:flex;align-items:center;color:#b97b55}.image-preview{position:fixed;inset:0;z-index:200;background:#102018e8;display:flex;align-items:center;justify-content:center;padding:70px 30px;flex-direction:column;gap:20px}.image-preview>img{max-width:100%;max-height:calc(100dvh - 170px);object-fit:contain}.preview-close{position:absolute;right:25px;top:20px;color:#fff;width:40px;height:40px;display:grid;place-items:center}.chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:16px;padding:30px;text-align:center}.chat-empty>span{display:grid;place-items:center;width:85px;height:85px;background:#eaf1e4;color:#8ba47b;border-radius:25px;margin-bottom:7px}.chat-empty h2{font-size:21px;font-weight:500;color:#738867}.chat-empty p{color:#a0ae94;font-size:14px}.conversation-start{color:#afbaa3;text-align:center;padding:35px 10px}.conversation-start p{font-size:13px;margin-top:15px}.customer-panel{width:245px;flex-shrink:0;border-left:1px solid var(--line);background:#fff;overflow:auto}.customer-panel .panel-heading{border-bottom:1px solid var(--line);height:80px}.customer-profile{text-align:center;padding:27px 15px}.customer-profile h3{font-size:16px;margin:13px 0 8px}.customer-profile small{font-size:11px;color:#9ca790}.info-list{border-top:1px solid var(--line);padding:20px 0 2px;margin:0 21px}.info-list dt{font-size:12px;color:#9ca88f;margin-bottom:8px}.info-list dd{font-size:13px;color:#617653;margin:0 0 20px;overflow-wrap:anywhere}.quick-replies{margin:0 21px;border-top:1px solid var(--line);padding-top:22px}.quick-replies h3{font-size:13px;margin-bottom:16px;color:#6e825f}.quick-replies button{display:flex;align-items:center;justify-content:space-between;text-align:left;gap:8px;width:100%;border:1px solid #e6ecdf;border-radius:6px;padding:10px;font-size:12px;color:#8d9e7d;margin-bottom:9px}.quick-replies button:hover{background:#f4f7ef}.customer-toggle,.mobile-back{display:none}.transfer-banner{display:flex;align-items:center;justify-content:space-between;padding:13px 23px;background:#fff3d8;color:#a38037;font-size:12px;line-height:1.5}.transfer-banner>button{text-decoration:underline;font-weight:500}.system-message{display:flex;align-items:center;justify-content:center;gap:5px;text-align:center;font-size:12px;color:#a3af94;line-height:1.8;margin:15px 0;overflow-wrap:anywhere}.page-content{flex:1;min-height:0;overflow:auto;padding:32px;background:#f7f9f6}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.page-heading h1{font-size:25px;color:#364e2d}.page-heading p{font-size:13px;color:#91a084;margin-top:11px;line-height:1.8}.filter-tabs{display:flex;align-items:center;gap:24px;border-bottom:1px solid #e0e7d8;margin-bottom:23px;overflow:auto}.filter-tabs>button{display:flex;align-items:center;gap:7px;font-size:14px;color:#98a58c;position:relative;padding:0 0 14px;white-space:nowrap}.filter-tabs>button.selected{color:#4a773c;font-weight:500}.filter-tabs>button.selected:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#6c9358}.filter-tabs small{font-size:11px;background:#ebf0e4;border-radius:4px;padding:2px 5px;color:#8a9d7a}.knowledge-page{display:flex;flex-direction:column}.knowledge-workspace{display:flex;flex:1;min-height:400px;border:1px solid #e1e8d9;border-radius:10px;background:#fff;overflow:hidden}.category-sidebar{width:190px;flex-shrink:0;border-right:1px solid #e7ecdf;background:#fbfcf9;padding:0 10px 15px}.category-sidebar .panel-heading{padding:19px 8px}.category-sidebar .panel-heading h3{font-size:13px;color:#8e9f7b}.category-item{display:flex;align-items:center;gap:8px;width:100%;padding:12px 10px;text-align:left;color:#8a9b77;border-radius:6px;font-size:13px;min-width:0}.category-item>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-item>small{font-size:11px;color:#acb99c}.category-item.selected,.category-row.selected{background:#eaf2e1;color:#62834e}.category-row{position:relative;border-radius:6px}.category-row .category-item{padding-right:29px}.category-edit{position:absolute;right:0;top:5px;width:26px;height:30px;color:#a5b294;opacity:0}.category-row:hover .category-edit,.category-row:focus-within .category-edit,.category-row.selected .category-edit{opacity:1}.category-item:hover{background:#f1f6ea}.article-list-panel{width:310px;flex-shrink:0;border-right:1px solid #e7ecdf;overflow:auto}.article-list-panel>.searchbox{margin:18px 16px}.article-list-heading{display:flex;justify-content:space-between;align-items:center;padding:0 19px 16px;border-bottom:1px solid #edf1e6}.article-list-heading b{font-size:12px;font-weight:500;color:#80956e}.article-list-heading small{font-size:11px;color:#aab79c}.article-row{display:flex;align-items:flex-start;gap:11px;text-align:left;padding:19px 17px;width:100%;border-bottom:1px solid #edf1e7}.article-row:hover{background:#f8fbf3}.article-row.selected{background:#eff5e7;box-shadow:inset 3px 0 #8eaa70}.article-type{color:#9fb58a;margin-top:2px}.article-row>div{flex:1;min-width:0}.article-row h3{font-size:14px;font-weight:500;color:#5a7448;line-height:1.6}.article-row p{font-size:12px;color:#99a989;line-height:1.8;margin:8px 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.article-row small{font-size:10px;color:#b0bea0}.article-row>svg{color:#b7c6a7;margin-top:4px;flex-shrink:0}.article-reader{flex:1;min-width:0;padding:27px;overflow:auto}.reader-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:23px}.reader-actions>div{display:flex;align-items:center;gap:6px}.reader-actions .tag{background:#eff4e7;color:#91a67c;font-size:11px}.article-reader h2{font-size:23px;line-height:1.6;overflow-wrap:anywhere;color:#4f6b3e;margin-bottom:10px}.article-reader>small{font-size:11px;color:#acb99b}.article-reader>p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:2.1;color:#7c9169;margin:27px 0}.article-reader>.primary{font-size:13px;margin-top:8px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:28px}.metric-grid.three{grid-template-columns:repeat(3,1fr)}.metric{background:#fff;border:1px solid #e2e8d9;border-radius:9px;padding:23px}.metric>span{font-size:13px;color:#92a27f}.metric strong{display:block;margin-top:16px;font-size:33px;font-weight:550;color:#536f40;letter-spacing:-.6px}.metric strong small{font-size:12px;font-weight:400;letter-spacing:0;margin-left:8px;color:#a3b390}.table-card{background:#fff;border:1px solid #e1e8d7;border-radius:9px;overflow:hidden}.table-scroll{overflow:auto}.table-card .panel-heading{border-bottom:1px solid #e8eede}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:12px;color:#9aab85;font-weight:400;padding:14px 20px;background:#fbfcf8}td{font-size:13px;padding:19px 20px;border-top:1px solid #ebf0e2;color:#7b9264}.member-name{display:flex;align-items:center;gap:11px}.member-name b{display:flex;align-items:center;gap:6px;font-weight:500;color:#5d7a45;font-size:14px}.member-name small{display:block;color:#a2b48e;font-size:11px;margin-top:6px}.member-name .tag{font-size:10px;padding:2px 5px}.capacity-input{width:55px;padding:6px;margin-right:8px;font-size:13px}.group-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:20px}.group-card{padding:23px;background:#fff;border:1px solid #e0e8d4;border-radius:10px}.group-card>header{display:flex;align-items:center;gap:9px;color:#849e6c}.group-card header h3{flex:1;color:#5d7c46}.group-card header .tag{font-size:10px}.group-card header .icon-btn{width:27px}.group-card>p{font-size:12px;color:#a3b28e;margin:17px 0 12px}.member-chips{display:flex;align-items:center;flex-wrap:wrap;gap:7px;min-height:30px;margin-bottom:25px}.member-chips>span{font-size:12px;background:#eff4e6;color:#8ca575;border-radius:5px;padding:5px 8px}.member-chips small{font-size:12px;color:#b2bfa0}.group-card>.secondary{font-size:12px;width:100%;color:#91a879;border-color:#e3ead7}.mail-workspace{display:flex;border:1px solid #e1e8d8;border-radius:10px;overflow:hidden;background:#fff;min-height:500px}.mail-list{width:340px;flex-shrink:0;border-right:1px solid #e8edde;overflow:auto}.mail-row{display:block;width:100%;padding:22px;text-align:left;border-bottom:1px solid #e9eedf}.mail-row.selected{background:#eef5e5;box-shadow:inset 3px 0 #92ad76}.mail-row>div{display:flex;justify-content:space-between;align-items:center;gap:10px}.mail-row b{font-size:14px;font-weight:500;color:#67854c}.mail-row>p{font-size:13px;line-height:1.8;color:#92a47d;margin:12px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.mail-row>small{font-size:11px;color:#afbe99}.mail-reader{flex:1;min-width:0;padding:27px}.mail-reader>small{font-size:12px;color:#a9b995}.mail-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.9;color:#77945d;margin:27px 0 35px}.mail-reader label{font-size:13px;color:#829b68}.mail-reader textarea{font-size:14px;line-height:1.9}.mail-reader footer{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.mail-reader>.empty-state{min-height:400px}.settings-page{max-width:1400px;width:100%}.settings-card{max-width:800px;background:#fff;border:1px solid #e0e8d5;border-radius:10px;padding:27px 30px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:25px;border-bottom:1px solid #e8eede}.setting-row h3{font-size:16px;color:#608145}.setting-row p{font-size:13px;color:#a3b48b;line-height:1.8;margin-top:9px}.switch{position:relative;width:40px;height:24px;flex-shrink:0}.switch>input{position:absolute;opacity:0;width:100%;height:100%;margin:0;z-index:1;cursor:pointer}.switch>span{position:absolute;inset:0;border-radius:20px;background:#dce6ce;transition:.15s}.switch>span:after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #536f4020;transition:.15s}.switch>input:checked+span{background:#6f994c}.switch>input:checked+span:after{transform:translate(16px)}.switch>input:focus-visible+span{outline:3px solid #bad49d}.timezone-field{margin:24px 0;font-size:13px;color:#8ea875;max-width:310px}.hours-list{border-top:1px solid #e8eede}.hours-list.inactive{opacity:.55}.hours-row{display:flex;align-items:center;gap:30px;min-height:68px;border-bottom:1px solid #e8eede;font-size:14px}.day-toggle{display:flex;flex-direction:row;align-items:center;gap:10px;min-width:95px;font-size:13px;color:#7e9b61}.hours-row>div{display:flex;align-items:center;gap:13px;color:#b3c49e}.hours-row input[type=time]{padding:8px 10px;font-size:13px;color:#83a164}.hours-row>.muted-text{color:#afc095;font-size:13px}.settings-note{font-size:12px;color:#a5ba8d;margin-top:23px;line-height:1.9}.rating-score{display:inline-flex;align-items:center;gap:6px;color:#d3a54a;font-size:13px;white-space:nowrap}.rating-comment{white-space:normal;min-width:150px;max-width:300px;line-height:1.8;overflow-wrap:anywhere}.modal-backdrop{position:fixed;inset:0;z-index:30;background:#15371f60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:20px;display:flex;align-items:center;justify-content:center}.modal{width:510px;max-height:90dvh;overflow:auto;background:#fff;border-radius:12px;padding:27px;box-shadow:0 20px 70px #25482728}.modal.wide{width:730px}.modal>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.modal h2{font-size:19px}.modal form{display:flex;flex-direction:column;gap:18px}.modal label{font-size:13px;color:#80986a}.modal input,.modal textarea,.modal select{font-size:14px}.modal textarea{line-height:1.9}.modal footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:9px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.checkbox-label{display:flex;flex-direction:row;align-items:center;gap:9px;font-size:14px;font-weight:400}.member-picker{border:1px solid #e5ecda;border-radius:8px;max-height:230px;overflow:auto}.member-picker>.checkbox-label{padding:13px;border-bottom:1px solid #edf2e6}.member-picker small{margin-left:auto;color:#a8bb91;font-size:11px}.knowledge-picker>article{padding:23px 0;border-bottom:1px solid #e7eddd}.knowledge-picker h3{margin:12px 0}.knowledge-picker p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;color:#8da773;line-height:1.9;margin:15px 0}.knowledge-picker .tag{font-size:11px}.alert,.toast{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:250;display:flex;align-items:center;gap:12px;max-width:90vw;padding:13px 18px;border-radius:8px;box-shadow:0 4px 25px #253e1a14;font-size:14px;line-height:1.7}.alert{background:#fff0e7;color:#b06c43;border:1px solid #eed4be}.alert .icon-btn{width:25px;height:25px;color:inherit}.toast{background:#edf5e2;color:#6e954a;border:1px solid #dceac9}.loading{height:100dvh;display:flex;align-items:center;justify-content:center;gap:12px;color:#94aa7a;font-size:14px}.spinner{width:20px;height:20px;border:2px solid #dce7cc;border-top-color:#7ea359;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;background:#f2f6ed;padding:35px}.login-form{width:380px;max-width:100%;display:flex;flex-direction:column;gap:22px;padding:34px 32px;background:#fff;border:1px solid #e0e9d4;border-radius:13px;box-shadow:0 10px 50px #5b7d3508}.login-symbol{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:#e9f2df;color:#7a9e55}.login-form h1{font-size:25px;color:#5b7b41}.login-form>p{font-size:13px;color:#a0b18a;margin-top:-10px;margin-bottom:5px}.login-form label{font-size:13px;color:#8da575}.login-form>.primary{margin-top:5px}.visitor-page{height:100dvh;display:flex;align-items:center;justify-content:center;background:#edf2e7;padding:24px}.visitor-shell{width:460px;max-width:100%;height:min(850px,calc(100dvh - 48px));min-height:400px;display:flex;flex-direction:column;background:#fbfcf9;border:1px solid #e1e9d6;border-radius:13px;overflow:hidden;box-shadow:0 10px 50px #385b2010}.visitor-header{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-bottom:1px solid #e7eddf;background:#fff;gap:15px;flex-shrink:0}.visitor-header h1{font-size:18px;color:#5e7c46;font-weight:600;margin-bottom:7px;letter-spacing:0}.visitor-header .status-text{font-size:12px}.visitor-header .icon-btn{color:#9caf86}.visitor-messages{padding:22px 20px}.visitor-greeting{font-size:14px;color:#8ca375;background:#f0f5e8;border-radius:9px;padding:15px 17px;line-height:1.9;margin-bottom:23px}.visitor-messages .message-content{max-width:88%}.visitor-messages .bubble{font-size:15px}.visitor-messages .message-content>small{font-size:11px}.visitor-messages .system-message{font-size:12px}.visitor-input{padding:0 13px 14px;flex-shrink:0}.offline-hint{font-size:12px;color:#9aae86;line-height:1.9;padding:3px 5px 12px}.visitor-input .composer textarea{min-height:68px;font-size:15px}.visitor-input .composer-tools{gap:7px}.visitor-input .composer-toolbar>.primary{min-height:35px}.rating-panel{flex-shrink:0;padding:22px;text-align:center;background:#fff;border-top:1px solid #e4ebd9}.rating-panel h3{font-size:16px;color:#759455}.rating-panel>p{font-size:12px;color:#a5b88c;margin-top:8px;line-height:1.8}.rating-panel textarea{width:100%;font-size:13px;margin-bottom:14px;resize:none}.stars{display:flex;justify-content:center;align-items:center;gap:7px;color:#e7b45a;margin:18px 0}.stars button{display:flex;padding:3px}.rating-panel>.text-link{display:flex;margin-top:17px;font-size:13px}.rating-thanks{display:flex;align-items:center;justify-content:center;gap:7px;color:#7da456!important}.article-reader>p{color:#53634b}.mail-body{color:#52634a}.page-heading p{color:#7a8b72}.info-list dd{color:#586b4c}.visitor-greeting{color:#6d845b}.hours-row input[type=time]{color:#627e4b}.category-item{color:#7a8f66}.article-row h3{color:#486138}@media(min-width:1600px){.session-panel{width:325px}.customer-panel{width:275px}.sidebar{width:225px}.messages{padding-left:38px;padding-right:38px}.article-list-panel{width:350px}}@media(max-width:1250px){.sidebar{width:190px;padding-left:10px;padding-right:10px}.wordmark{font-size:16px}.session-panel{width:270px}.customer-panel{width:220px}.chat-header{padding-left:18px;padding-right:18px}.chat-actions .secondary{font-size:12px;padding:8px}.page-content{padding:27px}.category-sidebar{width:165px}.article-list-panel{width:280px}.article-reader{padding:22px}.metric{padding:21px}}@media(max-width:1100px){.customer-panel{display:none;position:absolute;right:0;top:0;bottom:0;z-index:8;width:260px;box-shadow:-10px 0 30px #344c1810}.customer-panel.open{display:block}.customer-toggle{display:inline-flex}.metric-grid{grid-template-columns:repeat(2,1fr)}.knowledge-workspace{flex-wrap:wrap;overflow:auto}.category-sidebar{width:170px}.article-list-panel{width:calc(100% - 170px);border-right:0}.article-reader{flex-basis:100%;border-top:1px solid #e7edde;min-height:300px}.knowledge-page{display:block}.knowledge-workspace{min-height:500px}.knowledge-workspace .article-reader>.empty-state{padding:40px}.article-list-panel{max-height:440px}.mail-list{width:290px}.mail-reader{padding:22px}.keyboard-hint{display:none}}@media(max-width:800px){.sidebar{width:65px;padding:22px 8px 0}.wordmark{justify-content:center;padding:0}.wordmark b,.tenant-name{display:none}.sidebar nav{margin-top:35px;gap:10px}.sidebar nav>button{padding:13px;justify-content:center;gap:0}.sidebar nav>button>span,.nav-count{display:none}.sidebar-link{justify-content:center;font-size:0;padding:12px;gap:0}.user-card>div,.user-card>.icon-btn{display:none}.user-card{padding:20px 0;justify-content:center}.topbar{padding:0 20px;height:60px;min-height:60px}.connection{display:none}.session-panel{width:260px}.page-content{padding:25px 20px}.page-heading h1{font-size:23px}.page-heading p{font-size:12px}.page-heading>.primary{font-size:12px;padding:9px 12px}.metric-grid.three{gap:10px}.metric{padding:19px}.metric strong{font-size:28px}.metric>span{font-size:12px}.mail-workspace{flex-direction:column}.mail-list{width:100%;max-height:300px;border-right:0;border-bottom:1px solid #e3ebd7}.mail-reader>.empty-state{min-height:220px}.settings-card{padding:25px}.group-grid{grid-template-columns:1fr}.chat-header>.avatar{display:none}.chat-heading h3{font-size:14px}.chat-actions{gap:5px}.chat-actions .secondary{padding:7px;font-size:11px}.messages{padding:20px 17px}.compose-area{margin:0 13px 15px}.composer-toolbar .primary{font-size:12px}.message-content{max-width:85%}}@media(max-width:600px){.sidebar{width:55px;padding:20px 4px 0}.sidebar nav>button{padding:11px}.sidebar nav>button>svg{width:19px;height:19px}.topbar{padding:0 15px;min-height:57px;height:57px}.topbar h2{font-size:16px}.presence-control{padding:0 7px}.presence-control select{font-size:12px}.session-panel{width:100%;border-right:0}.inbox-layout:not(.has-conversation) .chat-panel{display:none}.inbox-layout.has-conversation .session-panel{display:none}.chat-panel{width:100%}.mobile-back{display:inline-flex}.chat-header{padding:14px 10px;min-height:72px}.chat-actions .secondary{font-size:11px;padding:7px}.chat-actions .primary{font-size:12px;padding:8px}.chat-heading .status-text{font-size:10px}.chat-heading h3{font-size:14px}.chat-actions .customer-toggle{width:27px}.messages{padding:22px 15px}.message-content{max-width:86%}.bubble{font-size:15px;padding:11px 13px}.message>.avatar{width:27px;height:27px;font-size:11px}.message{gap:7px}.compose-area{margin:0 10px 12px}.compose-modes{gap:15px}.compose-modes>span{font-size:10px}.composer textarea{min-height:92px}.page-content{padding:24px 15px}.page-heading{align-items:flex-start;flex-wrap:wrap;gap:15px;margin-bottom:23px}.page-heading h1{font-size:22px}.page-heading p{font-size:12px;line-height:1.9}.category-sidebar{width:100%;border-right:0;border-bottom:1px solid #e7ecdf;display:flex;overflow:auto;gap:5px;align-items:center;padding:10px}.category-sidebar .panel-heading{padding:0 5px;white-space:nowrap}.category-sidebar .panel-heading h3{display:none}.category-item{width:auto;white-space:nowrap;padding:10px;font-size:12px;flex-shrink:0;min-width:60px}.category-item>span{overflow:visible}.category-row{flex-shrink:0}.category-row .category-item{padding-right:24px}.category-edit{opacity:1;width:23px}.article-list-panel{width:100%;max-height:330px;border-bottom:1px solid #e7ecdf}.article-reader{padding:22px 18px;border-top:0}.article-reader h2{font-size:21px}.article-reader>p{font-size:15px}.article-row{padding:17px}.article-row h3{font-size:14px}.knowledge-workspace{display:block}.metric-grid{gap:10px}.metric{padding:17px 13px}.metric>span{font-size:11px}.metric strong{font-size:25px}.metric strong small{font-size:10px}.metric-grid.three{grid-template-columns:repeat(3,1fr)}.metric-grid.three .metric{padding:17px 10px}.metric-grid.three strong{font-size:25px}.metric-grid.three strong small{font-size:10px}.filter-tabs{gap:20px}.filter-tabs>button{font-size:13px}.settings-card{padding:20px 15px}.setting-row h3{font-size:14px}.setting-row p{font-size:12px}.hours-row{gap:12px;min-height:65px}.day-toggle{min-width:68px;font-size:12px;gap:7px}.hours-row>div{gap:7px}.hours-row input[type=time]{font-size:12px;padding:7px 5px;max-width:105px}.timezone-field{font-size:12px}.mail-reader{padding:22px 17px}.mail-reader footer{gap:7px}.mail-reader footer .primary,.mail-reader footer .secondary{font-size:12px;padding:9px}.modal{padding:23px 20px}.modal h2{font-size:18px}.form-grid{gap:12px}.alert,.toast{font-size:13px;padding:11px 14px;width:max-content}.visitor-page{padding:0;background:#fff}.visitor-shell{width:100%;height:100dvh;border:0;border-radius:0;min-height:0;box-shadow:none}.visitor-header{padding:18px 19px}.visitor-header h1{font-size:18px}.visitor-messages{padding:22px 17px}.visitor-input{padding:0 12px 12px}.visitor-input .composer textarea{min-height:76px}.emoji-picker{width:290px}.offline-hint{font-size:12px}.rating-panel{padding:20px 22px}.login-page{padding:25px}.login-form{padding:30px 25px}.image-preview{padding:65px 15px}.session-card{padding:19px 12px}.session-panel>.searchbox{margin-left:20px;margin-right:20px}.session-tabs{padding:0 20px;justify-content:flex-start;gap:27px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}:root{--text: #263c32;--text-muted: #6e8175;--text-subtle: #8d9c92;--surface-soft: #f5f8f5;--accent-soft: #e8f2ec;--bubble-own: #e2efdd;--bubble-text: #3e6132;--theme-border: #dfe8df}:root[data-theme=blue]{--primary: #286bc2;--primary-dark: #1f56a1;--text: #27394d;--text-muted: #687e96;--text-subtle: #8a9db2;--surface-soft: #f4f7fc;--accent-soft: #e8f0fd;--bubble-own: #e3eefc;--bubble-text: #2d5588;--theme-border: #dde6f1;--line: #e3e9f2}:root[data-theme=purple]{--primary: #7b51b5;--primary-dark: #654097;--text: #3c314b;--text-muted: #81718f;--text-subtle: #a193ae;--surface-soft: #f8f5fc;--accent-soft: #f0e9fa;--bubble-own: #eee4f9;--bubble-text: #644486;--theme-border: #e7dff0;--line: #ece5f2}:root[data-theme=amber]{--primary: #ad6425;--primary-dark: #8b4e1c;--text: #493b2e;--text-muted: #8c7967;--text-subtle: #aa9b8c;--surface-soft: #fcf8f3;--accent-soft: #f8eddd;--bubble-own: #f7ead6;--bubble-text: #8b5b2c;--theme-border: #eee2d5;--line: #efe7de}body{color:var(--text);background:var(--surface-soft)}.sidebar,.page-content,.login-page,.visitor-page{background:var(--surface-soft)}.wordmark,.page-heading h1,.login-form h1,.visitor-header h1,.group-card header h3,.article-reader h2,.article-row h3,.setting-row h3{color:var(--text)}.tenant-name,.sidebar-link,.page-heading p,.sidebar nav>button,.connection,.user-card small,.article-list-heading b,.category-item,.article-reader>small,.group-card>p,.member-name small,.info-list dt,.settings-note,.mail-reader>small{color:var(--text-muted)}.sidebar nav>button.selected,.sidebar nav>button:hover,.category-item.selected,.category-row.selected,.category-item:hover,.article-row.selected,.session-card.selected,.mail-row.selected{background:var(--accent-soft);color:var(--primary)}.article-row.selected,.mail-row.selected{box-shadow:inset 3px 0 var(--primary)}.avatar.mint,.login-symbol,.article-type,.chat-empty>span{background:var(--accent-soft);color:var(--primary)}.article-type{background:transparent}.message.mine .bubble{background:var(--bubble-own);color:var(--bubble-text);border-color:var(--theme-border)}.chat-panel,.visitor-shell,.searchbox,.category-sidebar,.composer.disabled{background:var(--surface-soft)}.bubble,.visitor-greeting,.knowledge-workspace,.mail-workspace,.metric,.settings-card,.table-card,.group-card,.login-form,.composer,.quick-replies button{border-color:var(--theme-border)}.bubble{color:var(--text)}.visitor-greeting{background:var(--accent-soft);color:var(--text-muted)}.session-summary p,.session-summary time,.message-content>small,.date-separator,.session-summary>small,.article-row p,.article-row small,.article-list-heading small,.category-item>small,.mail-row>small,.mail-row>p{color:var(--text-muted)}.article-reader>p,.mail-body,.info-list dd,.member-name b,.mail-row b,.quick-replies h3{color:var(--text)}.composer:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 8%,transparent)}.composer-tools .icon-btn,.quick-replies button,.compose-modes button.selected,.composer.internal .composer-tools .icon-btn,.text-link,.filter-tabs>button.selected,.group-card>.secondary{color:var(--primary)}.filter-tabs>button.selected:after{background:var(--primary)}.filter-tabs>button,.compose-modes button,.keyboard-hint,.offline-hint,.visitor-messages .system-message{color:var(--text-muted)}.quick-replies button:hover,.article-row:hover,.session-card:hover,.member-chips>span,.tag,.filter-tabs small,.nav-count,.quiet-count{background:var(--accent-soft);color:var(--primary)}.quick-replies button,.entry-banner,.metric-grid,.category-sidebar,.article-list-panel,.article-row,.article-list-heading,.info-list,.quick-replies,.filter-tabs,.hours-row,.hours-list,.setting-row,.mail-list,.mail-row,.table-card .panel-heading{border-color:var(--theme-border)}.metric>span,.metric strong small,th,td,.timezone-field,.hours-row input[type=time],.day-toggle,.setting-row p,.modal label,.member-picker small{color:var(--text-muted)}.metric strong{color:var(--text)}th{background:var(--surface-soft)}td{border-color:var(--theme-border)}.rating-panel h3,.rating-thanks,.visitor-input .composer-tools .icon-btn{color:var(--primary)!important}.rating-panel>p,.chat-empty p,.chat-empty h2,.login-form>p,.login-form label{color:var(--text-muted)}.switch>input:checked+span{background:var(--primary)}.switch>span{background:var(--theme-border)}.theme-picker{position:relative;flex-shrink:0}.theme-picker>summary{list-style:none;cursor:pointer;outline-offset:2px}.theme-picker>summary::-webkit-details-marker{display:none}.theme-picker[open]>summary{background:var(--accent-soft);color:var(--primary)}.theme-options{position:absolute;right:0;top:calc(100% + 8px);z-index:25;min-width:160px;padding:10px;background:#fff;border:1px solid var(--theme-border);border-radius:9px;box-shadow:0 8px 30px #1a2d401a}.theme-options>p{font-size:12px;color:var(--text-subtle);padding:4px 8px 9px}.theme-options>button{display:flex;align-items:center;gap:10px;width:100%;font-size:13px;color:var(--text-muted);padding:9px;border-radius:6px;white-space:nowrap;text-align:left}.theme-options>button>span{width:16px;height:16px;border-radius:50%;border:2px solid #ffffffb3;box-shadow:0 0 0 1px #0000000a}.theme-options>button>svg{margin-left:auto}.theme-options>button:hover,.theme-options>button.selected{background:var(--accent-soft);color:var(--primary)}.visitor-header>.visitor-header-actions{display:flex;align-items:center;gap:5px}.login-theme{position:absolute;top:24px;right:27px}.rating-panel.inline-rating{margin:28px auto 15px;max-width:360px;width:100%;border:1px solid var(--theme-border);border-radius:11px;background:#fff;padding:22px}.rating-panel.inline-rating h3{font-size:16px;line-height:1.7}.inline-rating .rated-agent{font-size:12px;color:var(--text-muted);margin-top:8px}.closed-conversation-actions{padding:14px;text-align:center;border-top:1px solid var(--line);background:#fff}.closed-conversation-actions>.text-link{font-size:14px}.inline-rating .rating-thanks{flex-wrap:wrap}.inline-rating .rating-comment-sent{font-size:13px;line-height:1.9;color:var(--text-muted);white-space:pre-wrap;overflow-wrap:anywhere;margin-top:12px}@media(max-width:600px){.theme-options{min-width:150px}.topbar-right{gap:12px}.visitor-header>.visitor-header-actions{gap:0}.visitor-header{padding-left:17px;padding-right:13px}.visitor-header>div:first-child{min-width:0}.visitor-header .status-text{font-size:11px}.topbar .theme-picker .icon-btn{width:29px}.inline-rating .stars{gap:5px}}.platform-workspace .sidebar{width:218px}.platform-filters{display:flex;gap:12px;align-items:center;padding:20px;border-bottom:1px solid var(--line);flex-wrap:wrap}.platform-filters .searchbox{width:300px}.platform-filters select{padding:10px;font-size:13px}.platform-filters>.secondary{min-height:38px}.platform-total{margin-left:auto;font-size:12px;color:var(--text-subtle)}.platform-company{display:flex;align-items:center;gap:11px}.platform-company b{display:block;font-size:14px;font-weight:500;color:var(--text)}.platform-company small{display:block;font-size:12px;color:var(--text-muted);margin-top:6px}.seat-number{font-size:16px;color:var(--text)}.seat-number small{font-size:13px;color:var(--text-subtle)}.platform-cell-caption{display:block;color:var(--text-subtle);font-size:11px;margin-top:5px}.table-actions{display:flex;align-items:center;gap:15px}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:14px 20px;border-top:1px solid var(--line);font-size:12px;color:var(--text-muted)}.platform-scope-note{margin-top:20px;font-size:12px;line-height:1.9;color:var(--text-muted)}.status-pill.disabled{background:var(--gray-bg);color:var(--gray)}.status-pill.expired{background:var(--orange-bg);color:var(--orange)}.platform-audit-summary{white-space:normal;min-width:260px;max-width:500px;line-height:1.9;color:var(--text)}.platform-modal{width:600px}.platform-modal label small{font-weight:400;line-height:1.8;font-size:11px;color:var(--text-subtle)}.platform-modal.platform-detail{width:820px}.platform-form-divider{font-size:13px;color:var(--text-muted);border-top:1px solid var(--line);padding-top:20px;margin-top:4px}.platform-detail-summary{display:flex;gap:14px;align-items:center;color:var(--text-subtle);font-size:12px;margin:0 0 24px;flex-wrap:wrap}.platform-detail-summary>.text-link{margin-left:auto;font-size:12px}.platform-detail-section{margin-top:25px;border-top:1px solid var(--line);padding-top:24px}.platform-detail-section>h3{margin-bottom:18px;font-size:15px}.platform-detail-section td,.platform-detail-section th{font-size:12px;padding:12px}.platform-audit-item{padding:15px 0;border-top:1px solid var(--line)}.platform-audit-item>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.platform-audit-item small{font-size:11px;color:var(--text-subtle)}.platform-audit-item p{font-size:13px;line-height:1.9;color:var(--text-muted);margin-top:10px;overflow-wrap:anywhere}.platform-empty-audit{font-size:13px;padding:17px 0;color:var(--text-subtle)}.platform-renew-info{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;background:var(--surface-soft);border:1px solid var(--theme-border);padding:18px;border-radius:8px}.platform-renew-info>b{font-size:15px}.platform-renew-info>p{flex-basis:100%;font-size:12px;color:var(--text-muted);margin-top:9px}.renew-presets{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.renew-presets>button{font-size:12px;padding:8px 12px;min-height:34px}.renew-presets>.chosen{color:var(--primary);background:var(--accent-soft);border-color:var(--primary)}.platform-renew-preview{font-size:13px;color:var(--text-muted);padding:14px 0;line-height:1.9}.platform-renew-preview strong{font-weight:500;color:var(--primary);display:block;margin-top:5px}.platform-created{text-align:center}.created-icon{display:inline-flex;align-items:center;justify-content:center;width:62px;height:62px;border-radius:50%;background:var(--accent-soft);color:var(--primary);margin:5px 0 19px}.platform-created>h3{font-size:19px}.platform-created>p{font-size:13px;line-height:1.9;color:var(--text-muted);margin:14px 0}.platform-summary-list{text-align:left;padding:15px 18px;background:var(--surface-soft);border-radius:8px;margin:20px 0}.platform-summary-list>dt{font-size:11px;color:var(--text-subtle);margin-bottom:7px}.platform-summary-list>dd{font-size:14px;margin:0 0 18px;color:var(--text);overflow-wrap:anywhere}.platform-summary-list>dd:last-child{margin-bottom:0}.platform-created>footer{margin-top:22px;display:flex;justify-content:center;gap:10px}@media(max-width:800px){.platform-workspace .sidebar{width:65px}.platform-filters{padding:15px;gap:10px}.platform-filters .searchbox{flex:1;min-width:200px}.platform-refresh{font-size:12px;padding:8px 10px}.platform-modal.platform-detail{width:100%}.platform-detail-section td,.platform-detail-section th{font-size:12px}.platform-total{flex-basis:100%;text-align:right}.platform-workspace .metric-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.platform-workspace .sidebar{width:55px}.platform-modal .form-grid{grid-template-columns:1fr}.platform-detail-summary>.text-link{margin-left:0}.platform-audit-item>div{align-items:flex-start;flex-direction:column;gap:8px}.platform-filters .searchbox{width:100%;flex-basis:100%;min-width:0}.platform-filters>select{flex:1}.platform-filters>.secondary{font-size:12px}.platform-modal footer .primary,.platform-modal footer .secondary{font-size:12px;padding:9px 11px}}.theme-options{padding:8px;display:grid;gap:3px;min-width:154px}.theme-options>p{font-size:11px;line-height:16px;padding:3px 8px 5px;margin:0}.theme-options>button{height:34px;min-height:34px;line-height:18px;padding:0 9px;gap:9px;border-radius:5px;font-size:13px}.theme-options>button>span{width:15px;height:15px;flex-shrink:0}.theme-options>button.selected{background:var(--accent-soft);box-shadow:inset 2px 0 var(--primary)}.session-panel .panel-heading{padding:17px 18px;min-height:54px}.session-panel>.searchbox{margin:0 14px 13px}.session-panel>.searchbox input{padding:9px 0;font-size:12px}.session-tabs{padding:0 16px;gap:8px}.session-tabs button{padding-bottom:11px;font-size:12px;line-height:18px}.session-list{padding:5px 6px}.session-card{gap:9px;padding:10px 9px;border-radius:6px;min-height:76px;border-bottom:1px solid var(--line)}.session-card>.avatar{width:30px;height:30px;border-radius:8px;font-size:12px;margin-top:2px}.session-summary>div{gap:7px;min-height:18px;line-height:18px}.session-summary b{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-summary time{font-size:10px;flex-shrink:0;line-height:16px}.session-summary p{margin:3px 0 5px;font-size:12px;line-height:17px;min-height:17px}.session-summary>small{font-size:10px;gap:7px;line-height:16px;white-space:nowrap;overflow:hidden}.session-summary .status-pill{font-size:10px;line-height:14px;padding:1px 5px;border-radius:4px;flex-shrink:0}.load-more-sessions,.load-older{display:block;border:1px solid var(--theme-border);border-radius:6px;padding:8px 12px;font-size:12px;color:var(--text-muted);background:#fff;text-align:center}.load-more-sessions{margin:12px auto 17px;min-width:130px}.load-older{margin:0 auto 21px}.history-separator{display:flex;align-items:center;justify-content:center;gap:10px;border-top:1px solid var(--line);padding-top:15px;margin:20px 0;font-size:11px;color:var(--text-subtle);line-height:1.8}.history-separator .text-link{font-size:11px}.customer-details{padding:17px 0;border-top:1px solid var(--line);margin:0 18px}.customer-details h4{font-size:12px;font-weight:600;color:var(--text)}.customer-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}.customer-section-heading .text-link{font-size:11px;gap:4px}.customer-section-heading small{font-size:10px;color:var(--text-subtle)}.customer-data{display:grid;grid-template-columns:66px minmax(0,1fr);gap:13px 8px;margin:15px 0 0}.customer-data dt{font-size:11px;color:var(--text-muted);line-height:1.8}.customer-data dd{font-size:12px;color:var(--text);margin:0;line-height:1.8;overflow-wrap:anywhere}.customer-edit-form{display:flex;flex-direction:column;gap:12px}.customer-edit-form label{font-size:11px;color:var(--text-muted);gap:6px}.customer-edit-form input{font-size:12px;padding:8px 9px;width:100%}.customer-edit-form footer{display:flex;justify-content:flex-end;gap:7px}.customer-edit-form .primary,.customer-edit-form .secondary{font-size:11px;padding:7px 11px;min-height:30px}.customer-notes>form{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.customer-notes textarea{font-size:12px;line-height:1.8;padding:9px;width:100%;min-height:70px;resize:vertical}.customer-notes .secondary{font-size:11px;min-height:30px;padding:7px 10px}.customer-note{border-top:1px solid var(--line);padding:13px 0;margin-top:12px}.customer-note>div{display:flex;flex-direction:column;gap:5px}.customer-note b{font-size:11px;font-weight:500;color:var(--text-muted)}.customer-note time{font-size:10px;color:var(--text-subtle)}.customer-note p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.9;color:var(--text);margin-top:8px}.empty-customer-notes{font-size:11px;color:var(--text-subtle);padding:20px 0 5px;text-align:center}.older-notes{font-size:11px;display:flex;margin:20px auto 8px}.delete-history-description{font-size:13px;color:var(--text-muted);line-height:1.9}.danger-button{display:inline-flex;justify-content:center;align-items:center;background:#b75246;color:#fff;border:1px solid #b75246;border-radius:7px;padding:10px 15px;font-size:13px;min-height:38px}.danger-button:hover{background:#994339}.quick-reply-picker>.searchbox{margin-bottom:13px}.quick-reply-picker>button{display:block;text-align:left;width:100%;padding:16px 11px;border-bottom:1px solid var(--line);border-radius:5px}.quick-reply-picker>button:hover{background:var(--accent-soft)}.quick-reply-picker b{font-size:14px;color:var(--text);font-weight:500}.quick-reply-picker p{font-size:12px;color:var(--text-muted);line-height:1.8;margin-top:9px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.sound-picker{position:relative;flex-shrink:0}.sound-picker>summary{cursor:pointer;list-style:none}.sound-picker>summary::-webkit-details-marker{display:none}.sound-picker[open]>summary{background:var(--accent-soft);color:var(--primary)}.sound-options{position:absolute;right:0;top:calc(100% + 8px);z-index:26;width:232px;max-width:calc(100vw - 24px);padding:13px 11px;background:#fff;border:1px solid var(--theme-border);border-radius:9px;box-shadow:0 8px 30px #1a2d401a}.sound-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:1px 4px}.sound-heading b{font-size:13px;font-weight:500;color:var(--text)}.audio-switch{width:33px;height:20px;border-radius:20px;background:#d5dcd8;padding:3px;display:flex;align-items:center;transition:background .15s}.audio-switch>span{width:14px;height:14px;background:#fff;border-radius:50%;display:block;box-shadow:0 1px 2px #00000012;transition:transform .15s}.audio-switch[aria-checked=true]{background:var(--primary)}.audio-switch[aria-checked=true]>span{transform:translate(13px)}.sound-hint{font-size:11px;line-height:1.8;color:var(--text-subtle);padding:7px 4px 11px}.sound-option{display:flex;align-items:center;justify-content:space-between;min-height:34px;border-radius:5px;margin:3px 0;padding:0 4px 0 3px}.sound-option.selected{background:var(--accent-soft);color:var(--primary)}.sound-choice{display:flex;align-items:center;gap:7px;padding:7px 5px;flex:1;font-size:12px;line-height:20px;color:var(--text-muted);text-align:left}.sound-option.selected .sound-choice{color:var(--primary)}.sound-check-space{width:15px;flex-shrink:0}.sound-option .icon-btn{width:28px;height:28px}.sound-options>small{display:block;font-size:10px;color:var(--text-subtle);line-height:1.8;padding:10px 4px 0}.topbar .theme-picker .icon-btn,.topbar .sound-picker .icon-btn{width:31px}.visitor-header-actions>.sound-picker>.icon-btn{color:var(--text-muted)}@media(max-width:600px){.session-card{min-height:76px;padding:10px 11px}.session-tabs{padding:0 17px;gap:23px}.session-panel>.searchbox{margin:0 16px 13px}.topbar-right{gap:5px}.topbar .theme-picker .icon-btn,.topbar .sound-picker .icon-btn{width:29px}.composer-tools{gap:0}.composer-tools .icon-btn{width:28px}.composer-toolbar>.primary{padding:7px 8px;font-size:12px;gap:5px}.chat-header{gap:7px}.chat-actions{gap:4px}.chat-actions .secondary{font-size:11px;padding:7px 6px}.history-separator{font-size:10px;gap:6px}.history-separator .text-link{font-size:10px}.customer-details{margin:0 18px}.modal .danger-button{font-size:12px;padding:9px 11px}}.image-loading-placeholder{min-width:150px;min-height:90px;display:grid;place-items:center;font-size:11px;color:var(--text-subtle);background:var(--surface-soft);border-radius:6px}.file-download-button{width:100%;text-align:left;background:none;border:0;cursor:pointer}.file-download-button:disabled{opacity:.65}.session-card{padding-top:9px;padding-bottom:9px}.session-summary b{font-size:14px;line-height:19px}.session-summary time{font-size:11px}.session-summary p{font-size:13px;line-height:18px;margin-top:3px;margin-bottom:4px}.session-summary>small{font-size:11px}.session-summary .status-pill{font-size:11px;line-height:14px}.customer-data dt,.customer-edit-form label{font-size:12px}.customer-data dd,.customer-edit-form input,.customer-note p{font-size:13px}.customer-note p{line-height:1.85}.visitor-header{padding:8px 16px;gap:10px;min-height:57px}.visitor-header h1{font-size:16px;line-height:22px;margin-bottom:2px}.visitor-header .status-text{font-size:11px;line-height:17px}.visitor-header-actions>.icon-btn,.visitor-header-actions .theme-picker>.icon-btn,.visitor-header-actions .sound-picker>.icon-btn{width:30px;height:30px}.workspace:not(.platform-workspace)>.sidebar{width:172px;padding:22px 10px 0}.workspace:not(.platform-workspace)>.sidebar .wordmark{font-size:15px;gap:8px;padding:0 7px}.workspace:not(.platform-workspace)>.sidebar .wordmark>svg{width:21px;height:21px}.workspace:not(.platform-workspace)>.sidebar .tenant-name{padding:11px 8px 22px;font-size:11px}.workspace:not(.platform-workspace)>.sidebar nav>button{padding:11px 10px;gap:9px;font-size:13px}.workspace:not(.platform-workspace)>.sidebar nav>button>svg{width:18px;height:18px}.workspace:not(.platform-workspace)>.sidebar .sidebar-link{font-size:12px;padding:10px 8px;gap:8px}.workspace:not(.platform-workspace)>.sidebar .user-card{padding:17px 2px;gap:7px}.workspace:not(.platform-workspace)>.sidebar .user-card .icon-btn{width:27px}.workspace:not(.platform-workspace)>.main .inbox-layout .session-panel{width:270px}.workspace:not(.platform-workspace)>.main .inbox-layout .customer-panel{width:278px}.session-card>.visitor-avatar{box-shadow:inset 0 0 0 1px #00000005}.customer-profile>.visitor-avatar{border-radius:16px}.customer-panel>.panel-heading{padding:0 14px;height:54px;min-height:54px;gap:5px}.customer-panel-tabs{display:flex;align-items:stretch;gap:12px;flex:1;min-width:0;height:100%}.customer-panel-tabs>button{position:relative;display:flex;align-items:center;justify-content:center;gap:5px;font-size:13px;font-weight:500;line-height:20px;padding:0 2px;color:var(--text-muted);white-space:nowrap}.customer-panel-tabs>button.selected{color:var(--primary)}.customer-panel-tabs>button.selected:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--primary);border-radius:2px}.customer-panel-tabs small{font-size:10px;min-width:16px;line-height:16px;padding:0 4px;background:var(--accent-soft);color:var(--primary);border-radius:4px}.customer-panel .customer-notes{border-top:0;margin:0;padding:17px 18px}.customer-note.latest{background:var(--accent-soft);border:1px solid var(--theme-border);border-radius:7px;padding:12px;margin-top:17px}.customer-note>.note-meta{flex-direction:row;align-items:center;flex-wrap:wrap;gap:6px}.customer-note>.note-meta>time{flex-basis:100%;margin-top:1px}.latest-note-tag{font-size:10px;line-height:16px;color:var(--primary);background:#ffffffb0;border-radius:4px;padding:1px 5px;margin-left:auto}.customer-panel .older-notes{margin:17px auto 5px}.customer-panel>.panel-heading>.customer-toggle{margin-left:auto;flex-shrink:0}@media(min-width:1600px){.workspace:not(.platform-workspace)>.sidebar{width:176px}.workspace:not(.platform-workspace)>.main .inbox-layout .session-panel{width:282px}.workspace:not(.platform-workspace)>.main .inbox-layout .customer-panel{width:288px}}@media(max-width:1250px)and (min-width:801px){.workspace:not(.platform-workspace)>.sidebar{width:160px;padding-left:8px;padding-right:8px}.workspace:not(.platform-workspace)>.sidebar .wordmark{font-size:14px;gap:6px}.workspace:not(.platform-workspace)>.main .inbox-layout .session-panel{width:250px}.workspace:not(.platform-workspace)>.main .inbox-layout .customer-panel{width:252px}.workspace:not(.platform-workspace)>.sidebar .user-card b{font-size:12px}.workspace:not(.platform-workspace)>.sidebar .user-card .avatar{width:29px;height:29px}}@media(max-width:1100px){.workspace:not(.platform-workspace)>.main .inbox-layout .customer-panel{width:278px}}@media(max-width:800px){.workspace:not(.platform-workspace)>.sidebar{width:60px;padding:20px 6px 0}.workspace:not(.platform-workspace)>.sidebar .wordmark{justify-content:center;padding:0}.workspace:not(.platform-workspace)>.sidebar nav>button{padding:12px;gap:0;justify-content:center;font-size:0}.workspace:not(.platform-workspace)>.sidebar .sidebar-link{font-size:0;justify-content:center;gap:0;padding:11px}.workspace:not(.platform-workspace)>.sidebar .user-card{justify-content:center;padding:18px 0}.workspace:not(.platform-workspace)>.main .inbox-layout .session-panel{width:248px}.workspace:not(.platform-workspace)>.sidebar nav{margin-top:28px;gap:8px}}@media(max-width:600px){.visitor-header{padding:7px 14px;min-height:55px}.visitor-header h1{font-size:16px}.visitor-header>.visitor-header-actions{gap:0}.workspace:not(.platform-workspace)>.sidebar{width:52px;padding:20px 3px 0}.workspace:not(.platform-workspace)>.sidebar nav>button{padding:11px}.workspace:not(.platform-workspace)>.main .inbox-layout .session-panel{width:100%}.workspace:not(.platform-workspace)>.main .inbox-layout .customer-panel{width:min(278px,calc(100vw - 52px))}.customer-panel-tabs{gap:10px}.customer-panel-tabs>button{font-size:13px}}.workspace:not(.platform-workspace)>.sidebar .user-card>div{min-width:0}.workspace:not(.platform-workspace)>.sidebar .user-card b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-panel>.panel-heading{position:sticky;top:0;z-index:3;background:#fff}.visitor-header-actions>.icon-btn,.visitor-header-actions .theme-picker>.icon-btn,.visitor-header-actions .sound-picker>.icon-btn{width:32px;height:36px}.message{margin-bottom:13px;gap:8px}.message>.avatar{width:28px;height:28px;border-radius:8px}.message-content>small{line-height:15px;margin:0 0 4px}.bubble{padding:6px 10px;line-height:1.5;font-size:15px;min-width:0}.bubble>p{margin:0}.bubble>p:not(:last-child){margin-bottom:6px}.message .bubble.bubble-emoji{padding:2px 4px;border:0;background:transparent;box-shadow:none;font-size:29px;line-height:1.2}.bubble.bubble-image{padding:3px;width:fit-content}.bubble.bubble-image.has-caption{padding:6px}.bubble.bubble-file{padding:6px 9px}.attachment-view{max-width:240px}.image-attachment{position:relative;width:fit-content}.chat-image img{max-height:164px;max-width:100%;border-radius:6px}.image-download{position:absolute;right:5px;bottom:5px;display:grid;place-items:center;width:28px;height:28px;border-radius:6px;color:#fff;background:#15251db3}.image-download:hover{background:#15251de6}.image-download svg{color:inherit}.file-download{padding:2px 0;gap:8px;min-width:160px;max-width:240px}.file-download b{font-size:13px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.file-download small{font-size:11px;line-height:15px;margin-top:2px}.composer textarea{min-height:60px;padding:10px 12px;line-height:1.5}.visitor-input .composer textarea{min-height:48px}.workspace:not(.platform-workspace)>.sidebar{width:156px;padding:16px 8px 0}.workspace:not(.platform-workspace)>.sidebar .wordmark{font-size:14px;padding:0 5px;gap:6px}.workspace:not(.platform-workspace)>.sidebar .tenant-name{padding:8px 5px 14px}.workspace:not(.platform-workspace)>.sidebar nav{gap:3px}.workspace:not(.platform-workspace)>.sidebar nav>button{padding:8px;min-height:36px;gap:7px;line-height:20px}.workspace:not(.platform-workspace)>.sidebar .sidebar-link{padding:8px 5px;gap:7px}.workspace:not(.platform-workspace)>.sidebar .user-card{padding:12px 0;gap:7px}.workspace:not(.platform-workspace) .topbar{min-height:54px;height:auto;padding-top:9px;padding-bottom:9px}.workspace:not(.platform-workspace) .chat-header{min-height:62px;padding:10px 18px}.workspace:not(.platform-workspace) .messages{padding:16px 20px}.workspace:not(.platform-workspace) .page-content{padding:16px 20px}.workspace:not(.platform-workspace) .page-heading{gap:12px;margin-bottom:14px;flex-shrink:0}.workspace:not(.platform-workspace) .page-heading h1{font-size:22px;line-height:1.35}.workspace:not(.platform-workspace) .page-heading p{margin-top:4px;line-height:1.5}.knowledge-page{display:flex;flex-direction:column;overflow:hidden}.knowledge-workspace{display:grid;grid-template-columns:148px 244px minmax(0,1fr);flex:1;min-height:0;overflow:hidden}.knowledge-workspace>.category-sidebar{width:auto;min-height:0;overflow:auto;padding:0 6px 8px}.category-sidebar .panel-heading{padding:10px 6px}.category-item{padding:8px;line-height:20px}.category-edit{top:2px}.knowledge-workspace>.article-list-panel{width:auto;max-height:none;min-height:0}.article-list-panel>.searchbox{margin:10px}.article-list-heading{padding:0 12px 10px}.article-row{padding:11px 12px;gap:8px}.article-row h3{line-height:1.4}.article-row p{line-height:1.5;margin-top:4px;margin-bottom:4px}.knowledge-workspace>.article-reader{min-height:0;padding:0;display:flex;flex-direction:column;overflow:hidden;border-top:0}.reader-heading{padding:10px 18px 12px;border-bottom:1px solid var(--line);flex-shrink:0}.reader-actions{margin-bottom:4px;min-height:30px}.reader-actions>div{margin-left:auto}.reader-heading h2{font-size:20px;line-height:1.4;margin:3px 0 4px;color:var(--text)}.reader-heading>small{font-size:12px;color:var(--text-subtle)}.reader-body{flex:1;min-height:0;overflow:auto;padding:14px 18px}.reader-body>p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.6;color:var(--text);margin:0}.reader-footer{padding:10px 18px;border-top:1px solid var(--line);flex-shrink:0}.reader-back{display:none}.team-page{display:flex;flex-direction:column}.team-page .metric-grid{gap:10px;margin-bottom:12px;flex-shrink:0}.team-page .metric{padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:8px}.team-page .metric strong{margin:0;font-size:24px;line-height:1.3}.team-page .filter-tabs{margin-bottom:12px;flex-shrink:0}.team-page .table-card{flex:1;min-height:0}.team-page th{position:sticky;top:0;z-index:1;background:var(--surface-soft);padding:10px 14px}.team-page td{padding:10px 14px}.team-page .member-name{gap:8px}.team-page .member-name small{margin-top:3px}.team-page .member-name>.avatar{width:30px;height:30px}.team-page .group-grid{overflow:auto;min-height:0;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));align-content:start;gap:12px}.team-page .group-card{padding:14px 16px}.team-page .group-card>p{margin:8px 0}.team-page .member-chips{margin:8px 0 12px;gap:5px}.settings-card{max-width:960px;padding:16px 20px}.service-options{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.85fr);gap:24px;align-items:center;margin-bottom:14px}.service-options .setting-row{border:0;padding:0;gap:12px}.setting-row p{margin-top:4px;line-height:1.5}.service-options .timezone-field{margin:0;max-width:none;gap:4px}.timezone-field select{padding:7px 10px;font-size:13px}.hours-row{min-height:40px;gap:24px}.hours-row input[type=time]{padding:4px 8px;height:30px}.hours-row>div{gap:10px}.settings-note{margin-top:10px;line-height:1.5}@media(min-width:801px)and (max-width:1250px){.workspace:not(.platform-workspace)>.sidebar{width:148px}.knowledge-workspace{grid-template-columns:130px 210px minmax(0,1fr)}}@media(max-width:900px){.knowledge-workspace{grid-template-columns:200px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.knowledge-workspace>.category-sidebar{grid-column:1 / -1;display:flex;align-items:center;gap:4px;padding:5px 8px;border-right:0;border-bottom:1px solid var(--line)}.category-sidebar .panel-heading{padding:0 4px}.category-sidebar .panel-heading h3{display:none}.category-row,.category-sidebar>.category-item{flex-shrink:0}.category-item{width:auto;white-space:nowrap}.category-item>span{overflow:visible}.service-options{gap:16px}}@media(max-width:800px){.workspace:not(.platform-workspace)>.sidebar{width:56px;padding:16px 4px 0}.workspace:not(.platform-workspace)>.sidebar nav{margin-top:18px;gap:4px}.workspace:not(.platform-workspace)>.sidebar nav>button{padding:9px;font-size:0;gap:0;justify-content:center}.workspace:not(.platform-workspace)>.sidebar .sidebar-link{font-size:0;gap:0;justify-content:center}.workspace:not(.platform-workspace) .page-content{padding:14px}.service-options{grid-template-columns:1fr;gap:12px}.service-options .timezone-field{max-width:360px}}@media(max-width:600px){.workspace:not(.platform-workspace)>.sidebar{width:52px;padding:14px 3px 0}.workspace:not(.platform-workspace) .page-content{padding:12px}.workspace:not(.platform-workspace) .page-heading{gap:8px;margin-bottom:10px}.workspace:not(.platform-workspace) .page-heading h1{font-size:20px}.knowledge-workspace{grid-template-columns:minmax(0,1fr)}.knowledge-workspace>.article-reader{display:none}.knowledge-workspace.has-selected-article>.article-list-panel{display:none}.knowledge-workspace.has-selected-article>.article-reader{display:flex}.reader-back{display:inline-flex}.reader-heading,.reader-body,.reader-footer{padding:10px 12px}.team-page .metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.team-page .metric{padding:8px;flex-direction:column;align-items:flex-start;gap:2px}.team-page .metric strong{font-size:21px}.team-page .metric strong small{margin-left:3px}.settings-card{padding:12px}.hours-row{gap:8px}.day-toggle{min-width:76px;gap:6px}.hours-row>div{gap:5px}.hours-row input[type=time]{padding:4px;min-width:0}.message-content{max-width:86%}.attachment-view{max-width:min(220px,100%)}}.reply-manager{display:flex;flex-direction:column;overflow:hidden}.reply-manager-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-shrink:0}.reply-manager-toolbar .searchbox{width:min(420px,100%)}.reply-manager-toolbar>span,.reply-length{color:var(--text-muted);font-size:12px}.reply-manager-list{flex:1;min-height:0;overflow:auto;border:1px solid var(--line);border-radius:9px;background:#fff}.reply-manager-card{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:13px 16px;border-bottom:1px solid var(--line)}.reply-manager-card:last-child{border-bottom:0}.reply-manager-card>div:first-child{min-width:0}.reply-manager-card h3{font-size:15px;color:var(--text);line-height:1.5;overflow-wrap:anywhere}.reply-manager-card p{font-size:14px;color:var(--text-muted);line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:4px}.reply-row-actions{display:flex;flex-shrink:0;gap:3px}.reply-row-actions .icon-btn{width:30px;height:30px}.manage-replies-link{margin-bottom:12px}.transfer-label{display:block;font-size:14px;color:var(--text);margin-bottom:7px}.transfer-select{position:relative;margin-bottom:14px}.transfer-select>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:8px 12px;border:1px solid var(--theme-border);border-radius:8px;cursor:pointer;list-style:none;color:var(--text);font-size:14px;background:#fff}.transfer-select>summary::-webkit-details-marker{display:none}.transfer-select[open]>summary,.transfer-select>summary:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.transfer-selected{display:flex;align-items:center;gap:9px;min-width:0;flex-wrap:wrap}.transfer-selected b{overflow-wrap:anywhere}.transfer-selected small{font-size:12px;color:var(--text-muted)}.transfer-selected .avatar,.transfer-option .avatar{width:30px;height:30px;border-radius:8px;font-size:12px;flex-shrink:0}.transfer-options{position:absolute;top:calc(100% + 7px);left:0;right:0;z-index:5;background:#fff;border:1px solid var(--theme-border);border-radius:9px;box-shadow:0 8px 28px #15251d24;padding:8px}.transfer-options>.searchbox{margin-bottom:6px}.transfer-options-list{max-height:min(240px,35dvh);overflow:auto}.modal .transfer-option{display:flex;flex-direction:row;align-items:center;gap:9px;padding:9px 7px;margin:0;border-radius:6px;cursor:pointer}.transfer-option:hover,.transfer-option:focus-within,.transfer-option.selected{background:var(--accent-soft)}.modal .transfer-option>input{width:15px;height:15px;min-height:0;margin:0;padding:0;accent-color:var(--primary);flex-shrink:0}.transfer-option-copy{flex:1;min-width:0}.transfer-option-copy b{display:block;font-size:14px;font-weight:550;color:var(--text);line-height:1.4;overflow-wrap:anywhere}.transfer-option-copy small{display:block;color:var(--text-muted);font-size:12px;line-height:1.5}.transfer-option.unavailable{cursor:not-allowed;background:var(--surface-soft)}.transfer-option.unavailable .avatar{opacity:.6}.transfer-availability{font-size:11px;white-space:nowrap;background:#edf0f3;color:#66707d;border-radius:4px;padding:3px 5px}.transfer-availability.available{background:#e7f5ec;color:#23754b}.transfer-availability.online,.transfer-availability.away{background:#fff1d9;color:#94601b}.transfer-empty{color:var(--text-muted);font-size:13px;text-align:center;padding:18px 7px;line-height:1.6}@media(max-width:600px){.reply-manager-card{padding:11px 12px;gap:6px}.transfer-options{position:static;margin-top:7px}.modal .transfer-option{gap:6px;padding:9px 4px}}.offline-page{display:flex;flex-direction:column;overflow:hidden}.offline-page>.filter-tabs{flex-shrink:0;margin-bottom:12px;gap:20px}.offline-page>.filter-tabs>button{padding-bottom:9px}.offline-page .mail-workspace{flex:1;min-height:0;flex-direction:row}.offline-page .mail-list{width:280px;max-height:none;min-height:0;border-right:1px solid var(--line);border-bottom:0}.offline-page .mail-row{padding:10px 13px}.offline-page .mail-row>div{gap:8px}.offline-page .mail-row b{font-size:14px;line-height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.offline-page .mail-row .status-pill{flex-shrink:0;font-size:11px;padding:2px 6px;line-height:16px}.offline-page .mail-row>p{font-size:13px;line-height:1.45;margin:5px 0}.offline-page .mail-row>small{display:block;line-height:16px;font-size:11px}.offline-page .mail-reader{display:flex;flex-direction:column;min-height:0;padding:0;overflow:hidden}.mail-reader-heading{padding:12px 16px 10px;border-bottom:1px solid var(--line);flex-shrink:0}.mail-reader-heading .reader-actions{margin:0 0 3px;min-height:25px;gap:8px}.mail-reader-heading h3{color:var(--text);font-size:16px;line-height:1.4;overflow-wrap:anywhere}.mail-reader-heading .status-pill{margin-left:auto;flex-shrink:0}.mail-reader-heading>small{color:var(--text-muted);font-size:12px;line-height:18px}.offline-page .mail-body{flex:1;min-height:50px;overflow:auto;margin:0;padding:12px 16px;font-size:15px;line-height:1.6}.offline-page .mail-reply-field{flex-shrink:0;margin:0;padding:10px 16px 0;border-top:1px solid var(--line);gap:6px;color:var(--text)}.offline-page .mail-reply-field textarea{height:96px;min-height:0;resize:none;padding:8px 10px;font-size:14px;line-height:1.5}.offline-page .mail-reader footer{flex-shrink:0;flex-wrap:wrap;gap:8px;margin:0;padding:10px 16px 12px}.offline-page .mail-reader footer>button{padding:8px 12px;font-size:13px}.offline-page .mail-reader>.empty-state{min-height:0;flex:1}.mail-back{display:none}@media(min-width:601px)and (max-width:1100px){.offline-page .mail-list{width:240px}}@media(max-width:600px){.offline-page .mail-list{width:100%;border-right:0}.offline-page .mail-reader,.offline-page .mail-workspace.has-selected-mail .mail-list{display:none}.offline-page .mail-workspace.has-selected-mail .mail-reader{display:flex}.mail-back{display:inline-flex;width:28px;height:28px;flex-shrink:0}.mail-reader-heading{padding:9px 12px}.offline-page .mail-body{padding:10px 12px}.offline-page .mail-reply-field{padding:9px 12px 0}.offline-page .mail-reader footer{padding:9px 12px}.offline-page>.filter-tabs{gap:14px}}@media(max-height:700px){.offline-page .mail-reply-field textarea{height:76px}}.admin-title{display:block;font-size:11px;font-weight:500;line-height:16px;color:var(--text-muted)}.password-mismatch{color:#ad493e;font-size:13px;line-height:1.5}.offline-page .mail-content-scroll{flex:1;min-height:50px;overflow:auto}.offline-page .mail-content-scroll .mail-body{overflow:visible}.saved-mail-reply{margin:0 16px 12px;padding:10px 12px;background:var(--accent-soft);border-radius:7px}.saved-mail-reply>small{color:var(--text-muted);font-size:12px}.saved-mail-reply>p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.6;margin-top:5px;color:var(--text)}.workspace:not(.platform-workspace)>.sidebar nav{margin-top:18px}.workspace:not(.platform-workspace) .topbar{gap:12px;padding:9px 18px;flex-shrink:0}.workspace-heading{min-width:0;flex:1}.workspace-heading h2{font-size:17px;line-height:24px}.workspace-heading p{font-size:12px;line-height:18px;color:var(--text-muted);margin-top:2px}.page-toolbar{display:flex;align-items:center;flex-shrink:0}.page-toolbar:not(:has(button,span)){display:none}.page-toolbar .primary{padding:7px 10px;font-size:13px;min-height:32px}.workspace:not(.platform-workspace) .session-panel>.panel-heading,.workspace:not(.platform-workspace) .customer-panel>.panel-heading,.workspace:not(.platform-workspace) .chat-header{height:60px;min-height:60px;flex-shrink:0;border-bottom:1px solid var(--line)}.workspace:not(.platform-workspace) .session-panel>.panel-heading{padding:0 16px}.workspace:not(.platform-workspace) .customer-panel>.panel-heading{padding:0 14px}.session-card{align-items:flex-start;padding:10px 12px;gap:10px}.session-card>.visitor-avatar{position:relative;width:32px;height:32px;margin-top:2px;flex-shrink:0}.unread-dot{position:absolute;top:-3px;right:-3px;width:10px;height:10px;border:2px solid #fff;border-radius:50%;background:#ed4848;box-shadow:0 0 0 1px #ed48481a}.session-summary>div{gap:8px}.session-summary b{font-size:14px;line-height:20px}.session-summary time{font-size:11px;line-height:20px;flex-shrink:0}.session-summary p{margin:3px 0 4px;line-height:18px;font-size:13px}.session-summary>small{display:flex;align-items:center;justify-content:flex-start;gap:7px;min-height:18px;margin-top:0}.session-summary>small .status-pill{line-height:16px;padding:1px 5px;font-size:11px;border-radius:4px;min-width:0}.session-owner{display:inline-flex;align-items:center;gap:4px;font-size:11px;line-height:18px;color:var(--text-muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace:not(.platform-workspace) .compose-area{padding-top:10px}.customer-profile{padding:15px 16px 12px}.customer-profile>.avatar.large{width:44px;height:44px;border-radius:12px}.customer-profile h3{margin-top:8px;font-size:16px;line-height:22px}.customer-profile>small{display:block;font-size:12px;line-height:18px;margin-top:3px}.visitor-network{display:grid;grid-template-columns:32px minmax(0,1fr);gap:4px 8px;text-align:left;margin:10px 0 0;font-size:12px;line-height:18px}.visitor-network dt{color:var(--text-muted)}.visitor-network dd{margin:0;color:var(--text);overflow-wrap:anywhere}.customer-section-heading{margin-bottom:8px}.customer-details h4{margin-bottom:8px;font-size:13px;line-height:18px}.customer-section-heading h4{margin:0}.customer-data{margin-top:8px;gap:7px 10px;font-size:13px;line-height:19px}.customer-data dt{font-size:12px;line-height:19px}.customer-data dd{font-size:13px;line-height:19px}.customer-edit-form{gap:8px}.customer-edit-form label{gap:4px}.customer-edit-form input{padding:6px 8px}@media(max-width:1100px){.workspace:not(.platform-workspace) .topbar{flex-wrap:wrap;gap:8px 12px}.workspace-heading{flex-basis:200px}.workspace:not(.platform-workspace) .topbar-right{margin-left:auto}}@media(max-width:600px){.workspace:not(.platform-workspace) .topbar{padding:8px 12px}.workspace-heading{flex-basis:140px}.workspace-heading p{font-size:11px}.page-toolbar .primary{font-size:12px;padding:6px 8px}.workspace:not(.platform-workspace) .chat-header{height:auto}}.workspace:not(.platform-workspace) .chat-heading{flex:1}.workspace:not(.platform-workspace) .chat-heading h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-backdrop{display:none}.sidebar-heading{display:flex;align-items:center;gap:4px;min-height:40px}.workspace:not(.platform-workspace) .sidebar-heading .wordmark{padding:0;min-width:0;gap:5px;flex:1;font-size:13px}.sidebar-toggle{width:27px;height:30px;flex-shrink:0;color:var(--text-muted)}.workspace.sidebar-expanded:not(.platform-workspace)>.sidebar{width:156px;padding:14px 8px 0}.workspace.sidebar-expanded:not(.platform-workspace)>.sidebar .wordmark b{display:block}.workspace.sidebar-expanded:not(.platform-workspace)>.sidebar nav>button{justify-content:flex-start;font-size:13px;gap:7px;padding:8px}.workspace.sidebar-expanded:not(.platform-workspace)>.sidebar nav>button>span{display:inline}.workspace.sidebar-expanded:not(.platform-workspace)>.sidebar .nav-count{display:inline-block}.workspace.sidebar-expanded:not(.platform-workspace)>.sidebar .sidebar-link{justify-content:flex-start;font-size:12px;gap:7px;padding:8px 5px}.workspace.sidebar-expanded:not(.platform-workspace)>.sidebar .user-card{justify-content:flex-start}.workspace.sidebar-expanded:not(.platform-workspace)>.sidebar .user-card>div{display:block}.workspace.sidebar-expanded:not(.platform-workspace)>.sidebar .user-card>.icon-btn{display:inline-flex}.workspace.sidebar-collapsed:not(.platform-workspace)>.sidebar{width:56px;padding:14px 5px 0}.workspace.sidebar-collapsed:not(.platform-workspace)>.sidebar .sidebar-heading{justify-content:center}.workspace.sidebar-collapsed:not(.platform-workspace)>.sidebar .wordmark,.workspace.sidebar-collapsed:not(.platform-workspace)>.sidebar nav>button>span,.workspace.sidebar-collapsed:not(.platform-workspace)>.sidebar .user-card>div{display:none}.workspace.sidebar-collapsed:not(.platform-workspace)>.sidebar nav>button{position:relative;justify-content:center;padding:9px;gap:0;font-size:0}.workspace.sidebar-collapsed:not(.platform-workspace)>.sidebar .nav-count{display:block;position:absolute;top:1px;right:0;font-size:9px;min-width:14px;line-height:14px;padding:0 3px}.workspace.sidebar-collapsed:not(.platform-workspace)>.sidebar .sidebar-link{font-size:0;gap:0;justify-content:center;padding:8px}.workspace.sidebar-collapsed:not(.platform-workspace)>.sidebar .user-card{flex-direction:column;gap:8px;padding:12px 0}.workspace.sidebar-collapsed:not(.platform-workspace)>.sidebar .user-card>.icon-btn{display:inline-flex}.workspace:not(.platform-workspace) .session-panel>.searchbox{margin:12px 14px}.session-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:20px 18px auto;column-gap:8px;row-gap:3px}.session-summary>.session-name{grid-column:1;grid-row:1;min-width:0}.session-summary>.session-time{grid-column:2;grid-row:1;text-align:right}.session-summary>.session-preview{grid-column:1 / -1;grid-row:2;margin:0;padding-right:16px}.session-unread{grid-column:2;grid-row:2;display:flex;align-items:center;justify-content:flex-end}.session-unread .unread-dot{position:static;width:8px;height:8px;border:0;box-shadow:none}.session-summary>small{grid-column:1 / -1;grid-row:3}.customer-profile{display:grid;grid-template-columns:66px minmax(0,1fr);column-gap:8px;text-align:left;padding:14px 16px 12px}.customer-profile>.avatar{grid-column:1;grid-row:1 / span 2}.customer-profile>h3{grid-column:2;grid-row:1;margin:0;align-self:end;overflow-wrap:anywhere}.customer-profile>small{grid-column:2;grid-row:2;margin:2px 0 0;align-self:start}.customer-profile .visitor-network{grid-column:1 / -1;grid-template-columns:66px minmax(0,1fr);column-gap:8px;row-gap:5px;margin-top:12px}.customer-details{padding:12px 16px}.customer-data{grid-template-columns:66px minmax(0,1fr);column-gap:8px;row-gap:6px}.customer-data dt,.customer-data dd,.visitor-network dt,.visitor-network dd{align-self:start;line-height:19px}.customer-edit-form label{display:grid;grid-template-columns:66px minmax(0,1fr);column-gap:8px;align-items:center}.customer-panel .customer-notes{padding:12px 16px}.customer-notes>form{gap:6px}.customer-notes textarea{min-height:60px;padding:7px 9px;line-height:1.5}.customer-notes .customer-note{margin-top:8px;padding:8px 10px;border:1px solid var(--line);border-radius:6px}.customer-notes .customer-note.latest{margin-top:8px;padding:8px 10px;border-radius:6px}.customer-notes .customer-note>.note-meta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 6px;align-items:center}.customer-note .note-meta>b{overflow-wrap:anywhere;font-size:12px;line-height:17px}.customer-note .note-meta>time{grid-column:1 / -1;margin:0;line-height:15px;font-size:10px}.customer-note .latest-note-tag{margin:0;line-height:15px;padding:0 4px}.customer-notes .customer-note>p{font-size:13px;line-height:1.5;margin-top:5px}@media(max-width:800px){.workspace.sidebar-expanded:not(.platform-workspace)>.sidebar{position:absolute;inset:0 auto 0 0;z-index:20;width:164px;box-shadow:8px 0 24px #15251d24}.workspace.sidebar-expanded:not(.platform-workspace)>.main{margin-left:56px}.sidebar-expanded>.sidebar-backdrop{display:block;position:absolute;inset:0;z-index:15;background:#15251d38}}@media(max-width:600px){.workspace.sidebar-collapsed:not(.platform-workspace)>.sidebar{width:52px;padding-left:3px;padding-right:3px}.workspace.sidebar-expanded:not(.platform-workspace)>.main{margin-left:52px}}.workspace:not(.platform-workspace){position:relative}.new-message-ticker{width:66px;height:26px;flex-shrink:0;overflow:hidden;border-radius:5px;color:#d83b3b;background:#fff0f0}.new-message-track{display:flex;width:max-content;height:100%;animation:local-message-slide 3.2s linear infinite}.new-message-track>span{display:grid;place-items:center;width:66px;height:100%;font-size:12px;font-weight:600;white-space:nowrap}.new-message-ticker.wide,.new-message-ticker.wide .new-message-track>span{width:88px}@keyframes local-message-slide{0%{transform:translate(0)}to{transform:translate(-50%)}}.emoji-picker.emoji-popover{position:fixed;inset:auto;z-index:300;max-width:none;overflow:auto;overscroll-behavior:contain;grid-template-columns:repeat(auto-fit,minmax(32px,1fr));gap:3px;padding:8px;background:#fff;border-color:var(--theme-border);box-shadow:0 8px 28px #15251d26}.emoji-popover button{min-width:0;min-height:34px;padding:0;font-size:24px;line-height:1}.emoji-popover button:hover,.emoji-popover button:focus-visible{background:var(--accent-soft)}@media(prefers-reduced-motion:reduce){.new-message-track{animation:none}}.customer-panel .customer-profile,.customer-panel .customer-details{margin-left:0;margin-right:0;padding-left:16px;padding-right:16px}.customer-panel .customer-profile>.avatar{justify-self:start}.customer-panel .visitor-network{margin-left:0;margin-right:0}.visitor-end-button{font-size:12px;line-height:18px;padding:5px 8px;color:#ad493e;background:#fff0ed;border:1px solid #efcec8;border-radius:6px;white-space:nowrap}.visitor-header>div:first-child{min-width:0}.visitor-header-actions{flex-shrink:0}@media(max-width:360px){.visitor-header{padding-left:10px;padding-right:10px;gap:4px}.visitor-header .status-text{font-size:10px}.visitor-end-button{padding:4px 5px;font-size:11px}}html[data-visitor-viewport=managed],html[data-visitor-viewport=managed] body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none}html[data-visitor-viewport=managed] body{position:fixed;inset:0}html[data-visitor-viewport=managed] #app{width:100%;height:100%}.visitor-page.viewport-managed{position:fixed;top:var(--visitor-top, 0px);left:var(--visitor-left, 0px);width:var(--visitor-width, 100%);height:var(--visitor-height, 100dvh);min-height:0;overflow:hidden}.viewport-managed .visitor-shell{height:min(850px,calc(var(--visitor-height, 100dvh) - 48px));min-height:0;padding-left:var(--visitor-safe-left, 0px);padding-right:var(--visitor-safe-right, 0px)}.viewport-managed .visitor-header{flex-shrink:0;padding-top:calc(8px + var(--visitor-safe-top, 0px))}.viewport-managed .visitor-messages{min-height:0;overflow-y:auto;overscroll-behavior-y:contain;overflow-anchor:none}.viewport-managed .visitor-input{padding-bottom:calc(12px + var(--visitor-safe-bottom, 0px))}.viewport-managed .closed-conversation-actions{flex-shrink:0;padding-bottom:calc(12px + var(--visitor-safe-bottom, 0px))}.viewport-managed .composer textarea{overscroll-behavior-y:contain}.visitor-page.viewport-managed.is-embedded,.visitor-page.viewport-managed.keyboard-open{padding:0;background:var(--surface-soft)}.viewport-managed.is-embedded .visitor-shell{height:100%;width:100%;max-width:100%;min-height:0;border:0;border-radius:0;box-shadow:none}.viewport-managed.keyboard-open .visitor-shell{height:100%;min-height:0}@media(max-width:600px),(pointer:coarse){.visitor-page.viewport-managed{padding:0}.viewport-managed .visitor-shell{height:100%;width:100%;max-width:100%;border:0;border-radius:0;box-shadow:none}.viewport-managed input,.viewport-managed textarea,.viewport-managed .visitor-input .composer textarea{font-size:16px}}@media(max-height:500px){.visitor-page.viewport-managed{padding-top:0;padding-bottom:0}.viewport-managed .visitor-shell{height:100%}}.viewport-managed.keyboard-open .offline-hint{display:none}@media(max-height:400px){.viewport-managed .visitor-header{padding-bottom:5px;padding-top:calc(5px + var(--visitor-safe-top, 0px));min-height:48px}.viewport-managed .visitor-input{padding-top:0;padding-bottom:calc(6px + var(--visitor-safe-bottom, 0px))}.viewport-managed .visitor-input .composer textarea{min-height:42px;height:42px;padding:6px 10px}.viewport-managed .composer-toolbar{padding-top:3px}}
