/* Neutral surfaces shared by the portal, settings and private assistant. */
:root {
  font-family: "DM Sans", system-ui, sans-serif;
  color: var(--ink);
  background: var(--page);
  color-scheme: light;
  font-synthesis: none;
  line-height: 1.5;
  font-weight: 400;
  font-size: 15px;
  --ink: #202020;
  --page: #f5f5f5;
  --surface: #ffffff;
  --subtle: #f1f1f1;
  --input: #ffffff;
  --input-line: #c9c9c9;
  --blue: #424242;
  --inbox-unread: #1d64b5;
  --line: #dedede;
  --muted: #666666;
  --primary: #242424;
  --on-primary: #ffffff;
  --primary-hover: #404040;
  --secondary: #ececec;
  --secondary-hover: #dedede;
  --user-bubble: #e8e8e8;
  --quote-bg: #f3f3f3;
  --selected: #ededed;
  --success-bg: #eeeeee;
  --success-text: #414141;
  --success-dot: #737373;
  --warning-bg: #fff0e9;
  --warning-line: #eed0c0;
  --warning-text: #854726;
  --shadow: #00000008;
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --ink: #eeeeee;
  --page: #101010;
  --surface: #1b1b1b;
  --subtle: #272727;
  --input: #171717;
  --input-line: #525252;
  --blue: #d4d4d4;
  --inbox-unread: #78b7ff;
  --line: #3c3c3c;
  --muted: #b5b5b5;
  --primary: #e0e0e0;
  --on-primary: #171717;
  --primary-hover: #ffffff;
  --secondary: #333333;
  --secondary-hover: #444444;
  --user-bubble: #363636;
  --quote-bg: #252525;
  --selected: #383838;
  --success-bg: #2d2d2d;
  --success-text: #dddddd;
  --success-dot: #b0b0b0;
  --warning-bg: #432e23;
  --warning-line: #79513b;
  --warning-text: #ffc29d;
  --shadow: #00000030;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]):not([data-theme="dark"]) {
    color-scheme: dark;
    --ink: #eeeeee;
    --page: #101010;
    --surface: #1b1b1b;
    --subtle: #272727;
    --input: #171717;
    --input-line: #525252;
    --blue: #d4d4d4;
    --inbox-unread: #78b7ff;
    --line: #3c3c3c;
    --muted: #b5b5b5;
    --primary: #e0e0e0;
    --on-primary: #171717;
    --primary-hover: #ffffff;
    --secondary: #333333;
    --secondary-hover: #444444;
    --user-bubble: #363636;
    --quote-bg: #252525;
    --selected: #383838;
    --success-bg: #2d2d2d;
    --success-text: #dddddd;
    --success-dot: #b0b0b0;
    --warning-bg: #432e23;
    --warning-line: #79513b;
    --warning-text: #ffc29d;
    --shadow: #00000030;
  }
}
:root{--header-height:58px;--text:var(--ink);--bg:var(--page);--panel:var(--surface);--accent:var(--blue);--border:var(--line);--on-accent:var(--on-primary);--error:#9d3e30;font-family:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
:root[data-theme="dark"]{--error:#ffb4a7}@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--error:#ffb4a7}}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;border:1px solid transparent;border-radius:8px;background:var(--primary);color:var(--on-primary);font-size:12px;font-weight:600;line-height:1.4;padding:9px 12px;min-height:34px;width:fit-content}button:hover{background:var(--primary-hover)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--blue);outline-offset:3px}button svg,.brand svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.secondary{background:var(--secondary);color:var(--ink);border-color:var(--line)}.secondary:hover{background:var(--secondary-hover)}.text-button{background:transparent;color:var(--blue);border-color:transparent;padding:6px 8px;min-height:30px;font-size:11px}.text-button:hover{background:var(--subtle)}.danger{background:var(--warning-bg);color:var(--warning-text);border-color:var(--warning-line)}.danger:hover{background:var(--warning-line)}a{color:var(--blue)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
h1,h2,h3,h4,p{margin-top:0}h1{font-size:22px;line-height:1.2;letter-spacing:-.4px;margin-bottom:4px}h2{font-size:18px;line-height:1.25;margin-bottom:10px}h3{font-size:16px;line-height:1.4}h4{font-size:14px}p{line-height:1.6;font-size:13px}.hint,small{font-size:11px;color:var(--muted);line-height:1.5}.hint:empty{display:none}.empty{padding:14px;color:var(--muted);font-size:13px}.quiet{color:var(--muted)}
.topbar{height:var(--header-height);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,clamp(9rem,calc(100vw - 64rem),36rem)) minmax(0,1fr);align-items:center;padding:0 24px;gap:16px;background:var(--surface);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:16px;line-height:1.25;white-space:nowrap}.brand small{display:block;font-size:8px;letter-spacing:1.2px;margin-top:2px;font-weight:600}.brand-icon{display:grid;place-items:center;color:var(--blue);background:var(--user-bubble);width:32px;height:32px;border-radius:8px}.brand svg{width:20px;height:20px}.header-account-controls{display:flex;align-items:center;justify-content:flex-end;justify-self:end;gap:16px;min-width:0;width:100%;grid-column:3}.header-account-controls>#header-controls-slot{flex-shrink:0}.header-controls{display:flex;align-items:center;gap:16px}.theme-label{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.theme-label select{font-size:11px;padding:6px 8px;min-height:32px;width:85px}main{margin:auto;max-width:1800px}.error-bar:empty{display:none}.error-bar{position:fixed;z-index:10;top:64px;right:20px;max-width:min(500px,calc(100vw - 40px));padding:12px 16px;background:var(--warning-bg);border:1px solid var(--warning-line);border-radius:10px;color:var(--warning-text);box-shadow:0 8px 30px #0002}
.session-loading{max-width:480px;margin:8vh auto 0;padding:32px;text-align:center}.session-loading p{color:var(--muted);font-size:14px;line-height:1.5}.session-loading button{margin-top:12px;min-height:44px}
#login{max-width:480px;margin:8vh auto 0;padding:32px;background:var(--surface);border:1px solid var(--line);border-radius:16px}#login h2{font-size:28px;letter-spacing:-.8px}#login p{color:var(--muted);font-size:14px}footer{text-align:center;margin:24px;font-size:11px;color:var(--muted)}form{display:grid;gap:16px}label{display:grid;gap:6px;font-size:12px;font-weight:600}input,textarea,select{background:var(--input);color:var(--ink);border:1px solid var(--input-line);border-radius:8px;padding:10px 12px;width:100%;font-size:13px;line-height:1.5}textarea{resize:vertical}small{font-weight:400}.switch{display:flex;gap:9px;align-items:center;font-size:12px}.switch input{width:17px;height:17px;accent-color:var(--blue);margin:0;flex-shrink:0}.options{display:grid;gap:14px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.section-heading h2{margin-bottom:0}.tagline{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.tag{display:inline-flex;font-size:10px;font-weight:600;line-height:1.4;color:var(--blue);background:var(--secondary);border:1px solid var(--line);border-radius:20px;padding:2px 7px}.panel{padding:18px}.panel+.panel{border-top:1px solid var(--line)}details{margin:12px 0}summary{cursor:pointer;font-size:12px;font-weight:600;padding:8px 0}pre{font:12px ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;background:var(--subtle);border-radius:8px;padding:14px}
body.signed-in{overflow:hidden}body.signed-in footer{display:none}.portal-workspace{height:calc(var(--portal-viewport-height,100dvh) - var(--header-height));padding:12px 20px;display:flex;flex-direction:column;gap:10px;min-height:0}.dashboard-layout{display:grid;grid-template-columns:minmax(0,var(--management-pane-size,1.4fr)) 16px minmax(0,var(--assistant-pane-size,.9fr));gap:0;flex:1;min-height:0;align-items:stretch}.management-panel,.conversation-panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;min-width:0;min-height:0;height:100%}#management-slot,.assistant-sidebar{min-width:0;min-height:0;height:100%}.management-panel{container-type:inline-size}.management-trigger{display:none}.tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);padding:12px 18px;flex-shrink:0;overflow-x:auto;scrollbar-width:thin}.tabs button{background:transparent;color:var(--muted);border:1px solid transparent;font-size:12px;padding:8px 12px;white-space:nowrap}.tabs button:hover{background:var(--subtle)}.tabs button[aria-selected="true"]{background:var(--secondary);color:var(--ink);border-color:var(--line)}.tab-content{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}.tab-content>section{min-height:100%}.calls-panel{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.calls-panel>.section-heading,.calls-panel>p,.call-filters,.call-toolbar{flex-shrink:0}.calls-panel>.hint{margin:10px 0}.call-filters{display:flex;gap:12px;margin:4px 0 12px}.call-filters label{display:flex;align-items:center;gap:8px}.call-filters select{width:auto;font-size:11px;padding:6px 8px}.call-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 0;border-block:1px solid var(--line)}.call-toolbar .actions{margin-left:auto}.call-toolbar button{font-size:11px;padding:6px 8px;min-height:30px}.call-toolbar .switch{font-size:11px}.call-toolbar .hint{font-size:10px}.call-browser{display:grid;grid-template-columns:minmax(180px,var(--call-list-size,.65fr)) 12px minmax(0,var(--call-details-size,1.35fr));gap:0;flex:1;min-height:0;min-width:0;margin-top:12px;overflow:hidden}.call-list-column{display:flex;flex-direction:column;min-width:0;min-height:0}.call-list{flex:1;overflow:auto;min-height:0;overscroll-behavior:contain;scrollbar-gutter:stable}.call-row{display:flex;align-items:flex-start;gap:8px;border:1px solid var(--line);border-radius:12px;padding:12px;margin:0 2px 9px 0;background:var(--surface)}.call-row:hover{background:var(--subtle)}.call-row.selected{border-color:var(--blue);box-shadow:inset 3px 0 var(--blue);background:var(--selected)}.call-row>input{width:15px;height:15px;margin:3px 0;flex:0 0 15px;accent-color:var(--blue)}.call-open{background:transparent;color:var(--ink);border:0;text-align:left;display:block;width:100%;min-width:0;padding:0;font-weight:400}.call-open:hover{background:transparent}.call-open h3{font-size:13px;margin:0;overflow-wrap:anywhere}.call-open p{font-size:12px;line-height:1.45;margin:7px 0;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.call-open time,.call-open small{display:block;font-size:10px;color:var(--muted);margin-top:6px}.call-open .tag{font-size:9px;padding:1px 5px}.selected-call{border:1px solid var(--line);border-radius:12px;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:18px}.selected-call>h3,.selected-call .tagline h3{font-size:20px;margin:0;overflow-wrap:anywhere}.selected-call h4{font-size:12px;margin:18px 0 8px}.selected-call p{font-size:12px;overflow-wrap:anywhere}.selected-call .actions{margin:12px 0}.selected-call label{margin-top:16px}.selected-call .record-back{display:none;margin-bottom:12px}.selected-call .empty{display:grid;place-content:center;height:100%;text-align:center;margin:0}.call-recording{border-block:1px solid var(--line);margin:18px 0;padding:0 0 10px}.call-recording audio{display:block;width:100%;max-width:100%}.call-recording p.hint{margin:8px 0 0;font-size:10px}#call-pagination{justify-content:space-between;gap:6px;flex-shrink:0;margin:6px 0 0}#call-page{font-size:10px}#call-pagination button{font-size:10px}.retention-note{font-size:9px;line-height:1.4;margin:10px 0 0!important}.caller-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);padding:16px 0}.caller-row>div{min-width:0}.caller-row h3{font-size:14px;margin:0;overflow-wrap:anywhere}.caller-row p{font-size:11px;color:var(--muted);margin:4px 0;overflow-wrap:anywhere}.caller-detail{padding-top:20px;margin-top:20px;border-top:1px solid var(--line)}.call{padding:14px 0;border-bottom:1px solid var(--line)}.test-section h2{font-size:16px}.test-section p{font-size:12px}.test-section .hint{font-size:11px}.phone-keypad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:260px;margin:16px 0}.phone-keypad button{width:100%;font-size:18px;padding:12px}#saved{font-size:10px;color:var(--muted)}
.context-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:10px 18px;flex-shrink:0}.context-bar h2{font-size:18px;margin:0 0 3px}.context-bar p{font-size:11px;color:var(--muted);margin:0}.chat-toolbar{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--line);flex-shrink:0}.voice-description{display:flex;align-items:center;gap:7px;flex:1;min-width:0;font-size:10px;color:var(--muted);line-height:1.4}.voice-dot{width:7px;height:7px;border-radius:50%;background:var(--success-dot);flex-shrink:0}.voice-dot.active{background:var(--blue);box-shadow:0 0 0 4px var(--user-bubble)}.voice-buttons{display:flex;align-items:center;gap:5px;flex-shrink:0}.voice-buttons button{display:inline-flex;align-items:center;gap:5px;font-size:11px;padding:7px 9px}.voice-buttons .text-button{font-size:10px}.chat-session{display:flex;position:relative;flex-direction:column;flex:1;min-height:0;overflow:hidden}.transcript{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:18px}.assistant-welcome{display:flex;gap:13px;margin:9px 0 24px}.assistant-avatar{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:9px;background:var(--user-bubble);color:var(--blue)}.assistant-avatar svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.assistant-welcome strong{font-size:14px}.assistant-welcome p{color:var(--muted);font-size:12px;margin:7px 0 14px;line-height:1.6}.prompt-list{display:flex;flex-wrap:wrap;gap:8px}.prompt-list button{background:var(--subtle);border:1px solid var(--line);font-size:11px;border-radius:6px;padding:8px 10px;color:var(--ink);min-height:32px}.prompt-list button:hover{background:var(--secondary)}.message{margin-bottom:19px;max-width:94%}.message-label{display:block;font-size:10px;letter-spacing:1px;text-transform:uppercase;font-weight:700;color:var(--muted);margin:0 0 6px}.message-channel{font-size:9px;letter-spacing:0;text-transform:none;font-weight:400;margin-left:8px}.message-content{background:var(--subtle);border-radius:0 10px 10px 10px;padding:14px 17px;font-size:14px;line-height:1.7;overflow-wrap:anywhere}.message-content p{font-size:inherit;line-height:inherit;margin:0 0 10px}.message-content p:last-child{margin:0}.message-content ul,.message-content ol{padding-left:20px;margin:10px 0}.message-content li>p{margin:0}.message-content h2,.message-content h3,.message-content h4{font-size:15px;margin:12px 0 6px}.message-content code{font:12px ui-monospace,monospace}.message-content pre{overflow:auto;padding:12px}.message.user{margin-left:auto;max-width:82%}.message.user .message-label{text-align:right}.message.user .message-content{background:var(--user-bubble);border-radius:10px 0 10px 10px}.message.user .message-content p{white-space:pre-wrap}.progress{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px}.progress i{width:7px;height:7px;background:var(--blue);border-radius:50%;animation:pulse 1.3s infinite}@keyframes pulse{50%{opacity:.3}}.pending-change{flex-shrink:0;padding:12px 18px;border-top:1px solid var(--line);background:var(--quote-bg);max-height:170px;overflow:auto}.pending-change p{font-size:12px;margin:0 0 8px}.pending-change .hint{font-size:10px;margin:8px 0 0}.newest-message{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);box-shadow:0 3px 20px #0002;white-space:nowrap;z-index:1}.composer{display:flex;gap:10px;align-items:stretch;flex-shrink:0;border-top:1px solid var(--line);padding:10px 14px 0}.composer textarea{height:60px;min-height:60px;max-height:120px;resize:none;font-size:14px;line-height:1.4;padding:12px;border:0;background:var(--subtle)}.composer .primary{display:flex;align-items:center;justify-content:center;gap:6px;min-width:82px;flex-shrink:0;padding:10px 16px}.chat-footnote{flex-shrink:0;font-size:9px;line-height:1.3;text-align:center;color:var(--muted);min-height:24px;margin:6px 12px 8px}
dialog{width:min(560px,calc(100vw - 32px));max-height:calc(var(--portal-viewport-height,100dvh) - 40px);overflow:auto;padding:24px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 100px #0005}dialog::backdrop{background:#000000cc;backdrop-filter:blur(3px)}dialog .actions{justify-content:flex-end;margin-top:24px}.workspace-dialog{padding:0;width:min(850px,calc(100vw - 24px));height:calc(var(--portal-viewport-height,100dvh) - 24px);overflow:hidden}.workspace-dialog[open]{display:flex;flex-direction:column}.overlay-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);flex-shrink:0}.overlay-heading h2{font-size:16px;margin:0}.overlay-body{flex:1;min-height:0;overflow:hidden;padding:10px}.overlay-body .management-panel{border:0;border-radius:0}.overlay-body .tabs{padding:8px 0 12px}.overlay-body .panel{padding:12px 0}
body.signed-in main{width:100%;max-width:none}
.workspace-divider{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;cursor:col-resize;touch-action:none;border-radius:8px}
.workspace-divider span{width:4px;height:44px;border-radius:4px;background:var(--line);transition:background .15s}
.workspace-divider:hover span,.workspace-divider:focus-visible span{background:var(--blue)}
.workspace-divider:focus-visible{outline-offset:-3px}
body.resizing-workspace,body.resizing-workspace *{cursor:col-resize!important;user-select:none!important}
body.resizing-workspace .workspace-divider span{background:var(--blue)}
body.resizing-call-list,body.resizing-call-list *{cursor:col-resize!important;user-select:none!important}
body.resizing-call-list .call-list-divider span{background:var(--blue)}
.conversation-panel{container-type:inline-size}
@container(max-width:620px){.call-list-divider{display:none}.call-browser{grid-template-columns:1fr}.call-browser.has-call .call-list-column{display:none}.call-browser:not(.has-call) .selected-call{display:none}.selected-call .record-back{display:inline-flex}.call-filters{flex-wrap:wrap}.call-toolbar .actions{margin-left:0}.retention-note{display:none}}
@media(max-width:1100px){.chat-toolbar{flex-wrap:wrap}.voice-description{flex-basis:100%}.voice-buttons{width:100%}.voice-buttons #phone-access-open{margin-left:auto}}
@media(max-width:950px){.dashboard-layout{grid-template-columns:1fr;gap:8px}#management-slot{display:none}.management-trigger{display:block}.portal-workspace{padding:8px 12px}.chat-toolbar{flex-wrap:nowrap}.voice-description{flex-basis:auto}.voice-buttons{width:auto}.chat-toolbar .voice-buttons #phone-access-open{margin-left:0}}
@media(max-width:600px){:root{--header-height:52px}.topbar{padding:0 10px;gap:8px}.brand{font-size:13px;gap:7px}.brand-icon{width:28px;height:28px}.brand small{font-size:7px;letter-spacing:.8px}.header-controls{gap:8px}.header-controls button{font-size:10px;padding:6px 8px}.theme-label>span{display:none}.theme-label select{width:70px;font-size:10px;padding:5px}.portal-workspace{padding:6px;gap:8px}.management-trigger{font-size:10px;padding:7px 9px}.context-bar{padding:10px 12px}.context-bar h2{font-size:16px}.context-bar p{font-size:10px}.chat-toolbar{padding:6px 8px;flex-wrap:wrap}.voice-description{flex-basis:100%}.voice-buttons{width:100%}.voice-buttons button{font-size:10px}.voice-buttons #phone-access-open{margin-left:auto!important}.transcript{padding:14px 12px}.composer{padding:8px 10px 0;gap:8px}.composer textarea{font-size:16px;min-height:54px;height:54px}.composer .primary{min-width:74px;padding:8px 12px}.chat-footnote{font-size:8px;margin:6px 8px 8px}.message-content{padding:12px 14px;font-size:13px}.message-label{font-size:9px}.fields{grid-template-columns:1fr}.workspace-dialog{width:calc(100vw - 12px);height:calc(var(--portal-viewport-height,100dvh) - 12px);max-height:calc(var(--portal-viewport-height,100dvh) - 12px);border-radius:12px}.overlay-heading{padding:10px 12px}.overlay-body{padding:8px}.tabs{gap:4px}.tabs button{padding:8px 10px;font-size:11px}.calls-panel>.hint{font-size:10px;line-height:1.4}.call-toolbar{gap:8px}.call-toolbar .hint{font-size:9px}.call-filters label{font-size:10px}.call-filters select{font-size:10px}.selected-call{padding:14px}.caller-row{flex-wrap:wrap}#login{margin:6vh 14px 0;padding:26px}}
@media(max-width:950px){:root[data-compact-viewport] .context-bar p,:root[data-compact-viewport] .chat-footnote,:root[data-compact-viewport] .voice-description{display:none}:root[data-compact-viewport] .composer{padding-bottom:8px}}
@media(max-width:950px){.workspace-divider{display:none}}
@media(min-width:951px){@container(max-width:520px){.context-bar{flex-wrap:wrap}.context-bar .actions{width:100%;justify-content:flex-end}.chat-toolbar{flex-wrap:wrap}.voice-description{flex-basis:100%}.voice-buttons{width:100%}.chat-toolbar .voice-buttons #phone-access-open{margin-left:auto}}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important}}
.reply-exchange{border-left:2px solid var(--blue);padding:4px 0 4px 12px;margin:12px 0}.reply-exchange p{margin:0 0 8px}.reply-exchange .hint{font-size:10px;margin:0}
.weekly-hours-settings{border-top:1px solid var(--line);margin:20px 0;padding-top:16px}.weekly-hours-settings h3{font-size:14px;margin:0 0 14px}#weekly-hours{margin-top:16px}#weekly-hours>.actions{flex-wrap:wrap}.schedule-day{display:grid;grid-template-columns:minmax(110px,.6fr) minmax(0,2fr);gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.schedule-day-heading{padding-top:4px}.schedule-day-body>.switch{font-size:11px;margin:0 0 8px}.schedule-day-body>.hint{margin:4px 0}.schedule-range{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin-bottom:8px}.schedule-range label{font-size:10px;min-width:95px;flex:1}.schedule-range input{font-size:12px;min-width:0;width:100%}.schedule-range button{font-size:10px;margin-bottom:3px}.schedule-day-body>.text-button{font-size:10px}.weekly-hours-settings input:disabled{opacity:.65}@container(max-width:620px){.schedule-day{grid-template-columns:1fr;gap:8px}.schedule-range label{min-width:90px}.schedule-range{gap:8px}}@media(max-width:600px){.schedule-day{grid-template-columns:1fr;gap:8px}.schedule-range label{min-width:90px}.schedule-range{gap:8px}}
.voice-settings h3{font-size:14px;margin:24px 0 10px}.voice-settings .options{display:grid;gap:10px;margin:12px 0}.greeting-editor{padding:14px;background:var(--subtle);border:1px solid var(--line);border-radius:10px;margin:12px 0}.greeting-actions{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin-top:10px}.greeting-actions label{flex:1;min-width:120px}.greeting-preview audio,#music-preview{display:block;width:100%;max-width:480px;margin:12px 0 0}.presentation-save{margin-top:20px;align-items:center}.presentation-save .hint{overflow-wrap:anywhere}.voice-settings input[type=file]{font-size:12px;max-width:100%}

.caller-limits-settings{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.caller-limits-settings h3{margin:0 0 16px}.caller-limits-settings .fields{align-items:start;margin-bottom:16px}

.recognition-group{border:1px solid var(--line);border-radius:10px;padding:16px;margin:16px 0;background:var(--subtle)}
.recognition-group .section-heading{flex-wrap:wrap;gap:8px;margin-bottom:12px}.recognition-group .section-heading h3{margin:0}.recognition-group .actions{flex-wrap:wrap;gap:8px}.recognition-group .text-button{font-size:.85rem}
.recognition-entry{margin:12px 0;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.recognition-entry>summary{padding:12px;overflow-wrap:anywhere}.recognition-entry-body{padding:0 12px 12px}.recognition-entry-body label{margin-top:8px}.recognition-entry-body textarea{resize:vertical}
.rule-preview{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.rule-preview label{margin-top:12px}.rule-preview button{margin-top:12px}#rule-preview-result{overflow-wrap:anywhere}
/* Lists save independently; calendar edits stay in the preferences form. */
.number-lists{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.number-list-panel{min-width:0}.number-list-panel h3{font-size:14px;margin:0 0 8px}.number-list-form{margin:16px 0}.number-list-form .actions{flex-wrap:wrap}.number-list-entry{border-top:1px solid var(--line);padding:12px 0;overflow-wrap:anywhere}.number-list-entry .actions{flex-wrap:wrap;gap:4px 12px;margin-top:6px}.number-list-entry .text-button{font-size:11px;padding:5px 0}.schedule-day{grid-template-columns:minmax(180px,1fr) minmax(0,1.5fr)}.schedule-day-heading select{margin-top:8px;width:100%;font-size:12px}.schedule-copy{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px;margin-bottom:8px}.schedule-copy label{min-width:140px;margin:0}.schedule-copy button{margin-bottom:0}.special-dates-settings{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.special-dates-settings .section-heading h3{margin:0}.special-dates-settings .section-heading{flex-wrap:wrap;gap:8px}.special-date{padding:14px;background:var(--subtle);border:1px solid var(--line);border-radius:12px;margin:12px 0}.special-date .section-heading{margin-bottom:12px}.special-date .switch{margin:0}.special-date .fields{gap:12px}.special-date input:not([type=checkbox]),.special-date select{min-width:0;width:100%}@container(max-width:620px){.number-lists,.schedule-day{grid-template-columns:1fr}.number-list-panel+ .number-list-panel{border-top:1px solid var(--line);padding-top:16px}}@media(max-width:600px){.number-lists,.schedule-day{grid-template-columns:1fr}.number-list-panel+ .number-list-panel{border-top:1px solid var(--line);padding-top:16px}}

/* Settings keep the section list in view while only the selected pane scrolls. */
#view-settings{height:100%;min-height:0;overflow:hidden}
.settings-workspace{display:grid;grid-template-columns:170px minmax(0,1fr);height:100%;min-height:0}
.settings-navigation{padding:18px 10px;background:var(--subtle);border-right:1px solid var(--line);overflow-y:auto;overscroll-behavior:contain}
.settings-nav-title{margin:0 10px 12px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}
.settings-navigation [role=tablist]{display:flex;flex-direction:column;gap:4px}
.settings-navigation button{width:100%;min-height:40px;padding:10px;text-align:left;background:transparent;color:var(--muted);border:1px solid transparent;font-size:12px;line-height:1.4}
.settings-navigation button:hover{background:var(--secondary)}
.settings-navigation button[aria-selected=true]{background:var(--surface);border-color:var(--line);color:var(--ink);box-shadow:inset 3px 0 var(--blue)}
.settings-content{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}
.settings-section-form{display:flex;flex-direction:column;gap:0;height:100%;min-width:0;min-height:0}
.settings-section{flex:1;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;padding:22px;scrollbar-gutter:stable}
.settings-section h2{font-size:18px;margin-bottom:18px}
.settings-section>.options{margin:18px 0}
.settings-section>label,.settings-section>.fields{margin-bottom:16px}
.settings-section>p:last-child{margin-bottom:0}
.settings-section.weekly-hours-settings,.settings-section.special-dates-settings,.settings-section.caller-limits-settings{margin:0;border:0;padding:22px}
.settings-section.number-list-panel{border:0;padding:22px}
.settings-savebar{flex-shrink:0;display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;padding:14px 22px;border-top:1px solid var(--line);background:var(--surface);margin:0}
.settings-savebar .hint{margin:0;overflow-wrap:anywhere}
#caller-lists-feedback{justify-content:space-between}
.settings-section input,.settings-section select,.settings-section textarea{min-width:0;max-width:100%}
@container(max-width:700px){.settings-section .fields{grid-template-columns:1fr}.settings-workspace{grid-template-columns:150px minmax(0,1fr)}.settings-section,.settings-section.weekly-hours-settings,.settings-section.special-dates-settings,.settings-section.caller-limits-settings,.settings-section.number-list-panel{padding:18px}.settings-savebar{padding:12px 18px}}
@media(max-width:600px){.settings-workspace{grid-template-columns:108px minmax(0,1fr)}.settings-navigation{padding:12px 6px}.settings-nav-title{margin:0 6px 10px;font-size:9px}.settings-navigation button{font-size:11px;padding:10px 8px;min-height:44px}.settings-section,.settings-section.weekly-hours-settings,.settings-section.special-dates-settings,.settings-section.caller-limits-settings,.settings-section.number-list-panel{padding:16px 12px}.settings-section h2{font-size:16px}.settings-savebar{padding:12px}.settings-section .greeting-editor,.settings-section .special-date{padding:10px}.settings-section .schedule-copy label{min-width:0;width:100%}.settings-section .schedule-range label{min-width:70px}.settings-section .greeting-actions label{min-width:0;flex-basis:100%}.settings-section .section-heading{flex-wrap:wrap}}

.call-metrics-line{font-variant-numeric:tabular-nums;color:var(--ink);margin-top:.35rem;display:block}.call-metrics{margin:1rem 0;padding:1rem;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.call-metric-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.call-metric-stats span,.call-metric-stats strong{display:block}.call-metric-stats strong{font-size:1.25rem;margin:.25rem 0;font-variant-numeric:tabular-nums}.call-metrics details{margin-top:.75rem}.cost-breakdown{width:100%;border-collapse:collapse;margin:.75rem 0;font-size:.9rem}.cost-breakdown th{text-align:left}.cost-breakdown th:last-child,.cost-breakdown td:last-child{text-align:right;white-space:nowrap}.cost-breakdown td,.cost-breakdown th{padding:.6rem .3rem;border-bottom:1px solid var(--line);vertical-align:top}.cost-breakdown small{display:block;font-size:.75rem;margin-top:.2rem}.cost-breakdown td:first-child{overflow-wrap:anywhere}.call-metrics .hint{font-size:.8rem}

#view-help{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.help-header{padding:18px 20px;border-bottom:1px solid var(--line);flex-shrink:0}
.help-header h2{font-size:20px;margin:0}.help-header p{margin:4px 0 12px}
.help-search-label{font-size:11px}.help-search-label input{margin-top:5px;font-size:13px}
.help-workspace{display:grid;grid-template-columns:180px minmax(0,1fr);flex:1;min-height:0;overflow:hidden}
.help-navigation{background:var(--subtle);border-right:1px solid var(--line);padding:12px 10px;overflow:auto;overscroll-behavior:contain}
.help-category{color:var(--muted);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;margin:16px 8px 6px}
.help-category:first-child{margin-top:4px}
.help-navigation button{display:block;min-height:44px;width:100%;padding:10px;text-align:left;font-size:12px;line-height:1.4;background:transparent;color:var(--ink);border:1px solid transparent}
.help-navigation button:hover{background:var(--secondary)}.help-navigation button[aria-current=true]{background:var(--surface);border-color:var(--line);box-shadow:inset 3px 0 var(--blue)}
.help-article{min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;padding:20px 24px;scrollbar-gutter:stable}
.help-breadcrumb{font-size:11px;color:var(--muted);margin:0 0 14px}.help-body{font-size:13px;line-height:1.7;overflow-wrap:anywhere}
.help-body h2:first-child{font-size:23px;margin-top:0}.help-body h2{font-size:18px;margin:26px 0 10px}.help-body h3{font-size:15px;margin:22px 0 8px}.help-body p{font-size:inherit;line-height:inherit;margin:0 0 14px}.help-body li{margin-bottom:8px}.help-body ul,.help-body ol{padding-left:20px}.help-body strong{color:var(--ink)}
.help-actions{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 12px}.help-actions button{font-size:12px;min-height:40px}
.help-status{padding:8px 20px;margin:0!important;border-top:1px solid var(--line);flex-shrink:0;font-size:10px}
@container(max-width:700px){.help-workspace{grid-template-columns:145px minmax(0,1fr)}.help-article{padding:18px}.help-navigation button{font-size:11px;padding:9px 7px}}
@media(max-width:600px){.tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow-x:visible}.tabs button{width:100%}.help-header{padding:12px}.help-header h2{font-size:18px}.help-workspace{grid-template-columns:110px minmax(0,1fr)}.help-navigation{padding:8px 4px}.help-category{font-size:9px;margin-left:6px}.help-navigation button{font-size:11px;padding:10px 7px}.help-article{padding:14px 12px}.help-body{font-size:13px}.help-body h2:first-child{font-size:20px}.help-body h2{font-size:16px}.help-status{padding:7px 12px}}

.history-search-form{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:12px 0}.history-search-form label{min-width:110px}.history-search-query{flex:1;min-width:180px!important}.history-search-form input,.history-search-form select{width:100%;margin-top:5px}.search-match{border-left:2px solid var(--line);padding-left:9px;margin-top:9px;text-align:left}.search-match p{font-size:12px;line-height:1.5;margin:4px 0;white-space:pre-wrap}.selected-search-matches{padding:10px;border:1px solid var(--line);border-radius:8px;margin-bottom:14px}.conversation-search-dialog{width:min(760px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto}.conversation-search-result{padding:14px 0;border-bottom:1px solid var(--line)}#conversation-search-context{margin-top:18px;border-top:1px solid var(--line);padding-top:12px}.context-bar>.actions{gap:2px;flex-shrink:0}.context-bar>.actions button{font-size:10px;padding:6px}@media(max-width:600px){.history-search-query{flex-basis:100%}.history-search-form>label{flex:1}.context-bar h2{font-size:15px}.context-bar>.actions{flex-direction:column;align-items:end}.context-bar>.actions button{min-height:26px;padding:3px 6px}.conversation-search-dialog{padding:14px}.history-search-form input,.history-search-form select{font-size:16px}}

.calendar-event,.calendar-rule{border:1px solid var(--line);border-radius:12px;padding:14px;margin:12px 0;overflow-wrap:anywhere}.calendar-event h3{margin:0 0 8px;font-size:14px}.calendar-event .fields{margin:12px 0}.calendar-event p,.calendar-rule p{margin:6px 0}#calendar-controls>fieldset{margin:16px 0}#calendar-list .switch{margin:8px 0}.special-date fieldset{margin:12px 0}.special-date fieldset .switch{margin:6px 0}
.special-date .hint{overflow-wrap:anywhere}.settings-savebar button{max-width:100%;white-space:normal}.special-date fieldset{min-width:0}#calendar-list label{overflow-wrap:anywhere}

.todo-list{display:grid;gap:12px}.todo-row,.note-change{padding:14px;border:1px solid var(--line);border-radius:12px}.todo-form{display:grid;gap:10px;padding-block:12px}.todo-form .actions{margin-top:0}.todo-overdue{color:var(--danger,#c05a40)}.note-history{margin-bottom:18px}.note-change{margin-top:10px}.note-change pre,.proposal-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit}.proposal-preview{border:1px solid var(--line);border-radius:12px;padding:12px;margin-block:12px}.call-todos{margin-block:20px}.todo-row .tagline{flex-wrap:wrap}.todo-row strong{overflow-wrap:anywhere}.todo-row .actions{flex-wrap:wrap}
.pending-change:has(.proposal-preview){display:flex;flex-direction:column;max-height:min(50vh,440px);overflow:hidden}.pending-change:has(.proposal-preview)>p,.pending-change:has(.proposal-preview)>button{flex-shrink:0}.pending-change:has(.proposal-preview)>button{align-self:flex-start}.proposal-preview{overflow:auto;min-height:0;flex:1}.proposal-preview h4{margin:8px 0}.proposal-preview pre{margin:8px 0;padding:10px}.proposal-preview p{margin:6px 0}
:root .setup-layout{display:grid;grid-template-columns:minmax(145px,190px) minmax(0,1fr);gap:24px;margin-top:20px}
.setup-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.setup-layout nav{display:flex;flex-direction:column;gap:6px;align-self:start}
.setup-layout nav button{text-align:left;background:var(--subtle);color:var(--ink);border:1px solid var(--line);border-radius:8px}.setup-layout nav button:hover{background:var(--secondary)}.setup-layout nav [aria-current="step"]{background:var(--secondary)}
.setup-layout nav [aria-current="step"]{box-shadow:inset 3px 0 currentColor;font-weight:700}
.setup-panel{min-width:0}.setup-panel label{display:block;margin:14px 0}.setup-panel input,.setup-panel select,.setup-panel textarea{width:100%;margin-top:5px}
.setup-check{display:flex!important;align-items:flex-start;gap:10px;margin:14px 0!important}.setup-check input{width:auto!important;flex:none;margin-top:4px!important}
.setup-panel>button,.permission-card button,.setup-test-card button{margin:8px 8px 8px 0}
.permission-card,.setup-test-card{border:1px solid var(--line);border-radius:12px;padding:18px;margin:16px 0}.permission-card p,.setup-test-card p{overflow-wrap:anywhere}
.setup-call-controls{position:sticky;top:0;z-index:2;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:16px;box-shadow:0 4px 12px #0002}.setup-call-controls h3{font-size:14px;margin:0}.setup-call-controls p{font-size:12px;margin:8px 0;overflow-wrap:anywhere}.setup-call-controls .hint{font-size:11px}.setup-keypad{grid-template-columns:repeat(6,minmax(0,1fr));max-width:360px;margin:8px 0;gap:6px}.setup-keypad button{min-height:36px;padding:6px;font-size:15px}
@media(max-width:600px){.setup-keypad{grid-template-columns:repeat(3,minmax(0,1fr))}.setup-keypad button{min-height:44px}.setup-call-controls .section-heading{align-items:flex-start}}
.setup-panel details{border:1px solid var(--line);border-radius:10px;padding:14px;margin:12px 0}.setup-panel summary{cursor:pointer;font-weight:600}
@media(max-width:800px){:root .setup-layout{grid-template-columns:1fr;gap:12px}.setup-layout nav{flex-direction:row;overflow-x:auto;max-width:100%}.setup-layout nav button{flex:0 0 auto}.permission-card,.setup-test-card{padding:14px}}

.setup-panel .setup-baseline-note{min-height:180px;line-height:1.6;font-weight:400;resize:vertical}
@supports(field-sizing:content){.setup-panel .setup-baseline-note{field-sizing:content;max-height:420px}}
@container(max-width:900px){:root .setup-layout{grid-template-columns:1fr;gap:12px}.setup-layout nav{flex-direction:row;overflow-x:auto;max-width:100%}.setup-layout nav button{flex:0 0 auto}}

.conversation-segment{margin:1rem 0}.segment-heading{font-size:.82rem;font-weight:600;opacity:.75;border-top:1px solid var(--border,#555);padding-top:.7rem}.message-channel{margin-left:.6rem}.waiting-call{padding:1rem;border:1px solid var(--border,#555);border-radius:.8rem;margin:.75rem}.waiting-call form{margin-top:.7rem}.reply-preview{white-space:pre-wrap}.waiting-call textarea{width:100%}
#call-alerts{flex:0 1 auto;max-height:58%;overflow-y:auto;overscroll-behavior:contain;border-bottom:1px solid var(--line);background:var(--quote-bg)}
.waiting-call{border-color:var(--blue);background:var(--surface);padding:14px;margin:10px 14px;overflow-wrap:anywhere}
.call-alert-heading{display:flex;flex-wrap:wrap;align-items:center;gap:8px;position:sticky;top:-14px;z-index:1;padding:6px 0;background:var(--surface)}.call-alert-heading strong{font-size:14px}.call-alert-badge{font-size:10px;color:var(--blue);background:var(--user-bubble);padding:4px 7px;border-radius:5px}
.waiting-call .call-alert-reason{font-size:13px;line-height:1.5;margin:9px 0 12px}.waiting-call .actions{flex-wrap:wrap}.waiting-call button{font-size:12px;min-height:36px}.waiting-call label{font-size:12px}.waiting-call textarea{min-height:60px;max-height:160px;font-size:13px;margin:6px 0;resize:vertical}.waiting-call .hint{font-size:10px;margin:10px 0 0}.waiting-call .reply-preview{margin:8px 0 12px;padding:10px 12px;border-left:3px solid var(--blue);background:var(--subtle);font-size:13px}.reply-preview-label{font-weight:600;font-size:12px;margin:12px 0 0}.danger-text{color:var(--warning-text)}
.call-end-confirm{border:1px solid var(--warning-line);border-radius:6px;padding:10px;margin:10px 0}.call-end-confirm p{font-size:12px;margin:0 0 8px}.call-end-confirm button{margin:0 6px 0 0}
#call-alert-feedback:empty{display:none}#call-alert-feedback{flex-shrink:0;max-height:60px;overflow-y:auto;font-size:11px;margin:0;padding:8px 14px;border-bottom:1px solid var(--line)}
@media(max-width:600px){#call-alerts{max-height:65%}.waiting-call{margin:8px;padding:12px}.waiting-call button{min-height:42px}.waiting-call .actions{gap:6px}}

.legal-page{max-width:54rem;margin:3rem auto;padding:1.5rem;line-height:1.7}.legal-page h1,.legal-page h2{line-height:1.2}.legal-page blockquote{margin:1rem 0;padding:1rem;border-left:3px solid currentColor}
.history-search-form.entry-search{grid-template-columns:minmax(0,1fr) auto}
@media(max-width:650px){
  .history-search-form.entry-search{grid-template-columns:minmax(0,1fr)}
  .calls-panel:has(.call-browser.has-call)>.call-filters,
  .calls-panel:has(.call-browser.has-call)>.history-search-form,
  .calls-panel:has(.call-browser.has-call)>#call-search-status,
  .calls-panel:has(.call-browser.has-call)>.call-toolbar,
  .calls-panel:has(.call-browser.has-call)>.hint{display:none}
}

/* Mobile controls share their desktop nodes; only the surrounding surface changes. */
.mobile-only{display:none}.icon-button{align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px}
 .call-heading #refresh>svg{display:none}.calls-panel>#call-search-slot{flex-shrink:0}
.call-heading>.actions{margin-top:0;gap:10px;flex-wrap:wrap}
#call-search-toggle{display:inline-flex;align-items:center;gap:8px;font-size:12px;padding:7px 10px;min-height:34px}
#call-search-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .15s}
#call-search-toggle[aria-expanded=true] svg{transform:rotate(180deg)}
#call-search-slot{border:1px solid var(--line);border-radius:10px;padding:12px;margin:8px 0}
#call-search-slot .call-filters{gap:14px;margin:0 0 10px}
#call-search-slot label{font-size:12px}
#call-search-slot input,#call-search-slot select{font-size:13px;padding:7px 10px;min-height:34px}
#call-search-slot .history-search-form{gap:10px;margin:0}
#call-search-slot .history-search-form>.actions{margin:0;gap:6px}
#call-search-slot button{font-size:12px;padding:7px 10px;min-height:34px}
#call-search-slot .hint{font-size:11px;margin:8px 0 0}
#call-filter-summary{margin:4px 0 8px;overflow-wrap:anywhere}
#call-search-toggle.filters-active{border-color:var(--blue);color:var(--blue)}
#settings-navigation-slot,#help-navigation-slot{min-height:0;overflow:hidden}
#settings-navigation-slot>.settings-navigation,#help-navigation-slot>.help-navigation{height:100%}
.mobile-sheet{padding:0;max-height:calc(var(--portal-viewport-height,100dvh) - 24px)}
.mobile-sheet[open]{display:flex;flex-direction:column}
.mobile-sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);flex-shrink:0}
.mobile-sheet-heading h2{margin:0;font-size:18px}.mobile-sheet-heading button{min-height:44px}
.mobile-sheet-body{padding:16px;overflow:auto;min-height:0;overscroll-behavior:contain}
.mobile-error{margin:0;padding:10px 16px;color:var(--warning-text);background:var(--warning-bg);font-size:13px;flex-shrink:0;overflow-wrap:anywhere}.mobile-error:empty{display:none}
.mobile-navigation-dialog{margin:0 auto 0 0;width:min(340px,calc(100vw - 32px));height:var(--portal-viewport-height,100dvh);max-height:var(--portal-viewport-height,100dvh);border-radius:0 16px 16px 0}
.mobile-navigation-dialog .tabs{display:flex;flex-direction:column;border:0;padding:0;gap:4px;overflow:visible}
.mobile-navigation-dialog .tabs button,.mobile-chat-link{width:100%;min-height:48px;text-align:left;font-size:15px;padding:12px;border-radius:8px}
.mobile-chat-link{margin-bottom:8px;color:var(--ink);background:var(--subtle);border-color:var(--line)}
#mobile-portal-controls{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
#mobile-portal-controls .header-controls{display:flex;flex-direction:column;align-items:stretch;gap:12px}
#mobile-portal-controls .theme-label{justify-content:space-between;font-size:13px}
#mobile-portal-controls .theme-label>span{display:inline}#mobile-portal-controls .theme-label select{width:120px;font-size:16px;min-height:44px}
#mobile-portal-controls #logout{width:100%;font-size:14px;min-height:44px}
#mobile-call-search .call-filters{display:grid;gap:16px;margin:0 0 20px}
#mobile-call-search .call-filters label{display:grid;gap:6px;font-size:13px}
#mobile-call-search .call-filters select{width:100%;font-size:16px;min-height:44px}
#mobile-call-search .history-search-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0}
#mobile-call-search .history-search-query,#mobile-call-search .history-search-form>.actions{grid-column:1/-1;min-width:0!important}
#mobile-call-search .history-search-form label{min-width:0;font-size:13px}
#mobile-call-search input,#mobile-call-search select{font-size:16px;min-height:44px}
#mobile-call-search .history-search-form>.actions{margin:0;justify-content:flex-start}
#mobile-call-search .history-search-form>.actions button{min-height:44px;font-size:14px}
#mobile-call-search .history-search-form.entry-search{grid-template-columns:1fr}
#mobile-call-search .hint{font-size:12px;margin:14px 0 0}
#mobile-settings-navigation .settings-navigation{padding:0;border:0;background:var(--surface);overflow:visible}
#mobile-settings-navigation .settings-nav-title{display:none}
#mobile-settings-navigation .settings-navigation button{font-size:14px;min-height:48px;padding:12px}
#mobile-help-navigation .help-navigation{border:0;padding:8px 0 0;background:var(--surface);overflow:visible}
#mobile-help-navigation .help-navigation button{font-size:14px;min-height:48px}
#mobile-help-navigation .help-search-label{font-size:13px}#mobile-help-navigation input{font-size:16px;min-height:44px}
@media(max-width:950px){
 .icon-button,.mobile-only{display:inline-flex;align-items:center;gap:6px}.desktop-only{display:none!important}
 .topbar .mobile-only{display:none}.signed-in .topbar .mobile-only{display:inline-flex}
 .signed-in #header-controls-slot{display:none}
 #mobile-management>.overlay-heading{gap:10px;padding:8px 12px}
 #mobile-management-title{flex:1;font-size:18px;outline:none}
 #mobile-management-close{min-height:44px;font-size:12px}
 #mobile-management .overlay-body{padding:8px 12px}
 #dashboard-navigation-slot,#settings-navigation-slot,#help-navigation-slot,#help-search-slot,#call-search-slot{display:none}
 .call-heading>h2{display:none}.call-heading>.actions{width:100%;gap:8px}
 .call-heading button{min-height:44px;font-size:13px}.call-heading #refresh{margin-left:auto;min-width:44px;padding:10px}
 .call-heading #refresh>svg{display:block;width:20px;height:20px}
 .calls-panel>.hint{display:none}.calls-panel>#mobile-call-context{display:block;margin:8px 0 0;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .calls-panel>.call-toolbar{display:none}.calls-panel.selecting>.call-toolbar{display:flex}
 .calls-panel.selecting>.retention-note{display:block}
 .calls-panel:not(.selecting) .call-row>input{display:none}
 .calls-panel .call-toolbar button{min-height:44px;font-size:12px}
 .call-browser{grid-template-columns:1fr;margin-top:10px}.call-browser.has-call .call-list-column{display:none}.call-browser:not(.has-call) .selected-call{display:none}.selected-call .record-back{display:inline-flex;min-height:44px}
 .calls-panel:has(.call-browser.has-call)>.call-heading,
 .calls-panel:has(.call-browser.has-call) #mobile-call-search-open,.calls-panel:has(.call-browser.has-call) #mobile-call-select,.calls-panel:has(.call-browser.has-call)>#mobile-call-context,.calls-panel:has(.call-browser.has-call)>.call-toolbar,.calls-panel:has(.call-browser.has-call)>.retention-note{display:none}
 .settings-workspace{display:flex;flex-direction:column}.settings-content{flex:1}.mobile-section-bar{padding:8px 12px;border-bottom:1px solid var(--line);flex-shrink:0}
 .mobile-section-bar button{width:100%;display:flex;align-items:center;justify-content:space-between;min-height:44px;font-size:14px}
 .settings-section .fields{grid-template-columns:1fr}
 .help-header{padding:8px 0 12px}.help-header>div:first-child{display:none}.help-header .mobile-only{min-height:44px;font-size:13px}
 .help-workspace{display:block}.help-article{height:100%;padding:14px 12px}
}
@media(max-width:950px){
 .call-heading>.actions,.call-toolbar>.actions{margin-top:0}
 #mobile-management button{min-height:44px}
 .settings-section input:not([type=checkbox]),.settings-section select,.settings-section textarea{font-size:16px;min-height:44px}
 .settings-section .schedule-range label{min-width:120px}
}

#mobile-call-search-open.filters-active{border-color:var(--blue);color:var(--blue)}
@media(max-width:950px){
 .call-open h3{font-size:15px}.call-open p{font-size:14px}
 .call-open time,.call-open small{font-size:12px}.call-open .tag{font-size:10px}
 .selected-call p,.selected-call h4{font-size:14px}
 .selected-call .call-recording p.hint{font-size:12px}
 .help-body{font-size:14px}
}

.contacts-preview{border:1px solid var(--border);border-radius:12px;padding:16px;margin:16px 0}.contact-preview-list{max-height:200px;overflow:auto;margin-bottom:12px}.contact-preview-list p{margin:6px 0;overflow-wrap:anywhere}#contacts-search-form{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:12px 0}#contacts-search-form label{flex:1;min-width:160px}.contact-number-entry{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--border);padding:12px 0}.contact-number-entry div{min-width:0;overflow-wrap:anywhere}.contact-number-entry p{margin:4px 0}.contact-number-entry button{flex:none}#contacts-remove-dialog{max-width:440px}#contacts-file{width:100%;min-width:0}#contacts-file::file-selector-button{min-height:44px;margin-right:8px}

/* Call labels remain readable in both themes; text carries the status too. */
:root{--label-blocked:#991b1b;--label-entry:#854d0e;--label-test:#5b21b6;--label-contact:#115e59;--label-priority:#1e40af;--label-useful:#166534;--label-handled:#475569}
:root[data-theme="dark"]{--label-blocked:#fda4af;--label-entry:#fcd883;--label-test:#d8b4fe;--label-contact:#99f6d8;--label-priority:#b7d1ff;--label-useful:#a7efb7;--label-handled:#c6d0dd}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]):not([data-theme="dark"]){--label-blocked:#fda4af;--label-entry:#fcd883;--label-test:#d8b4fe;--label-contact:#99f6d8;--label-priority:#b7d1ff;--label-useful:#a7efb7;--label-handled:#c6d0dd}}
.tag-blocked{color:var(--label-blocked);background:#e03d5b20;border-color:#e03d5b60}
.tag-entry{color:var(--label-entry);background:#e6a52020;border-color:#e6a52060}
.tag-test{color:var(--label-test);background:#9062e020;border-color:#9062e060}
.tag-contact{color:var(--label-contact);background:#28b59920;border-color:#28b59960}
.tag-priority{color:var(--label-priority);background:#4a85e020;border-color:#4a85e060}
.tag-useful{color:var(--label-useful);background:#45af6420;border-color:#45af6460}
.tag-handled{color:var(--label-handled);background:#8291a320;border-color:#8291a360}
.caller-policy-labels,.caller-policy-controls{display:contents}
.call-action-area{container:call-actions / inline-size;width:100%;min-width:0}
.call-action-area .call-action-row{justify-content:flex-start}
.call-action-row>button,.caller-policy-controls>button{white-space:nowrap}
.call-action-row .caller-policy-hint{order:1;flex-basis:100%;font-size:11px}
.action-label-short{display:none}
@container call-actions (max-width:400px){.action-label-long{display:none}.action-label-short{display:inline}.call-action-row button{padding-inline:12px}}

.call-identity{display:grid;gap:6px;min-width:0}
.call-identity h3{margin:0;overflow-wrap:anywhere}
.call-labels{display:flex;flex-wrap:wrap;align-items:center;gap:5px}
.selected-call .call-identity h3{font-size:20px}

.phone-workspaces{display:flex;align-items:center;flex:0 1 24rem;min-width:0;margin-left:auto}.phone-workspaces select{width:100%;min-width:0;min-height:36px;margin:0;font-size:13px}#workspace-add-dialog{max-width:32rem;width:calc(100% - 2rem)}
@media(max-width:950px){.phone-workspaces{flex:1;max-width:28rem}.phone-workspaces select{min-height:44px}}
@media(max-width:600px){.signed-in .brand>span:last-child{display:none}.phone-workspaces select{font-size:12px}}
.selected-call .transcript-controls{align-items:flex-end;justify-content:flex-start}
.selected-call .transcript-controls label{margin:0;min-width:0;flex:0 1 140px}
.transcript-controls select,.transcript-controls button{min-height:44px}
.transcript-controls button{flex-shrink:0}

.selected-call>.actions{justify-content:flex-start}

/* Call transcripts share the assistant pane; the private chat keeps its state. */
.assistant-conversation,.call-conversation{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0;overflow:hidden}
.assistant-conversation[hidden],.call-conversation[hidden],.call-composer[hidden],.translated-call[hidden]{display:none}
.conversation-tabs{display:flex;align-items:stretch;gap:3px;flex-shrink:0;overflow-x:auto;max-width:100%;padding:6px 8px;border-bottom:1px solid var(--line);scrollbar-width:thin}
.conversation-tab-wrap{position:relative;display:flex;align-items:center;flex:none;min-width:0;border:1px solid transparent;border-radius:8px;background:transparent}
.conversation-tab{color:var(--muted);background:transparent;border:1px solid transparent;border-radius:8px;white-space:nowrap;font-size:12px;max-width:200px;overflow:hidden;text-overflow:ellipsis;min-height:38px;padding:8px 12px;text-align:left}
.conversation-tab-wrap>.conversation-tab{border:0;min-height:36px;max-width:240px;padding-right:38px}
.conversation-tab.pinned{flex:none;position:sticky;left:0;z-index:1;background:var(--surface)}
.conversation-tab-wrap:hover,.conversation-tab.pinned:hover{background:var(--subtle)}
.conversation-tab-wrap>.conversation-tab:hover{background:transparent}
.conversation-tab.pinned[aria-selected=true],.conversation-tab-wrap:has(>.conversation-tab[aria-selected=true]){background:var(--secondary);border-color:var(--line)}
.conversation-tab[aria-selected=true]{color:var(--ink);font-weight:700}
.conversation-tab.live::before{content:'● ';color:var(--success-dot)}
.text-test-tab{display:flex;align-items:center;gap:8px}.conversation-tab-label{min-width:0;overflow:hidden;text-overflow:ellipsis}.conversation-status-dot{width:8px;height:8px;flex:none;border-radius:50%}.conversation-status-dot.in-progress{background:#b38b0d}.conversation-status-dot.completed{background:#2a9a52}.conversation-menu-caption:has(.conversation-status-dot){display:flex;align-items:center;gap:8px}
.close-call-tab{position:absolute;right:4px;top:0;bottom:0;margin:auto 0;display:grid;place-items:center;width:28px;height:28px;min-height:28px;color:var(--muted);background:transparent;padding:0;font-size:18px;line-height:1;border:0;border-radius:5px}
.close-call-tab:hover{background:var(--secondary-hover);color:var(--ink)}
.close-call-tab:focus-visible{outline-offset:0}
.call-chat-heading h2{font-size:16px;overflow-wrap:anywhere}.call-chat-heading>div{min-width:0}.call-chat-heading .badge{flex-shrink:0;display:inline-flex;padding:3px 7px;border-radius:12px;font-size:11px;color:var(--muted);background:var(--subtle)}
.call-chat-controls{display:flex;align-items:flex-end;flex-wrap:wrap;gap:8px;padding:8px 12px;border-bottom:1px solid var(--line);flex-shrink:0}
.call-chat-controls label{font-size:11px;margin:0;min-width:0}.call-chat-controls select{margin:4px 0 0;max-width:150px;min-height:38px}.call-chat-controls button{font-size:11px;min-height:38px}
.call-chat-controls label:last-child{display:flex;align-items:center;gap:6px;align-self:center;margin-left:auto}.call-chat-controls input{width:16px;height:16px}
.call-tab-error{padding:0 12px;margin:4px 0;flex-shrink:0}.call-tab-error:empty{display:none}
.call-diagnostic{background:var(--subtle);border:1px solid var(--line);border-radius:7px;padding:10px;margin:10px 0;font-size:11px}.call-diagnostic summary{overflow-wrap:anywhere}.call-diagnostic pre{font:11px/1.5 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;max-height:300px;overflow:auto}
.message.owner{border-left:2px solid var(--blue);padding-left:10px}.call-composer .primary{white-space:normal;max-width:100px}
@media(max-width:600px){.conversation-tab{max-width:145px;font-size:11px;min-height:44px}.conversation-tab-wrap>.conversation-tab{max-width:190px;min-height:42px;padding-right:42px}.close-call-tab{right:1px;width:40px;height:40px;min-height:40px}.call-chat-controls{gap:6px}.call-chat-heading{padding:8px 12px}.call-chat-heading h2{font-size:14px}.call-chat-heading .badge{font-size:10px}.call-chat-controls label:last-child{margin-left:0}.call-chat-controls select{max-width:125px}}

.call-chat-heading .badge-live{color:var(--success-text);background:var(--success-bg);border:1px solid var(--success-dot)}.call-conversation .message-content{white-space:normal}

.cost-status{margin-top:1rem;padding:.75rem;border:1px solid var(--border);border-radius:.5rem}.cost-status strong{font-size:.85rem}.cost-status p{margin:.4rem 0 0}

.live-call-panel { padding: 10px 14px; border-bottom: 1px solid var(--line); background: var(--subtle); }
.live-call-panel > p { margin: 0 0 6px; }
.live-call-panel > p:first-child { font-weight: 700; }
.live-call-buttons { display: flex; flex-wrap: wrap; gap: 8px; margin: 8px 0; }
.live-call-buttons button { min-height: 44px; }
.conversation-entry.system { margin: 8px 0; color: var(--muted); }
@media (max-width: 600px) { .live-call-buttons { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); } .live-call-buttons button { width: 100%; } }

#settings-notifications button { min-height: 44px; }

/* Caller directory, usage and retention reuse portal surfaces and theme colors. */
.caller-filters,.caller-search,.usage-daily{border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin:12px 0}.caller-filters>summary,.caller-search>summary,.usage-daily>summary{cursor:pointer;font-size:12px;font-weight:600}.compact-history-form{display:flex;flex-wrap:wrap;gap:10px;align-items:end;padding-top:10px}.compact-history-form label{flex:1 1 140px;min-width:0}.compact-history-form .history-search-query{flex-basis:100%}.compact-history-form input,.compact-history-form select{width:100%;min-width:0}.caller-row.selected{background:var(--secondary);border-radius:8px;padding:10px}.caller-timeline-item{border-left:2px solid var(--line);padding:12px 0 12px 14px;margin:8px 0}.caller-timeline-item time{display:block;color:var(--muted);font-size:11px;margin-bottom:8px}.caller-timeline-item p{font-size:12px;overflow-wrap:anywhere}.caller-timeline-item audio{display:block;width:100%;max-width:100%;margin:10px 0}.caller-search form{display:flex;gap:8px;flex-wrap:wrap;padding:12px 0}.caller-search input{flex:1 1 180px;min-width:0}.caller-search button.text-button{display:block;text-align:left;width:100%;overflow-wrap:anywhere}.usage-total{display:flex;flex-direction:column;gap:4px;margin:20px 0 10px}.usage-total>strong{font-size:28px}.usage-channels{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:16px 0}.usage-channel{display:flex;flex-direction:column;gap:6px;border:1px solid var(--line);border-radius:10px;padding:12px}.usage-channel strong{font-size:18px}.usage-segment{padding:14px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.usage-segment h3{font-size:13px;margin:0}.usage-cost-row{display:flex;justify-content:space-between;gap:16px;padding:8px 0;font-size:11px;border-bottom:1px solid var(--line)}.usage-cost-row>span:last-child{flex-shrink:0}.segment-cost{padding:8px 0;color:var(--muted);font-size:10px}.segment-cost>summary{cursor:pointer}.segment-cost .hint{font-size:10px}#retention-form input{max-width:180px}#retention-form .fields{grid-template-columns:1fr}#view-callers,#view-usage{min-width:0}.compact-history-form .actions{flex-wrap:wrap}#caller-detail .caller-policy-controls{margin:12px 0}
@media(max-width:600px){.usage-channels{grid-template-columns:repeat(2,minmax(0,1fr))}.usage-cost-row{flex-wrap:wrap}.caller-timeline-item button{margin-right:8px}.compact-history-form label{flex-basis:calc(50% - 10px)}}

@media(max-width:600px){#callers .caller-row{flex-direction:column;align-items:flex-start;gap:6px}}
/* Service reminders share the header; dismissal does not reserve another row. */
.service-notice-banner{display:flex;align-items:center;justify-content:center;justify-self:center;grid-column:2;gap:2px;max-width:100%;min-width:0;color:var(--warning-text)}
.service-notice-banner button{background:transparent;color:inherit;border:0;font-size:12px;font-weight:500;min-height:36px;padding:6px}
.service-notice-banner button:hover{background:var(--warning-bg)}
.service-notice-open{flex:1;min-width:0;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.service-notice-dismiss{flex-shrink:0;width:36px;font-size:20px!important;line-height:1}
#service-notice-short{display:none}
.service-notice-banner[data-severity="expired"]{color:var(--error)}
@media(max-width:950px){.header-account-controls{gap:8px}.service-notice-banner button{min-height:44px;font-size:11px}.service-notice-dismiss{width:44px}#service-notice-text{display:none}#service-notice-short{display:inline}}
@media(min-width:951px) and (max-width:1280px){#service-notice-text{display:none}#service-notice-short{display:inline}}
@media(max-width:600px){.topbar{display:flex}.header-account-controls{width:auto;flex:1 1 120px}.service-notice-banner{flex:1 1 140px}.signed-in .phone-workspaces{flex:1 1 120px}}
.service-key-notice{border:1px solid var(--line);border-radius:10px;padding:14px;margin-bottom:20px}.service-key-notice details{margin-top:12px}.service-key-notice form{display:grid;gap:12px;margin-top:12px}.service-key-notice input[type="date"]{max-width:220px}.service-key-notice .switch{display:flex;align-items:flex-start;gap:8px}.service-key-notice .switch input{flex-shrink:0}.service-key-notice button{justify-self:start}

/* Workspace Q&A and calendar events have their own main tabs. */
.qa-entry{border:1px solid var(--line);border-radius:12px;padding:16px;margin-bottom:12px;display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}
.qa-entry-body{flex:1 1 240px;min-width:0;overflow-wrap:anywhere}.qa-entry h3{margin:0 0 8px}.qa-entry-body p{margin:0;white-space:pre-wrap}.qa-entry .actions{margin:0}
.qa-panel form{margin-top:24px}.qa-panel form>label{display:block;margin-bottom:16px}.qa-panel input,.qa-panel textarea{width:100%;box-sizing:border-box}#qa-delete-dialog p,#knowledge-delete-dialog p{white-space:pre-wrap;overflow-wrap:anywhere}
.caller-facts{border:1px solid var(--line);border-radius:8px;padding:14px;margin:16px 0;min-width:0}.caller-facts h3{margin:0 0 8px}.caller-facts-text{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--subtle);padding:10px;border-radius:6px}.caller-facts textarea{width:100%;box-sizing:border-box}.caller-facts .actions{flex-wrap:wrap}.caller-facts .hint{overflow-wrap:anywhere}

.calendar-providers{display:flex;gap:8px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:18px}.calendar-providers button{background:transparent;color:var(--muted);border:1px solid transparent}.calendar-providers button[aria-selected=true]{background:var(--secondary);color:var(--ink);border-color:var(--line)}.calendar-panel .section-heading{flex-wrap:wrap;margin-bottom:12px}.calendar-panel .section-heading h3{margin:0}.calendar-panel .section-heading .actions{margin:0}.calendar-panel [id$="-event-controls"]>.actions{justify-content:flex-start;margin:14px 0}.calendar-events-savebar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding-top:16px;border-top:1px solid var(--line);margin-top:20px}.calendar-panel form>p:last-child{margin-bottom:0}
@media(max-width:600px){.qa-panel input,.qa-panel textarea,.calendar-panel select{font-size:16px;min-height:44px}.calendar-panel button{min-height:44px}.calendar-panel .section-heading .actions{width:100%;flex-wrap:wrap}}

/* Caller history reuses the conversation surface without owning live audio. */
.caller-history{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;gap:8px;padding:12px}.caller-history-tab>.caller-history{overflow:hidden}.history-heading{display:flex;align-items:start;justify-content:space-between;gap:12px;flex-wrap:wrap}.history-heading h3{margin:0 0 4px}.history-heading .actions{flex-wrap:wrap;justify-content:flex-start}.history-heading label{margin:0;min-width:120px}.history-heading select{margin-top:4px}.history-heading button{font-size:11px;white-space:normal}.caller-history>.hint{margin:0}.history-groups{overflow:auto;flex:1;min-height:0;min-width:0;overscroll-behavior:contain;overflow-anchor:none}.caller-detail .history-groups{max-height:560px}.history-group{border:1px solid var(--line);border-radius:8px;margin-bottom:10px;background:var(--surface)}.history-group>summary{padding:12px;cursor:pointer;overflow-wrap:anywhere}.history-group>summary time{font-size:11px;color:var(--muted);margin-right:8px}.history-group>summary strong,.history-summary,.history-group>summary small{display:block;margin:4px 0}.history-summary{font-size:13px;line-height:1.5}.history-group-body{border-top:1px solid var(--line);padding:12px;min-width:0}.history-group-body>.text-button{font-size:12px}.history-item{margin:14px 0;min-width:0;overflow-wrap:anywhere}.history-item .message-label{display:flex;gap:8px;justify-content:space-between;flex-wrap:wrap}.history-item .message-content{white-space:pre-wrap;line-height:1.5;max-width:100%;margin:6px 0}.history-event-text{white-space:pre-wrap;font-size:13px}.history-delivery{font-size:12px;border-left:2px solid var(--line);padding-left:8px}.history-provenance{font-size:11px;color:var(--muted)}.history-coverage{border-left:2px solid var(--line);padding-left:8px}.caller-assistant-context{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 12px;padding:8px;border:1px solid var(--line);border-radius:8px;font-size:12px}.caller-assistant-context[hidden]{display:none}.caller-assistant-context button{flex-shrink:0}
@media(max-width:600px){.caller-history{padding:10px}.history-heading .actions{width:100%}.history-heading .actions>button{flex:1;min-height:44px}.history-group>summary{padding:10px}.history-group-body{padding:10px}.history-item .message-content{padding:10px 12px}.history-heading select{font-size:16px}.caller-assistant-context{font-size:11px}}

@media(max-width:520px){.history-heading .actions{display:grid;grid-template-columns:1fr 1fr;align-items:end}.history-heading .actions>button:last-child{grid-column:1/-1;width:100%}}

.callers-panel{display:flex;flex-direction:column;height:100%;min-height:0;overflow:auto}
.list-search-panel{border:1px solid var(--line);border-radius:10px;padding:12px;margin:8px 0}
.list-search-form{display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin:0}
.list-search-form>label{display:grid;gap:5px;flex:0 1 150px;min-width:0;font-size:12px}
.list-search-form>.list-search-query{flex:0 1 260px;max-width:320px}
.list-search-form>label:has(input[type=datetime-local]){flex-basis:180px}
.list-search-form input,.list-search-form select{width:100%;min-width:0;font-size:13px;min-height:34px;padding:7px 10px}
.list-search-form>.actions{margin:0;gap:6px}
.list-search-form button{font-size:12px;padding:7px 10px;min-height:34px}
.list-search-panel>.hint:empty{display:none}
#caller-search-toggle{display:inline-flex;align-items:center;gap:8px;font-size:12px;padding:7px 10px;min-height:34px}
#caller-search-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .15s}
#caller-search-toggle[aria-expanded=true] svg{transform:rotate(180deg)}
#caller-search-toggle.filters-active,#mobile-caller-search-open.filters-active{border-color:var(--blue);color:var(--blue)}
.caller-heading>.actions{margin:0;flex-wrap:wrap}
.caller-heading #refresh-callers>svg{display:none}
.mobile-list-search .list-search-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.mobile-list-search .list-search-form>label{font-size:13px}
.mobile-list-search .list-search-query,.mobile-list-search .list-search-form>.actions{grid-column:1/-1;max-width:none;min-width:0}
.mobile-list-search label:has(#caller-outcome){grid-column:1/-1}
.mobile-list-search input,.mobile-list-search select{font-size:16px;min-height:44px}
.mobile-list-search .list-search-form button{min-height:44px;font-size:14px}
@media(max-width:950px){#caller-search-slot,#caller-search-toggle.desktop-only{display:none}.caller-heading #refresh-callers>svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}.caller-heading button{min-height:44px}.caller-heading>.actions{gap:6px}}
.caller-toolbar{flex:0 1 auto;min-height:44px;max-height:45%;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.caller-browser{display:grid;grid-template-columns:minmax(180px,var(--call-list-size,.65fr)) 12px minmax(0,var(--call-details-size,1.35fr));flex:1;min-width:0;min-height:90px;margin-top:12px;overflow:hidden}
.caller-list-column{display:flex;flex-direction:column;min-width:0;min-height:0}
#callers{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.caller-browser .caller-row{display:block;border:1px solid var(--line);border-radius:12px;padding:12px;margin:0 2px 9px 0;background:var(--surface)}
.caller-browser .caller-row:hover{background:var(--subtle)}
.caller-browser .caller-row.selected{border-color:var(--blue);box-shadow:inset 3px 0 var(--blue);background:var(--selected)}
.caller-browser .caller-row .text-button{margin-top:6px;text-align:left}
#caller-pagination{justify-content:space-between;gap:6px;flex-shrink:0;margin:6px 0 0;font-size:10px}
.caller-browser .caller-detail{border:1px solid var(--line);border-radius:12px;padding:18px;margin:0;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.caller-detail>.empty{display:grid;place-content:center;height:100%;text-align:center;margin:0}
.caller-detail .caller-back{margin-bottom:12px}
body.resizing-call-list .caller-list-divider span{background:var(--blue)}
@container(max-width:620px){.caller-list-divider{display:none}.caller-browser{grid-template-columns:1fr}.caller-browser.has-caller .caller-list-column{display:none}.caller-browser:not(.has-caller) .caller-detail{display:none}.callers-panel:has(.has-caller)>.caller-toolbar{display:none}.caller-detail .caller-back{min-height:44px}}
@media(max-width:950px){.caller-list-divider{display:none}.caller-browser{grid-template-columns:1fr}.caller-browser.has-caller .caller-list-column{display:none}.caller-browser:not(.has-caller) .caller-detail{display:none}.callers-panel:has(.has-caller)>.caller-toolbar{display:none}.caller-browser .caller-detail{padding:14px}.caller-detail .caller-back,.caller-row .text-button{min-height:44px}}

.dashboard-tab-separator{align-self:center;flex-shrink:0;height:22px;width:1px;background:var(--line);margin:0 6px}
@media(min-width:951px){.tabs{gap:6px;overflow:hidden}.dashboard-primary-tabs,.dashboard-utility-tabs{display:flex;align-items:center;gap:6px}.dashboard-primary-tabs{min-width:0;overflow-x:auto;scrollbar-width:none}.dashboard-primary-tabs::-webkit-scrollbar{display:none}.dashboard-primary-tabs button{flex-shrink:0;padding-inline:10px}.dashboard-utility-tabs{margin-left:auto;flex-shrink:0}}
@media(max-width:950px){.dashboard-primary-tabs,.dashboard-utility-tabs{display:contents}.dashboard-tab-separator{width:100%;height:1px;margin:6px 0}}
.caller-history{container-type:inline-size}
.history-heading .history-controls{display:grid;grid-template-columns:minmax(110px,1fr) auto auto;align-items:end;gap:8px;margin:0}
.history-controls>label{display:flex;flex-direction:column;gap:4px;min-width:0;font-size:11px}
.history-controls select{margin:0;width:100%;min-width:0;height:36px}
.history-controls>button{height:36px;white-space:nowrap;margin:0}
.history-ask-short{display:none}
.history-boundary{display:flex;align-items:center;justify-content:space-between;gap:10px;border-left:2px solid var(--line);padding:10px;font-size:12px;color:var(--muted)}
.history-boundary time{font-variant-numeric:tabular-nums;text-align:right}
.history-group-body>.history-boundary:first-child{margin-bottom:12px}.history-group-body>.history-boundary:last-child{margin-top:12px}
.history-item>summary{cursor:pointer;list-style-position:inside;padding:8px 0;font-size:12px;overflow-wrap:anywhere}
.history-item>summary .message-label{display:inline}.history-item>summary time{float:right;font-size:11px;color:var(--muted)}
.history-item .history-item-body{padding:0 8px 8px}.history-item .history-boundary{font-size:11px;padding:6px 8px}
.history-call-materials{margin:12px 0;border:1px solid var(--line);border-radius:8px;padding:10px;min-width:0}
.history-call-materials>summary{cursor:pointer;font-size:12px;font-weight:600}.history-call-materials audio{display:block;width:100%;margin:12px 0}
.history-event-attributes{display:grid;grid-template-columns:auto 1fr;gap:5px 12px;font-size:12px}.history-event-attributes dt{color:var(--muted)}.history-event-attributes dd{margin:0;overflow-wrap:anywhere}
@container(max-width:700px){.history-heading .history-controls{width:100%}}
@container(max-width:450px){.history-heading .history-controls{grid-template-columns:minmax(0,1fr) auto auto;width:100%}.history-controls select,.history-controls>button{font-size:11px}.history-ask-full{display:none}.history-ask-short{display:inline}}
@media(max-width:600px){.history-heading .history-controls{grid-template-columns:minmax(0,1fr) auto auto;width:100%}.history-controls select,.history-controls>button{height:44px;min-height:44px;font-size:11px}.history-heading .history-controls>button:last-child{grid-column:auto;width:auto}.history-ask-full{display:none}.history-ask-short{display:inline}.history-boundary{flex-wrap:wrap}}

/* Color identifies a labeled message party; surfaces stay neutral. */
:root{--party-owner:#244d94;--party-owner-bg:#edf3ff;--party-private:#63428f;--party-private-bg:#f3edfc;--party-caller:#17645c;--party-caller-bg:#e8f6f2;--party-representative:#80551b;--party-representative-bg:#fff4df;--party-system:#4f5968;--party-system-bg:#edf0f4;--modality-text:#4c5874;--modality-text-bg:#eef1f8;--modality-voice:#78532a;--modality-voice-bg:#fff3e4;--channel-text:#375c60;--channel-bg:#edf5f5}
:root[data-theme=dark]{--party-owner:#b3ceff;--party-owner-bg:#243249;--party-private:#d3bbff;--party-private-bg:#362941;--party-caller:#9edfd1;--party-caller-bg:#213b35;--party-representative:#f1cc8e;--party-representative-bg:#403322;--party-system:#c3ccdc;--party-system-bg:#2d323c;--modality-text:#c1cbe6;--modality-text-bg:#2b3141;--modality-voice:#efcda7;--modality-voice-bg:#403324;--channel-text:#b1dadc;--channel-bg:#26393b}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){--party-owner:#b3ceff;--party-owner-bg:#243249;--party-private:#d3bbff;--party-private-bg:#362941;--party-caller:#9edfd1;--party-caller-bg:#213b35;--party-representative:#f1cc8e;--party-representative-bg:#403322;--party-system:#c3ccdc;--party-system-bg:#2d323c;--modality-text:#c1cbe6;--modality-text-bg:#2b3141;--modality-voice:#efcda7;--modality-voice-bg:#403324;--channel-text:#b1dadc;--channel-bg:#26393b}}
.message-meta{--party-color:var(--party-system);--party-bg:var(--party-system-bg);display:flex!important;align-items:center;gap:5px 6px;flex-wrap:wrap;margin:0 0 6px;font-size:11px;line-height:1.5;letter-spacing:0;text-transform:none;font-weight:400;text-align:left}
.message-meta[data-party=owner]{--party-color:var(--party-owner);--party-bg:var(--party-owner-bg)}
.message-meta[data-party=private-assistant]{--party-color:var(--party-private);--party-bg:var(--party-private-bg)}
.message-meta[data-party=caller]{--party-color:var(--party-caller);--party-bg:var(--party-caller-bg)}
.message-meta[data-party=representative]{--party-color:var(--party-representative);--party-bg:var(--party-representative-bg)}
.message-meta .meta-badge{border-radius:5px;padding:2px 6px;max-width:100%;overflow-wrap:anywhere;font-size:inherit;line-height:inherit;letter-spacing:0;text-transform:none}
.message-party{background:var(--party-bg);color:var(--party-color);font-weight:700}
.message-modality{background:var(--modality-text-bg);color:var(--modality-text)}
.message-meta:has(.message-modality) .message-modality{font-weight:500}
.message-meta:has(.message-modality[data-modality=voice]) .message-modality{background:var(--modality-voice-bg);color:var(--modality-voice)}
.message-transport{background:var(--channel-bg);color:var(--channel-text)}
.message-delivery,.message-status{color:var(--muted);background:var(--subtle);border:1px solid var(--line)}
.message-meta .message-time{float:none;font-size:11px;color:var(--muted);font-weight:400;letter-spacing:0;text-transform:none}
.message.user>.message-meta{justify-content:flex-end}
.message:has(>.message-meta[data-party=owner])>.message-content,.message:has(>summary>.message-meta[data-party=owner]) .message-content{border-left:3px solid var(--party-owner)}
.message:has(>.message-meta[data-party=private-assistant])>.message-content{border-left:3px solid var(--party-private)}
.message:has(>.message-meta[data-party=caller])>.message-content,.message:has(>summary>.message-meta[data-party=caller]) .message-content{border-left:3px solid var(--party-caller)}
.message:has(>.message-meta[data-party=representative])>.message-content,.message:has(>summary>.message-meta[data-party=representative]) .message-content{border-left:3px solid var(--party-representative)}
.conversation-entry .message-content,.history-item .message-content,.history-event-text{font-size:14px;line-height:1.6}
.history-item>summary .message-meta{display:flex}.history-item .message-meta{justify-content:flex-start;gap:5px 6px}.history-item>summary time{float:none}
.conversation-segment{margin:12px 0}.private-voice-segment{border:1px solid var(--line);border-radius:10px;background:var(--surface);overflow:hidden}
.private-voice-segment>summary{cursor:pointer;padding:10px 12px}.private-voice-segment>summary .message-meta{display:inline-flex!important;margin:0;vertical-align:middle}
.private-voice-segment>.conversation-segment-body{padding:10px 12px;border-top:1px solid var(--line)}.private-voice-boundary{font-size:11px}
.caller-browser .caller-row{padding:0}.caller-browser .caller-row.selected{padding:0}
.caller-open{display:block;width:100%;min-height:44px;text-align:left;padding:12px;border:0;border-radius:11px;background:transparent;color:var(--ink);white-space:normal;font-weight:400}
.caller-open:hover{background:transparent}.caller-open:focus-visible{outline-offset:-3px}.caller-open p{margin:5px 0}
.conversation-navigation{flex:none;min-width:0;border-bottom:1px solid var(--line)}.conversation-desktop-nav{display:flex;min-width:0;align-items:center}.conversation-tab-slot{flex:1;min-width:0;overflow:hidden}
.conversation-tabs{border:0;overflow-x:hidden;scrollbar-width:none;min-width:0;max-width:100%;padding:6px 8px}.conversation-tabs::-webkit-scrollbar{display:none}
.conversation-tab-controls{display:flex;flex:none;gap:3px;padding:4px 8px 4px 0}.conversation-tab-arrow{width:34px;min-height:38px;padding:0;font-size:24px;line-height:1;border:1px solid var(--line);background:var(--surface);color:var(--ink)}
.conversation-tab.pinned{color:var(--party-private);background:var(--party-private-bg);border-color:var(--party-private);box-shadow:3px 0 0 var(--surface)}
.conversation-tab.pinned:hover,.conversation-tab.pinned[aria-selected=true]{color:var(--party-private);background:var(--party-private-bg);border-color:var(--party-private);font-weight:700}
.conversation-menu-trigger{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:8px 12px;text-align:left;border:0;border-radius:0;background:var(--surface);color:var(--ink);font-size:12px}
.conversation-menu-icon{font-size:20px;flex:none}.conversation-menu-caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.conversation-menu{width:min(440px,calc(100vw - 24px));max-height:80dvh;padding:0;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:12px;overflow:auto}
.conversation-menu::backdrop{background:#0008}.conversation-menu .conversation-tabs{flex-direction:column;align-items:stretch;overflow:visible;padding:8px}
.conversation-menu .conversation-tab-wrap>.conversation-tab,.conversation-menu .conversation-tab{max-width:none;width:100%;min-height:48px;font-size:12px}
.conversation-menu .conversation-tab.pinned{position:static}.conversation-menu .close-call-tab{width:44px;height:44px;min-height:44px;right:2px}.conversation-menu .conversation-tab-wrap>.conversation-tab{padding-right:48px}
.conversation-desktop-nav[hidden],.conversation-menu-trigger[hidden]{display:none}
:root{--channel-web:#395375;--channel-web-bg:#edf2f8;--channel-sms:#714864;--channel-sms-bg:#f6edf3;--channel-browser:#55568b;--channel-browser-bg:#efeffa;--channel-phone:#1b6168;--channel-phone-bg:#eaf7f7}
:root[data-theme=dark]{--channel-web:#bbd2ef;--channel-web-bg:#293446;--channel-sms:#e9b9d9;--channel-sms-bg:#3f2b3a;--channel-browser:#c5c3fa;--channel-browser-bg:#32324a;--channel-phone:#a8e0e7;--channel-phone-bg:#243b3d}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){--channel-web:#bbd2ef;--channel-web-bg:#293446;--channel-sms:#e9b9d9;--channel-sms-bg:#3f2b3a;--channel-browser:#c5c3fa;--channel-browser-bg:#32324a;--channel-phone:#a8e0e7;--channel-phone-bg:#243b3d}}
.message-transport[data-channel=web]{color:var(--channel-web);background:var(--channel-web-bg)}.message-transport[data-channel=sms]{color:var(--channel-sms);background:var(--channel-sms-bg)}.message-transport[data-channel=browser]{color:var(--channel-browser);background:var(--channel-browser-bg)}.message-transport[data-channel=phone]{color:var(--channel-phone);background:var(--channel-phone-bg)}
.message-modality[data-modality=event]{color:var(--party-system);background:var(--party-system-bg)}
.conversation-menu-trigger[data-private=true] .conversation-menu-caption,.conversation-menu-trigger[data-private=true] .conversation-menu-icon{color:var(--party-private)}
.message-evidence{color:var(--muted);background:var(--subtle);border:1px solid var(--line)}
.conversation-tab-wrap>.conversation-tab{max-width:min(240px,var(--conversation-tab-space,240px))}
.conversation-menu .conversation-tab-wrap>.conversation-tab{max-width:none}
.history-item>summary .message-meta{display:flex!important;max-width:100%;min-width:0;margin:0}

.history-disclosures{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0;margin:0}.history-disclosures button{font-size:11px;min-height:36px}.history-heading>[hidden]{display:none}.call-timeline-session{flex:1;display:flex;min-height:0;overflow:hidden}.call-timeline-session>.caller-history{padding-top:8px}.call-timeline-session .history-current-policy{display:none}@media(max-width:600px){.history-disclosures button{min-height:44px}}

/* Each call has a distinct card and header; only caller items use the right side. */
.history-group{background:var(--subtle);border-radius:12px;overflow:clip;margin-bottom:16px}
.history-group>summary{background:var(--secondary);padding:14px 16px;border-bottom:1px solid transparent}
.history-group[open]>summary{border-bottom-color:var(--input-line)}
.history-group>summary strong{font-size:14px}.history-group>summary small{font-size:12px}
.history-group-body{border:0;padding:14px 16px;background:var(--subtle)}
.history-call-incoming{border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:14px}
.history-call-incoming>.history-boundary{padding:0 0 10px;border:0;color:var(--ink)}
.history-call-materials{margin:0;border:0;padding:0}.history-call-summary>strong{font-size:12px}
.history-call-summary .history-summary{font-size:13px;margin:6px 0 12px}.history-call-actions{margin:10px 0;justify-content:flex-start;flex-wrap:wrap}
.history-call-actions button{font-size:12px}.history-call-incoming>.text-button{font-size:12px}
.history-group .history-item{width:fit-content;max-width:85%;margin:12px auto 12px 0}.history-group .history-item.user{margin-left:auto;margin-right:0}
.history-group .history-item.owner{border-left:0;padding-left:0}
.history-group .history-item.user>summary{justify-content:flex-end}.history-group .history-item.user>summary .message-meta{justify-content:flex-end}
.history-group .history-item>summary{display:flex;align-items:baseline;gap:6px;list-style:none;background:var(--subtle);border:0;border-radius:8px;padding:10px}.history-item>summary::-webkit-details-marker{display:none}.history-item-arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 12px;width:12px;height:12px;line-height:1}.history-item-party{display:inline-flex;align-items:center;gap:6px}.history-item[open]>summary .history-item-arrow{transform:rotate(90deg)}.history-item .message-time{white-space:nowrap}
.history-group .history-item[open]>summary{border-radius:8px 8px 0 0}
.history-group .history-item-body{background:var(--subtle);border:0;border-radius:0 0 8px 8px;padding:10px;min-width:0}.history-item .history-provenance{contain:inline-size;min-width:0;max-width:100%;overflow-wrap:anywhere}.history-provenance p{white-space:normal;overflow-wrap:anywhere}
.history-group .history-item .message-content{width:100%;margin:0 0 8px}
.history-call-overlay{width:min(640px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink)}
.history-call-overlay::backdrop{background:#0008}.history-call-overlay .overlay-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.history-call-overlay .overlay-heading h2{font-size:18px;margin:0}.history-call-overlay .overlay-body{padding:16px;max-height:calc(100dvh - 110px);overflow:auto}
.history-call-overlay textarea{width:100%;font-size:14px;margin:6px 0 12px}.history-call-overlay .actions{flex-wrap:wrap;justify-content:flex-start}.history-call-overlay .hint{font-size:12px}
@media(max-width:600px){.history-group-body{padding:12px 10px}.history-group>summary{padding:12px}.history-group .history-item{max-width:94%}.history-call-actions button,.history-call-overlay button{min-height:44px}.history-call-overlay textarea,.history-call-overlay input{font-size:16px}.history-call-overlay .overlay-heading{padding:12px}}

.usage-details{display:grid;gap:12px;margin:20px 0}.usage-details details{border:1px solid var(--border,#444);border-radius:12px;padding:12px}.usage-cost-row{gap:16px;overflow-wrap:anywhere}.usage-channel small{display:block;line-height:1.5}.usage-segment p{overflow-wrap:anywhere}#usage-headlines{margin-bottom:16px}#usage-form label{min-width:0}#usage-form input{width:100%;box-sizing:border-box}@media(max-width:640px){#usage-form{grid-template-columns:1fr}.usage-channels{grid-template-columns:1fr}.usage-cost-row{align-items:start}}
.greeting-disclosure{margin-top:10px;padding:10px 12px;border-left:3px solid var(--line);background:var(--surface);border-radius:6px}.greeting-disclosure strong,.greeting-spoken summary{font-size:12px}.greeting-disclosure p,.greeting-spoken p{font-size:12px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0 0}.greeting-duration{margin:12px 0 0}.greeting-stale{color:var(--warning-text)}.greeting-spoken{margin-top:12px}

.history-heading .history-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.history-controls>select{width:auto;max-width:140px;margin:0;font-size:12px}
.history-control{display:inline-flex;align-items:center;justify-content:center;gap:6px}
.history-control svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.history-recording-duration{font-size:13px;font-weight:600;margin:8px 0}
.history-call-actions{display:flex;gap:8px;flex-wrap:nowrap}.history-call-actions button{margin:0;white-space:nowrap}
@media(max-width:600px){
 .history-heading .history-controls{display:grid;grid-template-columns:minmax(64px,1fr) repeat(4,40px);gap:4px;width:100%;flex-wrap:nowrap}
 .history-controls>select{width:100%;max-width:140px;font-size:14px;padding:8px 6px;height:44px;min-height:44px}
 .history-heading .history-controls>.history-control{width:40px;height:44px;min-width:0;min-height:44px;padding:8px}
 .history-control-label{display:none}.history-control svg{width:20px;height:20px}
 .caller-history>.history-current-policy,.caller-history>.history-timezone{display:none}
 .history-call-actions button{padding:10px 14px;font-size:13px}
}
/* Item management: semantic tables on desktop, labeled rows on narrow screens. */
.item-grid-wrap{min-width:0;width:100%;margin:14px 0}.item-grid{width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px}.item-grid th{text-align:left;font-size:11px;color:var(--muted);font-weight:600;padding:10px 12px;background:var(--subtle)}.item-grid td{padding:12px;vertical-align:top;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.item-grid-with-actions th:last-child,.item-grid-with-actions td:last-child{width:180px}.item-grid-actions .actions{gap:4px}.item-grid-actions button{font-size:12px;padding:7px 9px}.item-record-link{text-align:left;white-space:pre-wrap;font-size:13px;font-weight:600;color:var(--ink);background:transparent;border:0;padding:0;max-width:100%;overflow-wrap:anywhere}.item-record-link:hover{text-decoration:underline}.document-items{margin:18px 0}.item-record-preview,.document-items .item-record-link{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.document-items .section-heading h4{margin:0}.item-document-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.item-overlay{padding:0;width:min(640px,calc(100vw - 32px));max-height:calc(100dvh - 32px);border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);overflow:hidden}.item-overlay-wide{width:min(960px,calc(100vw - 32px))}.item-overlay[open]{display:flex;flex-direction:column}.item-overlay::backdrop{background:#0008}.item-overlay-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid var(--line);flex-shrink:0}.item-overlay-heading h2{font-size:18px;margin:0}.item-overlay-body{padding:20px;overflow:auto;overscroll-behavior:contain;min-height:0}.item-overlay-body .item-form{display:block}.item-overlay-body .item-form label{margin-bottom:14px}.item-overlay-body .switch{margin-bottom:14px}.item-overlay-body .item-grid{margin:8px 0}.item-overlay-footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--line);margin:0;text-align:left;font-size:13px;flex-shrink:0}.item-overlay-footer:empty{display:none}.item-overlay-status{color:var(--error);font-size:13px;white-space:pre-wrap;margin:0;padding:0 20px 12px;flex-shrink:0}.item-overlay-status:empty{display:none}.item-discard{background:var(--warning-bg);color:var(--warning-text);padding:14px;border-radius:8px;margin-bottom:16px}.item-discard button{margin-right:8px}.item-overlay-body textarea{min-height:130px}.item-editor-source[hidden]{display:none!important}.item-section-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:start;margin:16px 0}.item-section-summary dl{margin:0;display:grid;grid-template-columns:minmax(120px,1fr) minmax(0,2fr);gap:8px 14px;font-size:13px}.item-section-summary dt{color:var(--muted)}.item-section-summary dd{margin:0;overflow-wrap:anywhere}.item-overlay .settings-section{display:block!important;padding:0}.item-overlay .settings-savebar{position:static}.item-overlay audio{width:100%;max-width:100%}
@media(max-width:700px){.item-grid thead{display:none}.item-grid,.item-grid tbody,.item-grid tr,.item-grid td{display:block;width:100%!important}.item-grid tr{padding:12px 0;border-bottom:1px solid var(--line)}.item-grid td{border:0;padding:5px 4px;display:grid;grid-template-columns:100px minmax(0,1fr);gap:10px}.item-grid td::before{content:attr(data-label);font-size:11px;color:var(--muted);padding-top:2px}.item-grid td.item-grid-actions{display:block;margin-top:8px}.item-grid td.item-grid-actions::before{display:none}.item-grid-actions button{min-height:44px;padding:10px 12px}.item-overlay{width:100%;max-width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0;margin:0}.item-overlay-heading{padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top))}.item-overlay-heading button,.item-overlay-footer button{min-height:44px}.item-overlay-body{padding:16px;flex:1}.item-overlay-footer{padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.item-section-summary{grid-template-columns:1fr}.item-section-summary dl{grid-template-columns:1fr 1.5fr}}

/* Proofreading reviews update a draft only after explicit approval. */
.proofread-control{display:flex;align-items:center;justify-content:center;gap:6px;margin:-6px 0 12px auto;min-height:36px;padding:6px 10px;font-size:13px;white-space:nowrap;flex-shrink:0}
.proofread-icon{color:var(--assistant-color,#b995ed);font-size:18px}.proofread-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.proofread-comparison section{min-width:0;padding:14px;background:var(--subtle);border-radius:10px}.proofread-comparison h3{font-size:15px;margin:0 0 12px}.proofread-comparison .item-document-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.proofread-review .item-overlay-status{color:var(--muted)}
.composer .proofread-control{order:1;margin:0;width:44px;min-width:44px;align-self:stretch}.composer .proofread-caption{display:none}.composer .primary{order:2}.composer textarea{flex:1;min-width:0}
@media(max-width:700px){.proofread-comparison{grid-template-columns:minmax(0,1fr);gap:12px}.proofread-control{min-height:44px}.composer .proofread-control{padding:6px}.composer .primary{min-width:44px;padding:8px}}

.text-test-content{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.text-test-toolbar{flex-wrap:wrap}.text-test-toolbar>p{flex:1;margin:0;min-width:150px}.text-test-consent{padding:12px 18px;border-bottom:1px solid var(--line);flex-shrink:0}.text-test-consent p{margin-bottom:10px}.text-test-feedback{margin:0;padding:8px 18px;flex-shrink:0;overflow-wrap:anywhere}

/* Collected caller message actions. */
.inbox-action{display:inline-flex;align-items:center;justify-content:center;gap:6px}.inbox-action-icon{width:18px;height:18px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
@media(max-width:700px){.inbox-action-label{display:none}.inbox-action{width:44px;min-width:44px;padding:10px}.inbox-action-icon{width:22px;height:22px}}
/* Inbox shares the list/detail pattern used by Calls and Callers. */
.inbox-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;margin-left:4px;border-radius:10px;background:var(--accent);color:var(--surface);font-size:11px;font-weight:700}
.inbox-panel{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.inbox-panel>.section-heading,.inbox-panel>.hint{flex-shrink:0}
.inbox-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:0 1 auto;min-height:44px;max-height:45%;overflow:auto}.inbox-filters input{width:min(280px,100%);min-width:120px;flex:1 1 170px;max-width:320px}.inbox-filters select{width:auto;max-width:160px;min-width:0}
.inbox-browser{display:grid;grid-template-columns:minmax(180px,var(--call-list-size,.65fr)) 12px minmax(0,var(--call-details-size,1.35fr));flex:1;min-width:0;min-height:90px;margin-top:12px;overflow:hidden}.inbox-list-column{display:flex;flex-direction:column;min-width:0;min-height:0}.inbox-list{flex:1;overflow:auto;min-height:0;overscroll-behavior:contain;scrollbar-gutter:stable}
.inbox-row{border:1px solid var(--line);border-radius:12px;margin:0 2px 9px 0;background:var(--surface)}.inbox-row:hover{background:var(--subtle)}.inbox-row.selected{border-color:var(--blue);box-shadow:inset 3px 0 var(--blue);background:var(--selected)}.inbox-open{display:block;width:100%;min-width:0;padding:12px;background:transparent;color:var(--ink);border:0;text-align:left;font-weight:400}.inbox-open:hover{background:transparent}.inbox-open h3{font-size:13px;margin:0;overflow-wrap:anywhere}.inbox-row-unread h3{font-weight:750}.inbox-row-tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px}.inbox-row-tags .tag{font-size:9px;padding:1px 5px}.inbox-open time,.inbox-open small{display:block;font-size:10px;color:var(--muted);margin-top:6px;overflow-wrap:anywhere}.inbox-preview{font-size:12px;line-height:1.45;margin:7px 0;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:normal}.inbox-unread{color:var(--accent);font-weight:700}.inbox-read{color:var(--muted)}
.inbox-pagination{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-shrink:0;margin:6px 0 0;font-size:10px}.inbox-pagination button{font-size:10px;padding:6px 8px}
.inbox-row-heading{display:flex;align-items:center;gap:8px}.inbox-unread-dot{width:8px;height:8px;border-radius:50%;background:var(--inbox-unread);flex-shrink:0}.inbox-row-unread .inbox-open,.inbox-row-unread .inbox-row-tags .tag,.inbox-row-unread time,.inbox-row-unread small{color:var(--inbox-unread)}#inbox-status{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap}#inbox-status button{font-size:inherit;padding:2px 4px}
.inbox-detail{container-type:inline-size;border:1px solid var(--line);border-radius:12px;padding:18px;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.inbox-detail>.empty{display:grid;place-content:center;height:100%;text-align:center;margin:0}.inbox-back{margin-bottom:16px}.inbox-message h3{font-size:20px;margin:0;overflow-wrap:anywhere}.inbox-message h4{font-size:12px;margin:18px 0 8px}.inbox-message p{font-size:12px;overflow-wrap:anywhere}.inbox-message-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:8px 0}.inbox-message .item-document-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.5}.inbox-message details{margin-top:16px;font-size:12px}.inbox-exchange{margin:12px 0;padding:12px 0;border-top:1px solid var(--line)}.inbox-message-actions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.inbox-message-actions button{font-size:12px;min-height:36px}.inbox-detail-status{color:var(--warning-text)}.inbox-detail-status:empty{display:none}body.resizing-call-list .inbox-list-divider span{background:var(--blue)}
@container(max-width:420px){.inbox-message-actions .inbox-action-label{display:none}.inbox-message-actions .inbox-action{width:44px;min-width:44px;min-height:44px;padding:10px}}
@container(max-width:620px){.inbox-list-divider{display:none}.inbox-browser{grid-template-columns:1fr}.inbox-browser.has-message .inbox-list-column{display:none}.inbox-browser:not(.has-message) .inbox-detail{display:none}.inbox-panel:has(.has-message)>.inbox-filters,.inbox-panel:has(.has-message)>#inbox-status{display:none}}
@media(max-width:950px){.inbox-list-divider{display:none}.inbox-browser{grid-template-columns:1fr}.inbox-browser.has-message .inbox-list-column{display:none}.inbox-browser:not(.has-message) .inbox-detail{display:none}.inbox-panel:has(.has-message)>.inbox-filters,.inbox-panel:has(.has-message)>#inbox-status{display:none}.inbox-detail{padding:14px}.inbox-back{min-height:44px}.inbox-open{min-height:44px}}
@media(max-width:700px){.inbox-filters input{flex-basis:100%;width:100%;max-width:none}.inbox-filters select{flex:1;max-width:none;font-size:13px;padding:9px 6px}.inbox-filters button{padding:9px 6px}.inbox-message-meta{font-size:13px}.inbox-message h3{font-size:18px}}