@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root,:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:oklch(16% .006 250);--bg-2:oklch(19% .006 250);--surface:oklch(22% .006 250);--surface-2:oklch(25% .006 250);--surface-3:oklch(28% .006 250);--border:oklch(32% .006 250);--border-strong:oklch(40% .006 250);--text:oklch(96% .005 250);--text-dim:oklch(75% .006 250);--text-muted:oklch(58% .006 250);--accent:#3ea6ff;--accent-soft:rgb(from var(--accent) r g b / .18);--accent-fg:#fff;--success:oklch(74% .15 150);--warning:oklch(78% .15 75);--critical:oklch(70% .18 25);--info:oklch(72% .12 230);--pulse-shadow:oklch(74% .15 150/.7);--pulse-shadow-fade:oklch(74% .15 150/0);--quick-close-bg:oklch(72% .17 58);--quick-close-bg-hover:oklch(67% .18 58);--quick-close-fg:oklch(26% .03 45);--success-soft:oklch(74% .15 150/.14);--success-border:oklch(74% .15 150/.3);--warning-soft:oklch(78% .15 75/.14);--warning-border:oklch(78% .15 75/.3);--critical-soft:oklch(70% .18 25/.14);--critical-border:oklch(70% .18 25/.3);--info-soft:oklch(72% .12 230/.14);--info-border:oklch(72% .12 230/.3);--radius:6px;--radius-sm:4px;--radius-lg:10px;--field-h:44px;--shadow:0 1px 0 oklch(100% 0 0/.04) inset, 0 0 0 1px oklch(0% 0 0/.4);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text);background:var(--bg);font-family:IBM Plex Sans,system-ui,sans-serif;font-weight:400;line-height:1.4}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:oklch(96% .008 250);--bg-2:oklch(93% .008 250);--surface:oklch(98% .004 250);--surface-2:oklch(95% .006 250);--surface-3:oklch(90% .01 250);--border:oklch(83% .012 250);--border-strong:oklch(72% .02 250);--text:oklch(21% .01 250);--text-dim:oklch(38% .014 250);--text-muted:oklch(50% .015 250);--accent:oklch(61% .17 251);--accent-soft:color-mix(in oklab, var(--accent) 18%, white);--accent-fg:#fff;--success:oklch(62% .16 150);--warning:oklch(70% .16 85);--critical:oklch(60% .2 28);--info:oklch(63% .13 238);--pulse-shadow:oklch(62% .16 150/.42);--pulse-shadow-fade:oklch(62% .16 150/0);--quick-close-bg:oklch(76% .15 78);--quick-close-bg-hover:oklch(71% .16 78);--quick-close-fg:oklch(29% .035 58);--success-soft:oklch(62% .16 150/.12);--success-border:oklch(62% .16 150/.24);--warning-soft:oklch(70% .16 85/.14);--warning-border:oklch(70% .16 85/.28);--critical-soft:oklch(60% .2 28/.12);--critical-border:oklch(60% .2 28/.25);--info-soft:oklch(63% .13 238/.12);--info-border:oklch(63% .13 238/.24);--shadow:0 1px 0 oklch(100% 0 0/.7) inset, 0 0 0 1px oklch(30% .01 250/.14)}:root[data-theme=selmode]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:oklch(19% .045 314);--bg-2:oklch(23% .05 314);--surface:oklch(27% .055 314);--surface-2:oklch(31% .06 314);--surface-3:oklch(35% .065 314);--border:oklch(45% .07 316);--border-strong:oklch(57% .09 317);--text:oklch(96% .012 320);--text-dim:oklch(82% .03 320);--text-muted:oklch(70% .04 320);--accent:oklch(76% .21 338);--accent-soft:color-mix(in oklab, var(--accent) 22%, transparent);--accent-fg:oklch(22% .04 320);--success:oklch(78% .18 170);--warning:oklch(84% .18 92);--critical:oklch(73% .22 20);--info:oklch(78% .16 260);--pulse-shadow:oklch(78% .18 170/.64);--pulse-shadow-fade:oklch(78% .18 170/0);--quick-close-bg:oklch(81% .19 36);--quick-close-bg-hover:oklch(76% .2 32);--quick-close-fg:oklch(24% .05 330);--success-soft:oklch(78% .18 170/.14);--success-border:oklch(78% .18 170/.3);--warning-soft:oklch(84% .18 92/.14);--warning-border:oklch(84% .18 92/.3);--critical-soft:oklch(73% .22 20/.14);--critical-border:oklch(73% .22 20/.3);--info-soft:oklch(78% .16 260/.14);--info-border:oklch(78% .16 260/.3);--shadow:0 1px 0 oklch(100% 0 0/.05) inset, 0 0 0 1px oklch(0% 0 0/.34)}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--text);margin:0;font-size:16px}#root{min-height:100vh}.mono{font-family:IBM Plex Mono,ui-monospace,monospace}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:1rem;font-weight:600}h2{margin-bottom:0;font-size:1rem}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer}*{box-sizing:border-box}.app{background:var(--bg);grid-template-rows:56px 1fr;height:100vh;display:grid}.callbar{background:var(--bg-2);border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:0 14px;display:grid}.cb-id{align-items:center;gap:10px;display:flex}.num{letter-spacing:.02em;font-size:15px;font-weight:600}.cb-actions{align-items:center;gap:6px;display:flex}.cb-auth{align-items:center;gap:6px;display:flex;position:relative}.settings-menu{position:relative}.settings-trigger{min-width:34px;padding:0}.settings-icon{width:16px;height:16px;display:block}.settings-popover{z-index:20;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-2);min-width:220px;padding:12px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 36px #00000047}.settings-option{justify-content:flex-start}.cb-agent-name{color:var(--text-dim);white-space:nowrap;font-size:14.5px;font-weight:500}.cb-separator{color:var(--border-strong)}.call-timer{color:var(--text-dim);white-space:nowrap;font-size:13.5px;font-weight:500}.call-started-at{color:var(--text-dim);white-space:nowrap;font-size:13.5px}.main-shell{grid-template-columns:420px 470px 1fr;min-height:0;display:grid;overflow:hidden}.left-col,.middle-col,.right-col{min-height:0;overflow:hidden}.left-col{flex-direction:column;display:flex}.left-col-main{flex:50%;min-height:0;overflow-y:auto}.middle-col{flex-direction:column;display:flex}.middle-col>.section-panel{flex-direction:column;flex:1;min-height:0;display:flex}.left-col,.middle-col{border-right:1px solid var(--border)}.panel{padding:22px}.left-col>.section-panel,.left-col-main>.section-panel{flex-direction:column;display:flex}.section-panel+.section-panel,.left-col-main+.notes-panel{border-top:1px solid var(--border)}.standalone-panel{width:min(560px,100vw - 32px)}.invalid-screen{place-items:center;padding:24px;display:grid}.section-heading,.h-section{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:14px;font-weight:600}.label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:13.5px;font-weight:500}.accent-label{color:var(--accent)}.field{height:var(--field-h);background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);outline:none;padding:0 13px;transition:border-color .12s,background .12s}.field:focus{border-color:var(--accent);background:var(--bg);box-shadow:0 0 0 3px var(--accent-soft)}.field:disabled{opacity:.55;cursor:not-allowed}textarea.field{resize:vertical;height:auto;padding:12px 13px}.notes-panel{flex:0 0 50%;min-height:0;margin-top:auto}.call-notes-field{resize:none;flex:1;min-height:180px}select.field{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-muted) 50%), linear-gradient(135deg, var(--text-muted) 50%, transparent 50%);background-position:calc(100% - 14px) 13px,calc(100% - 9px) 13px;background-repeat:no-repeat;background-size:5px 5px;padding-right:26px}.btn{height:var(--field-h);background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);align-items:center;gap:6px;padding:0 16px;font-weight:500;transition:background .12s,border-color .12s;display:inline-flex}.btn:hover{background:var(--surface-3);border-color:var(--border-strong)}.btn.primary{background:var(--accent);color:var(--accent-fg);border-color:#0000;font-weight:600}.btn.quick-close{background:var(--quick-close-bg);color:var(--quick-close-fg);border-color:#0000;font-weight:600}.btn.quick-close:hover:not(:disabled){background:var(--quick-close-bg-hover)}.btn.active-action{background:var(--surface-2);border-color:var(--border-strong)}.btn.ghost{background:0 0}.btn.ghost:hover{background:var(--surface-2)}.btn.btn-dark{background:var(--surface-2);border-color:var(--border);color:var(--text)}.btn.btn-dark:hover{background:var(--surface-3);border-color:var(--border-strong)}.btn-small{height:34px;padding:0 14px;font-size:14px}.btn:disabled{opacity:.65;cursor:not-allowed}.chip{background:var(--surface-2);height:30px;color:var(--text-dim);border:1px solid var(--border);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:0 12px;font-size:13.5px;font-weight:500;display:inline-flex}.chip .dot{background:var(--text-muted);border-radius:999px;width:6px;height:6px}.chip.success,.matchbar{background:var(--success-soft);color:var(--success);border-color:var(--success-border)}.chip.warn,.matchbar.warn{background:var(--warning-soft);color:var(--warning);border-color:var(--warning-border)}.chip.critical,.matchbar.none,.matchbar.critical{background:var(--critical-soft);color:var(--critical);border-color:var(--critical-border)}.chip.info{background:var(--info-soft);color:var(--info);border-color:var(--info-border)}.matchbar{border-radius:var(--radius-sm);border:1px solid;align-items:center;gap:8px;margin-bottom:14px;padding:8px 12px;font-size:14px;display:flex}.icon-dot{font-size:10px;font-weight:700}.search-results{border:1px solid var(--border);border-radius:var(--radius);max-height:min(55vh,560px);margin-top:16px;overflow:hidden auto}.customer-search-results{max-height:min(42vh,380px)}.compact-results{margin-bottom:22px}.active-filter-field{position:relative}.filter-clear-button{border:1px solid var(--border);background:var(--surface-2);width:30px;height:30px;color:var(--text-dim);border-radius:999px;justify-content:center;align-items:center;font-size:14px;font-weight:600;line-height:1;display:inline-flex;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.active-filter-field>.field{padding-right:44px}.filter-clear-button:hover{background:var(--surface-3);border-color:var(--border-strong)}.search-result{border:0;border-bottom:1px solid var(--border);width:100%;color:var(--text);text-align:left;background:0 0;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;padding:14px 16px;display:grid}.search-result:last-child{border-bottom:0}.search-result:hover{background:var(--surface)}.search-result.selected{background:var(--accent-soft)}.search-result>.chip{justify-content:center;justify-self:end;width:44px}.section-actions{flex-wrap:wrap;gap:8px;display:flex}.middle-col .section-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:calc(100% - 52px);max-width:calc(100% - 52px);margin:0 auto;display:grid}.middle-col .section-heading{justify-content:center}.action-button{justify-content:center;width:100%;min-width:0}.name{color:var(--text);font-size:15.5px}.sub,.foot-copy,.empty,.error-copy{color:var(--text-muted);font-size:14.5px}.error-copy{color:var(--critical)}.empty{padding:14px 0}.empty.roomy{padding:32px 24px}.contact-header{align-items:center;gap:14px;margin-bottom:16px;display:flex}.contact-header__body{min-width:0}.contact-name{font-size:17px;font-weight:600}.contact-subtitle{color:var(--text-muted);font-size:14.5px}.meta-list{gap:2px;display:grid}.meta-row{grid-template-columns:118px 1fr;align-items:baseline;gap:6px 12px;padding:3px 0;font-size:15px;display:grid}.meta-row .k{color:var(--text-muted);font-size:13.5px}.meta-row .v{color:var(--text);overflow-wrap:anywhere;min-width:0}.phone-row{grid-template-columns:118px minmax(0,1fr) auto;align-items:center;gap:6px 12px;padding:3px 0;font-size:15px;display:grid}.phone-row .k{color:var(--text-muted);font-size:13.5px}.phone-row .v{color:var(--text);min-width:0}.contact-error{margin-top:8px}.avatar{background:var(--surface-3);border:1px solid var(--border);width:48px;height:48px;color:var(--text);border-radius:999px;place-items:center;font-weight:600;display:grid}.avatar.sm{width:36px;height:36px;font-size:13px}.form{flex-direction:column;height:100%;min-height:0;display:flex}.work-panel{flex:1;min-height:0;margin-top:18px;display:flex}.form-body{flex:none;padding:22px 26px;overflow:visible}.form-body--compact{padding:22px 0}.form-mode-banner{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--accent-soft);justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding:12px 16px;display:flex}.banner-title{color:var(--text);font-weight:600}.banner-main{min-width:0}.banner-header-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.banner-subtitle{color:var(--text-muted);margin-top:8px;font-size:14.5px}.form-foot{border-top:1px solid var(--border);background:linear-gradient(to bottom, var(--bg-2), var(--surface));align-items:center;gap:8px;margin-top:auto;padding:18px 26px 14px;display:flex}.form-foot .btn{margin-left:auto}.form-actions{gap:8px;margin-left:auto;display:flex}.form-actions .btn{margin-left:0}.row{gap:8px;display:grid}.row+.row{margin-top:16px}.row.tight+.row.tight{margin-top:12px}.checkbox-row{color:var(--text);align-items:center;gap:8px;font-size:15px;display:inline-flex}.checkbox-group{justify-content:space-between;align-items:center;gap:24px;display:flex}.checkbox-row-disabled{color:var(--text-muted);opacity:.65}.checkbox-row input{margin:0}@media (width<=720px){.checkbox-group{flex-wrap:wrap;justify-content:flex-start}}.grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.quick-time-row{flex-flow:wrap;gap:8px;margin-top:10px;display:flex}.history-shell{grid-template-rows:auto 1fr;height:100%;min-height:0;display:grid}.tabs{border-bottom:1px solid var(--border);background:var(--bg-2);align-items:stretch;gap:0;padding:0 16px;display:flex}.tabs button{color:var(--text-muted);background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:14px 16px;font-size:15px;font-weight:500;display:inline-flex}.tabs button.active{color:var(--text);border-bottom-color:var(--accent)}.tabs .count{background:var(--surface-2);color:var(--text-muted);border-radius:999px;padding:1px 6px;font-size:13px;font-weight:600}.tabs button.active .count{background:var(--accent-soft);color:var(--accent)}.tabs-right{align-items:center;margin-left:auto;padding:6px 0;display:flex}.ticket-list{flex-direction:column;min-height:0;display:flex;overflow:auto}.ticket-block{border-bottom:1px solid var(--border)}.ticket-row{background:var(--bg);width:100%;color:var(--text);text-align:left;border:0;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 18px;transition:background .12s,border-color .12s;display:grid;position:relative}.ticket-row:before{content:"";background:0 0;width:3px;position:absolute;top:0;bottom:0;left:0}.ticket-row-open{background:color-mix(in oklab, var(--accent-soft) 70%, var(--bg))}.ticket-row-open:before{background:color-mix(in oklab, var(--accent) 30%, transparent)}.ticket-row-closed{background:color-mix(in oklab, var(--bg) 84%, black)}.ticket-row-closed:before{background:color-mix(in oklab, var(--border-strong) 20%, transparent)}.ticket-row:hover{background:var(--surface)}.ticket-row.selected{background:var(--accent-soft)}.ticket-row.selected:before{background:var(--accent)}.ticket-main{min-width:0}.ticket-people{flex-direction:column;align-items:flex-end;gap:6px;width:100%;display:flex}.ticket-person{min-width:0;color:var(--text);justify-content:flex-end;align-items:center;gap:7px;display:inline-flex}.ticket-person-contact{color:var(--text)}.ticket-person-agent{color:var(--text-dim)}.ticket-person-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:220px;font-size:14px;font-weight:600;overflow:hidden}.ticket-role-icon{width:14px;height:14px;color:var(--text-muted);flex:none}.ticket-role-icon-contact{color:var(--text-muted)}.ticket-role-icon-agent{color:color-mix(in oklab, var(--accent) 72%, var(--text-muted))}.ticket-side,.ticket-row .id{color:var(--text-muted);font-size:14px}.ticket-side{flex-direction:row;justify-content:center;align-items:flex-end;gap:12px;min-width:0;display:flex}.ticket-side-people{flex-direction:column;align-items:flex-end;gap:4px;min-width:0;display:flex}.title-line{color:color-mix(in oklab, var(--text) 62%, var(--text-dim));text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:600;overflow:hidden}.ticket-meta-row{align-items:center;min-width:0;margin-top:6px;display:flex}.ticket-note-preview{width:100%;max-width:520px;color:var(--text-dim);align-items:center;gap:7px;margin-top:5px;font-size:14px;display:flex;overflow:hidden}.ticket-note-preview span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ticket-note-icon{width:13px;height:13px;color:var(--text-muted);flex:none}.meta-line{min-width:0;color:var(--text-muted);flex-wrap:wrap;flex:auto;align-items:center;gap:8px;font-size:13px;display:flex}.meta-strong{color:var(--text-muted)}.meta-strong b{color:var(--text-dim);font-weight:600}.meta-team,.meta-team b{color:color-mix(in oklab, var(--accent) 76%, white)}.meta-separator{color:var(--border-strong)}.ticket-expand{background:var(--surface);padding:0 18px 18px 86px}.action-stack{gap:10px;display:grid}.action-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.action-topline{color:var(--text-muted);flex-wrap:wrap;gap:10px;margin-bottom:8px;font-size:13.5px;display:flex}.action-card p{color:var(--text);white-space:pre-wrap;margin:0;font-size:14.5px}@media (width<=980px){.main-shell{grid-template-columns:1fr}.left-col,.middle-col{border-right:0;border-bottom:1px solid var(--border)}}@media (width<=720px){.grid-2,.ticket-row{grid-template-columns:1fr}.ticket-note-preview{width:100%}.ticket-people{align-items:flex-start;gap:6px}.ticket-side{flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}.ticket-side-people{align-items:flex-start}.ticket-person{justify-content:flex-start}.ticket-expand{padding-left:14px}.ticket-side{text-align:left}}