/**
 * @file
 * App layout — structural flex containers only. Sidebar/tab-bar and
 * main-content responsive rules live in global.css (S10-T2, Capa 1),
 * grouped with the rest of the breakpoint-driven design system.
 */

.app-layout {
  display: flex;
  flex-direction: column;
  /* Grow to fill whatever space .app-wrapper's flex column leaves
     after the header/footer (sticky-footer fix, S13 B1) — NOT its own
     min-height:100vh, which used to force this region to a full
     viewport by itself and push the footer below the fold even on
     short Capa 1 pages (dashboard, auth). */
  flex: 1 1 auto;
}

.app-content {
  flex: 1;
  padding: 16px;
  /* Flexbox default min-width:auto lets wide children (the auto-fill
     matches grid, wide tables) force this flex item past the centered
     .app-wrapper's max-width instead of shrinking — visible as cards
     spilling out of the dark page column on desktop's rail layout. */
  min-width: 0;
}