/* Matches the accepted operator-workspace prototype, with live controls. */
.workspace-toolbar { display:flex; align-items:center; justify-content:space-between; gap:.6rem; background:var(--surface); border-bottom:1px solid var(--line); padding-inline:.7rem; }
.workspace-toolbar .app-navigation { border:0; padding-inline:0; flex-shrink:0; }
.workspace-toolbar .call-command { min-width:0; padding:0; }
.workspace-toolbar .listener-pulse,.workspace-toolbar #listenerStatusText { display:none; }
.workspace-toolbar .call-selectors { gap:.6rem; }
.workspace-toolbar .compact-field select { max-width:12rem; }
.workspace-search-dialog { width:min(36rem,calc(100vw - 2rem)); padding:1.6rem; color:var(--text); background:var(--surface); border:1px solid var(--line-strong); border-radius:.9rem; }
.workspace-search-dialog::backdrop { background:#11111999; }
.workspace-search-dialog>header { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:1.4rem; }
.workspace-search-dialog h2 { font-size:1.15rem; }
.workspace-search-dialog .workspace-search { display:grid; gap:.9rem; margin:0; padding:0; }
.test-scenario-list { display:grid; gap:.6rem; }
.test-scenario-list .button { text-align:left; height:auto; padding:1rem; }
.test-scenario-list article { display:grid; gap:.7rem; border:1px solid var(--line); border-radius:.6rem; padding:1rem; }
.test-scenario-list h3,.test-scenario-list p { margin:0; }
.history-workspace-bar { display:flex; align-items:center; flex-wrap:wrap; gap:.8rem; padding:.3rem .6rem; flex-shrink:0; }
#testWorkspaceBar { background:var(--accent-soft); border-radius:.6rem; }
#workspaceSearchResults { display:grid; gap:.6rem; max-height:55dvh; overflow:auto; }
#workspaceSearchResults button { text-align:left; padding:.8rem; height:auto; line-height:1.5; }
:root { --sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; --mono:var(--sans); --accent-text:#4343a7; font:13px var(--sans); }
:root[data-theme="dark"] { --accent-text:#c4c4ff; }
.app-shell { width:100%; max-width:none; padding:0; }
.topbar { min-height:4.3077rem; gap:1.2308rem; padding:0.6154rem 1.2308rem; background:var(--surface); }
.workspace-brand { display:flex; align-items:center; gap:0.7692rem; }
.workspace-brand__mark { display:grid; place-items:center; width:2.7692rem; height:2.7692rem; border-radius:0.7692rem; background:#202024; color:white; font-size:1.1538rem; font-weight:600; }
.workspace-brand__mark img,.app-navigation__mark img { display:block; width:76%; height:76%; object-fit:contain; }
.app-navigation__mark { background:#202024; }
.workspace-brand__name { display:block; font-size:1.2308rem; line-height:1.25; }
#workspaceTitle { margin-top:2px; font-size:0.8462rem; font-weight:400; color:var(--muted); letter-spacing:0; line-height:1.3; }
.topbar__meta { gap:0.6154rem; }
#identityRole,#apiStatusBadge { display:none; }
#apiStatusBadge.badge--danger { display:inline-flex; max-width:24.6154rem; white-space:normal; overflow-wrap:anywhere; }
.button { min-height:2.6154rem; border-radius:0.6154rem; padding:0.5385rem 0.9231rem; font-size:1rem; font-weight:500; background:var(--surface); }
.button--primary { background:var(--accent); color:white; }
input,select,textarea { color:var(--text); background:var(--surface); border-color:var(--line-strong); font-family:var(--sans); }
input::placeholder,textarea::placeholder { color:var(--faint); }
.badge { font:500 0.8462rem/1.3 var(--sans); letter-spacing:0; text-transform:none; }
.eyebrow { font:600 0.8462rem/1.3 var(--sans); letter-spacing:.07em; color:var(--faint); margin-bottom:0.3077rem; }
.desktop-workspace { display:block; padding:0; }
.app-navigation { position:static; display:flex; flex-direction:row; flex-wrap:nowrap; gap:0.3077rem; min-height:0; padding:0.3077rem 1.2308rem; margin:0; border:0; border-bottom:1px solid var(--line); border-radius:0; background:var(--surface); }
.section-tab { min-height:2.3077rem; padding:0.3077rem 0.7692rem; font-size:0.9231rem; font-weight:500; }
.section-tab.is-active { color:var(--accent-text); background:var(--accent-soft); border-color:transparent; }
.manager-page:not(.call-workspace),#adminWorkspace { padding:1.2308rem; }
.call-workspace { height:calc(100dvh - 7.3077rem); min-height:560px; display:flex; flex-direction:column; gap:0.6154rem; padding:0.6154rem; }
.call-command { display:flex; flex-wrap:nowrap; flex:0 0 auto; min-height:2.6154rem; gap:0.7692rem; padding:0 0.6154rem; margin:0; border:0; border-radius:0; background:transparent; }
.listener-strip strong { font-size:0.8462rem; font-weight:400; color:var(--muted); }
.listener-pulse { width:0.5385rem; height:0.5385rem; box-shadow:none; }
.call-selectors { margin-left:auto; display:flex; gap:0.9231rem; }
.call-selectors .compact-field { display:flex; align-items:center; gap:0.4615rem; min-width:0; }
.call-selectors .compact-field span { font:400 0.8462rem var(--sans); text-transform:none; letter-spacing:0; }
.compact-field select { min-height:2.1538rem; max-width:16.1538rem; width:auto; font-size:0.8462rem; padding:3px 1.8462rem 3px 0.6154rem; color:var(--text); background:var(--surface); border-color:var(--line); }
.compact-field select:disabled { opacity:.65; }
.call-duration { font-variant-numeric:tabular-nums; font-size:0.9231rem; }
.workspace-products { display:flex; align-items:center; gap:0.9231rem; flex:0 0 auto; border:1px solid var(--line); border-radius:0.6154rem; background:var(--surface); padding:0.7692rem 0.9231rem; }
.workspace-section-heading { display:block; flex:0 0 6.7692rem; margin:0; }
.workspace-section-heading h2 { font-size:1.2308rem; font-weight:600; color:var(--muted); }
#priorityMode { display:block; margin-top:0.3077rem; font-size:0.7692rem; line-height:1.3; color:var(--faint); }
.workspace-product-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); flex:1; gap:0.4615rem 0; min-width:0; margin:0; }
.workspace-product,.workspace-product:first-child { display:block; padding:3px 0.7692rem; border:0; border-left:1px solid var(--line); border-radius:0; min-width:0; }
.workspace-product header { display:flex; align-items:start; gap:0.4615rem; }
.workspace-product h3 { font-size:1rem; font-weight:500; line-height:1.3; overflow-wrap:anywhere; }
.workspace-product .priority { margin-left:auto; font-size:0.8462rem; color:var(--faint); white-space:nowrap; }
.workspace-product footer { display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap; gap:3px 0.6923rem; margin-top:0.3077rem; }
.product-data,.product-outcome { font-size:0.8462rem; line-height:1.35; color:var(--faint); }
.product-outcome[data-outcome="qualified"] { color:var(--success); }
.product-outcome[data-outcome="excluded"] { color:var(--danger); }
.product-data.is-incomplete,.product-outcome[data-outcome="manual"] { color:var(--warning); }
.product-order-controls { display:flex; margin-left:auto; gap:3px; }
.workspace-product .product-order-controls .button { min-height:1.6923rem; width:1.6923rem; padding:0; border:0; background:transparent; color:var(--muted); font-size:1rem; }
.call-workspace .call-grid { flex:1; min-height:0; display:grid; grid-template-columns:minmax(23.0769rem,32fr) minmax(32.3077rem,48fr) minmax(16.9231rem,20fr); gap:0.6154rem; align-items:stretch; }
.call-grid .panel { height:100%; min-height:0; padding:0.7692rem; border-radius:0.6154rem; box-shadow:0 1px 2px #18181b0f,0 0.6154rem 1.8462rem #18181b0a; }
.call-grid .panel__header { min-height:0; margin:0 0 0.6154rem; padding:0; border:0; gap:0.6154rem; }
.context-panel .panel__header>div:first-child { display:flex; align-items:baseline; flex-wrap:wrap; gap:0.4615rem; }
#leadTitle { font-size:1.2308rem; }
.lead-company { color:var(--muted); font-size:1rem; }
.workspace-search-toggle { width:2.6154rem; min-width:2.6154rem; padding:0.4615rem; }
.workspace-deal-title { margin:0 0 0.6154rem; color:var(--accent-text); font-size:0.9231rem; font-weight:600; line-height:1.35; }
#leadContextList { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0.6154rem; margin:0; padding:0 0 0.6923rem; }
#leadContextList>div { display:block; min-width:0; padding:0; border:0; }
#leadContextList dt { font-size:0.8462rem; line-height:1.35; color:var(--faint); margin-bottom:3px; }
#leadContextList dd { font-size:0.9231rem; line-height:1.4; margin:0; overflow-wrap:anywhere; }
.contact-detail { margin:0 0 0.6154rem; font-size:0.8462rem; color:var(--muted); }
.contact-detail summary { cursor:pointer; }
.contact-detail p { white-space:pre-wrap; line-height:1.5; overflow-wrap:anywhere; }
#previousContacts { margin:0; gap:0; }
#previousContacts:empty { display:none; }
.context-panel .call-subsection { margin:0.6154rem 0 0; padding:0.6154rem 0 0; }
.context-panel .subsection-heading { margin-bottom:0.6154rem; }
#qualificationTitle { font-size:1rem; font-weight:500; }
.qualification-list { gap:0; }
.workspace-fact { padding:0.5385rem; border:0; border-top:1px solid var(--line); border-left:2px solid transparent; }
.workspace-fact header { display:flex; justify-content:space-between; flex-wrap:wrap; gap:0.3077rem; font-size:0.9231rem; }
.workspace-fact header strong { font-weight:500; }
.workspace-fact .fact-state { font-size:0.8462rem; color:var(--muted); }
.workspace-fact p { display:flex; gap:0.6154rem; justify-content:space-between; margin:2px 0 0; font-size:0.9231rem; line-height:1.35; }
.workspace-fact small { color:var(--faint); font-size:0.8462rem; flex-shrink:0; }
.workspace-fact.is-required.is-missing { border-left-color:var(--warning); }
.workspace-fact.is-required.is-missing p,.workspace-fact.is-required.is-missing .fact-state { color:var(--warning); }
.call-grid .coach-panel { display:flex; flex-direction:column; padding:clamp(1.5385rem,3vh,2.7692rem) clamp(2.1538rem,4vw,4.3077rem); }
.coach-panel>*,.workspace-cue-sequence>* { flex-shrink:0; }
.coach-panel .panel__header { margin-bottom:1.2308rem; }
#workspaceCoachTitle { font-size:1.2308rem; font-weight:600; }
.coach-panel .script-guide { margin:0; padding:0; border:0; }
.script-guide .subsection-heading { display:flex; align-items:center; gap:0.6154rem; margin:0; }
.script-guide .eyebrow { margin:0; }
#scriptGuideTitle { color:var(--accent-text); background:var(--accent-soft); border:0; font-size:0.9231rem; }
#scriptPathWindow,#pendingScriptTransition { display:none; }
.workspace-cue-sequence { display:flex; flex:1 1 auto; flex-direction:column; justify-content:center; gap:clamp(.6rem,1.8vh,1.3846rem); padding:clamp(.6rem,2vh,1.5385rem) 0; }
.coach-panel .coach-answers { margin:0; display:block; }
.coach-panel .coach-prompt { margin:0; max-width:31ch; padding:0 0 0 1.3846rem; border:0; border-left:3px solid var(--accent); border-radius:0; color:var(--text); background:transparent; font-size:clamp(2.1538rem,2.15vw,2.4615rem); font-weight:600; line-height:1.28; letter-spacing:-.025em; }
.coach-panel .coach-prompt--alternative { font-size:1.2308rem; margin-top:1.2308rem; color:var(--muted); font-weight:400; }
.coach-panel.is-objection .coach-prompt { border:0; border-left:3px solid var(--danger); background:transparent; }
.coach-panel.is-question .coach-prompt { border:0; border-left:3px solid var(--accent); background:transparent; }
.coach-panel.is-objection #scriptGuideTitle { color:var(--danger); background:var(--danger-soft); }
.previous-cue,.return-to-script { color:var(--muted); max-width:41ch; font-size:1.2308rem; line-height:1.5; padding:0; border:0; background:transparent; }
.previous-cue span,.return-to-script span { display:block; font-size:0.8462rem; font-weight:600; color:var(--faint); text-transform:uppercase; letter-spacing:.04em; margin-bottom:0.6154rem; }
.previous-cue p,.return-to-script p { margin:0; }
.workspace-evidence:empty { display:none; }
.workspace-evidence,.coach-freshness { margin:0; padding:0; color:var(--faint); font-size:0.8462rem; line-height:1.4; }
.last-customer { padding:1.2308rem 1.3846rem; margin-top:auto; border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line)); border-radius:0.6154rem; background:var(--accent-soft); }
.last-customer p:last-child { margin:0.4615rem 0 0; color:var(--accent-text); font-size:1rem; font-weight:500; line-height:1.55; }
.coach-panel[data-view="summary"] { justify-content:center; }
.coach-panel[data-view="summary"] .workspace-cue-sequence { display:none; }
.coach-panel[data-view="summary"] #workspaceCoachTitle { font-size:1.8462rem; }
.workspace-result p { font-size:1.0769rem; line-height:1.5; }
.workspace-result form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0.7692rem 0.9231rem; }
.result-field { display:grid; gap:0.4615rem; font-size:0.9231rem; margin:0; }
.result-field small { font-size:0.8462rem; }
.result-field textarea { min-height:5.5385rem; }
.result-field:nth-child(3),.result-confirm,.workspace-result form>p { grid-column:1/-1; }
.result-confirm { padding:0.9231rem; margin:0.6154rem 0; border:1px solid var(--line); border-radius:0.5385rem; background:var(--surface-raised); }
.result-confirm input { width:1.2308rem; height:1.2308rem; min-height:1.2308rem; flex-shrink:0; padding:0; margin:2px 0 0; }
.live-panel h2 { font-size:1.2308rem; }
.live-panel .transcript-shell { flex:1; min-height:0; overflow:hidden; display:flex; flex-direction:column; }
.live-panel .transcript-list { flex:1; min-height:0; max-height:none; overflow:auto; padding:0; }
.transcript-list .transcript-item { position:relative; width:100%; max-width:none; align-self:stretch; margin:0; padding:0.6923rem 0; border:0; border-top:1px solid var(--line); border-radius:0; background:transparent; }
.transcript-item>span { font:600 0.8462rem var(--sans); letter-spacing:0; text-transform:none; color:var(--muted); }
.transcript-item--lead>span { color:var(--accent-text); }
.transcript-item p { font-size:1rem; line-height:1.5; margin:0.3846rem 0 0; }
.transcript-role-actions { position:absolute; z-index:1; right:0; top:0; margin:0; padding:2px 0.3077rem; border:1px solid var(--line); border-radius:0.4615rem; background:var(--surface); opacity:0; }
.transcript-item:hover .transcript-role-actions,.transcript-item:focus-within .transcript-role-actions { opacity:1; }
.transcript-role-actions .button { min-height:1.6923rem; font-size:0.7692rem; padding:2px 0.3846rem; }
.transcript-item .button { margin:0; }
.empty-state { border:0; padding:0.9231rem 0; color:var(--faint); font-size:0.9231rem; text-align:left; }
#workspaceMessage { margin:0; padding:0.6154rem; }
@media(max-width:1100px) and (min-width:901px) { .call-workspace .call-grid { grid-template-columns:minmax(19.2308rem,32fr) minmax(26.1538rem,48fr) minmax(14.6154rem,20fr); } .call-grid .live-panel { grid-column:3; grid-row:1; } .compact-field select { max-width:11.5385rem; } .call-grid .coach-panel { padding-inline:1.8462rem; } }
@media(max-width:900px) { .topbar { flex-wrap:wrap; } .identity { display:none; } .call-workspace { height:auto; min-height:0; } .call-command { flex-wrap:wrap; } .call-selectors { width:100%; order:4; margin:0; } .workspace-products { align-items:flex-start; } .workspace-product-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); } .call-workspace .call-grid { display:grid; grid-template-columns:minmax(0,1fr); } .call-grid .coach-panel { grid-column:1; grid-row:1; min-height:60vh; } .call-grid .context-panel { grid-column:1; grid-row:2; } .call-grid .live-panel { grid-column:1; grid-row:3; max-height:70vh; min-height:18.4615rem; } .app-navigation { overflow-x:auto; } }
@media(max-width:35.3846rem) { .topbar { padding:0.6154rem; gap:0.6154rem; } .topbar__meta { margin-left:auto; } .topbar__meta .button { padding:0.4615rem 0.6154rem; font-size:0.8462rem; } .workspace-products { display:block; } .workspace-section-heading { display:flex; gap:0.6154rem; margin-bottom:0.6154rem; align-items:center; } .workspace-product-list { grid-template-columns:1fr; gap:0.6154rem; } .call-grid .coach-panel { padding:1.8462rem 1.5385rem; } .coach-panel .coach-prompt { font-size:1.9231rem; } .call-selectors { flex-wrap:wrap; } .workspace-result form { grid-template-columns:1fr; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition-duration:.01ms!important; } }
.workspace-products { overflow:hidden; }
.workspace-product-list { display:flex; flex-flow:row nowrap; overflow-x:auto; overflow-y:hidden; scrollbar-width:none; overscroll-behavior-x:contain; gap:0; }
.workspace-product-list::-webkit-scrollbar { display:none; }
.workspace-product,.workspace-product:first-child { flex:1 0 22rem; min-width:0; position:relative; touch-action:pan-y; user-select:none; cursor:grab; }
.workspace-product[aria-disabled="true"] { cursor:default; }
.workspace-product.is-dragging { z-index:2; cursor:grabbing; background:var(--accent-soft); }
.workspace-product .priority { display:grid; place-items:center; flex:0 0 1.8rem; height:1.8rem; border-radius:.45rem; color:#fff; background:#5b5bd6; font-size:1rem; font-weight:600; }
#priorityMode { display:none; }
.product-card p,.desktop-capture-copy p,.product-dialog__description,.reason-list li { color:var(--muted); }
input:focus,select:focus,textarea:focus { background:var(--surface); }
.segmented-control,.parameter-row,.desktop-device-row,.classification-row,.product-detail-parameters>div,.qualification-item,.script-path-item,.history-turn,.history-suggestion { background:var(--surface-raised); color:var(--text); }
.segmented-control button { color:var(--muted); }
.segmented-control button.is-active { color:var(--accent-text); background:var(--accent-soft); }
.pairing-grant,.script-node-editor[data-drop-zone="inside"],.script-path-item.is-active,.history-turn--manager,.transcript-latest { background:var(--accent-soft); color:var(--accent-text); border-color:var(--accent); }
.qualification-item--confirmed,.history-turn--customer { background:var(--success-soft); border-color:var(--success); }
.qualification-item--proposed,.pending-transition,.history-lamp { background:var(--warning-soft); color:var(--warning); border-color:var(--warning); }
.workspace-fact.is-missing:not(.is-required) p,.workspace-fact.is-missing:not(.is-required) .fact-state { color:var(--muted); }
.product-card p,.product-card__meta { font-size:.9rem; }
@media(max-width:1200px) { .workspace-toolbar { flex-wrap:wrap; } .workspace-toolbar .call-command { margin-left:auto; padding-bottom:.4rem; } }
@media(max-width:460px) { .workspace-product,.workspace-product:first-child { flex-basis:19rem; } .workspace-toolbar .call-selectors { flex-wrap:wrap; width:auto; } .workspace-toolbar .call-command { flex-wrap:wrap; } }
/* Context and coaching are a single visible workspace, not nested scroll panes. */
.call-grid .context-panel,.call-grid .coach-panel { overflow:visible; }
.coach-panel[data-density="compact"] .coach-prompt { font-size:1.8rem; max-width:40ch; }
.workspace-fact p>span { min-width:0; overflow-wrap:anywhere; }
@media(min-width:901px) and (max-height:850px) {
  .call-grid .coach-panel { padding:1.2rem 2rem; }
  .coach-panel .coach-prompt { font-size:1.9rem; line-height:1.25; }
  .previous-cue,.return-to-script { font-size:1rem; line-height:1.35; }
  .previous-cue span,.return-to-script span { margin-bottom:.3rem; }
  .last-customer { padding:.65rem .9rem; }
  .last-customer p:last-child { line-height:1.35; }
  .workspace-fact { padding:.35rem .5rem; }
  .coach-panel .coach-prompt--alternative { font-size:1.05rem; margin-top:.6rem; }
}

/* Stable zones: changing a reply never moves the surrounding landmarks. */
@media(min-width:901px) {
  .app-shell { height:100dvh; display:flex; flex-direction:column; }
  .topbar,.workspace-toolbar { flex:none; }
  .desktop-workspace { flex:1; min-height:0; display:flex; flex-direction:column; }
  .call-workspace { flex:1; height:auto; min-height:0; }
  .call-workspace .call-grid { grid-template-columns:minmax(0,32fr) minmax(0,48fr) minmax(0,20fr); }
}
.call-grid .coach-panel[data-view="live"] {
  display:grid; grid-template-rows:3.2rem 2rem minmax(0,1fr) 6rem;
  gap:.7rem; padding:clamp(12px,2vh,26px) clamp(16px,2.2vw,42px);
  container-type:size;
}
.coach-panel[data-view="live"]>.panel__header { grid-row:1; margin:0; }
.coach-panel[data-view="live"]>.script-guide { grid-row:2; }
.coach-panel[data-view="live"]>.workspace-cue-sequence {
  grid-row:3; min-height:0; display:grid;
  grid-template-rows:minmax(0,1.4fr) minmax(0,2.5fr) 2.8em minmax(0,1fr);
  gap:.5rem; padding:0; align-items:start;
}
.previous-cue { grid-row:1; align-self:start; }
.coach-panel[data-view="live"] .coach-answers { grid-row:2; align-self:center; min-height:0; }
.workspace-evidence { grid-row:3; }
.return-to-script { grid-row:4; align-self:end; }
.coach-panel[data-view="live"]>.last-customer { grid-row:4; margin:0; min-height:5rem; padding:.8rem 1rem; }
.coach-panel[data-view="live"] .coach-prompt {
  min-height:0; height:auto; max-width:none; width:100%; padding-block:0;
  font-size:clamp(19px,min(2vw,3.4cqh),30px); line-height:1.25;
  overflow-wrap:anywhere;
}
.coach-panel[data-view="live"] .previous-cue,.coach-panel[data-view="live"] .return-to-script {
  max-width:none; font-size:clamp(12px,1.8cqh,16px); line-height:1.35;
}
.previous-cue span,.return-to-script span { margin-bottom:.35rem; }
.last-customer p:last-child { line-height:1.35; overflow-wrap:anywhere; }
#coachFreshness { display:none; }
.call-grid .context-panel { container-type:size; }
.context-panel .workspace-fact { padding:clamp(2px,.65cqh,7px) .5rem; }
.context-panel .workspace-fact header,.context-panel .workspace-fact p { font-size:clamp(11px,1.65cqh,13px); line-height:1.3; }
.context-panel .workspace-fact small,.context-panel .fact-state { font-size:clamp(10px,1.4cqh,11px); }
.workspace-fact p>span { overflow-wrap:anywhere; }
@media(min-width:901px) and (max-height:850px) {
  .context-panel .workspace-fact { padding:1px .35rem; }
  .context-panel .workspace-fact header,.context-panel .workspace-fact p { line-height:1.15; }
  .context-panel .call-subsection { margin-top:4px; padding-top:4px; }
  .context-panel .subsection-heading { margin-bottom:4px; }
  #leadContextList { padding-bottom:4px; }
  .context-panel #leadContextList dd { font-size:11px; line-height:1.2; }
}
/* Removed manager surfaces are not reachable through stale view state either. */
[data-manager-page="products"],[data-manager-page="catalog"] { display:none!important; }
@media(max-width:900px) {
  .call-grid .context-panel { container-type:normal; height:auto; }
  .call-grid .coach-panel[data-view="live"] { height:max(680px,90dvh); min-height:680px; }
}
@media(min-width:901px) and (max-height:800px) {
  .context-panel > * { zoom:.9; }
}