/* =====================================================================
   Browns Digital Studio — App Shell Fixes
   Essential bug fixes and dark theme enhancements only.
   Light theme: viewport height fix ONLY.
===================================================================== */

/* ========================================================================
   Viewport Height Fix — LIGHT AND DARK (P0 bug fix)
   Demo banner takes natural height; #view-app flexes to fill remaining space.
======================================================================== */
body.app {
  height: 100vh;
  height: 100dvh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

#view-app {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

#view-app .shell {
  flex: 1;
  min-height: 0;
}

#view-app .main {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

/* ========================================================================
   Dark Theme Enhancements Only
======================================================================== */
:root[data-theme="dark"] .side-label {
  /* Sentence case labels in dark theme */
  text-transform: none;
  letter-spacing: 0;
}