:root{font-family:Inter,Segoe UI,system-ui,sans-serif;color:#18302a;background:#f4f7f4;font-synthesis:none;--ink: #18302a;--muted: #536760;--line: #dce6df;--paper: #fff;--accent: #20634f;--wash: #edf5ef;--rail: #142925;--radius: 10px}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px}h1,h2,h3,p,ul,ol,dl{margin:0}ul,ol{padding:0;list-style:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.56;cursor:default}button,select{min-height:36px}button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #369d7d;outline-offset:2px}svg{flex-shrink:0}small{font-size:12px}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip:focus{position:fixed;top:8px;left:8px;z-index:20;background:#fff;padding:10px}.app{display:grid;grid-template-columns:215px minmax(0,1fr);min-height:100dvh}.sidebar{position:sticky;top:0;height:100dvh;padding:23px 14px 15px;background:var(--rail);color:#f2faf4;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;padding:0 8px;font-size:22px;letter-spacing:-.04em;line-height:1;font-weight:730}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#adedd0;color:var(--rail)}.brand small,.profile small{display:block;margin-top:5px;color:#b4c9bf;font-weight:450;letter-spacing:0}.sidebar nav{margin-top:38px}.nav-label{padding:0 10px;margin-bottom:9px;color:#abc2b7;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.13em}.sidebar button{width:100%;display:flex;align-items:center;gap:9px;border:0;border-radius:7px;background:transparent;text-align:left;color:#d5e5dc;font-size:13px;padding:8px 10px;margin:2px 0}.sidebar button:hover{background:#253e37}.sidebar button.active{background:#2b493e;color:#d5ffea;font-weight:650}.queue-nav{margin-top:27px;padding-top:20px;border-top:1px solid #31463e}.sidebar button.queue-active{color:#b2f5d3;background:#233b33}.nav-count{margin-left:auto;font-size:11px;color:#bcd1c4;font-variant-numeric:tabular-nums}.profile{display:flex;align-items:center;gap:10px;padding:13px 7px 0;border-top:1px solid #31463e;margin-top:auto;font-size:13px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 24px;min-height:54px;border-bottom:1px solid var(--line);background:var(--paper);color:var(--muted);font-size:12px}.topbar div,.demo{display:flex;align-items:center;gap:9px}.topbar strong{color:var(--ink)}.demo{padding:5px 9px;border:1px solid var(--line);border-radius:20px;white-space:nowrap}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;flex:0 0 6px}.demo .dot{color:#348567}.storage-warning{background:#fff0c6;padding:8px 24px;font-size:13px}.inbox-layout{display:grid;grid-template-columns:minmax(265px,328px) minmax(0,1fr)}.queue{height:calc(100dvh - 54px);position:sticky;top:0;display:flex;flex-direction:column;border-right:1px solid var(--line);background:var(--paper);min-width:0}.queue-head{padding:24px 19px 14px}.eyebrow{display:flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:.12em;font-size:10px;color:var(--accent);font-weight:750}h1{font-size:30px;letter-spacing:-.045em;margin:7px 0 18px;line-height:1.1}.search{display:flex;align-items:center;gap:9px;padding:0 10px;border:1px solid var(--line);background:#f7f9f7;border-radius:8px;color:var(--muted)}.search:focus-within{outline:2px solid #369d7d}.search input{width:100%;min-width:0;height:39px;outline:none;border:0;background:transparent;font-size:13px}.filters{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}select{border:1px solid var(--line);border-radius:7px;background:#fff;padding:0 7px;font-size:12px}.mobile-queue,.back{display:none!important}.list-header{display:flex;align-items:center;justify-content:space-between;min-height:42px;border-block:1px solid var(--line);background:#f8faf8;padding:0 19px;font-size:12px;color:var(--muted)}.list-header select{border:0;background:transparent}.case-list{overflow:auto;scrollbar-width:thin}.case{position:relative;width:100%;display:grid;gap:5px;text-align:left;padding:12px 17px;border:0;border-bottom:1px solid var(--line);border-left:3px solid transparent;background:#fff}.case:hover{background:#f5f8f5}.case.selected{background:var(--wash);border-left-color:#348567}.case:focus-visible{outline-offset:-4px}.case-top,.case-bottom{display:flex;gap:9px;align-items:center;font-size:11px;color:var(--muted)}.case-top{justify-content:space-between}.case strong{font-size:13.5px;line-height:1.3}.case-customer{font-size:12px;color:var(--muted)}.case-bottom{margin-top:4px}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:3px 8px;font-size:11px;font-weight:650;line-height:1.3;background:#edf2ee;color:#41584e;white-space:nowrap}.badge.urgent{color:#922c33;background:#fbe6e7}.badge.high,.badge.waiting{color:#774707;background:#fff1d6}.badge.open{color:#205f50;background:#e2f3ec}.badge.resolved{color:#335b7b;background:#e8f0fa}.sla{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:650;color:var(--muted);white-space:nowrap}.sla.risk{color:#81500c}.sla.breached{color:#982d36}.sla.met{color:var(--accent)}.detail{min-width:0}.detail-head{background:var(--paper);border-bottom:1px solid var(--line);padding:26px 26px 20px}.detail-meta,.detail-sub,.detail-sub>span,.detail-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.detail-meta,.detail-sub{font-size:12px;color:var(--muted)}.case-id{color:var(--accent);font-weight:700;letter-spacing:.04em}.detail-head h2{font-size:clamp(23px,2.6vw,35px);margin:9px 0;letter-spacing:-.045em;line-height:1.14}.detail-sub{gap:13px}.detail-sub .sla{padding:4px 7px;background:#f2f5ef;border-radius:6px}.detail-sub .risk{background:#fff1d6}.detail-sub .breached{background:#fbe6e7}.detail-actions{margin-top:17px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:6px 11px;border:1px solid var(--line);border-radius:7px;background:var(--paper);font-size:12px;font-weight:650}.secondary:hover{background:var(--wash)}.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.primary:hover:not(:disabled){background:#164b3b}.detail-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(185px,225px);gap:16px;padding:18px 20px 24px;align-items:start}.conversation,.context-card,.metric,.manager-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius)}.tabs{display:flex;gap:16px;padding:0 14px;border-bottom:1px solid var(--line)}.tabs button{padding:0 3px;min-height:44px;border:0;border-bottom:2px solid transparent;background:transparent;font-weight:650;font-size:13px;color:var(--muted)}.tabs button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.messages{padding:15px 13px;display:grid;gap:17px}.message{display:flex;align-items:flex-start;min-width:0;gap:9px}.avatar{display:inline-grid;place-items:center;flex-shrink:0;width:32px;height:32px;font-size:11px;font-weight:750;border-radius:50%}.avatar.mint{color:#205844;background:#dcf1e6}.avatar.lavender{color:#594584;background:#eee7fa}.message-content{min-width:0;flex:1;background:#f6f8f6;padding:9px 11px;border:1px solid #e6ede7;border-radius:0 9px 9px}.reply .message-content{background:#edf7f0}.note .message-content{background:#fff8e8;border-color:#eee1be}.message-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px}.message-meta time{margin-left:auto;font-size:11px;color:var(--muted)}.note-label{color:#795315;font-size:10px;font-weight:700}.message-content p{margin-top:5px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.55}.composer{margin:0 13px 14px;border:1px solid var(--line);border-radius:8px;background:#fafcf9;padding:8px}.compose-mode,.compose-footer{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.compose-mode button{display:flex;align-items:center;gap:5px;border:0;border-radius:6px;background:transparent;font-size:12px;padding:0 8px}.compose-mode button[aria-pressed=true]{background:#e1f0e6;font-weight:650}.composer.note{background:#fff9eb}.composer textarea{width:100%;resize:vertical;margin-top:6px;border:1px solid var(--line);border-radius:6px;padding:8px;font-size:13px;background:#fff}.compose-footer{justify-content:space-between;margin-top:5px;color:var(--muted)}.context{display:grid;gap:13px}.context-card{min-width:0;padding:13px;font-size:12px}.context-card h3{display:flex;align-items:center;gap:7px;margin-bottom:13px;font-size:13px}.customer{display:flex;gap:8px;align-items:center}.customer small{display:block;color:var(--muted);margin-top:3px}.context-card dl{display:grid;gap:4px;padding-top:11px;margin-top:11px;border-top:1px solid var(--line)}.context-card dt,.context-card label{color:var(--muted)}.context-card dd{margin:0 0 5px;overflow-wrap:anywhere}.context-card label{display:grid;gap:4px;margin-bottom:9px}.context-card select{color:var(--ink);width:100%}.empty,.no-selection{display:grid;place-items:center;align-content:center;gap:8px;text-align:center;color:var(--muted);padding:20px 12px;font-size:13px}.empty h2{font-size:16px;color:var(--ink)}.manager{padding:28px;max-width:1160px;margin:auto}.manager h1{margin-bottom:9px}.muted{color:var(--muted);font-size:13px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0}.metric{padding:15px;position:relative}.metric>svg{color:var(--accent)}.metric p{color:var(--muted);margin:7px 0;font-size:13px}.metric strong{font-size:28px}.metric-link{display:grid;place-items:center;position:absolute;top:7px;right:7px;width:36px;border:0;border-radius:6px;color:var(--accent);background:var(--wash)}.manager-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:13px}.manager-card{padding:15px}.manager-card h2{font-size:16px;margin-bottom:10px}.attention,.workload{width:100%;display:flex;align-items:center;gap:8px;padding:10px 5px;border:0;border-top:1px solid var(--line);background:transparent;text-align:left;font-size:13px}.attention{justify-content:space-between}.attention:hover{background:var(--wash)}.attention small,.attention strong{display:block}.attention small{color:var(--muted);margin-bottom:3px}.workload>span:last-child{margin-left:auto}@media (max-width: 1150px) and (min-width: 901px){.app{grid-template-columns:175px minmax(0,1fr)}.inbox-layout{grid-template-columns:255px minmax(0,1fr)}.detail-body{grid-template-columns:minmax(0,1fr)}.context{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}@media (max-width: 900px){.app{display:block}.sidebar{position:static;height:auto;padding:10px 14px;flex-direction:row;align-items:center;justify-content:space-between;gap:8px}.brand{padding:0;font-size:20px}.brand small,.profile,.nav-label,.queue-nav{display:none}.sidebar nav{display:flex;gap:3px;margin:0}.sidebar button{font-size:12px;width:auto;padding:6px 8px}.topbar{padding:0 14px;min-height:44px}.inbox-layout{display:block}.queue{position:static;height:auto;min-height:calc(100dvh - 100px);border-right:0}.queue-head{padding:18px 15px 12px}.mobile-queue{display:inline-block!important}.detail,.no-selection,.detail-open .queue{display:none}.detail-open .detail{display:block}.back{display:inline-flex!important;margin-bottom:11px}.detail-head{padding:16px}.detail-body{padding:12px}}@media (max-width: 570px){.detail-body,.manager-grid{grid-template-columns:minmax(0,1fr)}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.manager{padding:19px 13px}.metric{padding:12px}.brand-mark{width:28px;height:28px}.brand-mark svg{width:15px}}.waiting-policy{margin:-4px 0 9px;color:var(--muted)}.escalation-dialog{width:min(420px,calc(100% - 24px));padding:20px;border:1px solid var(--line);border-radius:var(--radius);color:var(--ink)}.escalation-dialog::backdrop{background:#14292580}.escalation-dialog p{margin:6px 0 13px;color:var(--muted);font-size:13px}.escalation-dialog label{display:grid;gap:5px;margin-top:9px;font-size:13px}.escalation-dialog textarea{width:100%;padding:8px;border:1px solid var(--line);border-radius:6px;resize:vertical}.escalation-dialog .detail-actions{justify-content:flex-end}.escalation-dialog{max-height:calc(100dvh - 24px);overflow:auto}.escalation-dialog input{width:100%;min-height:36px;padding:7px;border:1px solid var(--line);border-radius:6px}.context-card.handoff{background:#fff8e8;border-color:#eee1be}.handoff h3{color:#774707}.handoff dd{white-space:pre-wrap}.topbar{flex-wrap:wrap;padding-block:4px}.furniture-fields{border:1px solid var(--line);border-radius:8px;margin:12px 0;padding:8px 10px 10px}.evidence-preview{margin:10px 0}.evidence-preview img{display:block;width:100%;border-radius:6px}.evidence-preview figcaption,.quality-handoff small{color:var(--muted)}.context-card input[type=file]{width:100%;min-width:0;font-size:11px}.quality-handoff{margin-top:14px;padding-top:10px;border-top:1px solid var(--line)}.quality-handoff h4{margin:0}.quality-handoff button{display:block;margin-top:8px}.quality-handoff dd,.escalation-dialog dd{overflow-wrap:anywhere}.escalation-dialog dl{font-size:13px}.escalation-dialog dt{font-weight:700}.escalation-dialog dd{margin:0 0 8px}