:root { color-scheme: light; --bg:#f3f3f5; --surface:#fff; --surface-raised:#f8f8fa; --surface-hover:#eeeef3; --line:#dedee3; --line-strong:#c9c9d0; --text:#27272a; --muted:#606067; --faint:#777780; --accent:#5b5bd6; --success:#2d7d54; --warning:#8a5d16; --danger:#b33b47; --accent-soft:#eeeeff; --success-soft:#eaf7ef; --warning-soft:#fff6e8; --danger-soft:#fff0f1; font-size:14px; }
:root[data-theme="dark"] { color-scheme:dark; --bg:#171719; --surface:#1f1f22; --surface-raised:#252529; --surface-hover:#303036; --line:#37373d; --line-strong:#4a4a52; --text:#eeeeef; --muted:#b9b9c0; --faint:#9999a3; --accent:#9999ff; --success:#68bd8b; --warning:#dfb478; --danger:#ef7b84; --accent-soft:#29294b; --success-soft:#20392b; --warning-soft:#3b3022; --danger-soft:#42282c; }
body { background-image:none; }
.app-shell { max-width:1920px; padding:0 24px 28px; }
.topbar { min-height:76px; }
.desktop-workspace { display:block; padding-top:12px; }
.app-navigation { position:static; min-height:0; display:flex; flex-direction:row; flex-wrap:wrap; padding:4px; margin-bottom:16px; background:transparent; border:0; }
.app-navigation__brand { display:none; }
.section-tab.is-active { background:var(--accent-soft); border-color:var(--line); color:var(--accent); }
.button--primary,.icon-button--accent { background:var(--accent); color:white; }
.button--primary:hover { background:var(--accent); filter:brightness(1.08); }
.badge--success { color:var(--success); border-color:var(--success); background:var(--success-soft); }
.badge--warning { color:var(--warning); border-color:var(--warning); background:var(--warning-soft); }
.badge--danger { color:var(--danger); border-color:var(--danger); background:var(--danger-soft); }
.call-command { padding:12px 16px; background:var(--surface); border:1px solid var(--line); border-radius:10px; margin-bottom:18px; }
.call-duration { color:var(--muted); font-variant-numeric:tabular-nums; white-space:nowrap; }
.workspace-section-heading { display:flex; justify-content:space-between; gap:12px; align-items:center; margin:0 0 10px; }
.workspace-section-heading span { color:var(--muted); font-size:.83rem; }
.workspace-product-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-bottom:18px; }
.workspace-product { display:flex; flex-direction:column; gap:10px; padding:16px; border:1px solid var(--line); border-radius:10px; background:var(--surface); min-width:0; }
.workspace-product:first-child { border-color:var(--accent); }
.workspace-product header { display:flex; justify-content:space-between; align-items:start; gap:12px; }
.workspace-product h3 { font-size:1.02rem; }
.workspace-product p { margin:0; color:var(--muted); font-size:.85rem; }
.workspace-product .priority { color:var(--accent); white-space:nowrap; font-weight:600; }
.workspace-product footer { display:flex; justify-content:space-between; gap:12px; align-items:center; margin-top:auto; }
.workspace-product footer > div { display:flex; gap:4px; }
.workspace-product .button { min-height:28px; padding:0 8px; }
.call-workspace .call-grid { display:grid; grid-template-columns:minmax(260px,.95fr) minmax(340px,1.3fr) minmax(270px,1fr); align-items:start; gap:16px; }
.call-grid .context-panel { grid-column:1; grid-row:1; }
.call-grid .coach-panel { grid-column:2; grid-row:1; }
.call-grid .live-panel { grid-column:3; grid-row:1; }
.call-grid .panel { background:var(--surface); border:1px solid var(--line); border-radius:12px; padding:18px; min-width:0; box-shadow:0 1px 2px #00000005; }
.panel__header { gap:12px; }
.context-status { flex-wrap:wrap; justify-content:flex-end; }
.workspace-search { margin-top:12px; padding:12px; background:var(--surface-raised); border-radius:8px; }
.workspace-search label { display:block; color:var(--muted); font-size:.85rem; margin-bottom:8px; }
.workspace-search input { width:100%; min-width:0; }
#workspaceSearchResults .button { display:block; width:100%; text-align:left; margin-top:8px; padding:10px; white-space:normal; }
.workspace-fact { padding:12px 0; border-bottom:1px solid var(--line); }
.workspace-fact header { display:flex; gap:8px; justify-content:space-between; font-size:.88rem; }
.workspace-fact p { margin:7px 0; line-height:1.45; }
.workspace-fact small { display:block; color:var(--muted); font-size:.77rem; line-height:1.4; }
.workspace-fact.is-missing p { color:var(--muted); }
.workspace-fact .fact-state { color:var(--success); font-size:.76rem; text-align:right; }
.workspace-fact.is-missing .fact-state { color:var(--warning); }
.script-guide { margin-top:0; padding-top:0; border:0; }
.script-path-window { display:grid; gap:8px; }
.script-path-item { background:var(--surface-raised); border:1px solid var(--line); text-align:left; padding:12px; border-radius:8px; color:var(--muted); }
.script-path-item.is-active { background:var(--accent-soft); border-color:var(--accent); color:var(--text); }
.script-path-item strong,.script-path-item span { display:block; }
.script-path-item span { margin-top:5px; line-height:1.5; }
.script-path-item:disabled { opacity:1; }
.coach-panel .coach-answers { margin-top:14px; }
.coach-panel .coach-prompt { background:var(--accent-soft); border:1px solid var(--line); color:var(--text); font-size:1.15rem; line-height:1.6; padding:18px; border-radius:10px; }
.coach-panel.is-objection .coach-prompt { background:var(--warning-soft); border-color:var(--warning); }
.coach-panel.is-question .coach-prompt { background:var(--accent-soft); border-color:var(--accent); }
.coach-panel .coach-prompt--alternative { font-size:.95rem; }
.workspace-evidence,.return-to-script,.previous-cue { color:var(--muted); line-height:1.5; font-size:.83rem; padding:10px 0; }
.previous-cue { border-bottom:1px solid var(--line); }
.return-to-script { padding:12px; border-left:3px solid var(--accent); background:var(--surface-raised); }
.last-customer { margin-top:20px; border-top:1px solid var(--line); padding-top:16px; }
.last-customer p:last-child { line-height:1.55; margin:0; }
.transcript-shell { min-height:340px; }
.transcript-list { max-height:65vh; overflow:auto; }
.transcript-entry,.transcript-item { background:var(--surface-raised); border-color:var(--line); }
.workspace-result h3 { margin:0 0 12px; }
.workspace-result p { color:var(--muted); line-height:1.5; }
.result-field { display:grid; gap:8px; margin:18px 0; }
.result-field small { color:var(--muted); white-space:pre-wrap; overflow-wrap:anywhere; }
.result-field textarea { width:100%; min-height:90px; resize:vertical; }
.result-confirm { display:flex; align-items:start; gap:10px; margin:18px 0; line-height:1.5; }
.result-confirm input { width:auto; margin-top:4px; }
#workspaceMessage { color:var(--danger); padding:12px; background:var(--danger-soft); border-radius:8px; }
@media(max-width:1100px) { .app-shell { padding:0 14px 24px; } .call-workspace .call-grid { grid-template-columns:minmax(240px,1fr) minmax(300px,1.3fr); } .call-grid .live-panel { grid-row:2; grid-column:1/-1; } .transcript-list { max-height:360px; } }
@media(max-width:700px) { .workspace-product-list,.call-workspace .call-grid { display:flex; flex-direction:column; } .workspace-product,.call-grid .panel { width:100%; } .topbar { flex-wrap:wrap; padding:14px 0; } .topbar__meta { flex-wrap:wrap; } .call-command { flex-wrap:wrap; } .call-selectors { width:100%; } }