/* Maps the Radzen theme (standard / standard-dark, switched by wwwroot/js/theme.js) onto the shared Plexser colours (--ap-*, plexser-theme.css).
   Loaded after the Radzen stylesheet. Only --ap-* variables are used here, so dialogs and pop-ups that Radzen renders outside .app follow the theme too. */
:root {
  --rz-primary: var(--ap-amber); --rz-primary-light: var(--ap-amber-dark); --rz-primary-lighter: var(--ap-amber-tint); --rz-primary-dark: var(--ap-amber-dark); --rz-primary-darker: var(--ap-amber-dark);
  --rz-on-primary: var(--ap-on-amber); --rz-on-primary-light: var(--ap-on-amber); --rz-on-primary-lighter: var(--ap-slate-dark); --rz-on-primary-dark: var(--ap-on-amber);
  --rz-secondary: var(--ap-slate-light); --rz-secondary-lighter: var(--ap-slate-tint); --rz-on-secondary-lighter: var(--ap-slate-dark);
  --rz-base-background-color: var(--ap-surface); --rz-body-background-color: var(--ap-page); --rz-text-color: var(--ap-slate-dark); --rz-text-secondary-color: var(--ap-slate-light);
  --rz-text-font-family: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif; --rz-body-font-size: 14px;
  --rz-border-normal: 1px solid var(--ap-border); --rz-border-color: var(--ap-border);
  --rz-input-background-color: var(--ap-surface); --rz-input-color: var(--ap-slate-dark); --rz-input-border: 1px solid var(--ap-border); --rz-input-border-radius: 8px;
  --rz-input-focus-border: 1px solid var(--ap-amber); --rz-input-focus-shadow: 0 0 0 2px color-mix(in srgb, var(--ap-amber) 40%, transparent);
  --rz-grid-background-color: transparent; --rz-grid-header-background-color: var(--ap-slate-tint); --rz-grid-header-color: var(--ap-slate-light);
  --rz-grid-header-font-size: 11px; --rz-grid-header-text-transform: uppercase;
  --rz-grid-cell-border: 1px solid var(--ap-grid); --rz-grid-border: none; --rz-grid-border-radius: 0;
  --rz-grid-hover-background-color: var(--ap-slate-tint); --rz-grid-hover-color: var(--ap-slate-dark);
  --rz-grid-stripe-background-color: transparent; --rz-grid-selected-background-color: var(--ap-amber-tint); --rz-grid-selected-color: var(--ap-slate-dark);
  --rz-pager-background-color: var(--ap-slate-tint); --rz-pager-color: var(--ap-slate-light);
}
.app .rz-data-grid { border: 0; background: transparent; font-size: 14px; overflow-x: auto; }
.app .rz-data-grid .rz-grid-table, .app .rz-data-grid table { background: transparent; }
.app .rz-data-grid th, .app .rz-data-grid .rz-column-title { letter-spacing: .06em; font-weight: 500; }
.app .rz-data-grid td { vertical-align: middle; }
.app .rz-data-grid .rz-cell-data { font-size: 14px; }
.app .rz-paginator { border-top: 1px solid var(--ap-border); }
.app .rz-textbox { width: 100%; min-height: 42px; }
.app .rz-data-grid .mono { font-family: var(--font-mono); }
.app .rz-data-grid th .rz-column-title, .app .rz-data-grid th .rz-column-title-content { letter-spacing: .04em; white-space: nowrap; overflow: visible; text-overflow: clip; }
.app .rz-data-grid th .rz-sortable-column-icon { margin-inline-start: 2px; }

/* Radzen inputs inherit the app's input look */
.app .rz-textbox.inp { background: var(--ap-surface); border: 1px solid var(--ap-border); border-radius: 8px; padding: 10px 12px; color: var(--ap-slate-dark); }
.app .rz-textbox.inp:focus { border-color: var(--ap-amber); box-shadow: 0 0 0 2px color-mix(in srgb, var(--ap-amber) 30%, transparent); }
.app .rz-slider .rz-slider-range { background: var(--ap-amber); }
.app .rz-slider .rz-slider-handle { border-color: var(--ap-amber); background: var(--ap-surface); }