/* Only the history row participates in workspace changes. Composer, rails,
   header and footer remain in their existing outer grid tracks. */
#historyWorkspace{grid-column:1;grid-row:1;position:relative;min-width:0;min-height:0;overflow:hidden;display:grid;grid-template-columns:minmax(0,37%) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:8px}
#historyWorkspace #feed{grid-column:1;grid-row:1;min-height:0;max-height:none}
#historyWorkspace #holoStage{grid-column:2;grid-row:1;position:relative;inset:auto;z-index:auto;pointer-events:auto;perspective:none;transform-style:flat;min-width:0;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:10px;padding:3px 7px 3px 3px;scrollbar-gutter:stable}
#historyWorkspace[data-mode="CHAT"],#historyWorkspace[data-mode="CHAT_FULLSCREEN"],#historyWorkspace[data-mode="HUD_MINIMIZED"]{grid-template-columns:minmax(0,1fr)}
#historyWorkspace[data-mode="CHAT"] #holoStage,#historyWorkspace[data-mode="CHAT_FULLSCREEN"] #holoStage,#historyWorkspace[data-mode="HUD_MINIMIZED"] #holoStage{display:none}
#historyWorkspace[data-mode="HUD"],#historyWorkspace[data-mode="HUD_FULLSCREEN"]{grid-template-columns:minmax(0,1fr)}
#historyWorkspace[data-mode="HUD"] #feed,#historyWorkspace[data-mode="HUD_FULLSCREEN"] #feed{display:none}
#historyWorkspace[data-mode="HUD"] #holoStage,#historyWorkspace[data-mode="HUD_FULLSCREEN"] #holoStage{grid-column:1}
#historyWorkspace .holo{position:relative;inset:auto;left:auto;top:auto;translate:none;transform-style:flat;width:var(--panel-width,100%);max-width:100%;height:var(--panel-height,clamp(220px,48vh,480px));min-height:150px;flex:0 0 auto;pointer-events:auto;clip-path:none;display:flex;flex-direction:column;box-shadow:0 0 12px #00e5ff18,inset 0 0 25px #00e5ff08;animation:workspaceOpen 240ms ease both;--bankX:0px;margin:0}
#historyWorkspace .holo.pos-right{align-self:flex-end}
#historyWorkspace .holo.pos-center{align-self:center}
#historyWorkspace .holo.idle{animation:none}
#historyWorkspace .holo.dismiss,#historyWorkspace .holo[data-workspace-removed="true"],#historyWorkspace .holo[data-minimized="true"]{display:none}
#historyWorkspace[data-expanded-count="1"][data-mode="CHAT_WITH_HUD"] .holo{height:var(--panel-height,100%);min-height:0}
#historyWorkspace[data-mode="HUD_FULLSCREEN"] #holoStage{overflow:hidden}
#historyWorkspace[data-mode="HUD_FULLSCREEN"] .holo{display:none}
#historyWorkspace[data-mode="HUD_FULLSCREEN"] .holo[data-workspace-active="true"]{display:flex;width:100%;height:100%;min-height:0;order:0}
/* HUD-only dimensions come from the CURRENT container, not the split-view
   snapshot or the viewport. Preserve custom properties for Restore only. */
