:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:#18323a;background:#f5f8f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f5f8f8}button,input,textarea{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(13,148,136,.24);outline-offset:2px}.console-shell{min-height:100vh;display:flex}.sidebar{flex:0 0 236px;width:236px;min-height:100vh;display:flex;flex-direction:column;padding:17px 12px 12px;color:#9db3b5;background:#102a30;transition:width .18s,flex-basis .18s}.is-collapsed .sidebar{flex-basis:68px;width:68px;padding-inline:9px}.brand-lockup{display:flex;align-items:center;gap:10px;padding:0 9px 19px}.brand-mark{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:10px;background:linear-gradient(145deg,#35c5b6,#148277);color:#fff;font-weight:800;font-size:12px;letter-spacing:-.5px;box-shadow:0 6px 16px #1aac9e40}.brand-copy{display:grid;gap:2px;line-height:1}.brand-copy strong{color:#f5fcfc;font-size:15px}.brand-copy span{font-size:10px;color:#7e9d9e}.org-switcher{height:43px;display:flex;align-items:center;gap:9px;margin:0 3px 19px;padding:0 8px;border-radius:8px;background:#ffffff0e;color:#d6e4e4;font-size:12px}.org-avatar,.agent-avatar{display:grid;place-items:center;width:23px;height:23px;flex:0 0 23px;border-radius:6px;background:#d6a65c;color:#fff;font-weight:700;font-size:12px}.org-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.chevron{margin-left:auto;color:#91a9aa}.nav-label{margin:9px 9px 7px;color:#6d8c8e;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.nav-gap{margin-top:22px}.nav-item{position:relative;display:flex;align-items:center;gap:11px;width:100%;min-height:36px;margin:2px 0;padding:0 10px;border-radius:7px;text-align:left;color:#abc0c1;font-size:13px;transition:color .15s,background .15s}.nav-item:hover{background:#ffffff0f;color:#f1f7f7}.nav-item.active{color:#e6fffb;background:#1b5455;font-weight:600}.nav-item.active:before{content:"";position:absolute;left:-12px;width:3px;height:18px;border-radius:0 3px 3px 0;background:#48d6c5}.nav-icon{display:grid;place-items:center;width:14px;font-size:17px;line-height:1;color:#81a4a5}.nav-item.active .nav-icon{color:#65ded0}.nav-count{min-width:18px;height:18px;display:grid;place-items:center;margin-left:auto;padding:0 5px;border-radius:10px;background:#dc655f;color:#fff;font-size:10px}.is-collapsed .nav-item{justify-content:center;padding:0}.is-collapsed .nav-item.active:before{left:-9px}.is-collapsed .nav-icon{width:auto}.is-collapsed .brand-lockup{padding-inline:9px}.sidebar-bottom{margin-top:auto}.collapse-button{width:100%;height:28px;color:#8daaaa;font-size:24px;text-align:right;padding-right:8px}.is-collapsed .collapse-button{text-align:center;padding:0}.agent-profile{display:flex;align-items:center;gap:9px;margin-top:6px;padding:10px 8px;border-top:1px solid rgba(255,255,255,.08);font-size:11px;color:#edf4f4}.agent-profile span:nth-child(2){display:grid;gap:2px}.agent-profile small{color:#75b6a9;font-size:10px}.agent-avatar{background:#6b89a8}.more{margin-left:auto;color:#8ba2a3}.main-area{min-width:0;flex:1;display:flex;flex-direction:column;min-height:100vh}.topbar{height:62px;flex:none;display:flex;justify-content:space-between;align-items:center;padding:0 24px;background:#fff;border-bottom:1px solid #e5ecec}.breadcrumb{font-size:15px;font-weight:700;color:#27474c}.breadcrumb small{color:#91a1a5;font-size:12px;font-weight:400}.top-actions{display:flex;align-items:center;gap:13px}.quiet-button{display:flex;align-items:center;gap:7px;height:31px;padding:0 9px;border:1px solid #e0e7e7;border-radius:6px;color:#809296;font-size:12px}.quiet-button kbd,.send-button kbd{margin-left:6px;padding:1px 4px;border-radius:3px;background:#edf1f1;color:#809396;font-size:10px;font-family:inherit}.icon-button{position:relative;display:grid;place-items:center;width:30px;height:30px;color:#668085;font-size:20px;border-radius:6px}.icon-button:hover{background:#eff5f4}.icon-button i{position:absolute;top:5px;right:4px;width:6px;height:6px;border:1px solid white;border-radius:50%;background:#eb7069}.help-button{width:22px;height:22px;border:1px solid #b8c8c9;border-radius:50%;color:#6f878a;font-weight:700}.inbox-layout{display:grid;grid-template-columns:304px minmax(430px,1fr) 298px;height:calc(100vh - 62px);min-height:610px;overflow:hidden;background:#fff}.conversation-panel{display:flex;flex-direction:column;min-width:0;border-right:1px solid #e4ebeb;background:#fbfdfd}.panel-heading{display:flex;justify-content:space-between;align-items:center;padding:18px 15px 12px}.panel-heading h1{margin:0 0 4px;font-size:18px;letter-spacing:-.3px}.online-dot{color:#758a8c;font-size:11px}.online-dot:before{content:"";display:inline-block;width:6px;height:6px;margin:0 5px 1px 0;border-radius:50%;background:#28b494}.search-box{display:flex;align-items:center;height:33px;gap:7px;margin:0 15px 11px;padding:0 9px;border:1px solid #e2eaea;border-radius:6px;background:#fff;color:#91a4a5}.search-box input{width:100%;border:0;outline:0;color:#2c484d;font-size:12px;background:transparent}.filter-tabs{display:flex;gap:14px;overflow:auto;padding:0 15px;border-bottom:1px solid #e7eeee}.filter-tabs button{flex:none;position:relative;padding:0 0 10px;color:#809497;font-size:11px;white-space:nowrap}.filter-tabs button.active{color:#168778;font-weight:700}.filter-tabs button.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#17a28e}.conversation-list{overflow-y:auto}.conversation-row{position:relative;display:flex;width:100%;gap:9px;padding:12px 13px 11px;text-align:left;border-bottom:1px solid #eff3f3;background:transparent}.conversation-row:hover{background:#f5faf9}.conversation-row.selected{background:#eaf7f4}.conversation-row.selected:before{content:"";position:absolute;left:0;top:11px;bottom:11px;width:3px;border-radius:0 3px 3px 0;background:#15a68f}.customer-avatar{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:#cadad6;color:#38625f;font-size:12px;font-weight:700}.customer-avatar.wx{background:#e3f4e8;color:#42a86a}.customer-avatar.tb{background:#fff0e8;color:#e77845}.conversation-copy{min-width:0;flex:1;display:grid;gap:3px}.conversation-title{display:flex;align-items:center;gap:8px;min-width:0}.conversation-title b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#29474c;font-size:12px}.conversation-title em{margin-left:auto;color:#a4b3b5;font-size:10px;font-style:normal;white-space:nowrap}.conversation-preview{overflow:hidden;color:#778b8f;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.conversation-meta{display:flex;gap:5px;margin-top:1px}.channel-pill{padding:1px 4px;border-radius:3px;color:#769092;background:#edf2f2;font-size:9px}.risk-dot{color:#ce5d58;font-size:9px}.unread{position:absolute;top:13px;right:12px;display:grid;place-items:center;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#e56862;color:#fff;font-size:9px}.load-error{grid-column:1 / -1;z-index:2;align-self:start;margin:12px;padding:10px 12px;border:1px solid #f0cbc6;border-radius:7px;color:#94544f;background:#fff7f5;font-size:12px}.chat-panel{display:flex;flex-direction:column;min-width:0;background:#fff}.chat-header{min-height:70px;display:flex;align-items:center;justify-content:space-between;padding:10px 19px;border-bottom:1px solid #e6eded}.customer-heading{display:flex;align-items:center;gap:10px}.customer-avatar.large{width:37px;height:37px;font-size:13px}.customer-heading h2{margin:0 0 3px;font-size:14px}.customer-heading p{margin:0;color:#849799;font-size:10px}.verified{color:#16aa8e;font-size:10px;font-weight:500}.channel-icon{display:inline-grid;place-items:center;width:13px;height:13px;border-radius:3px;background:#4eb979;color:#fff;font-size:8px}.chat-actions{display:flex;align-items:center;gap:8px}.status-select{padding:5px 7px;border-radius:5px;font-size:10px}.risk-banner{display:flex;align-items:center;gap:8px;min-height:42px;padding:7px 18px;color:#92652d;background:#fffbeb;border-bottom:1px solid #f7e8bd;font-size:10px}.risk-banner span{color:#e7aa43;font-size:16px}.risk-banner p{margin:0;flex:1}.risk-banner p b{margin-right:5px}.risk-banner button{color:#a86f29;font-size:10px;text-decoration:underline;white-space:nowrap}.message-stream{flex:1;overflow:auto;padding:17px 24px;background:#f9fbfb}.system-message{display:flex;justify-content:center;margin:8px 0 14px}.system-message span{padding:4px 9px;border-radius:10px;color:#95a3a5;background:#eff3f3;font-size:9px}.message-row{display:flex;gap:8px;max-width:84%;margin:10px 0}.message-row.agent{margin-left:auto;justify-content:flex-end}.message-row.ai{max-width:91%}.mini-avatar{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;color:#416460;background:#d8e5e2;font-size:10px;font-weight:700}.mini-avatar.agent{color:#fff;background:#6b8baa}.message-content{display:grid;gap:4px;min-width:0}.message-author{color:#91a1a3;font-size:10px}.message-author time{margin-left:4px;color:#b1bdbf}.bubble{padding:9px 11px;border-radius:3px 10px 10px;background:#fff;box-shadow:0 1px 1px #12373c0a;color:#385157;font-size:12px;line-height:1.65}.agent .bubble{border-radius:10px 3px 10px 10px;color:#0e645a;background:#dff5ee}.ai .bubble{border:1px solid #d8ece8;color:#26645b;background:#ecfaf6}.ai .message-author{color:#21a18b}.citation{width:max-content;max-width:100%;padding:3px 5px;border-radius:3px;color:#628e88;background:#e9f4f1;font-size:9px}.composer-area{padding:8px 17px 11px;border-top:1px solid #e6eded;background:#fff}.composer-tools{display:flex;align-items:center;gap:10px;color:#769093}.composer-tools button{padding:2px;color:#738e90;font-size:14px}.composer-tools button:last-child{padding:3px 6px;border-radius:4px;color:#168a78;background:#e8f8f4;font-size:10px}.composer-tools span{flex:1}.composer-area textarea{width:100%;min-height:54px;margin-top:2px;padding:5px 0;resize:none;border:0;outline:0;color:#2a494e;font-size:12px;line-height:1.5}.composer-area textarea::placeholder{color:#b1bfc1}.composer-footer{display:flex;justify-content:space-between;align-items:center}.composer-footer small{color:#a1b0b2;font-size:9px}.quiet-text{padding:6px 9px;color:#268b7e;font-size:11px}.send-button{padding:7px 10px;border-radius:5px;background:#119b87;color:#fff;font-size:11px;font-weight:600}.send-button kbd{color:#c9f2e9;background:#ffffff21}.insight-panel{overflow-y:auto;border-left:1px solid #e3ebeb;background:#fcfefe}.side-tabs{display:flex;gap:19px;padding:14px 17px 0;border-bottom:1px solid #e8eeee}.side-tabs button{position:relative;padding:0 0 10px;color:#84989a;font-size:11px}.side-tabs button.active{color:#168977;font-weight:700}.side-tabs button.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#19a48e}.detail-section{padding:14px 16px;border-bottom:1px solid #e9efef}.card-customer{display:flex;gap:10px;align-items:center}.customer-avatar.xl{width:42px;height:42px;font-size:14px}.card-customer h3,.section-title h3{margin:0;color:#365158;font-size:12px}.card-customer p{margin:4px 0 0;color:#8ba0a3;font-size:10px;line-height:1.55}.outline-button{padding:7px 9px;border:1px solid #d7e4e3;border-radius:5px;background:#fff;color:#547276;font-size:10px;font-weight:600}.outline-button:hover{border-color:#94c9c0;color:#158b79}.customer-card .outline-button{width:100%;margin-top:12px}.section-title{display:flex;align-items:center;justify-content:space-between}.section-title button{color:#4b9d91;font-size:10px}.tag-list{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.tag{padding:3px 6px;border-radius:3px;background:#eef5f4;color:#648383;font-size:9px}.order-card{display:flex;align-items:center;gap:8px;margin-top:9px;padding:8px;border:1px solid #e5ecec;border-radius:6px}.order-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:5px;color:#bd7f42;background:#fff0df}.order-card div{display:grid;gap:3px;min-width:0;flex:1}.order-card b{overflow:hidden;color:#466066;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.order-card small{color:#8fa1a4;font-size:9px}.ai-suggestion{background:#f5fbfa}.quality{padding:3px 5px;border-radius:3px;color:#23947e;background:#def4ed;font-size:9px;font-weight:600}.ai-suggestion p{margin:9px 0;color:#54716f;font-size:10px;line-height:1.6}.source-chip{display:inline-block;padding:3px 5px;border:1px solid #d6e9e4;border-radius:3px;color:#609386;font-size:9px}.suggestion-actions{display:flex;gap:7px;margin-top:10px}.suggestion-actions button:first-child{padding:6px 8px;border-radius:4px;color:#fff;background:#1e9f8b;font-size:10px}.suggestion-actions button:last-child{padding:6px 3px;color:#398d80;font-size:10px}.action-row{display:flex;align-items:center;gap:8px;width:100%;padding:8px 0;text-align:left}.action-row>span:first-child{color:#4d9f91;font-size:16px}.action-row>span:nth-child(2){display:grid;gap:2px;flex:1}.action-row b{color:#5a7376;font-size:10px}.action-row small{color:#94a6a7;font-size:9px}.action-row>span:last-child{color:#8aa0a1}.content-page{height:calc(100vh - 62px);overflow-y:auto;padding:28px 32px 42px}.page-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:23px}.eyebrow{margin:0 0 6px;color:#1f9988;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.page-heading h1{margin:0;color:#18383e;font-size:25px;letter-spacing:-.7px}.page-heading>div>p:last-child{margin:7px 0 0;color:#809497;font-size:13px}.primary-button{padding:9px 12px;border-radius:6px;color:#fff;background:#139b86;box-shadow:0 4px 10px #18968426;font-size:12px;font-weight:600}.primary-button:hover{background:#0d8976}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-card,.dashboard-card,.table-card{border:1px solid #e2ebea;border-radius:10px;background:#fff;box-shadow:0 1px 2px #1b3f4404}.metric-card{padding:16px 17px}.metric-card p{margin:0;color:#7b9092;font-size:12px}.metric-card h2{margin:9px 0 6px;color:#24464b;font-size:25px;letter-spacing:-.6px}.metric-card small{color:#899b9e;font-size:10px}.metric-card small span{color:#abb8b9}.positive{color:#199679!important}.danger-text{color:#d3635b!important}.dashboard-grid{display:grid;grid-template-columns:1.25fr .9fr;gap:14px;margin-top:14px}.dashboard-card{padding:18px}.card-heading,.table-head{display:flex;justify-content:space-between;align-items:start;gap:15px}.card-heading h2,.table-head h2{margin:0;color:#294a4f;font-size:15px}.card-heading p,.table-head p{margin:5px 0 0;color:#91a2a4;font-size:11px}.card-heading button,.text-action{color:#1e9180;font-size:10px}.bar-chart{height:142px;display:flex;gap:9px;align-items:end;margin:23px 4px 0;padding-bottom:4px;border-bottom:1px solid #e7efee}.bar{flex:1;min-width:7px;border-radius:3px 3px 0 0;background:linear-gradient(#5ac2ad,#1aa38d);opacity:.84}.bar:nth-child(3n){opacity:.48}.chart-axis{display:flex;justify-content:space-between;margin:7px 4px 0;color:#9aa9ab;font-size:9px}.count-danger{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;color:#cb5a54;background:#fff0ef;font-size:10px}.alert-row{display:flex;align-items:center;gap:9px;width:100%;padding:12px 0;border-bottom:1px solid #eef3f3;text-align:left}.alert-row:last-child{border-bottom:0}.alert-row i{width:7px;height:7px;border-radius:50%}.red{background:#dd6963}.orange{background:#e1a14c}.blue{background:#5e9bd4}.alert-row span{display:grid;gap:3px;flex:1}.alert-row b{color:#526d72;font-size:11px}.alert-row small{color:#98a9ab;font-size:10px}.alert-row em{color:#329382;font-size:10px;font-style:normal}.notice{display:flex;gap:10px;align-items:center;margin-bottom:17px;padding:10px 13px;border-radius:7px;font-size:11px;line-height:1.5}.notice p{margin:0}.notice span{font-size:16px}.info-notice{border:1px solid #d9ebe9;color:#3c7473;background:#edf8f6}.info-notice span{color:#159b89}.violet-notice{border:1px solid #e6e0f6;color:#665c84;background:#f7f5fd}.violet-notice span{color:#8063c9}.danger-notice{border:1px solid #f1d8d4;color:#855650;background:#fff6f4}.danger-notice span{color:#d05d55}.channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.channel-card{min-height:191px;padding:16px;border:1px solid #e0e9e8;border-radius:10px;background:#fff}.channel-card-top{display:flex;justify-content:space-between;align-items:start}.channel-logo{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;color:#168b78;background:#dff4ee;font-size:13px;font-weight:800}.status-badge{display:inline-block;padding:3px 6px;border-radius:4px;font-size:9px;font-style:normal;font-weight:700}.success{color:#168a72;background:#e3f6ee}.muted{color:#718b8d;background:#eef2f2}.warning{color:#a9782e;background:#fff4dc}.danger{color:#c65d56;background:#fff0ef}.info{color:#237aa4;background:#e8f5fa}.violet{color:#7856b6;background:#f0ebfb}.channel-card h2{margin:13px 0 3px;color:#304e54;font-size:14px}.channel-card p{min-height:15px;margin:0;color:#71878a;font-size:11px}.channel-card small{display:block;min-height:15px;margin-top:7px;color:#a0afb1;font-size:10px}.card-actions{display:flex;align-items:center;gap:9px;margin-top:15px}.integration-guide{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:14px;padding:18px;border:1px dashed #b8d7d1;border-radius:10px;background:#fbfefd}.integration-guide>div{display:grid;grid-template-columns:35px 1fr;column-gap:11px}.muted-logo{grid-row:span 2;color:#7ba59e;background:#eef7f5;font-size:22px}.integration-guide h2{margin:1px 0 3px;color:#3d5c61;font-size:14px}.integration-guide p{grid-column:2;margin:0;color:#8b9ea0;font-size:11px}.wecom-card{margin-top:14px}.wecom-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:21px 0 0;padding:14px 0;border-top:1px solid #edf2f1;border-bottom:1px solid #edf2f1}.wecom-columns div{display:grid;gap:5px}.wecom-columns b{color:#87999b;font-size:10px}.wecom-columns span{color:#466268;font-size:11px}.ai-tabs{display:flex;gap:4px;margin-bottom:14px;padding:4px;width:fit-content;border:1px solid #dfe9e8;border-radius:7px;background:#fff}.ai-tabs button{padding:6px 9px;border-radius:4px;color:#7c9193;font-size:11px}.ai-tabs button.active{color:#137f70;background:#e7f6f2;font-weight:700}.routing-card{margin-bottom:14px}.route-flow{display:flex;align-items:center;gap:8px;margin-top:17px;overflow:auto;padding:10px;border-radius:6px;color:#5f7a7b;background:#f7faf9;font-size:10px;white-space:nowrap}.route-flow span,.route-flow strong{padding:6px 8px;border:1px solid #dce9e7;border-radius:4px;background:#fff;font-weight:500}.route-flow strong{color:#197b70;border-color:#a9dcd1;background:#e9f8f4}.route-flow i{color:#93aaa9;font-style:normal}.table-card{overflow:hidden}.table-head{padding:17px 18px;border-bottom:1px solid #e6eded}.data-table{width:100%}.tr{display:grid;grid-template-columns:1.3fr 1.7fr .8fr .6fr .4fr .4fr;align-items:center;gap:10px;min-height:54px;padding:0 18px;border-bottom:1px solid #eef3f2;color:#617a7d;font-size:11px}.tr:last-child{border:0}.tr>span:first-child{display:grid;gap:2px}.tr b{color:#3d5a60}.tr small{color:#9cabad;font-size:10px}.th{min-height:34px;color:#96a5a7;background:#f8fbfb;font-size:10px}.th span{font-weight:600}.knowledge-metrics{margin-bottom:14px}.upload-card{text-align:center;padding:34px 45px}.upload-icon{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 12px;border-radius:10px;color:#1a9e88;background:#e4f7f2;font-size:22px}.upload-card h2{margin:0;color:#34545a;font-size:16px}.upload-card p{max-width:430px;margin:8px auto 15px;color:#8da0a2;font-size:11px;line-height:1.65}.upload-card .text-action{margin-left:10px}.review-item{display:flex;align-items:center;gap:9px;padding:13px 0;border-bottom:1px solid #eff3f2}.review-item:last-child{border-bottom:0}.doc-icon{display:grid;place-items:center;width:27px;height:29px;border-radius:4px;color:#cc665e;background:#fff0ef;font-size:8px;font-weight:800}.doc-icon.xl{color:#4b9c6b;background:#e6f6ec}.review-item span:nth-child(2){display:grid;gap:4px;flex:1}.review-item b{color:#546f73;font-size:11px}.review-item small{color:#9aabad;font-size:9px}.review-item button{padding:5px 7px;border-radius:4px;color:#168b78;background:#e7f7f3;font-size:10px}.policy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.policy-card{display:flex;align-items:start;gap:10px;padding:16px;border:1px solid #e2eaea;border-radius:9px;background:#fff}.policy-icon{display:grid;place-items:center;flex:none;width:31px;height:31px;border-radius:7px;font-size:14px}.policy-card div{flex:1}.policy-card h2{margin:0 0 5px;color:#3d5b61;font-size:13px}.policy-card p{min-height:47px;margin:0;color:#819699;font-size:10px;line-height:1.55}.policy-card small{color:#9aabad;font-size:9px}.policy-icon.danger{color:#d16159;background:#fff0ee}.policy-icon.warning{color:#c88732;background:#fff4e2}.policy-icon.violet{color:#8061c7;background:#f1edfb}.toggle{position:relative;width:28px;height:16px;margin-top:3px;padding:2px;border-radius:10px;background:#c9d6d6}.toggle i{display:block;width:12px;height:12px;border-radius:50%;background:#fff;transition:transform .2s}.toggle.on{background:#27ae97}.toggle.on i{transform:translate(12px)}.quality-bars{display:grid;gap:14px;margin-top:20px}.quality-bars div{display:grid;grid-template-columns:1fr auto;row-gap:5px;color:#71878b;font-size:11px}.quality-bars b{color:#2f5e61}.quality-bars i{grid-column:span 2;display:block;height:6px;overflow:hidden;border-radius:5px;background:#edf2f1}.quality-bars em{display:block;height:100%;border-radius:inherit;background:#36b398}.settings-layout{display:grid;grid-template-columns:190px minmax(0,700px);gap:16px}.settings-menu{height:fit-content;padding:6px;border:1px solid #e0e9e8;border-radius:9px;background:#fff}.settings-menu button{display:block;width:100%;padding:9px;border-radius:5px;color:#71878a;text-align:left;font-size:11px}.settings-menu button.active{color:#197e70;background:#e9f7f3;font-weight:700}.settings-content{padding:23px;border:1px solid #e0e9e8;border-radius:9px;background:#fff}.section-head{padding-bottom:18px;border-bottom:1px solid #e8eeee}.section-head h2{margin:0;color:#36565b;font-size:17px}.section-head p{max-width:570px;margin:7px 0 0;color:#84989a;font-size:11px;line-height:1.6}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:19px 0}.form-grid label{display:grid;gap:6px;color:#657e81;font-size:11px;font-weight:600}.form-grid input,.form-grid textarea{width:100%;padding:8px;border:1px solid #d9e5e4;border-radius:5px;color:#3b5a5f;font-size:12px;font-weight:400}.form-grid textarea{min-height:78px;resize:vertical;line-height:1.55}.wide{grid-column:span 2}.form-section{padding:17px 0;border-top:1px solid #e8eeee}.form-section h3{margin:0 0 12px;color:#526e73;font-size:12px}.check-row{display:flex;align-items:start;gap:7px;margin:9px 0;color:#71878a;font-size:11px;line-height:1.5}.check-row input{accent-color:#159b86}.form-actions{display:flex;justify-content:end;gap:8px;padding-top:16px;border-top:1px solid #e8eeee}.empty-feature{max-width:650px;padding:44px;border:1px dashed #c8dcda;border-radius:12px;text-align:center;background:#fbfefd}.empty-feature>span{display:grid;place-items:center;width:47px;height:47px;margin:0 auto 12px;border-radius:13px;color:#248e7f;background:#e8f7f3;font-size:22px}.empty-feature h2{margin:0;color:#3d5b60;font-size:18px}.empty-feature>p{margin:8px 0 16px;color:#84979a;font-size:12px}.feature-list{display:grid;gap:7px;margin:17px auto 22px;padding:14px;max-width:460px;border-radius:7px;color:#617d7e;background:#fff;text-align:left;font-size:11px}.feature-list i{margin-right:7px;color:#1da087;font-style:normal;font-weight:700}.toast{position:fixed;z-index:10;right:25px;bottom:24px;padding:11px 15px;border-radius:7px;color:#effbf8;background:#174d49;box-shadow:0 12px 26px #183d3d38;font-size:12px}.toast-enter-active,.toast-leave-active{transition:all .2s ease}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(8px)}@media(max-width:1250px){.inbox-layout{grid-template-columns:275px minmax(400px,1fr) 270px}.content-page{padding-inline:22px}.channel-grid{grid-template-columns:repeat(2,1fr)}.policy-grid{grid-template-columns:1fr}.policy-card p{min-height:auto}.metric-grid{grid-template-columns:repeat(2,1fr)}}.demo-pill{display:inline-block;margin-left:7px;padding:3px 6px;border-radius:4px;color:#94631f!important;background:#fff2d8;font-size:10px!important}.app-error{position:fixed;top:70px;right:18px;left:auto;max-width:620px;grid-column:auto;box-shadow:0 6px 20px #3c28231f}.mobile-only{display:none}.empty-list{margin:16px;color:#8da0a2;font-size:11px;text-align:center}.operational-list{max-width:none;margin:14px 0 0}.knowledge-table{margin-top:14px}.knowledge-tr{grid-template-columns:1.6fr .6fr 1fr .7fr .65fr}.ticket-tr{grid-template-columns:.9fr 1.8fr .65fr .5fr .7fr .6fr}.rule-tr{grid-template-columns:1.6fr 1.1fr 1fr .55fr .6fr}.handoff-button{color:#a06432;border-color:#ead8bd;background:#fffaf1}.back-button{width:30px;height:30px;margin-right:4px;border-radius:6px;color:#4b6b6c;font-size:26px;line-height:1}.back-button:hover{background:#edf5f4}.login-screen{display:grid;min-height:100vh;place-items:center;padding:24px;background:radial-gradient(circle at top left,#e5f7f3,#f5f8f8 55%)}.login-card{width:min(100%,430px);padding:30px;border:1px solid #dceae7;border-radius:14px;background:#fff;box-shadow:0 18px 46px #1943421f}.login-card .brand-mark{margin-bottom:18px}.login-card h1{margin:0;color:#1e4046;font-size:24px}.login-card>p:not(.eyebrow){margin:9px 0 20px;color:#6f8588;font-size:13px;line-height:1.7}.login-card form,.modal-form{display:grid;gap:14px}.login-card label,.modal-form label{display:grid;gap:6px;color:#587276;font-size:12px;font-weight:600}.login-card input,.modal-form input,.modal-form select,.modal-form textarea{width:100%;min-height:38px;padding:8px 10px;border:1px solid #d6e4e2;border-radius:6px;color:#2f5054;background:#fff;font-size:13px;font-weight:400}.login-card input:focus,.modal-form input:focus,.modal-form select:focus,.modal-form textarea:focus{border-color:#48ad9d;outline:3px solid rgba(37,160,142,.13)}.login-card small{display:block;margin-top:18px;color:#869a9d;font-size:10px;line-height:1.5}.login-card code,.notice code,.form-help code{padding:1px 4px;border-radius:3px;color:#466f70;background:#edf5f3}.login-submit{width:100%;min-height:40px}.form-error{margin:-3px 0 0;color:#bb514d;font-size:11px}.modal-backdrop{position:fixed;z-index:30;top:0;right:0;bottom:0;left:0;display:grid;overflow-y:auto;place-items:center;padding:20px;background:#0f272b6b}.modal-card{width:min(100%,550px);border:1px solid #dbe7e5;border-radius:12px;background:#fff;box-shadow:0 22px 65px #08232740}.modal-card>header{display:flex;justify-content:space-between;gap:18px;padding:21px 22px 15px;border-bottom:1px solid #e8eeee}.modal-card h2{margin:0;color:#29494e;font-size:18px}.modal-form{padding:20px 22px 22px}.modal-form .form-grid{padding:0}.modal-form .compact{gap:12px}.modal-form .check-row{display:flex}.modal-form .check-row input{width:auto;min-height:0}.form-help{margin:0;color:#819598;font-size:11px;line-height:1.55}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:4px}button:disabled{cursor:not-allowed;opacity:.55}@media(max-width:860px){.sidebar{display:none}.main-area{width:100%}.topbar{height:56px;padding:0 14px}.top-actions{gap:5px}.top-actions .quiet-button{display:none}.breadcrumb{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.breadcrumb small:not(.demo-pill){display:none}.demo-pill{max-width:210px;overflow:hidden;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap}.app-error{top:64px;right:10px;left:10px;max-width:none}.content-page{height:auto;min-height:calc(100vh - 56px);padding:18px 14px 32px}.page-heading{align-items:start;gap:12px;margin-bottom:16px}.page-heading h1{font-size:22px}.page-heading>div>p:last-child{font-size:12px}.metric-grid,.dashboard-grid,.channel-grid{grid-template-columns:1fr}.dashboard-grid{margin-top:12px}.policy-grid{grid-template-columns:1fr}.wecom-columns{grid-template-columns:1fr 1fr;margin-top:14px}.settings-layout{grid-template-columns:1fr}.settings-menu{display:flex;overflow-x:auto;gap:2px;white-space:nowrap}.settings-menu button{width:auto;flex:0 0 auto}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.table-card{overflow-x:auto}.data-table{min-width:610px}.inbox-layout{display:block;height:calc(100vh - 56px);min-height:0;overflow:hidden}.conversation-panel,.chat-panel,.insight-panel{height:100%;border:0}.inbox-layout.mobile-list .chat-panel,.inbox-layout.mobile-list .insight-panel,.inbox-layout.mobile-chat .conversation-panel,.inbox-layout.mobile-chat .insight-panel,.inbox-layout.mobile-details .conversation-panel,.inbox-layout.mobile-details .chat-panel{display:none}.mobile-only{display:inline-grid;place-items:center}.chat-header{min-height:62px;padding:8px 11px}.customer-heading{min-width:0;gap:6px}.customer-heading h2,.customer-heading p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-actions{gap:3px}.handoff-button{padding:6px 7px}.risk-banner{align-items:start;padding:8px 11px}.risk-banner p{font-size:10px}.message-stream{padding:12px}.message-row,.message-row.ai{max-width:96%}.composer-area{padding:8px 11px 10px}.composer-footer{align-items:end;gap:6px}.composer-footer small{max-width:45%;line-height:1.35}.composer-footer .quiet-text{display:none}.side-tabs{padding-left:11px}.detail-section{padding-inline:13px}.modal-backdrop{align-items:end;padding:0}.modal-card{width:100%;max-height:92vh;overflow-y:auto;border-radius:14px 14px 0 0}.modal-card>header,.modal-form{padding-right:16px;padding-left:16px}}@media(max-width:460px){.demo-pill{display:none}.page-heading{display:block}.page-heading .primary-button{margin-top:12px}.wecom-columns{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-card{padding:13px}.metric-card h2{font-size:22px}.notice{align-items:start}.notice span{flex:none}.login-screen{padding:14px}.login-card{padding:24px 19px}.modal-form .compact{grid-template-columns:1fr}}