/* Host-level fixes for the management shell. Loaded AFTER design.css so these win.
   Everything here patches a Radzen design token that AndreGoepel.Design.Blazor (as of 1.0.2)
   does not remap, which leaves the affected components with Radzen's light-theme defaults on
   the dark shell. All values resolve per theme, so light mode stays correct.

   Reported upstream as andregoepel/design-blazor#4 — remove this file once it ships. */

:root {
  /* Radzen's neutral ramp. design.css maps --rz-base-300 (→ --ag-border) but leaves --rz-base
     and --rz-base-200 at their light defaults, which ~70 rules use: light/base badges,
     buttons, and alerts.
     - --rz-base-200 (#eeeeee): a "Light" badge drew a near-white pill and then took its text
       colour from --rz-text-color, which design.css *does* map to near-white in dark mode —
       light on light, effectively invisible (measured 1.2:1).
     - --rz-base / --rz-on-base (#eeeeee / #212121): ButtonStyle.Base renders a white button.
       Radzen's own DialogService.Confirm() uses it for the Cancel button, so every confirm
       dialog showed one white button next to a themed one.
     Keep the ramp's ordering: 200 sits one step below the already-mapped 300. */
  --rz-base-200: var(--ag-hover);
  --rz-base: var(--ag-hover);
  --rz-on-base: var(--ag-text);

  /* Alternating data-grid rows: material-base ships light stripe colours, and design.css
     remaps --rz-grid-background-color but not the stripe pair — so every second row stayed
     white in dark mode. */
  --rz-grid-stripe-background-color: var(--ag-hover);
  --rz-grid-stripe-odd-background-color: var(--ag-surface);
}

/* The DataGrid's "no rows" message renders as a bare <td class="rz-datatable-emptymessage">
   that nothing in the stack styles — not material-base, not design.css — so it sits flush and
   uncoloured against the grid, looking out of place. Give it the padding, muted colour and
   centring of a deliberate empty state. This is an unstyled Radzen surface, not a token remap;
   it stays here rather than in design.css for that reason. */
.rz-datatable-emptymessage {
  padding: 2.5rem 1rem;
  color: var(--ag-muted);
  text-align: center;
}