/* ============================================================
   Sheet 1 of 3 — loads BEFORE the Radzen theme.
   Base reset, Font Awesome icon-font hooks, utility classes,
   panel-menu indentation variables.
   MUST NOT declare --rz-* overrides (it would lose the cascade).
   ============================================================ */

html, body { height: 100%; margin: 0; }

/* --- Font Awesome mapped onto Radzen's icon-font variable -----------
   Radzen's own Icon slot is Material-only. Carry one of these classes
   on a Radzen component and its Icon value renders as an FA glyph.
   Drop the OTF files into wwwroot/fonts/ to activate. */
@font-face {
  font-family: 'FA Solid';
  src: url('../fonts/fa-solid-900.otf') format('opentype');
  font-weight: 900; font-display: block;
}
@font-face {
  font-family: 'FA Regular';
  src: url('../fonts/fa-regular-400.otf') format('opentype');
  font-weight: 400; font-display: block;
}
.fa-face-solid   { --rz-icon-font-family: 'FA Solid'; font-weight: 900; }
.fa-face-regular { --rz-icon-font-family: 'FA Regular'; font-weight: 400; }

/* --- AdminPageLayout utilities -------------------------------------- */
.page-container { max-width: 1200px; margin: 0 auto; }
.page-body { display: flex; flex-direction: column; gap: 16px; }
.section-heading {
  font-size: 11px; font-weight: 700; letter-spacing: 0.06em;
  text-transform: uppercase; color: oklch(62% 0.014 240);
}
.eyebrow { composes: section-heading; }

/* --- Panel-menu indentation ----------------------------------------- */
:root {
  --rz-panel-menu-item-offset: 0.75rem;
  --rz-panel-menu-item-level-1-offset: 1.5rem;
  --rz-panel-menu-item-level-2-offset: 2.25rem;
}

/* --- Blazor validation (kept from the scaffold) ---------------------- */
.valid.modified:not([type=checkbox]) { outline: 1px solid oklch(58% 0.15 152); }
.invalid { outline: 1px solid oklch(55% 0.18 25); }
.validation-message { color: oklch(55% 0.18 25); font-size: 12.5px; }

/* --- Blazor error UI (kept from the scaffold) ------------------------ */
#blazor-error-ui {
  color-scheme: light only;
  background: lightyellow;
  bottom: 0;
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  display: none;
  left: 0;
  padding: 0.6rem 1.25rem 0.7rem 1.25rem;
  position: fixed;
  width: 100%;
  z-index: 1000;
}
#blazor-error-ui .dismiss {
  cursor: pointer;
  position: absolute;
  right: 0.75rem;
  top: 0.5rem;
}