.call-health,.call-transcript,.call-copilot,.call-controls-workspace,.call-next-lead{min-width:0;color:var(--text-primary);font-family:var(--font-sans)}.call-health-signals{gap:var(--space-1) var(--space-4);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.call-health-signal{align-items:center;gap:var(--space-2);padding:var(--space-2) 0;color:var(--text-secondary);cursor:help;background:0 0;border:0;min-height:36px;font-size:12px;font-weight:500;display:inline-flex}.call-health-dot{border-radius:var(--radius-full);background:var(--text-tertiary);width:6px;height:6px;transition:background-color var(--dur-base) var(--ease);flex:0 0 6px;display:inline-block}[data-tone=ready]>.call-health-dot,[data-state=live]>.call-health-dot,[data-state=restored]>.call-health-dot{background:var(--accent)}[data-tone=degraded]>.call-health-dot,[data-state=degraded]>.call-health-dot,[data-state=reconnecting]>.call-health-dot{background:var(--warning-fg)}[data-tone=unavailable]>.call-health-dot,[data-state=unavailable]>.call-health-dot{background:var(--danger-fg)}.call-health-escalation,.call-copilot-status{margin:var(--space-2) 0 var(--space-3);padding:var(--space-3) var(--space-4);border-inline-start:2px solid var(--warning-fg);background:var(--bg-active);color:var(--text-primary);overflow-wrap:anywhere;font-size:13px;line-height:1.6}.call-panel-heading{justify-content:space-between;align-items:center;gap:var(--space-3);padding-block:var(--space-5);border-bottom:1px solid var(--border-subtle);display:flex}.call-panel-heading h2{align-items:center;gap:var(--space-2);font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:18px;font-weight:600;display:flex}.call-panel-heading>span,.call-speech-meta,.call-cue-meta,.call-cue-source-note,.call-copilot-footnote,.call-control-hints,.call-transcript-footer{color:var(--text-secondary);font-size:12px;line-height:1.5}.call-transcript-viewport{overscroll-behavior:contain;scrollbar-gutter:stable;overflow-anchor:auto;block-size:clamp(260px,48vh,540px);padding-inline-end:var(--space-3);overflow:auto}.call-speech-list{margin:0;padding:0;list-style:none}.call-speech{box-sizing:border-box;padding-block:var(--space-5);border-bottom:1px solid var(--border-subtle);overflow-wrap:anywhere}.call-speech-meta{gap:var(--space-3);margin-bottom:var(--space-2);align-items:center;display:flex}.call-speech-meta strong{color:var(--text-primary);font-weight:600}.call-speech[data-speaker=rep] .call-speech-meta strong{color:var(--accent-subtle-fg)}.call-speech p{white-space:pre-wrap;margin:0;font-size:16px;line-height:1.65}.call-speech[data-pending] p{color:var(--text-secondary);min-block-size:3.3em}.call-speech[data-pending] .call-speech-meta>span:after{content:"";width:4px;height:4px;border-radius:var(--radius-full);background:var(--accent);animation:call-listening var(--dur-pulse) var(--ease) infinite alternate;margin-inline-start:var(--space-2);display:inline-block}.call-transcript-empty{padding-block:var(--space-10);color:var(--text-secondary);font-size:14px;line-height:1.6}.call-track-states{padding-block:var(--space-4)}.call-track-states p{align-items:baseline;gap:var(--space-2);margin:var(--space-2) 0;color:var(--text-secondary);font-size:12px;display:flex}.call-track-states strong{flex:0 0 30px;font-weight:500}.call-track-states p>span:last-child{overflow-wrap:anywhere}.call-transcript-footer{align-items:center;gap:var(--space-2);border-top:1px solid var(--border-subtle);padding-block:var(--space-3);flex-wrap:wrap;justify-content:space-between;display:flex}.call-jump-slot{min-height:32px}.call-copilot-intro{color:var(--text-secondary);margin:var(--space-4) 0 var(--space-6);font-size:13px;line-height:1.6}.call-cue{padding:0 0 var(--space-5);margin:0 0 var(--space-5);border-bottom:1px solid var(--border-subtle);animation:call-cue-arrive var(--dur-base) var(--ease-out)}.call-cue[data-pinned]{border-inline-start:2px solid var(--accent);padding-inline-start:var(--space-4)}.call-cue-meta{color:var(--accent-subtle-fg);font-weight:500}.call-cue-text{margin:var(--space-3) 0;overflow-wrap:anywhere;font-size:16px;line-height:1.6}.call-cue-sources{margin:var(--space-3) 0;padding:0;list-style:none}.call-cue-sources a{align-items:center;gap:var(--space-2);color:var(--text-link);padding-block:var(--space-1);overflow-wrap:anywhere;font-size:12px;line-height:1.6;display:inline-flex}.call-cue-sources svg{flex-shrink:0}.call-cue-actions{gap:var(--space-2);margin-block-start:var(--space-3);display:flex}.call-copilot-footnote{margin:0}.call-control-bar{align-items:stretch;gap:var(--space-2);flex-wrap:wrap;display:flex}.call-control-bar>.button,.call-control-bar>.tooltip-anchor{flex:100px}.call-control-bar>.tooltip-anchor{display:flex}.call-control-bar .tooltip-anchor>span:not([role=tooltip]){width:100%;height:100%;display:block}.call-control-bar .tooltip-anchor .button{width:100%;height:100%}.call-control-bar .button{min-height:44px}.call-control-bar kbd{margin-inline-start:var(--space-2)}.call-control-hints{margin-block:var(--space-3)}.call-dtmf{width:min(100%,240px);margin:var(--space-4) auto;text-align:center}.call-dtmf output{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;min-height:32px;font-size:18px;display:block}.call-dtmf-grid{gap:var(--space-2);margin-block:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.call-dtmf-grid .button{min-height:44px;font-size:18px}.call-next-lead{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.call-next-lead>span{color:var(--text-secondary);font-size:12px}.call-health button:focus-visible,.call-transcript :focus-visible,.call-copilot :focus-visible,.call-controls-workspace :focus-visible,.call-next-lead :focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}@keyframes call-cue-arrive{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes call-listening{0%{opacity:.35}to{opacity:1}}@media (width<=480px){.call-health-signals{gap:0 var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.call-health-signal{text-align:start;min-height:44px}.call-panel-heading{align-items:baseline}.call-panel-heading>span{text-align:end}.call-transcript-viewport{block-size:380px}.call-control-bar>.button,.call-control-bar>.tooltip-anchor{flex-basis:calc(50% - var(--space-2))}.call-cue-actions .button{min-height:44px}}@media (prefers-reduced-motion:reduce){.call-cue,.call-speech[data-pending] .call-speech-meta>span:after{animation:none}.call-health-dot{transition:none}.call-transcript-viewport{scroll-behavior:auto}}.call-preview{max-width:1120px;padding:var(--space-8) var(--space-8) var(--space-12);font-family:var(--font-sans);color:var(--text-primary);margin:0 auto}body:has(.call-preview){background:var(--bg-panel);margin:0}.call-preview-masthead{justify-content:space-between;gap:var(--space-4);color:var(--text-secondary);padding-block-end:var(--space-8);font-size:12px;display:flex}.call-preview-masthead>span:first-child{color:var(--text-primary);font-size:14px;font-weight:650}.call-preview-title{justify-content:space-between;align-items:end;gap:var(--space-4);margin-block:var(--space-6) var(--space-5);display:flex}.call-preview-title h1{font-family:var(--font-display);letter-spacing:-.035em;margin:var(--space-2) 0 0;font-size:32px;font-weight:600;line-height:1.2}.call-preview-title p{color:var(--text-secondary);margin:0;font-size:14px}.call-preview-duration{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:13px}.call-preview-workspace{gap:var(--space-12);border-top:1px solid var(--border-default);grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);margin-block-start:var(--space-5);display:grid}.call-preview-controls{padding-block:var(--space-6);border-top:1px solid var(--border-default);max-width:660px}.call-preview-scenarios{color:var(--text-secondary);margin-block-start:var(--space-5);font-size:12px}.call-preview-scenarios>div{gap:var(--space-2);flex-wrap:wrap;margin-block-start:var(--space-3);display:flex}.call-preview .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=700px){.call-preview{padding:var(--space-5);padding-block-end:180px}.call-preview-title{margin-block-start:var(--space-3);display:block}.call-preview-title h1{font-size:28px}.call-preview-duration{margin-block-start:var(--space-3);display:block}.call-preview-workspace{gap:var(--space-6);grid-template-columns:minmax(0,1fr)}.call-preview-masthead{padding-block-end:var(--space-5)}.call-preview-controls{inset-inline:0;z-index:var(--z-sticky);max-width:none;padding:var(--space-3) var(--space-5) calc(var(--space-2) + env(safe-area-inset-bottom));background:var(--bg-panel);margin:0;position:fixed;bottom:0}}.call-health .tooltip,.call-controls-workspace .tooltip{white-space:normal;width:min(240px,65vw)}.call-health .tooltip-anchor[data-placement=bottom] .tooltip{left:0;transform:translateY(2px)}.call-health .tooltip-anchor[data-placement=bottom] .tooltip[data-open]{transform:translateY(0)}.dialer{top:calc(var(--header-h) + 12px);z-index:calc(var(--z-modal) - 10);width:min(360px,100vw - 32px);max-height:calc(100dvh - var(--header-h) - 32px);background:var(--bg-overlay);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-3);animation:dialer-in var(--dur-base) var(--ease-out);flex-direction:column;display:flex;position:fixed;right:20px;overflow:auto}@keyframes dialer-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.dialer-head{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:flex-start;gap:8px;padding:12px 12px 10px 16px;display:flex}.dialer-heading{min-width:0}.dialer-title{font-size:var(--font-size-md);line-height:var(--line-height-md);font-weight:var(--font-weight-medium);overflow-wrap:anywhere;margin:0}.dialer-title:focus-visible{border-radius:var(--radius-xs)}.dialer-sub{font-size:var(--font-size-xs);line-height:var(--line-height-xs);color:var(--text-secondary);flex-wrap:wrap;gap:4px 10px;margin:2px 0 0;display:flex}.dialer-body{flex-direction:column;gap:12px;padding:12px 16px 16px;display:flex}.dialer-body .notice{margin:0}.dialer-body .kv{background:var(--bg-sunken);border-radius:var(--radius-sm);padding:10px 12px}.dialer-field{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary);flex-direction:column;gap:4px;display:flex}.dialer-field.grow{flex:140px}.dialer-row{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.dialer-actions{justify-content:flex-end;gap:8px;display:flex}.dialer-foot{font-size:var(--font-size-xs);margin:0;padding:0 16px 12px}.dialer-devices summary{cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.dialer-devices summary:hover{color:var(--text-primary)}.dialer-device-fields{gap:8px;margin-top:8px;display:grid}.dialer-device-fields label{font-size:var(--font-size-xs);color:var(--text-secondary);flex-direction:column;gap:4px;display:flex}.check-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.check-item{font-size:var(--font-size-sm);line-height:var(--line-height-sm);color:var(--text-primary);align-items:flex-start;gap:8px;display:flex}.check-item>svg{flex-shrink:0;margin-top:3px}.check-item.ok>svg{color:var(--success-fg)}.check-item.warn{color:var(--warning-fg)}.check-item.block{color:var(--danger-fg);font-weight:var(--font-weight-medium)}.call-status{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);align-items:center;gap:8px;margin:0;display:flex}.call-dot{border-radius:var(--radius-full);background:var(--text-tertiary);flex-shrink:0;width:8px;height:8px}.phase-ringing .call-dot,.phase-connecting .call-dot{background:var(--text-secondary);animation:dialer-pulse var(--dur-pulse) var(--ease-standard) infinite}.phase-connected .call-dot{background:var(--success-solid)}.phase-reconnecting .call-dot{background:var(--warning-solid);animation:dialer-pulse var(--dur-pulse-fast) var(--ease-standard) infinite}@keyframes dialer-pulse{0%,to{opacity:1}50%{opacity:.35}}.call-timer{font-size:var(--font-size-xl);line-height:var(--line-height-xl);font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums;color:var(--text-primary);margin-left:auto}.call-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.call-control{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-button);min-height:56px;color:var(--text-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:6px;display:flex}.call-control:hover:not(:disabled){background:var(--bg-button-hover);border-color:var(--border-strong)}.call-control[aria-pressed=true],.call-control[aria-expanded=true]{background:var(--accent-subtle);border-color:var(--accent-subtle-border);color:var(--accent-subtle-fg)}.call-control:disabled{background:var(--bg-disabled);border-color:var(--border-disabled);color:var(--text-disabled)}.call-control.hangup{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger-fg)}.call-control.hangup:hover{background:var(--danger-bg);border-color:var(--danger-solid)}.dialer-keypad{gap:8px;display:grid}.keypad-digits{text-align:center;min-height:24px;font-size:var(--font-size-lg);letter-spacing:.12em;background:var(--bg-sunken);border-radius:var(--radius-sm);text-overflow:ellipsis;padding:2px 8px;display:block;overflow:hidden}.keypad-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.keypad-key{border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-button);min-height:44px;color:var(--text-primary);font-size:var(--font-size-lg);flex-direction:column;justify-content:center;align-items:center;line-height:1.1;display:flex}.keypad-key small{font-size:var(--font-size-2xs);line-height:var(--line-height-2xs);letter-spacing:.04em;color:var(--text-tertiary)}.keypad-key:hover{background:var(--bg-button-hover)}.keypad-key:active{background:var(--bg-active)}.call-summary{font-size:var(--font-size-xs);color:var(--text-secondary);font-variant-numeric:tabular-nums;align-items:center;gap:6px;padding:10px 16px 0;display:flex}.disposition fieldset+fieldset,.disposition fieldset+label,.disposition label+fieldset{margin-top:0}.disposition-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.disposition-option{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);min-height:30px;font-size:var(--font-size-xs);cursor:pointer;align-items:center;gap:6px;padding:4px 8px;display:flex}.disposition-option:hover{background:var(--bg-hover)}.disposition-option:has(input:checked){background:var(--accent-subtle);border-color:var(--accent-subtle-border);color:var(--accent-subtle-fg)}.disposition-option input{margin:0}.preset-row{flex-wrap:wrap;width:100%;display:flex}.preset-row button{flex:1 0 auto}.incoming{flex-direction:column;gap:10px;padding:4px 20px 16px;display:flex}.incoming-name{font-size:var(--font-size-2xl);line-height:var(--line-height-2xl);font-weight:var(--font-weight-semibold);margin:0}.incoming-number{color:var(--text-secondary);margin:0}.incoming .notice{margin:0}.incoming-actions{background:0 0;border:0;padding:8px 0 0;position:static}.take-calls{min-height:var(--control-h-sm);border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-button);color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap;align-items:center;gap:6px;padding:0 8px;display:inline-flex}.take-calls:hover{color:var(--text-primary);border-color:var(--border-strong)}.take-calls[aria-pressed=true]{color:var(--accent-subtle-fg);background:var(--accent-subtle);border-color:var(--accent-subtle-border)}.take-calls.status-retrying,.take-calls.status-registering{color:var(--warning-fg);background:var(--warning-bg);border-color:var(--warning-border)}.take-calls.status-offline{color:var(--danger-fg);background:var(--danger-bg);border-color:var(--danger-border)}@media (width<=600px){.dialer{width:auto;max-height:calc(100dvh - 16px);inset:auto 8px 8px}.take-calls span{display:none}}@media (forced-colors:active){.call-dot{background:canvastext}.call-control[aria-pressed=true],.take-calls[aria-pressed=true]{outline:2px solid highlight}}.call-recording{flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0;display:flex}.call-recording p{flex:100%;margin:0}.call-recording-dot{background:var(--danger-solid);border-radius:50%;width:10px;height:10px}