/* playback.layout.fix.v1.css
   Fix: avoid tiny scroll window, make preview + recent jobs behave like a real console.
*/

html, body { height: 100%; }
body { min-height: 100vh; }

/* Try to stabilize the main console area */
main, .main, .container, .wrap, .shell, .page, .app {
  min-height: 100vh;
}

/* Make any "console" style wrapper expand */
section, article {
  max-width: 100%;
}

/* Output Preview: reserve space and prevent collapsing */
#chOutputPreview, #pbOutputPreview, .output-preview, .pb-output, .ch-output, .preview-panel {
  min-height: 360px;
}

/* Video: fill its panel, never disappear */
#chVideo, video {
  width: 100%;
  height: auto;
  min-height: 320px;
  background: #000;
  display: block;
  border-radius: 14px;
}

/* Recent Jobs: it should scroll INSIDE its area, not crush the page */
#chRecentJobs, .recent-jobs, .jobs-list {
  max-height: 320px;
  overflow: auto;
  padding-right: 6px;
}

/* Buttons row spacing (export + controls) */
.ch-export-row, .export-row, .controls, .pb-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

/* If some container is forcing a tiny height, override common offenders */
[style*="overflow: auto"], [style*="overflow:auto"] {
  /* don’t nuke overflow everywhere; just prevent tiny fixed heights */
  max-height: none;
}