/* GENERATED by scripts/emit-pre-upgrade-css.mjs — do not edit.
 *
 * Pre-upgrade size floors for components that occupy persistent layout.
 * Gated on :not(.hydrated) — Stencil's per-element flag — so every rule
 * stops matching the instant the component's own styles take over. The
 * expressions are the components' own public properties and defaults, read
 * from (or pinned to) their source at build time, so they cannot drift.
 *
 * Opt-in: import '@awc-ui/core/css/pre-upgrade.css' beside the token sheet.
 */

md-navigation-rail:not(.hydrated) {
  display: block;
  min-inline-size: var(--md-navigation-rail-container-width, max(56px, calc(80px + var(--md-sys-density-scale, 0) * 4px)));
  min-block-size: 100%;
}

/* md-toolbar: the height token is declared on the bare :host but CONSUMED in the variant blocks. Both variants share the height; they differ in WIDTH, so the display split below is what varies. An author-written variant attribute is in the light DOM pre-upgrade; the docked default is not, so bare-tag means docked. */
md-toolbar:not(.hydrated):not([variant='floating']) {
  display: block;
  min-block-size: var(--md-toolbar-container-height, max(48px, calc(64px + var(--md-sys-density-scale, 0) * 4px)));
}

/* md-toolbar: the floating variant is an inline pill — same height floor, but inline-block so an un-upgraded pill does not stretch across its row */
md-toolbar[variant='floating']:not(.hydrated) {
  display: inline-block;
  min-block-size: var(--md-toolbar-container-height, max(48px, calc(64px + var(--md-sys-density-scale, 0) * 4px)));
}

/* md-app-bar: host height is the sum of inner rows; --_row-height lives on .md-app-bar__row */
md-app-bar:not(.hydrated) {
  display: block;
  min-block-size: var(--md-app-bar-row-height, max(48px, calc(64px + var(--md-sys-density-scale, 0) * 4px)));
}

/* md-navigation-bar: height lives on the inner .md-navigation-bar__container; the token is public on :host */
md-navigation-bar:not(.hydrated) {
  display: block;
  min-block-size: max(48px, calc(var(--md-navigation-bar-container-height, 64px) + var(--md-sys-density-scale, 0) * 4px));
}

/* md-fab: md-fab publishes no container-size property; expression mirrors :host(.md-fab--standard) */
md-fab:not(.hydrated) {
  display: inline-block;
  min-inline-size: max(40px, calc(56px + var(--md-sys-density-scale, 0) * 4px));
  min-block-size: max(40px, calc(56px + var(--md-sys-density-scale, 0) * 4px));
}