/* Rules that have to reach a component's internals. Blazor's scoped CSS cannot: MudBlazor components
   do not pass the scope attribute to the element they render, so a `.foo ::deep .mud-*` rule compiles
   to a selector that never matches. Classes handed to a component through its own Class parameters do
   land, and those are what these rules key on. Prefer MudBlazor's own utility classes over adding
   here — the device page's full-height layout is `mud-height-full`, `d-flex`, `flex-column`,
   `flex-auto` and `overflow-y-auto` passed through Class and TabPanelsClass. */

/* The one gap in those utilities. A flex item's min-height defaults to auto, which floors it at its
   content: without this a long grid pushes the panel past the bottom of the screen instead of
   scrolling inside it, and every step of a fill-the-viewport chain needs it. */
.min-h-0 {
    min-height: 0;
}

/* MudBlazor centres a tab's label. In a vertical strip that leaves every entry starting at a different
   x, so the labels and their icons are aligned to the left edge instead. */
.device-subtabs .mud-tab {
    justify-content: flex-start;
    text-align: left;
}