/* ------------------------------------------------------------------
   Flat, dark-first surfaces.

   In a dark UI, stacked drop shadows read as muddy "surface-on-surface"
   halos. Content surfaces (papers, cards, tables, data grids, expansion
   panels) are instead defined by borders + dividers and carry NO shadow.

   Only genuinely floating overlays keep their elevation so they lift off
   the page: dialog containers, menu/select popovers, tooltips, snackbars.
   Opt a surface back into elevation with the `flat-exempt` class.
   ------------------------------------------------------------------ */
.mud-paper:not(.mud-dialog):not(.flat-exempt),
.mud-card,
.mud-table:not(.flat-exempt),
.mud-data-grid,
.mud-expansion-panels,
.mud-expansion-panel {
  box-shadow: none !important;
}

/* Grids/tables nested inside a bordered card shouldn't add a second frame. */
.mud-paper .mud-table,
.mud-card .mud-table {
  border: none;
}

/* ------------------------------------------------------------------
   Consistent page rhythm. Every content page wraps its body in a
   MudContainer with `.page`, giving uniform vertical padding that
   tightens on small screens. MudContainer supplies responsive
   horizontal gutters, so pages never need fixed pixel widths.
   ------------------------------------------------------------------ */
.page {
  padding-block: 1.5rem;
}

@media (max-width: 600px) {
  .page {
    padding-block: 1rem;
  }
}

/* Data grids should scroll horizontally on small screens rather than
   overflow the viewport. */
.mud-table-container {
  max-width: 100%;
  overflow-x: auto;
}