/* ======= DASH LAYOUT (force 20/80 split) ======= */
.dash-layout {
  display: flex;
  flex-direction: row;   /* always side-by-side */
  gap: 1rem;
}
.dash-layout { display: flex; flex-direction: row; gap: 1rem; }
.dash-side   { flex: 0 0 20%; max-width: 20%; min-width: 220px; position: sticky; top: 1rem; height: fit-content; }
.dash-main   { flex: 1 1 80%; max-width: 80%; }
/* Keep the nav visible while scrolling content (optional) */
.dash-side { position: sticky; top: 1rem; height: fit-content; }

/* (Optional) If you still want stacking on very small phones, uncomment:
@media (max-width: 575.98px) {
  .dash-layout { flex-direction: column; }
  .dash-side, .dash-main { max-width: 100%; flex-basis: 100%; }
}
*/

/* static/css/app.css */