:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";--radius:6px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--bg:#fff;--surface:#f6f7f9;--border:#d9dde3;--text:#16181d;--text-muted:#555c68;--accent:#1f5fbf;--accent-text:#fff;--ok:#1d7a3a;--warn:#9a5b00;--danger:#b3261e;--focus:#1f5fbf;--inbound:#eef1f5;--outbound:#e3edfb;--note:#fff6db;--note-border:#b58400}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#111317;--surface:#1a1d23;--border:#2e333b;--text:#e7e9ee;--text-muted:#a3aab6;--accent:#7aa7ff;--accent-text:#0b1220;--ok:#5cc98a;--warn:#f0b35a;--danger:#ff8a80;--focus:#7aa7ff;--inbound:#1f232a;--outbound:#1c2a42;--note:#2e2712;--note-border:#d9a520}}*{box-sizing:border-box}body{font-family:var(--font);background:var(--bg);color:var(--text);margin:0;line-height:1.45}h1{margin:0 0 var(--space-4);font-size:1.4rem}h2{margin:0 0 var(--space-3);font-size:1.1rem}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.centered{max-width:30rem;padding:0 var(--space-4);text-align:center;margin:15vh auto}.error{color:var(--danger)}.error:before{content:"⚠︎ "}.button{font:inherit;cursor:pointer;border-radius:var(--radius);padding:var(--space-1) var(--space-3);border:1px solid var(--accent);background:var(--accent);color:var(--accent-text)}.button:disabled{opacity:.6;cursor:default}.button-quiet{color:var(--text);border-color:var(--border);background:0 0}.shell{flex-direction:column;min-height:100vh;display:flex}.shell-header{align-items:center;gap:var(--space-2) var(--space-4);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap;display:flex}.shell-brand{font-weight:700}.shell-nav{gap:var(--space-3);flex:1;display:flex}.shell-nav a{color:var(--text-muted);padding:var(--space-1) var(--space-2);border-radius:var(--radius);text-decoration:none}.shell-nav a.active{color:var(--text);background:var(--bg);font-weight:600}.shell-main{padding:var(--space-4);flex:1;width:100%;min-height:0}.live-status{color:var(--text-muted);white-space:nowrap;font-size:.85rem}.live-status[data-status=live]>span[aria-hidden]{color:var(--ok)}.live-status[data-status=reconnecting]>span[aria-hidden]{color:var(--warn)}.menu{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-1);min-width:10rem}.menu-item{padding:var(--space-2) var(--space-3);border-radius:var(--radius);cursor:pointer;outline:none}.menu-item[data-highlighted]{background:var(--surface)}.panel{border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);margin-top:var(--space-4)}.form{gap:var(--space-2);max-width:32rem;margin-top:var(--space-3);display:grid}.form label{gap:var(--space-1);color:var(--text-muted);font-size:.85rem;display:grid}.form input,.form select{font:inherit;padding:var(--space-1) var(--space-2);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text)}.form .button{margin-top:var(--space-2);justify-self:start}.empty{color:var(--text-muted)}.workspace{gap:var(--space-4);grid-template-columns:minmax(20rem,28rem) 1fr;height:calc(100vh - 5.5rem);display:grid}.workspace-list,.workspace-case{min-height:0;overflow:auto}.case-pane{flex-direction:column;height:100%;display:flex}.case-header{flex:none}.timeline-scroll{min-height:0;padding-right:var(--space-2);flex:1;overflow:auto}.workspace-case{border-left:1px solid var(--border);padding-left:var(--space-4)}.back-link{display:none}@media (width<=48rem){.workspace{grid-template-columns:1fr;height:auto}.workspace[data-case-open] .workspace-list,.workspace:not([data-case-open]) .workspace-case{display:none}.workspace-case{border-left:0;padding-left:0}.case-pane{height:auto}.composer{max-height:none}.back-link{margin-bottom:var(--space-3);display:inline-block}}.list-controls{gap:var(--space-2);margin-bottom:var(--space-3);display:grid}.toggle-group{gap:var(--space-1);flex-wrap:wrap;display:flex}.toggle{font:inherit;cursor:pointer;padding:var(--space-1) var(--space-2);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);font-size:.85rem}.toggle[data-state=on]{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.list-selects{gap:var(--space-2);flex-wrap:wrap;display:flex}.list-selects label{color:var(--text-muted);gap:2px;font-size:.8rem;display:grid}.list-selects select{font:inherit;padding:2px var(--space-1);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);font-size:.9rem}.case-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.case-row{padding:var(--space-2) var(--space-3);border-radius:var(--radius);color:inherit;border:1px solid #0000;gap:2px;text-decoration:none;display:grid}.case-row:hover{background:var(--surface)}.case-row.active{background:var(--surface);border-color:var(--accent)}.case-row-top{justify-content:space-between;gap:var(--space-2);display:flex}.case-row-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.case-row-top time{color:var(--text-muted);white-space:nowrap;font-size:.8rem}.case-row-preview{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.case-row-meta{gap:var(--space-1) var(--space-3);color:var(--text-muted);flex-wrap:wrap;font-size:.8rem;display:flex}.case-row-sla{color:var(--warn);font-weight:600}.pager{justify-content:space-between;align-items:center;gap:var(--space-2);margin-top:var(--space-3);font-size:.9rem;display:flex}.window-badge{white-space:nowrap;font-weight:600}.window-badge[data-state=OPEN],.window-countdown[data-state=OPEN],.window-badge[data-state=FREE_ENTRY_POINT],.window-countdown[data-state=FREE_ENTRY_POINT]{color:var(--ok)}.window-badge[data-state=CLOSING_SOON],.window-countdown[data-state=CLOSING_SOON]{color:var(--warn)}.window-badge[data-urgent],.window-countdown[data-urgent]{color:var(--danger)}.window-badge[data-state=CLOSED],.window-countdown[data-state=CLOSED],.window-badge[data-state=NEVER_OPENED],.window-countdown[data-state=NEVER_OPENED]{color:var(--text-muted)}.case-header{border-bottom:1px solid var(--border);padding-bottom:var(--space-3);margin-bottom:var(--space-3)}.case-header h1{margin-bottom:var(--space-1)}.case-sub{margin:0 0 var(--space-3);color:var(--text-muted)}.case-facts{gap:var(--space-2) var(--space-6);margin:0 0 var(--space-3);flex-wrap:wrap;display:flex}.case-facts div{display:grid}.case-facts dt{color:var(--text-muted);font-size:.75rem}.case-facts dd{margin:0}.window-countdown{border-radius:var(--radius);padding:var(--space-2) var(--space-3);border:2px solid}.window-countdown p{margin:0}.window-countdown-state{font-size:1.1rem;font-weight:700}.window-countdown-time{font-variant-numeric:tabular-nums}.window-countdown-send{color:var(--text);font-size:.9rem}.timeline{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.bubble{max-width:75%;padding:var(--space-2) var(--space-3);border-radius:var(--radius);background:var(--inbound);justify-self:start}.bubble[data-direction=outbound]{background:var(--outbound);justify-self:end}.bubble p{margin:0}.bubble-text{white-space:pre-wrap;overflow-wrap:anywhere}.bubble-kind{color:var(--text-muted);font-style:italic}.bubble-data{white-space:pre-wrap;overflow-wrap:anywhere;margin:var(--space-1) 0 0;font-size:.8rem}.bubble-meta{gap:var(--space-2);color:var(--text-muted);justify-content:flex-end;font-size:.75rem;display:flex;margin-top:var(--space-1)!important}.bubble-status[data-status=READ]{color:var(--accent)}.bubble-status[data-status=FAILED]{color:var(--danger);font-weight:600}.case-title-row{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.case-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.menu-separator{background:var(--border);height:1px;margin:var(--space-1) 0}.menu-label{padding:var(--space-1) var(--space-3);color:var(--text-muted);font-size:.75rem}.menu-item-indent{padding-left:var(--space-6)}.dialog-overlay{background:#0006;position:fixed;inset:0}.dialog{background:var(--bg);width:min(32rem,100vw - 2rem);max-height:calc(100vh - 2rem);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.dialog-title{margin:0 0 var(--space-3);font-size:1.1rem}.form textarea{font:inherit;padding:var(--space-1) var(--space-2);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text)}.form fieldset,.template-picker fieldset{border:0;margin:0;padding:0}.form legend,.template-picker legend{color:var(--text-muted);margin-bottom:var(--space-1);font-size:.85rem}.form-hint{color:var(--text-muted);margin:0;font-size:.8rem}.disposition-tree{gap:2px;margin:0;padding-left:0;list-style:none;display:grid}.disposition-tree .disposition-tree{padding-left:var(--space-4)}.disposition-group{font-size:.9rem;font-weight:600}.form .disposition-tree label{align-items:center;gap:var(--space-2);color:var(--text);cursor:pointer;font-size:.95rem;display:flex}.composer{border-top:1px solid var(--border);max-height:55%;padding-top:var(--space-3);margin-top:var(--space-2);flex:none;overflow:auto}.composer p{margin:0 0 var(--space-2)}.composer-text{width:100%;font:inherit;resize:vertical;min-height:4.5rem;padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text)}.composer-bar{justify-content:flex-end;align-items:center;gap:var(--space-3);margin-top:var(--space-1);flex-wrap:wrap;display:flex}.composer-bar .error{flex:1;margin:0}.composer-count{color:var(--text-muted);font-variant-numeric:tabular-nums;margin-right:auto;font-size:.8rem}.composer-count[data-over]{color:var(--danger);font-weight:600}.composer-warn{color:var(--warn);font-size:.9rem;font-weight:600}.composer-mode{font-weight:600}.composer-draft{border:1px dashed var(--border);border-radius:var(--radius);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-3)}.composer-draft blockquote{margin:0 0 var(--space-2);white-space:pre-wrap;overflow-wrap:anywhere}.composer-closed{color:var(--text-muted);border-top:1px solid var(--border);padding-top:var(--space-3);flex:none}.template-picker{gap:var(--space-3);display:grid}.template-options{gap:2px;max-height:12rem;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.template-option{align-items:baseline;gap:var(--space-1) var(--space-2);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius);border:1px solid #0000;flex-wrap:wrap;display:flex}.template-option[data-selected]{border-color:var(--accent);background:var(--surface)}.template-name{font-weight:600}.template-language,.template-cost{color:var(--text-muted);font-size:.8rem}.template-cost{margin-left:auto}.tag{border:1px solid var(--accent);color:var(--accent);border-radius:var(--radius);padding:0 var(--space-1);font-size:.75rem}.template-fill{gap:var(--space-2);display:grid}.template-fill label{color:var(--text-muted);gap:2px;font-size:.85rem;display:grid}.template-fill input{font:inherit;padding:var(--space-1) var(--space-2);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text)}.template-fill .button{justify-self:end}.template-preview-label{color:var(--text-muted);font-size:.8rem;margin:0!important}.template-preview{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--outbound);border-radius:var(--radius);padding:var(--space-2) var(--space-3);margin:0!important}.bubble[data-unsent]{opacity:.85;border:1px dashed var(--border)}.bubble-status[data-status=QUEUED]{font-style:italic}.presence{white-space:nowrap}.presence[data-presence=AVAILABLE]>span[aria-hidden]{color:var(--ok)}.presence[data-presence=WRAP_UP]>span[aria-hidden],.presence[data-presence=BUSY]>span[aria-hidden]{color:var(--warn)}.presence[data-presence=PAUSED]>span[aria-hidden],.presence[data-presence=OFFLINE]>span[aria-hidden]{color:var(--text-muted)}.case-layout{gap:var(--space-4);grid-template-columns:1fr;height:100%;min-height:0;display:grid}.case-layout>.case-pane{min-width:0}.case-title-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.contact-panel{border-left:1px solid var(--border);padding-left:var(--space-4);font-size:.9rem;display:none;overflow:auto}@media (width>=88rem){.case-layout{grid-template-columns:1fr 18rem}.contact-panel{display:block}.panel-toggle,.panel-close{display:none}}@media (width<=87.99rem){.case-layout[data-panel-open] .contact-panel{z-index:10;background:var(--bg);border-left:1px solid var(--border);width:min(22rem,100vw);padding:var(--space-4);display:block;position:fixed;top:0;bottom:0;right:0;box-shadow:-4px 0 16px #0003}}.panel-head{justify-content:space-between;align-items:center;display:flex}.panel-head h2{margin:0}.contact-panel h3{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:var(--space-4) 0 var(--space-2);font-size:.85rem}.panel-identity{gap:var(--space-2);margin:var(--space-3) 0;display:grid}.panel-identity dt{color:var(--text-muted);font-size:.75rem}.panel-identity dd{margin:0}.panel-blocked{color:var(--danger);font-weight:600}.panel-field{margin-bottom:var(--space-2);gap:2px;display:grid}.panel-field label{color:var(--text-muted);font-size:.8rem}.panel-field input,.panel-field select,.tag-add input{font:inherit;padding:var(--space-1) var(--space-2);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);min-width:0}.tag-list{margin:0 0 var(--space-2);gap:var(--space-1);flex-wrap:wrap;padding:0;list-style:none;display:flex}.tag-chip{border:1px solid var(--border);padding:0 var(--space-1) 0 var(--space-2);border-radius:999px;align-items:center;gap:2px;font-size:.8rem;display:inline-flex}.tag-remove{font:inherit;color:var(--text-muted);cursor:pointer;background:0 0;border:0;padding:0 2px}.tag-add{gap:var(--space-1);display:flex}.tag-add input{flex:1}.other-cases{gap:var(--space-1);margin:0;padding:0;list-style:none;display:grid}.note{background:var(--note);border:1px dashed var(--note-border);border-radius:var(--radius);padding:var(--space-2) var(--space-3);margin:0 var(--space-6);justify-self:stretch}.note p{margin:0}.note-label{color:var(--note-border);font-size:.8rem;font-weight:600;margin-bottom:var(--space-1)!important}.composer-tabs{flex-direction:column;flex:none;min-height:0;max-height:55%;display:flex}.composer-tabs>[role=tabpanel]{min-height:0;overflow:auto}.composer-tabs .composer{max-height:none}.composer-tab-list{gap:var(--space-1);border-top:1px solid var(--border);padding-top:var(--space-2);display:flex}.composer-tab{font:inherit;cursor:pointer;padding:var(--space-1) var(--space-3);border-radius:var(--radius) var(--radius) 0 0;color:var(--text-muted);background:0 0;border:1px solid #0000;font-size:.85rem}.composer-tab[data-state=active]{color:var(--text);border-color:var(--border);border-bottom-color:var(--bg);font-weight:600}.composer-tab-note[data-state=active]{color:var(--note-border)}.composer-tabs .composer{border-top:0;margin-top:0}.composer-note .composer-text{background:var(--note);border-color:var(--note-border);border-style:dashed}.composer-note-hint{color:var(--note-border);font-size:.85rem;font-weight:600}.mention-anchor{position:relative}.mention-list{left:var(--space-2);z-index:5;padding:var(--space-1);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);min-width:12rem;margin:0;list-style:none;position:absolute;bottom:calc(100% + 2px);box-shadow:0 4px 12px #00000026}.mention-option{padding:var(--space-1) var(--space-2);border-radius:var(--radius);cursor:pointer}.mention-option[aria-selected=true]{background:var(--surface);font-weight:600}.mentions-count{text-align:center;background:var(--accent);min-width:1.2rem;color:var(--accent-text);padding:0 var(--space-1);border-radius:999px;font-size:.75rem;display:inline-block}.mentions-menu{max-width:22rem}.mention-item{gap:2px;display:grid}.mention-item-head{color:var(--text-muted);font-size:.75rem}.mention-item-body{text-overflow:ellipsis;white-space:nowrap;max-width:20rem;overflow:hidden}.offer-banner{margin-top:var(--space-2);border:2px solid var(--accent);border-radius:var(--radius);padding:var(--space-2) var(--space-3);background:var(--surface)}.offer-banner p{margin:0}.offer-head{font-weight:600}.offer-time{font-variant-numeric:tabular-nums;color:var(--text-muted);font-weight:400}.offer-note{margin:var(--space-1) 0;white-space:pre-wrap;overflow-wrap:anywhere;border-left:3px solid var(--note-border);padding-left:var(--space-2)}.offer-actions{gap:var(--space-2);margin-top:var(--space-1);display:flex}.offer-actions:empty{display:none}.offers{white-space:nowrap}.escalated{color:var(--danger);font-weight:600}.form .choice{align-items:flex-start;gap:var(--space-2);color:var(--text);cursor:pointer;font-size:.95rem;display:flex}.form .choice input{margin-top:.25rem}.form .choice input:disabled+*{opacity:.6}