/* Reserve the full-canvas room and centered workspace before the lazy renderer loads. */
.operations-room-host { position: relative; height: 100dvh; overflow-y: auto; min-width: 0; background: #080e16; --room-reveal-height: 68svh; }
.operations-room-host > .operations-room { position: sticky; top: 0; height: 100dvh; min-height: 0; max-height: none; margin-bottom: -100dvh; border-bottom: 0; z-index: 0; }
.operations-room-reveal { height: var(--room-reveal-height); pointer-events: none; position: relative; }
/* z-index stays auto so existing fixed dialogs can cover the sidebar. The
   later positioned content paints over the room without trapping dialogs. */
.operations-room-content { position: relative; z-index: auto; min-height: 100svh; background: color-mix(in srgb, color-mix(in srgb, var(--room-accent, #43c99a) 23%, var(--background, #0c1721)) 78%, transparent); border-top: 1px solid color-mix(in srgb, var(--room-accent, #43c99a) 60%, transparent); --room-heading: color-mix(in srgb, var(--room-accent, #43c99a) 35%, #0b1a22); --muted-foreground: #21392f; }
@media (max-width: 768px) { .operations-room-host { --room-reveal-height: 76svh; } }
@media (max-width: 768px) and (max-height: 740px) {
  .operations-room-host { --room-reveal-height: max(76svh, 540px); }
  .layout .operations-room-host { --room-reveal-height: max(76svh, 592px); }
}