/* ════════════════════════════════════════════════════════════════════════════
   HOTFIX 11 — Budget / Art Dept / Heatmap overflow fixes
   HOTFIX8 missed Budget entirely, and the Art Dept rule only added padding
   without enabling scroll. Heatmap was never addressed. All three will clip
   content once users add real production data.
   ════════════════════════════════════════════════════════════════════════════ */

/* ── Budget ─────────────────────────────────────────────────────────── */
#budget-app {
  height: calc(100vh - 120px) !important;
  max-height: calc(100vh - 120px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  padding-bottom: 80px !important;
}

/* Budget table can get very tall — ensure it doesn't break the container */
#budget-app .budget-table,
#budget-app table {
  max-width: 100% !important;
}

/* ── Art Department (FULL scroll fix, not just padding) ─────────────── */
#artdept-app {
  height: calc(100vh - 120px) !important;
  max-height: calc(100vh - 120px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  padding-bottom: 80px !important;
}

#artdept-app .artdept-body,
#artdept-app .artdept-main,
#artdept-app .ad-body {
  overflow-y: visible !important;
  min-height: 0 !important;
}

/* ── Heatmap ────────────────────────────────────────────────────────── */
#heatmap-app {
  height: calc(100vh - 120px) !important;
  max-height: calc(100vh - 120px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  padding-bottom: 80px !important;
}

/* Heatmap grid may overflow horizontally on many-day productions — allow scroll */
#heatmap-app .heatmap-grid,
#heatmap-app .heatmap-container {
  max-width: 100% !important;
  overflow-x: auto !important;
}

/* ── Spatial Canvas Studio — also has overflow issues ───────────────── */
#spatial-app {
  height: calc(100vh - 120px) !important;
  max-height: calc(100vh - 120px) !important;
  overflow: hidden !important;
}

/* ── Reports view — ensure all reports fit ──────────────────────────── */
#reports-app {
  padding-bottom: 80px !important;
}