/* Keep the element inventory in view on desktop; each upper panel owns its scroll. */
@media(min-width:1100px){
  body.live-workspace main{height:calc(100dvh - var(--workbench-header-height,60px));min-height:0;padding:8px 16px}
  body.live-workspace #page-live{gap:6px}
  body.live-workspace #page-live .workspace-body{min-height:0;grid-template-rows:minmax(0,1fr)}
  body.live-workspace #page-live .live-layout{height:100%;grid-template-columns:minmax(0,1.2fr) minmax(0,.95fr) minmax(0,1.05fr);grid-template-rows:minmax(0,1fr) clamp(160px,25dvh,200px);gap:6px}
  body.live-workspace #page-live #modSop{grid-column:1;grid-row:1;height:auto}
  body.live-workspace #page-live .call-console{grid-column:2;grid-row:1;height:auto;min-height:0}
  body.live-workspace #page-live .response-dock{grid-column:3;grid-row:1;height:auto}
  body.live-workspace #page-live #modElem{grid-column:1 / 4;grid-row:2;height:auto}
  body.live-workspace #page-live .card{padding:8px}
  body.live-workspace #page-live .live-top{padding:6px 10px;gap:6px}
  body.live-workspace #page-live .agent-health{padding-top:4px}
  body.live-workspace #page-live .module-head{margin-bottom:4px}
  body.live-workspace #page-live .card h3{margin-bottom:3px}
  body.live-workspace #page-live #modSop .sop-stage-track{gap:4px;max-height:70px;margin-bottom:6px}
  body.live-workspace #page-live .agent-stage-filter{font-size:10px;padding:4px 6px}
  body.live-workspace #page-live #modSop #sopActions{font-size:14px;padding:8px}
  body.live-workspace #page-live #modSop #sopSuggest{font-size:13px}
  body.live-workspace #page-live #transcript{min-height:120px}
  body.live-workspace #page-live #realCallPanel{max-height:none;overflow:visible;flex-shrink:0}
  body.live-workspace #page-live .source-bar{margin-bottom:4px}
  body.live-workspace #page-live .live-bottom{padding:4px 8px}
  body.live-workspace #page-live .runtime-details{padding:3px 8px}
  body.live-workspace #page-live #modElem .agent-current-state{margin:0;border-top:0}
  body.live-workspace #page-live #modElem .agent-current-state>summary{display:none}
  body.live-workspace #page-live #modElem .elem-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;margin:2px 0 5px}
  body.live-workspace #page-live #modElem .elem-chip{min-height:25px;font-size:11px;padding:4px 7px}
  body.live-workspace #page-live #modElem .pbar{margin:4px 0;height:4px}
  body.live-workspace #page-live #modElem .legend{margin-top:4px;font-size:10px}
  body.live-workspace #page-live #modElem .module-tools{margin-top:4px;padding-top:4px}
  body.live-workspace #page-live .tool-dock{gap:5px;padding:7px 5px;overflow-y:auto}
  body.live-workspace #page-live .tool-dock button{min-height:38px;padding:5px 2px}
}
#page-live .element-history{margin-top:4px;font-size:11px;color:var(--sub)}
#page-live .element-history>summary{cursor:pointer}
#page-live .element-history:not([open]) .agent-history{display:none}
/* Device and recorder controls float on demand instead of consuming transcript height. */
#page-live .call-console{position:relative}
#page-live .call-device-settings{position:relative;margin-left:auto;font-size:12px}
#page-live .call-device-settings>summary{cursor:pointer;padding:6px 8px;border:1px solid #3a5876;border-radius:7px;color:#c2d9ec}
#page-live .call-device-settings-body{position:absolute;right:0;top:100%;width:min(340px,75vw);display:flex;flex-wrap:wrap;gap:6px;background:#102b44;padding:12px;border:1px solid #3a5876;border-radius:8px;box-shadow:0 8px 24px #0006;z-index:35}
#page-live .call-device-settings-body .device-binding-state{flex-basis:100%;font-size:11px;line-height:1.5}
#page-live .recorder-controls{position:relative;flex-shrink:0;margin-bottom:4px}
#page-live .recorder-toggle{width:100%;text-align:left;padding:6px 9px;min-height:30px;border:1px solid #3a5876;border-radius:6px;background:#12334d;color:#bfe9ff;font:inherit;font-size:12px;cursor:pointer}
#page-live .recorder-controls-body{position:absolute;top:100%;left:0;right:0;height:0;overflow:hidden;pointer-events:none;z-index:30;background:#102b44;border-radius:0 0 8px 8px}
#page-live .recorder-controls.expanded .recorder-controls-body{height:auto;max-height:230px;overflow:auto;pointer-events:auto;border:1px solid #3a5876;box-shadow:0 8px 20px #0006}
#page-live .recorder-controls .record-frame{display:block;width:100%;border:0}
#page-live .call-console .call-pane-title{display:none}
#page-live .call-console .source-bar{flex-wrap:nowrap;flex-shrink:0}
#page-live .call-console .context-details{flex-shrink:0;font-size:11px;line-height:1.4}
@media(min-width:1100px){
  #page-live .call-console>h3{min-height:26px;padding-top:3px;flex-shrink:0}
  #page-live .recorder-controls{position:static;height:0;margin:0}
  #page-live .recorder-toggle{position:absolute;top:8px;right:8px;width:auto;max-width:calc(100% - 116px);font-size:11px;padding:4px 6px;min-height:26px;white-space:nowrap}
  #page-live .recorder-controls-body{top:67px;left:8px;right:8px}
}