#historyWorkspace[data-mode="HUD"] .holo{width:100%}
#historyWorkspace[data-expanded-count="1"][data-mode="HUD"] #holoStage{overflow:hidden}
#historyWorkspace[data-expanded-count="1"][data-mode="HUD"] .holo{height:100%;min-height:0}
#historyWorkspace .holoBar{position:relative;inset:auto;height:36px;flex:0 0 36px;gap:7px;padding:0 8px;letter-spacing:1.5px;background:#071a27}
#historyWorkspace .htitle{min-width:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.holoControls{display:flex;gap:2px;flex:none;align-items:center}
.holoControls button{display:grid;place-items:center;width:26px;height:25px;padding:0;cursor:pointer;border:1px solid #155268;color:var(--cyan);background:#061521}
.holoControls button:last-child{color:var(--red);border-color:#642831}
.holoControls button:hover{border-color:var(--cyan);background:#0b3041}
.holoControls svg,.hudMinBar svg,#workspaceControls svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;flex:none}
#historyWorkspace .holoContentWrap{position:relative;inset:auto;flex:1;min-height:0;margin:0 6px 6px;opacity:1;animation:none}
#historyWorkspace .holoHex,#historyWorkspace .holoScan,#historyWorkspace .holoChroma{pointer-events:none}
#historyWorkspace .holoBoot{bottom:8px;right:8px}
#hudMinimized{grid-column:1/-1;grid-row:2;display:flex;gap:7px;flex-wrap:wrap;align-items:center;max-height:25%;overflow:auto;padding:3px 6px 6px}
#hudMinimized[hidden]{display:none}
.hudMinBar{display:flex;flex:0 1 245px;max-width:100%;min-width:0;height:34px;border:1px solid var(--cyan-dim);background:#09212f}
.hudMinBar button{display:flex;align-items:center;gap:7px;min-width:0;background:none;border:0;color:var(--cyan);cursor:pointer;padding:7px;font:9px Orbitron,sans-serif;letter-spacing:.6px}
.hudMinRestore{flex:1}.hudMinRestore span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hudMinBar .hudMinClose{flex:none;color:var(--red)}
#workspaceControls{position:fixed;left:8px;bottom:8px;z-index:16;display:flex;gap:6px;height:44px}
#workspaceControls button{position:relative;inset:auto;width:44px;height:44px;display:flex;align-items:center;justify-content:center;gap:3px;padding:0;cursor:pointer;border:1px solid var(--cyan-dim);background:#061725;color:var(--cyan);box-shadow:inset 0 0 12px #00e5ff12}
#workspaceControls #workspaceHud{width:56px}
#workspaceControls svg{width:22px;height:22px}
#workspaceControls button[aria-pressed="true"]{border-color:var(--cyan);background:#092b3b}
#workspaceControls button:disabled{opacity:.35;cursor:default}
#workspaceControls button:hover:not(:disabled){background:#0a2b3b;box-shadow:0 0 12px #00e5ff33}
#workspaceControls button:focus-visible,.holoControls button:focus-visible,.hudMinBar button:focus-visible{outline:2px solid var(--cyan);outline-offset:1px}
#workspaceHudCount{font:9px Orbitron,sans-serif}
footer{padding-left:174px}
@keyframes workspaceOpen{from{opacity:0;filter:brightness(1.5);transform:translateY(8px)}to{opacity:1;filter:none;transform:none}}
@media(prefers-reduced-motion:reduce){#historyWorkspace .holo{animation:none}}
@media(max-width:1200px) and (min-width:881px){#historyWorkspace{grid-template-columns:minmax(0,42%) minmax(0,1fr)}#historyWorkspace .holoBar{font-size:9px;padding:0 4px;letter-spacing:.4px}.holoControls{gap:1px}.holoControls button{width:22px}}
@media(max-width:880px){#center{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;height:78dvh;min-height:440px;gap:6px}#historyWorkspace{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(100px,.8fr) minmax(160px,1fr) auto}#historyWorkspace #holoStage{grid-column:1;grid-row:2}#hudMinimized{grid-row:3}#historyWorkspace[data-mode="CHAT"],#historyWorkspace[data-mode="CHAT_FULLSCREEN"],#historyWorkspace[data-mode="HUD_MINIMIZED"],#historyWorkspace[data-mode="HUD"],#historyWorkspace[data-mode="HUD_FULLSCREEN"]{grid-template-rows:minmax(0,1fr) auto}#historyWorkspace[data-mode="HUD"] #holoStage,#historyWorkspace[data-mode="HUD_FULLSCREEN"] #holoStage{grid-row:1}#historyWorkspace[data-mode="CHAT"] #hudMinimized,#historyWorkspace[data-mode="CHAT_FULLSCREEN"] #hudMinimized,#historyWorkspace[data-mode="HUD_MINIMIZED"] #hudMinimized,#historyWorkspace[data-mode="HUD"] #hudMinimized,#historyWorkspace[data-mode="HUD_FULLSCREEN"] #hudMinimized{grid-row:2}#historyWorkspace .holo{height:var(--panel-height,280px)}footer{padding-left:174px}#workspaceControls{background:#050b14}#workspaceControls button{box-shadow:none}}
/* Reserve a mobile footer band: content scrolls above, never behind, the
   persistent workspace controls. Desktop outer-grid geometry is unchanged. */
@media(max-width:880px){body{height:100dvh;overflow:hidden}#grid{height:calc(100dvh - 60px);min-height:0;overflow-y:auto;overflow-x:hidden;padding-bottom:8px}#workspaceControls{bottom:8px}#historyWorkspace,#chatComposer,#rightRail{flex-shrink:0}}