/* Compact working surface */
:root{--line:#e5e7eb;--muted:#6b7280;--blue:#2b83ec;background:#fff;color:#111827}
.sidebar{width:216px;background:#fff;color:#465065;padding:24px 12px;border-right:1px solid var(--line)}
.brand{color:#202b3c;margin:0 8px 32px;gap:10px}.brand>span:last-child{font-size:14px;line-height:1.35}.mark{min-width:36px;width:36px;height:36px;border-radius:10px}.nav-item{font-size:14px;padding:11px 12px;margin:4px 0;gap:12px;min-height:42px}.nav-icon{opacity:.8}.nav-item:hover{background:#f3f4f6}.nav-item.active{position:relative;background:#eff6ff;color:#2b83ec;font-weight:650}.nav-item.active::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:#2b83ec}.nav-footer{padding:0 6px;margin-top:auto}.more-nav>summary{padding:12px;color:#657085;font-weight:500;list-style:none}.more-nav>summary::after{content:'⌄';float:right}.more-nav[open]>summary::after{content:'⌃'}.sidebar-user{border-top:1px solid var(--line);display:flex;gap:9px;padding:20px 0 0;margin-top:16px;align-items:center;font-size:12px}.sidebar-user small{display:block;font-size:12px}.sidebar-user .avatar{width:32px;height:32px;font-size:12px;background:#f0f2f6;color:#6d778a}
.topbar{margin-left:216px;padding:12px 32px;min-height:64px;background:#fff}.workspace-label{font-size:14px;color:#7b8393}.topbar button{font-size:13px}.workspace{margin-left:216px;padding:32px;max-width:1700px}.page-head{align-items:center;margin-bottom:24px;gap:16px}.page-title{display:flex;align-items:center;gap:12px}.page-title h1{font-size:24px;font-weight:650;letter-spacing:-.6px}.screen-id{font-size:12px;color:#98a0ae;border:1px solid #e5e8ee;border-radius:5px;padding:3px 6px}.page-actions{gap:8px}.quiet{border-color:transparent!important;background:transparent!important;color:#6d7686}.quiet:hover{background:#eff1f4!important;color:#243046}button.primary,a.primary{background:#111827;border-color:#111827}.inline-metrics{display:flex;gap:24px;margin-bottom:20px;flex-wrap:wrap;color:#788194;font-size:14px}.inline-metrics b{color:#263449;font-weight:650;margin-right:4px}.panel{border-radius:12px}.panel-head{padding:16px 20px}h2{font-size:18px;font-weight:650;letter-spacing:-.3px}.queue-panel td{height:88px;padding:18px 22px}.queue-panel th{padding:13px 22px;background:#fafbfc;font-size:13px;font-weight:500;color:#8490a1}.queue-panel strong{font-weight:600}.queue-panel small{font-size:13px;max-width:340px}.task-client{flex-wrap:nowrap;gap:12px}.queue-panel .avatar{width:34px;height:34px;font-size:12px}.queue-panel .badge{font-size:12px;font-weight:500;border-radius:5px;padding:5px 8px}.row-actions{display:flex;gap:8px;justify-content:flex-start}.row-actions button{white-space:nowrap;font-size:13px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.settings-tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin-bottom:20px}.settings-tabs a{font-size:14px;color:#7a8392;padding:0 0 13px}.settings-tabs a.active{color:#2b83ec;border-bottom:2px solid #2b83ec;font-weight:600}.config-status{font-size:13px;color:var(--muted);margin-bottom:20px;min-height:20px;overflow-wrap:anywhere}.settings-sheet{max-width:860px}.settings-sheet .panel.pad{padding:24px}.settings-sheet .switch{align-self:center}.settings-sheet label{font-size:14px}.settings-sheet textarea{font-size:16px;line-height:1.6}.disclosure{margin-top:12px}.disclosure>summary{padding:18px 22px;list-style:none;font-size:14px;font-weight:550;cursor:pointer;display:flex;align-items:center;gap:8px}.disclosure>summary::after{content:'＋';margin-left:auto;color:#929bab}.disclosure[open]>summary::after{content:'−'}.disclosure-body{padding:4px 24px 24px;display:grid;gap:18px}.disclosure-body .table-wrap{margin:0 -12px}.disclosure-body p{font-size:14px}.summary-note{font-size:12px;font-weight:400;color:#9098a5;margin-left:8px}.save-row{display:flex;justify-content:flex-start;gap:10px;padding:20px 0}.qualification-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start;max-width:1160px}.thresholds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.thresholds input{font-size:20px;font-weight:550;padding:12px}.score-value{font-size:46px;letter-spacing:-1.5px;font-weight:600;margin:26px 0 12px}.score-value span{font-size:24px;color:#9aa2ae;margin-left:3px}.example-panel{padding:24px}.example-panel h2{font-size:16px}.example-result{border-top:1px solid var(--line);padding-top:18px;margin-top:20px;font-size:14px}.example-panel summary{font-size:13px;color:#818998;font-weight:450}.kv b{text-align:left}.team-row{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid var(--line);color:inherit;font-size:16px}.team-row input{margin:0;flex-shrink:0}.timer-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.timer-rules b{display:block;font-size:24px;margin-bottom:8px}.timer-rules span{font-size:14px;color:var(--muted)}.rule-summary{margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}.rule-summary h3{font-size:15px;margin-bottom:8px}.rule-summary p{font-size:16px;margin-bottom:20px;color:#727e8f}.rule-summary p:last-child{margin-bottom:0}.demo-controls{display:flex;align-items:center;gap:16px;border-top:1px solid var(--line);padding-top:20px;margin-top:20px;color:#788194;font-size:14px}.modal{border-radius:12px;width:min(640px,100%)}.modal-head h2{font-size:20px}.modal-head button{border:0;color:#798393}.modal-foot{justify-content:flex-start}.modal-back:has(.modal){justify-content:flex-end;padding:16px}.modal{max-height:calc(100vh - 32px)}.toast{left:calc(50% + 108px)}
@media(min-width:721px){.inbox-layout{height:clamp(480px,calc(100vh - 235px),950px)}}
@media(max-width:1180px){.qualification-layout{grid-template-columns:minmax(0,1fr) 280px;gap:16px}.thresholds{grid-template-columns:1fr}.thresholds input{max-width:180px}.queue-panel td,.queue-panel th{padding:14px}.workspace,.topbar{padding-left:24px;padding-right:24px}}
@media(max-width:960px){.sidebar{width:184px;padding:20px 8px}.brand>span:last-child{font-size:12px}.workspace,.topbar{margin-left:184px}.qualification-layout{grid-template-columns:1fr}.settings-sheet{max-width:none}.thresholds{grid-template-columns:repeat(3,minmax(0,1fr))}.qualification-layout>aside{max-width:none}.sidebar-user>span{font-size:11px}.queue-panel table{min-width:690px}}
@media(max-width:720px){.sidebar{position:static;width:100%;padding:14px 16px;border-right:0;border-bottom:1px solid var(--line)}.brand{margin:0 0 12px;display:inline-flex}.brand>span:last-child{font-size:13px}.navs{display:flex;gap:4px;overflow:auto}.nav-item{flex-shrink:0;font-size:13px;min-height:38px;padding:8px}.nav-footer{display:block}.sidebar-user{display:none}.more-nav>summary{padding:8px;font-size:13px}.more-nav[open]{display:flex;flex-wrap:wrap}.workspace,.topbar{margin-left:0;padding:16px}.topbar{min-height:54px}.page-title h1{font-size:23px}.page-head{align-items:flex-start;margin-bottom:18px}.page-actions{gap:6px}.page-actions button{font-size:13px;padding:8px 10px}.inline-metrics{gap:16px;font-size:13px}.thresholds{grid-template-columns:1fr}.thresholds input{max-width:none}.settings-sheet .panel.pad,.example-panel{padding:18px}.disclosure>summary{padding:16px}.disclosure-body{padding:0 18px 18px}.timer-rules{grid-template-columns:1fr;gap:14px}.timer-rules>div{display:flex;align-items:center;gap:16px}.timer-rules b{font-size:20px;margin:0;min-width:65px}.modal-back:has(.modal){padding:8px}.modal{max-height:calc(100vh - 16px)}.toast{left:50%}.inbox-layout>.context-panel{display:none}}

.mark.kv-mark{background:#eff6ff;color:#2b83ec}.queue-panel th{background:#f9fafb}.progress>span{background:#2b83ec}.chat-row.selected{background:#eff6ff;border-left-color:#2b83ec}

.brand>span:last-child{font-size:18px;white-space:nowrap}.brand .workspace-company{font-size:12px;line-height:1.5;font-weight:400;color:#6b7280;margin-top:4px}.mark.kv-mark{font-size:16px!important}

.brand .product-logo{width:40px;height:40px;min-width:40px;object-fit:contain;display:block;flex-shrink:0}

.danger-zone{border:1px dashed #e7919c;border-radius:10px;padding:11px 10px;margin-top:18px;background:#fff7f8}.danger-zone-label{display:block;color:#a94754;font-size:12px;line-height:1.4;margin:0 2px 6px}.danger-zone-button{display:flex;width:100%;border:0;background:transparent;color:#cf344b;font-size:14px;font-weight:650;justify-content:flex-start;padding:8px 4px}.danger-zone-button:hover{color:#aa2036;background:#ffe8ec}.modal-back.stop-confirmation{justify-content:center}.stop-confirmation .modal{width:min(450px,100%)}.stop-confirmation .modal-head{border-bottom:0;padding-bottom:8px}.stop-confirmation .modal-body{padding-top:8px}.stop-dialog-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:#fff0f2;color:#ce3249;font-size:22px;margin-bottom:18px}.stop-confirmation p{font-size:16px;color:#647086}.stop-confirmation .modal-foot{justify-content:flex-end;background:#fafbfc}.danger-confirm{background:#cf344b!important;border-color:#cf344b!important;color:white!important}.danger-confirm:hover{background:#b1273d!important}.stop-confirmation .modal-foot button{min-height:42px}.sidebar-user{margin-top:16px}
@media(max-width:720px){.nav-footer{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}.danger-zone{margin-top:8px;min-width:180px}.more-nav{flex:1}.stop-confirmation .modal-foot{flex-wrap:wrap}}

.avatar:has(img[data-avatar]){position:relative;overflow:hidden}.avatar img[data-avatar]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.avatar img[data-avatar][hidden]{display:none}


/* Stronger statuses without adding another row of information. */
.chat-row .badge{font-size:12px;line-height:1.4;font-weight:700;padding:5px 9px;border:1px solid transparent;border-radius:7px}
.chat-row .badge.green{background:#d7f3e5;color:#146342;border-color:#b6e5cc}
.chat-row .badge.blue{background:#e6efff;color:#2a548b;border-color:#cbdcf6}
.chat-row .badge:not(.hot):not(.green):not(.blue):not(.red){background:#edf1f7;color:#40516b;border-color:#d9e1ec}
.chat-row .badge.red{background:#ffe5e7;color:#a31c35;border-color:#ffc4cb}
.chat-row.is-hot{background:#fff9ef}
.chat-row.is-hot:hover{background:#fff1dc}
.chat-row.is-hot.selected{background:#ffeed6;border-left-color:#ec8b23}
.chat-row.is-hot .badge.hot{background:#a84208;color:#fff;border-color:#a84208}
.filter-tabs button[data-chatfilter="hot"]{color:#98400d}
.filter-tabs button[data-chatfilter="hot"].active{background:#ffecd0;color:#84370b;box-shadow:inset 0 0 0 1px #edbd7c}
.chat-head.is-hot{background:#fff9ef;border-bottom-color:#f1dec2}
.reply-reason{white-space:normal;margin-top:14px;padding-top:11px;border-top:1px solid #e6eaf0;font-size:13px;line-height:1.5;color:#536177}
.reply-reason strong{display:block;font-size:11px;font-weight:650;color:#69778a;margin-bottom:4px}
.reply-reason p{margin:0;color:#455269}
.reply-reason small{display:block;font-size:11px;color:#748195;margin-top:5px}


/* Conversation first; secondary customer information opens on demand. */
.inbox-layout{grid-template-columns:320px minmax(0,1fr);height:clamp(450px,calc(100dvh - 224px),1000px)}
.inbox-layout .chat-list{display:block;max-height:none;overflow-y:auto;overflow-x:hidden;overflow-anchor:none;overscroll-behavior:contain;scrollbar-gutter:stable}
.inbox-layout .chat-row{min-width:0;max-width:none;border-right:0}
.inbox-layout .chat-row .grow{min-width:0}.inbox-layout .chat-row p{max-width:none}.inbox-layout .chat-row small{color:#8791a1;font-size:11px}
.chat-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.chat-identity{display:flex;align-items:center;gap:12px;min-width:0}.chat-identity>div:last-child{min-width:0}.chat-identity strong{font-size:16px}.chat-identity small{font-size:13px;color:#798496;overflow-wrap:anywhere}
.chat-head-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.chat-head-controls button{font-size:13px;white-space:nowrap}.chat-head-controls .badge{font-size:12px}
.chat-messages{overflow-anchor:none;overscroll-behavior:contain;padding:26px clamp(20px,4vw,48px);gap:22px}
.chat-messages .bubble{max-width:min(82%,660px);font-size:16px;line-height:1.55;padding:14px 18px}.chat-messages .bubble .label{font-size:12px;margin-bottom:7px}
.chat-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:16px 22px}
.chat-action-meta{color:#758094;font-size:13px}.chat-action-meta small{display:block;margin-top:5px;font-size:12px;color:#8a93a2}
.chat-primary-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.chat-primary-actions button{font-size:14px}
.detail-chat{display:block}.detail-chat .chat-stream{min-height:540px}.detail-chat .chat-messages{max-height:calc(100dvh - 320px);min-height:320px}
.client-summary{padding:0 0 22px}.client-summary h3{font-size:18px}.client-summary p{font-size:14px;color:#718096;margin-top:5px}
.client-section{padding:20px 0;border-top:1px solid var(--line)}.client-section:last-child{padding-bottom:0}.client-section h3{font-size:15px;margin-bottom:14px}.client-section>p{font-size:14px;color:#768196;margin:8px 0 12px}.client-section .kv{padding:7px 0;font-size:14px;gap:20px}.client-section .kv b{font-weight:550;max-width:60%}.client-extra{margin-top:14px;font-size:13px;color:#788397}.client-extra summary{cursor:pointer}.client-extra p{margin:10px 0}.client-links{display:flex;flex-wrap:wrap;gap:10px}
.demo-scenarios{display:grid;gap:14px;padding:20px 0}.demo-scenarios>button{justify-self:start}.demo-scenarios>div{display:flex;gap:16px;align-items:center;justify-content:space-between}.demo-scenarios span{font-size:14px;color:#758094}
@media(max-width:1000px) and (min-width:721px){.inbox-layout{grid-template-columns:260px minmax(0,1fr)}.chat-head{gap:10px;padding:16px}.chat-head-controls{gap:8px}.chat-messages{padding:20px}.chat-messages .bubble{max-width:95%}.chat-actions{padding:14px 16px}}
@media(max-width:720px){.inbox-layout{display:grid;grid-template-columns:1fr;height:auto}.inbox-layout .inbox-list{height:290px;border-bottom:1px solid var(--line)}.inbox-layout .chat-row{width:100%;max-width:none;min-width:0}.inbox-layout .chat-stream{min-height:440px}.inbox-layout .chat-messages{flex:auto;max-height:60dvh;min-height:240px}.chat-head{padding:16px}.chat-messages{padding:20px 16px}.chat-messages .bubble{max-width:94%}.chat-actions{padding:14px 16px}.chat-head-controls{justify-content:space-between;width:100%}.detail-chat .chat-messages{max-height:60dvh}.chat-primary-actions button{font-size:13px}.client-section .kv{gap:12px}}

/* Authorship belongs to each message, independently of the current chat owner. */
.chat-messages .bubble.human{background:#fff;border:1px solid var(--line);align-self:flex-end;border-bottom-right-radius:3px}
.chat-messages .message-author{display:inline-flex;align-items:center;padding:3px 8px;border-radius:6px;font-size:12px;font-weight:650;line-height:1.5;white-space:normal}
.chat-messages .ai .message-author{background:#eaf3ff;color:#235db0}
.chat-messages .human .message-author{background:#f0f2f5;color:#4b5563}

.danger-zone-hint{font-size:12px;line-height:1.5;color:#9b5260;margin:5px 2px 0;text-align:left}

.qualification-settings{display:block;max-width:860px}.form-error:not(:empty){margin-top:16px;font-size:14px;line-height:1.5;overflow-wrap:anywhere;color:#a3323b}
.knowledge-gap-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:1180px}.knowledge-gap-card{padding:20px}.knowledge-gap-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:12px}.knowledge-gap-head h2{font-size:17px;line-height:1.4}.knowledge-gap-count{flex:0 0 auto;min-width:2.5ch;text-align:right;white-space:nowrap;font-size:28px;line-height:1;color:#2c5faa}.knowledge-gap-card>p{color:#66758a;font-size:14px}.knowledge-gap-card details p{overflow-wrap:anywhere}@media(max-width:900px){.knowledge-gap-list{grid-template-columns:1fr}}