:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--grey-0:#fff;--grey-50:#f5f6f7;--grey-100:#e6e7ea;--grey-200:#c9ccd2;--grey-300:#b6bbca;--grey-400:#8b92a6;--grey-500:#50545d;--grey-600:#383b42;--grey-700:#292e42;--grey-800:#1a1f31;--grey-850:#14192a;--grey-900:#0c1020;--grey-950:#070a14;--brand:#8b9dff;--brand-hover:#a7b3ff;--brand-bg:#8b9dff21;--brand-border:#8b9dff61;--success-fg:#61d6b0;--success-bg:#37c3971f;--warning-fg:#f2bd67;--warning-bg:#f2bd671f;--danger-fg:#ff6b6b;--danger-bg:#ff6b6b1a;--danger-border:#ff6b6b66;--surface-page:var(--grey-900);--surface-1:var(--grey-850);--surface-2:var(--grey-800);--surface-3:var(--grey-700);--border-subtle:var(--grey-700);--border-default:var(--grey-600);--border-strong:var(--grey-500);--text-primary:var(--grey-50);--text-secondary:var(--grey-300);--text-tertiary:var(--grey-400);--text-inverse:var(--grey-950);--action-bg:var(--brand);--action-bg-hover:var(--brand-hover);--action-text:var(--grey-950);--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:999px;--font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, monospace;--text-xs:11px;--text-sm:12px;--text-base:15px;--text-md:16px;--text-lg:17px;--text-xl:20px;--text-2xl:24px;--text-3xl:30px;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.65;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--tracking-tight:-.01em;--tracking-wide:.06em;--tracking-extreme:.25em;--duration-fast:.12s;--duration-base:.18s;--duration-slow:.26s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--shadow-1:0 1px 2px #0006;--shadow-2:0 8px 28px #00000047;--shadow-3:0 24px 48px #00000073;--sidebar-w:240px;--topbar-h:56px;--page-pad-x:var(--space-6);--page-pad-y:var(--space-6);--focus-ring:0 0 0 2px var(--grey-950), 0 0 0 4px var(--brand);--tap-target:44px;font-family:var(--font-sans)}*{box-sizing:border-box}html,body,#root{height:100%}body{background:radial-gradient(circle at 80% -10%, #6853d224, transparent 32rem), var(--surface-page);min-height:100vh;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);margin:0}a{color:inherit;text-decoration:none}a:hover{color:var(--text-primary)}a:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-xs);outline:none}button{font:inherit;cursor:pointer;background:var(--surface-2);border:1px solid var(--border-default);color:var(--text-primary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);min-height:var(--tap-target);transition:background var(--duration-base) var(--ease-standard), border-color var(--duration-base) var(--ease-standard)}button:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-3)}button:focus-visible{box-shadow:var(--focus-ring);outline:none}button:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{font:inherit;background:var(--surface-page);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);width:100%;min-height:var(--tap-target);transition:border-color var(--duration-base) var(--ease-standard), box-shadow var(--duration-base) var(--ease-standard)}input:focus,textarea:focus,select:focus{border-color:var(--border-strong);box-shadow:var(--focus-ring);outline:none}textarea{resize:vertical;min-height:80px;font-family:inherit;line-height:var(--leading-normal)}label{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-1);display:block}.muted{color:var(--text-secondary)}.dim{color:var(--text-tertiary)}.row{gap:var(--space-3);align-items:center;display:flex}.col{gap:var(--space-2);flex-direction:column;display:flex}.stack{gap:var(--space-4);flex-direction:column;display:flex}.grid{gap:var(--space-3);display:grid}.shell{grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh;display:grid}.sidebar{background:var(--surface-page);border-right:1px solid var(--border-subtle);padding:var(--space-5) var(--space-3);gap:var(--space-1);flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar h1{font-size:var(--text-md);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);margin:0 0 var(--space-5);padding:0 var(--space-2);align-items:center;gap:var(--space-2);display:flex}.nav-link{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-base);align-items:center;gap:var(--space-2);min-height:var(--tap-target);transition:background var(--duration-base) var(--ease-standard), color var(--duration-base) var(--ease-standard);display:flex}.nav-link:hover{background:var(--surface-2);color:var(--text-primary)}.nav-link.active{background:var(--brand-bg);box-shadow:inset 2px 0 var(--brand);color:var(--text-primary)}.sidebar nav{gap:var(--space-1);flex-direction:column;display:flex}.sidebar-footer{padding-top:var(--space-3);border-top:1px solid var(--border-subtle);margin-top:auto}.user-chip{align-items:center;gap:var(--space-2);padding:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);display:flex}.user-chip:hover{background:var(--surface-2);border-radius:var(--radius-md)}.user-chip__email{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.user-chip .avatar{background:var(--surface-2);border:1px solid var(--border-subtle);width:28px;height:28px;font-weight:var(--weight-semibold);color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;display:flex}.page{padding:var(--page-pad-y) var(--page-pad-x);overflow-y:auto}.modal-backdrop{z-index:50;padding:var(--space-5);background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:100%;max-width:560px;max-height:88vh;padding:var(--space-6);box-shadow:var(--shadow-3);overflow-y:auto}.modal-header,.modal__header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.modal-header h3,.modal__header h3{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin:0}.confirm-dialog{z-index:51;max-width:440px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.confirm-dialog__title{margin:0 0 var(--space-2);font-size:var(--text-lg);font-weight:var(--weight-semibold)}.confirm-dialog__body{color:var(--text-secondary);font-size:var(--text-sm);margin:0;line-height:1.5}.modal__footer{justify-content:flex-end;align-items:center;gap:var(--space-2);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border-subtle);display:flex}.nav-group__label{text-transform:uppercase;letter-spacing:var(--tracking-wide);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-tertiary);padding:var(--space-2) var(--space-2) var(--space-1);margin-top:var(--space-2)}.nav-group__label:first-of-type{margin-top:0}table.simple{border-collapse:collapse;width:100%}table.simple th,table.simple td{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);font-size:var(--text-base)}table.simple th{font-weight:var(--weight-medium);color:var(--text-secondary);font-size:var(--text-sm);letter-spacing:var(--tracking-wide);text-transform:uppercase}table.simple tbody tr{transition:background var(--duration-base) var(--ease-standard)}table.simple tbody tr:hover td{background:var(--surface-2)}.kbd{background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);padding:1px var(--space-2);font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-secondary)}.btn,a.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--tap-target);padding:var(--space-2) var(--space-4);font:inherit;font-weight:var(--weight-medium);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text-primary);transition:background var(--duration-base) var(--ease-standard), border-color var(--duration-base) var(--ease-standard);cursor:pointer;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled),a.btn:hover{background:var(--surface-3);border-color:var(--border-strong);color:var(--text-primary)}.btn:focus-visible,a.btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--action-bg);color:var(--action-text);border-color:var(--action-bg);font-weight:var(--weight-semibold)}.btn--primary:hover:not(:disabled){background:var(--action-bg-hover);border-color:var(--action-bg-hover);color:var(--action-text)}.btn--ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.btn--ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text-primary);border-color:#0000}.btn--danger{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger-fg)}.btn--danger:hover:not(:disabled){background:color-mix(in srgb, var(--danger-bg) 60%, var(--surface-2));border-color:var(--danger-border);color:var(--danger-fg)}.btn--block{width:100%}.btn--xl{min-height:52px;font-size:var(--text-md);padding:var(--space-3) var(--space-5)}.pill{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--weight-medium);background:var(--surface-2);border:1px solid var(--border-subtle);color:var(--text-secondary);display:inline-flex}.pill--strong{color:var(--brand-hover);border-color:var(--brand-border);background:var(--brand-bg)}.pill--success{color:var(--success-fg);background:var(--success-bg);border-color:color-mix(in srgb, var(--success-fg) 38%, transparent)}.pill--warning{color:var(--warning-fg);background:var(--warning-bg);border-color:color-mix(in srgb, var(--warning-fg) 38%, transparent)}.pill--info{color:var(--brand-hover);background:var(--brand-bg);border-color:var(--brand-border)}.pill--danger{color:var(--danger-fg);border-color:var(--danger-border);background:var(--danger-bg)}.pill__dot{background:currentColor;border-radius:50%;width:6px;height:6px}.pill--live .pill__dot{animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.card{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-1)}.card--flush{padding:0;overflow:hidden}.card--inset{background:var(--surface-page)}.card--error{border-color:var(--danger-border);color:var(--danger-fg)}.card--highlight{border-color:var(--border-strong)}.banner{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-1);display:flex}.section-head{padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.section-head h3{font-size:var(--text-base);font-weight:var(--weight-medium);margin:0}.field{gap:var(--space-1);flex-direction:column;display:flex}.field-grid--2{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.field--checkbox{gap:var(--space-2);cursor:pointer;align-items:center;display:inline-flex}.field--checkbox input[type=checkbox]{width:auto;min-height:18px}.field--range{gap:var(--space-3);align-items:center;display:flex}.field--range input[type=range]{flex:1;min-height:0}.range-value{font-variant-numeric:tabular-nums;min-width:var(--space-8);text-align:right;color:var(--text-secondary);font-size:var(--text-sm)}.field--grow{flex:200px}.form-actions{gap:var(--space-2);justify-content:flex-end;display:flex}.empty{text-align:center;padding:var(--space-12) var(--space-4);color:var(--text-secondary);border:1px dashed var(--border-subtle);border-radius:var(--radius-lg)}.empty h3{margin:0 0 var(--space-1);color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--weight-semibold)}.empty p{color:var(--text-tertiary);margin:0}.empty .btn{margin-top:var(--space-4)}.empty--inline{padding:var(--space-5)}.state-loading{padding:var(--space-6);color:var(--text-tertiary);align-items:center;gap:var(--space-2);display:flex}.state-loading:before{content:"";border:2px solid var(--border-default);border-top-color:var(--text-primary);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-text{color:var(--danger-fg);font-size:var(--text-sm)}.error-text--block{margin-bottom:var(--space-3);display:block}.list-row{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.list-row__primary{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.list-row__title{font-weight:var(--weight-medium);font-size:var(--text-base);color:var(--text-primary)}.list-row__meta{color:var(--text-secondary);font-size:var(--text-sm)}.list-row__actions{gap:var(--space-2);flex-shrink:0;display:flex}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-5);display:flex}.page-header h2{font-size:var(--text-2xl);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);margin:0}.page-header .sub{color:var(--text-secondary);font-size:var(--text-sm);margin-top:var(--space-1)}.auth-shell{min-height:100vh;padding:var(--space-5);justify-content:center;align-items:center;display:flex}.auth-card{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);width:100%;max-width:380px}.auth-card h1{font-size:var(--text-xl);font-weight:var(--weight-semibold);margin:0}.auth-sub{color:var(--text-secondary);margin-top:var(--space-2);font-size:var(--text-sm)}.auth-divider{align-items:center;gap:var(--space-3);margin:var(--space-5) 0;color:var(--text-tertiary);font-size:var(--text-sm);display:flex}.auth-divider:before,.auth-divider:after{content:"";border-top:1px solid var(--border-subtle);flex:1}.verification-code{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-extreme);padding:var(--space-2) var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text-primary)}.preformatted-box{font-family:var(--font-mono);font-size:var(--text-sm);white-space:pre-wrap;word-wrap:break-word;background:var(--surface-page);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-3);color:var(--text-secondary);max-height:320px;overflow:auto}.kv-grid{gap:var(--space-2) var(--space-3);grid-template-columns:minmax(110px,auto) 1fr;margin:0;display:grid}.kv-grid dt{color:var(--text-tertiary);font-size:var(--text-sm)}.kv-grid dd{color:var(--text-primary);font-size:var(--text-sm);margin:0}.topbar{height:var(--topbar-h);background:var(--surface-page);border-bottom:1px solid var(--border-subtle);padding:0 var(--space-4);align-items:center;gap:var(--space-3);z-index:30;display:none;position:sticky;top:0}.topbar .brand{font-size:var(--text-md);font-weight:var(--weight-semibold)}.topbar__spacer{flex:1}.icon-button{width:var(--tap-target);height:var(--tap-target);min-height:var(--tap-target);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-button:hover{background:var(--surface-2)}.icon-button:focus-visible{box-shadow:var(--focus-ring);outline:none}.icon-button svg{display:block}.drawer-backdrop{z-index:40;background:#00000080;display:none;position:fixed;inset:0}.speed-dial-grid{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.speed-dial-card{gap:var(--space-1);text-align:left;padding:var(--space-4);background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:background var(--duration-base) var(--ease-standard), border-color var(--duration-base) var(--ease-standard);min-height:var(--tap-target);flex-direction:column;display:flex}.speed-dial-card:hover{background:var(--surface-3);border-color:var(--border-default)}.speed-dial-card--selected{background:var(--surface-3);border-color:var(--border-strong)}.speed-dial-card__head{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.speed-dial-card__name{font-weight:var(--weight-semibold);font-size:var(--text-base)}.speed-dial-card__phone{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-tertiary)}.agent-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.call-detail-grid{gap:var(--space-5);grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start;display:grid}.plan-summary{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.plan-summary--auto{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.template-tile{gap:var(--space-2);text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;flex-direction:column;transition:border-color .15s;display:flex}.template-tile:hover:not(:disabled){border-color:var(--brand);background:var(--brand-bg)}.select-trigger{justify-content:space-between;align-items:center;gap:var(--space-3);background:var(--surface-page);border:1px solid var(--border-default);width:100%;color:var(--text-primary);border-radius:var(--radius-md);min-height:var(--tap-target);padding:var(--space-2) var(--space-3);text-align:left;display:inline-flex}.select-trigger:hover{border-color:var(--brand-border);background:var(--surface-2)}.select-trigger[data-state=open],.select-trigger:focus-visible{box-shadow:var(--focus-ring);border-color:var(--brand);outline:none}.select-trigger__icon{color:var(--text-tertiary);display:flex}.select-content{z-index:100;min-width:var(--radix-select-trigger-width);max-height:min(360px, var(--radix-select-content-available-height));background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-3);overflow:hidden}.select-viewport{padding:var(--space-1)}.select-item{min-height:40px;padding:var(--space-2) 38px var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);cursor:default;outline:none;align-items:center;display:flex;position:relative}.select-item[data-highlighted]{background:var(--brand-bg);color:var(--text-primary)}.select-item[data-disabled]{opacity:.45}.select-item__indicator{right:var(--space-3);color:var(--brand);display:flex;position:absolute}.settings-tabs{gap:var(--space-1);padding:var(--space-1);background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:fit-content;max-width:100%;display:flex;overflow-x:auto}.settings-tab{color:var(--text-secondary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);white-space:nowrap;align-items:center;min-height:40px;display:inline-flex}.settings-tab:hover{background:var(--surface-2)}.settings-tab.active{color:var(--text-primary);background:var(--brand-bg);box-shadow:inset 0 0 0 1px var(--brand-border)}.settings-panel>.stack>.page-header{display:none}.skip-link{top:var(--space-2);left:var(--space-2);z-index:200;padding:var(--space-2) var(--space-3);background:var(--brand);color:var(--text-inverse);border-radius:var(--radius-md);position:fixed;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.template-tile:disabled{opacity:.55;cursor:not-allowed}.plan-summary__cell{gap:var(--space-1);flex-direction:column;display:flex}.plan-summary__label{color:var(--text-tertiary);font-size:var(--text-sm)}.plan-summary__value{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--text-primary)}.credit-pack-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.credit-pack{gap:var(--space-2);flex-direction:column;display:flex}.credit-pack__name{font-weight:var(--weight-semibold);font-size:var(--text-base)}.credit-pack__meta{color:var(--text-secondary);font-size:var(--text-sm)}.table-scroll{overflow-x:auto}.call-view{background:var(--surface-page);height:100vh;color:var(--text-primary);flex-direction:column;display:flex}.call-view__header{padding:var(--space-3) var(--space-5);background:var(--surface-1);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.call-view__title{font-size:var(--text-base)}.call-view__sub{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1)}.call-view__header-right{gap:var(--space-3);align-items:center;display:flex}.call-view__toggle{gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;align-items:center;display:inline-flex}.call-view__toggle input[type=checkbox]{width:auto;min-height:18px}.call-view__hangup{background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger-fg);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-weight:var(--weight-semibold);min-height:var(--tap-target);cursor:pointer;transition:background var(--duration-base) var(--ease-standard)}.call-view__hangup:hover{background:color-mix(in srgb, var(--danger-bg) 60%, var(--surface-2))}.call-view__volume{gap:var(--space-6);padding:var(--space-2) var(--space-5);background:var(--surface-page);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.vol-slider{gap:var(--space-2);font-size:var(--text-sm);color:var(--text-tertiary);align-items:center;display:flex}.vol-slider__label{min-width:70px;font-weight:var(--weight-semibold);color:var(--text-tertiary)}.vol-slider input[type=range]{width:140px;min-height:0}.vol-slider__value{color:var(--text-tertiary);text-align:right;min-width:36px}.call-view__body{background:var(--border-subtle);flex:1;gap:1px;min-height:0;display:grid}.call-view__body--single{grid-template-columns:1fr}.call-view__body--split{grid-template-columns:1fr 1fr}.call-view__panel{background:var(--surface-page);flex-direction:column;min-height:0;display:flex}.call-view__panel-head{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide);border-bottom:1px solid var(--border-subtle)}.transcript{padding:var(--space-2) var(--space-3);gap:var(--space-2);flex-direction:column;flex:1;display:flex;overflow-y:auto}.transcript__empty{color:var(--text-tertiary);text-align:center;margin-top:var(--space-6);font-style:italic}.transcript__line{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-base);line-height:var(--leading-normal);background:var(--surface-2);border:1px solid var(--border-subtle);max-width:85%}.transcript__line--caller{align-self:flex-start}.transcript__line--agent{border-color:var(--border-default);align-self:flex-end}.transcript__who{font-size:var(--text-xs);color:var(--text-tertiary);margin-bottom:var(--space-1);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.eventlog{flex-direction:column;height:100%;min-height:0;display:flex}.eventlog__toolbar{gap:var(--space-3);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-subtle);font-size:var(--text-sm);color:var(--text-secondary);flex-wrap:wrap;align-items:center;display:flex}.eventlog__cb{gap:var(--space-2);cursor:pointer;align-items:center;display:inline-flex}.eventlog__cb input[type=checkbox]{width:auto;min-height:18px}.eventlog__count{margin-left:auto}.eventlog__scroll{padding:var(--space-1) 0;flex:1;min-height:0;overflow-y:auto}.eventlog__row{border-bottom:1px solid var(--surface-2)}.eventlog__summary{gap:var(--space-2);text-align:left;width:100%;padding:2px var(--space-3);font-family:var(--font-mono);font-size:var(--text-sm);cursor:pointer;background:0 0;border:none;grid-template-columns:12px 80px 60px 14px 1fr;min-height:0;display:grid}.eventlog__summary:hover{background:var(--surface-2)}.eventlog__caret,.eventlog__ts{color:var(--text-tertiary)}.eventlog__src{color:var(--text-secondary);text-transform:uppercase;font-size:var(--text-xs)}.eventlog__dir{color:var(--text-tertiary)}.eventlog__type{font-weight:var(--weight-semibold)}.eventlog__summarytext{color:var(--text-secondary);padding-left:var(--space-2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.eventlog__detail{padding:var(--space-2) var(--space-3) var(--space-2) 110px;background:var(--grey-950);font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;max-height:240px;margin:0;overflow:auto}@media (width<=640px){.shell{grid-template-columns:1fr;grid-template-rows:var(--topbar-h) 1fr}.topbar{display:flex}.sidebar{width:min(280px,84vw);transition:transform var(--duration-base) var(--ease-standard);z-index:50;box-shadow:var(--shadow-3);position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.shell--drawer-open .sidebar{transform:translate(0)}.shell--drawer-open .drawer-backdrop{display:block}.page{padding:var(--space-4);padding-bottom:max(var(--space-4), env(safe-area-inset-bottom))}.page-header{flex-direction:column;align-items:stretch}.field-grid--2{grid-template-columns:1fr}.list-row{flex-direction:column}.list-row__actions{width:100%}.list-row__actions .btn{flex:1}.speed-dial-grid,.agent-grid,.plan-summary{grid-template-columns:1fr}.settings-tabs{width:100%}.settings-tab{flex:1 0 auto;justify-content:center}.modal{padding:var(--space-4)}}@media (width>=641px){.topbar{display:none}}@media (width<=900px){.call-detail-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.pagination{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3);border-top:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.pagination__range{font-size:var(--text-sm)}.pagination__pages{align-items:center;gap:var(--space-1);margin-left:auto;display:flex}.pagination__btn{min-width:2.25rem;padding-left:var(--space-2);padding-right:var(--space-2);justify-content:center}.pagination__btn--active{color:var(--brand-hover);border-color:var(--brand-border);background:var(--brand-bg)}.pagination__gap{padding:0 var(--space-1);color:var(--text-secondary)}.search-input{width:100%}.tag-list{gap:var(--space-1);flex-wrap:wrap;display:flex}.tag{max-width:100%}.tag--removable{padding-right:var(--space-1);gap:var(--space-1)}.tag__remove{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;justify-content:center;align-items:center;margin-left:2px;padding:0;display:inline-flex}.tag__remove:hover{opacity:1}.tag-input{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md,8px);background:var(--surface-1,var(--surface-2));flex-wrap:wrap;display:flex}.tag-input:focus-within{border-color:var(--brand-border)}.tag-input__field{min-width:8rem;padding:var(--space-1) 0;background:0 0;border:none;flex:8rem}.tag-input__field:focus{outline:none}