/* Radzen material-dark colour variables, for admin pages in dark mode. Generated from the
   material-dark-base.css vs material-base.css difference in Radzen.Blazor 11.4.0: only the variables
   that change, minus the ones app.css sets itself (base ramp, accent, status, text and surfaces), which
   it replaces with the warm palette.

   Scoped like the dark tokens in app.css to pages that render the admin layout (.page) or an account
   card (.login-wrap): display themes also use Radzen, and a wall display whose OS is set to dark must
   not change. Regenerate when Radzen is upgraded. */
@media (prefers-color-scheme: dark) {
    :root:has(.page, .login-wrap) {
        --rz-border-normal: var(--rz-border-width) solid var(--rz-base-300);
        --rz-border-hover: var(--rz-border-width) solid var(--rz-base-100);
        --rz-border-disabled: var(--rz-border-width) solid var(--rz-base-500);
        --rz-accordion-item-border: var(--rz-border-base-900);
        --rz-alert-message-margin: 0;
        --rz-alert-icon-margin: 0;
        --rz-card-border: var(--rz-border-base-500);
        --rz-carousel-pager-button-hover-background-color: var(--rz-base-200);
        --rz-carousel-pager-button-hover-color: var(--rz-on-base);
        --rz-carousel-pager-button-active-background-color: var(--rz-base-50);
        --rz-carousel-pager-button-active-color: var(--rz-on-base-light);
        --rz-chart-axis-label-color: var(--rz-text-secondary-color);
        --rz-checkbox-checked-disabled-background-color: var(--rz-base-300);
        --rz-checkbox-checked-disabled-border: var(--rz-border-300);
        --rz-chip-background-color: var(--rz-base-600);
        --rz-datalist-border: var(--rz-border-base-600);
        --rz-datalist-item-border: var(--rz-border-base-600);
        --rz-datepicker-calendar-hover-color: var(--rz-white);
        --rz-datepicker-calendar-hover-background-color: var(--rz-base-600);
        --rz-datepicker-calendar-selected-hover-color: var(--rz-on-secondary-dark);
        --rz-datepicker-calendar-selected-hover-background-color: var(--rz-secondary-dark);
        --rz-datepicker-calendar-today-box-shadow: inset 0 0 0 1px var(--rz-base-100);
        --rz-timepicker-button-background-color: var(--rz-base-700);
        --rz-timepicker-border: var(--rz-border-base-600);
        --rz-dialog-mask-background-color: var(--rz-black);
        --rz-dropdown-item-hover-background-color: var(--rz-base-400);
        --rz-dropdown-item-hover-color: var(--rz-white);
        --rz-dropdown-filter-border: var(--rz-border-base-500);
        --rz-dropdown-open-background-color: var(--rz-base-600);
        --rz-editor-border: var(--rz-border-base-600);
        --rz-fieldset-border: var(--rz-border-base-600);
        --rz-fieldset-legend-color: var(--rz-text-secondary-color);
        --rz-fieldset-toggle-color: var(--rz-text-secondary-color);
        --rz-form-field-filled-background-color: var(--rz-base-600);
        --rz-form-field-filled-hover-background-color: var(--rz-base-500);
        --rz-form-field-filled-border: var(--rz-border-width) solid var(--rz-base-600);
        --rz-form-field-filled-hover-border: var(--rz-border-width) solid var(--rz-base-500);
        --rz-form-field-filled-focus-border: var(--rz-border-width) solid var(--rz-base-600);
        --rz-grid-cell-border: var(--rz-border-base-600);
        --rz-grid-bottom-cell-border: var(--rz-border-base-600);
        --rz-grid-hover-background-color: var(--rz-base-600);
        --rz-grid-hover-color: var(--rz-white);
        --rz-grid-header-cell-border-bottom: var(--rz-border-base-600);
        --rz-grid-header-sorted-background-color: var(--rz-base-600);
        --rz-grid-foot-background-color: var(--rz-base-600);
        --rz-grid-filter-background-color: var(--rz-base-600);
        --rz-grid-filter-buttons-background-color: var(--rz-base-600);
        --rz-grid-clear-filter-button-background-color: var(--rz-base-600);
        --rz-grid-apply-filter-button-background-color: var(--rz-base-600);
        --rz-grid-border: var(--rz-border-base-600);
        --rz-grid-stripe-background-color: var(--rz-base-900);
        --rz-grid-detail-template-background-color: var(--rz-base-900);
        --rz-grid-frozen-cell-border: var(--rz-border-base-600);
        --rz-grid-group-header-item-background-color: var(--rz-base-600);
        --rz-grid-group-header-item-border: var(--rz-border-base-600);
        --rz-header-background-color: var(--rz-base-700);
        --rz-header-color: var(--rz-text-color);
        --rz-listbox-filter-border: var(--rz-border-base-500);
        --rz-menu-background-color: var(--rz-base-700);
        --rz-menu-item-hover-color: var(--rz-white);
        --rz-menu-item-hover-background-color: var(--rz-base-400);
        --rz-menu-item-selected-color: var(--rz-primary);
        --rz-menu-item-icon-hover-color: var(--rz-white);
        --rz-menu-top-item-color: var(--rz-text-color);
        --rz-menu-top-item-background-color: var(--rz-base-700);
        --rz-menu-top-item-hover-color: var(--rz-primary);
        --rz-menu-top-item-hover-background-color: var(--rz-base-700);
        --rz-menu-top-item-selected-color: var(--rz-primary);
        --rz-menu-top-item-icon-color: var(--rz-text-color);
        --rz-menu-top-item-icon-hover-color: var(--rz-primary);
        --rz-notification-container-background-color: var(--rz-base-800);
        --rz-overlay-background-color: var(--rz-base-600);
        --rz-pager-numeric-button-hover-background-color: var(--rz-base-600);
        --rz-pager-numeric-button-hover-color: var(--rz-white);
        --rz-pager-numeric-button-selected-color: var(--rz-primary);
        --rz-pager-summary-color: var(--rz-text-secondary-color);
        --rz-panel-menu-item-border: var(--rz-border-base-600);
        --rz-panel-menu-item-color: var(--rz-text-color);
        --rz-panel-menu-item-hover-color: var(--rz-white);
        --rz-panel-menu-item-hover-background-color: var(--rz-base-600);
        --rz-panel-menu-item-2nd-level-color: var(--rz-text-color);
        --rz-panel-menu-item-2nd-level-hover-background-color: var(--rz-base-600);
        --rz-panel-menu-item-3rd-level-color: var(--rz-text-color);
        --rz-panel-menu-item-3rd-level-hover-background-color: var(--rz-base-600);
        --rz-panel-menu-icon-color: var(--rz-text-secondary-color);
        --rz-profile-menu-background-color: var(--rz-base-700);
        --rz-profile-menu-top-item-background-color: var(--rz-base-700);
        --rz-profile-menu-toggle-button-color: var(--rz-text-color);
        --rz-profile-menu-item-hover-background-color: var(--rz-base-400);
        --rz-radio-checked-color: var(--rz-text-color);
        --rz-rating-focus-color: var(--rz-primary-light);
        --rz-scheduler-border: var(--rz-border-base-600);
        --rz-scheduler-border-color: var(--rz-base-600);
        --rz-scheduler-minor-border-color: var(--rz-base-700);
        --rz-scheduler-color: var(--rz-text-secondary-color);
        --rz-scheduler-view-button-border: var(--rz-border-base-600);
        --rz-scheduler-view-selected-border-color: var(--rz-base-600);
        --rz-scheduler-header-border: var(--rz-border-base-600);
        --rz-scheduler-weekend-color: var(--rz-text-tertiary-color);
        --rz-scheduler-weekend-background-color: var(--rz-base-700);
        --rz-scheduler-other-month-background-color: var(--rz-base-900);
        --rz-scrollbar-color: rgba(255, 255, 255, 0.12);
        --rz-selectbar-border: var(--rz-border-base-600);
        --rz-selectbar-selected-border: var(--rz-border-base-600);
        --rz-sidebar-toggle-color: var(--rz-text-color);
        --rz-sidebar-toggle-hover-color: var(--rz-white);
        --rz-sidebar-toggle-hover-background-color: var(--rz-base-500);
        --rz-sidebar-border-inline-end: var(--rz-border-base-800);
        --rz-sidebar-color: var(--rz-white);
        --rz-skeleton-background-color: var(--rz-base-400);
        --rz-skeleton-animation-color: var(--rz-base-300);
        --rz-slider-disabled-background-color: var(--rz-base-400);
        --rz-slider-disabled-range-background-color: var(--rz-base-200);
        --rz-slider-disabled-handle-background-color: var(--rz-base-200);
        --rz-splitter-bar-color: var(--rz-text-color);
        --rz-steps-color: var(--rz-text-secondary-color);
        --rz-steps-number-color: var(--rz-text-secondary-color);
        --rz-steps-number-background-color: var(--rz-base-600);
        --rz-switch-background-color: var(--rz-base-600);
        --rz-switch-circle-background-color: var(--rz-text-color);
        --rz-tabs-tab-selected-top-border-color: var(--rz-primary);
        --rz-tabs-tab-hover-background-color: var(--rz-base-600);
        --rz-tabs-tab-focus-background-color: var(--rz-base-background-color);
        --rz-timeline-point-background-color: var(--rz-base-200);
        --rz-timeline-line-color: var(--rz-base-200);
        --rz-tree-node-hover-background-color: var(--rz-base-600);
        --rz-tree-node-hover-color: var(--rz-white);
        --rz-tree-transition: var(--rz-transition-all);
        --rz-upload-button-bar-background-color: var(--rz-base-700);
        --rz-upload-files-remove-background-color: var(--rz-base-600);
        --rz-upload-choose-background-color: var(--rz-base-600);
        --rz-upload-choose-hover-background-color: var(--rz-base-400);
        --rz-upload-choose-hover-color: var(--rz-white);
        --rz-upload-choose-active-background-color: var(--rz-base-400);
        --rz-upload-choose-active-color: var(--rz-white);
        --rz-upload-cancel-background-color: var(--rz-base-600);
        --rz-spreadsheet-cell-border: var(--rz-border-base-600);
        --rz-spreadsheet-header-active-background-color: var(--rz-base-600);
    }

    /* Rules material-dark-base.css changes beyond its variables (light buttons, ripples, hover
       washes), with only the declarations that differ. */
    :root:has(.page, .login-wrap) .rz-header a, :root:has(.page, .login-wrap) .rz-header a:hover, :root:has(.page, .login-wrap) .rz-header a:focus { color:var(--rz-primary); }
    :root:has(.page, .login-wrap) .rz-sidebar-toggle { position:relative; overflow:hidden; }
    :root:has(.page, .login-wrap) .rz-sidebar-toggle:before { content:""; position:absolute; inset:0; opacity:0; background-position:center; background:radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%; transition:background-size var(--rz-ripple-duration, 0.8s),opacity var(--rz-ripple-duration, 0.8s); pointer-events:none; }
    :root:has(.page, .login-wrap) .rz-sidebar-toggle.rz-state-disabled:before { background:rgba(0,0,0,0); }
    :root:has(.page, .login-wrap) .rz-sidebar-toggle:active:before { transition:background-size 0s,opacity 0s; opacity:.32; background-size:0%; }
    :root:has(.page, .login-wrap) .rz-panel-menu .rz-navigation-item-link { background:radial-gradient(circle, transparent 1%, rgba(255, 255, 255, 0.08) 1%) center/15000%; }
    :root:has(.page, .login-wrap) .rz-panel-menu .rz-navigation-item-link:active { background-color:rgba(255,255,255,.08); }
    :root:has(.page, .login-wrap) .rz-steps .rz-steps-item:not(:last-child):after { background-color:var(--rz-base-600); }
    :root:has(.page, .login-wrap) .rz-chkbox-box:hover:not(.rz-state-disabled):after { background-color:var(--rz-base-300); }
    :root:has(.page, .login-wrap) .rz-chkbox-box:active:not(.rz-state-disabled):after { background-color:var(--rz-base-200); }
    :root:has(.page, .login-wrap) .rz-switch .rz-switch-circle:hover:not(.rz-disabled):before { box-shadow:var(--rz-switch-box-shadow),0 0 0 10px rgba(255,255,255,.08); }
    :root:has(.page, .login-wrap) .rz-radiobutton-box:hover:not(.rz-state-disabled):after { background-color:var(--rz-base-300); }
    :root:has(.page, .login-wrap) .rz-radiobutton-box:active:not(.rz-state-disabled):after { background-color:var(--rz-base-200); }
    :root:has(.page, .login-wrap) .rz-fileupload-choose.rz-button { background:radial-gradient(circle, transparent 1%, rgba(255, 255, 255, 0.08) 1%) center/15000%; }
    :root:has(.page, .login-wrap) .rz-fileupload-choose.rz-button:active { background-color:rgba(255,255,255,.08); }
    :root:has(.page, .login-wrap) .rz-datatable .rz-col-icon { border-inline-end:var(--rz-border-base-600); }
    :root:has(.page, .login-wrap) .rz-grid-table-composite { --rz-grid-right-cell-border: var(--rz-border-base-600); --rz-grid-header-cell-border: var(--rz-border-base-600); }
    :root:has(.page, .login-wrap) .rz-tree-toggler:active:after { background-color:var(--rz-base-200); }
    :root:has(.page, .login-wrap) .rz-scheduler-nav .rz-button:hover { background:var(--rz-base-600); }
    :root:has(.page, .login-wrap) .rz-tabview.rz-tabview-top>.rz-tabview-panels { border-top:var(--rz-border-base-600); }
    :root:has(.page, .login-wrap) .rz-tabview.rz-tabview-bottom>.rz-tabview-panels { border-bottom:var(--rz-border-base-600); }
    :root:has(.page, .login-wrap) .rz-tabview.rz-tabview-left>.rz-tabview-panels { border-left:var(--rz-border-base-600); }
    :root:has(.page, .login-wrap) .rz-tabview.rz-tabview-right>.rz-tabview-panels { border-right:var(--rz-border-base-600); }
    :root:has(.page, .login-wrap) .rz-text-title-color { color:var(--rz-base-50) !important; }
    :root:has(.page, .login-wrap) .rz-text-color { color:var(--rz-base-50) !important; }
    :root:has(.page, .login-wrap) .rz-text-secondary-color { color:var(--rz-base-100) !important; }
    :root:has(.page, .login-wrap) .rz-text-tertiary-color { color:var(--rz-base-200) !important; }
    :root:has(.page, .login-wrap) .rz-text-disabled-color { color:var(--rz-base-300) !important; }
    :root:has(.page, .login-wrap) .rzi-base { color:var(--rz-base-600); }
    :root:has(.page, .login-wrap) .rzi-light { color:var(--rz-base-600); }
    :root:has(.page, .login-wrap) .rzi-dark { color:var(--rz-black); }
    :root:has(.page, .login-wrap) .rz-button.rz-base { background-color:var(--rz-base-600); }
    :root:has(.page, .login-wrap) .rz-button.rz-light { background-color:var(--rz-base-600); }
    :root:has(.page, .login-wrap) .rz-button.rz-dark { background-color:var(--rz-black); color:var(--rz-text-color); }
    :root:has(.page, .login-wrap) .rz-button.rz-variant-outlined.rz-base.rz-shade-default { box-shadow:inset 0 0 0 var(--rz-border-width) var(--rz-base-300); }
    :root:has(.page, .login-wrap) .rz-button.rz-variant-outlined.rz-base:not(.rz-state-disabled):active { background-color:var(--rz-base-600); color:var(--rz-on-base-darker); }
    :root:has(.page, .login-wrap) .rz-button.rz-variant-outlined.rz-light.rz-shade-default { box-shadow:inset 0 0 0 var(--rz-border-width) var(--rz-text-color); color:var(--rz-text-color); }
    :root:has(.page, .login-wrap) .rz-button.rz-variant-outlined.rz-dark.rz-shade-default { box-shadow:inset 0 0 0 var(--rz-border-width) var(--rz-black); color:var(--rz-black); }
    :root:has(.page, .login-wrap) .rz-button.rz-variant-text.rz-base:not(.rz-state-disabled):active { background-color:var(--rz-base-600); color:var(--rz-on-base-darker); }
    :root:has(.page, .login-wrap) .rz-button.rz-variant-text.rz-light { color:var(--rz-text-color); }
    :root:has(.page, .login-wrap) .rz-button.rz-variant-text.rz-dark { color:var(--rz-black); }
    :root:has(.page, .login-wrap) .rz-badge-base { background-color:var(--rz-base-600); }
    :root:has(.page, .login-wrap) .rz-badge-light { background-color:var(--rz-base-600); }
    :root:has(.page, .login-wrap) .rz-badge-dark { background-color:var(--rz-black); color:var(--rz-text-color); }
    :root:has(.page, .login-wrap) .rz-variant-outlined.rz-badge-light.rz-shade-default { box-shadow:inset 0 0 0 var(--rz-border-width) var(--rz-base-600); color:var(--rz-base-600); }
    :root:has(.page, .login-wrap) .rz-variant-outlined.rz-badge-dark.rz-shade-default { box-shadow:inset 0 0 0 var(--rz-border-width) var(--rz-black); color:var(--rz-black); }
    :root:has(.page, .login-wrap) .rz-variant-text.rz-badge-light { color:var(--rz-base-600); }
    :root:has(.page, .login-wrap) .rz-variant-text.rz-badge-dark { color:var(--rz-black); }
    :root:has(.page, .login-wrap) .rz-chip-base { background-color:var(--rz-base-600); }
    :root:has(.page, .login-wrap) .rz-chip-light { background-color:var(--rz-base-600); }
    :root:has(.page, .login-wrap) .rz-chip-dark { background-color:var(--rz-black); color:var(--rz-text-color); }
    :root:has(.page, .login-wrap) .rz-variant-outlined.rz-chip-base.rz-shade-default { border-color:var(--rz-base-300); }
    :root:has(.page, .login-wrap) .rz-variant-outlined.rz-chip-base:not(.rz-state-disabled):hover { background-color:var(--rz-base-600); color:var(--rz-on-base-darker); }
    :root:has(.page, .login-wrap) .rz-variant-outlined.rz-chip-base:not(.rz-state-disabled):active { background-color:var(--rz-base-600); color:var(--rz-on-base-darker); }
    :root:has(.page, .login-wrap) .rz-variant-outlined.rz-chip-light.rz-shade-default { border-color:var(--rz-text-color); color:var(--rz-text-color); }
    :root:has(.page, .login-wrap) .rz-variant-outlined.rz-chip-dark.rz-shade-default { border-color:var(--rz-black); color:var(--rz-black); }
    :root:has(.page, .login-wrap) .rz-variant-text.rz-chip-base:not(.rz-state-disabled):hover { background-color:var(--rz-base-600); color:var(--rz-on-base-darker); }
    :root:has(.page, .login-wrap) .rz-variant-text.rz-chip-base:not(.rz-state-disabled):active { background-color:var(--rz-base-600); color:var(--rz-on-base-darker); }
    :root:has(.page, .login-wrap) .rz-variant-text.rz-chip-light { color:var(--rz-text-color); }
    :root:has(.page, .login-wrap) .rz-variant-text.rz-chip-dark { color:var(--rz-black); }
    :root:has(.page, .login-wrap) .rz-chart-series-hover .rz-legend-item:hover { background-color:var(--rz-base-600); color:var(--rz-on-base-darker); }
    :root:has(.page, .login-wrap) .rz-alert.rz-base { --rz-alert-background-color: var(--rz-base-600); }
    :root:has(.page, .login-wrap) .rz-alert.rz-light { --rz-alert-background-color: var(--rz-base-600); }
    :root:has(.page, .login-wrap) .rz-alert.rz-variant-outlined.rz-light { box-shadow:inset 0 0 0 var(--rz-border-width) var(--rz-text-color); --rz-alert-color: var(--rz-text-color); --rz-alert-title-color: var(--rz-text-color); --rz-alert-icon-color: var(--rz-text-color); }
    :root:has(.page, .login-wrap) .rz-alert.rz-variant-text.rz-light { --rz-alert-color: var(--rz-text-color); --rz-alert-title-color: var(--rz-text-color); --rz-alert-icon-color: var(--rz-text-color); }
    :root:has(.page, .login-wrap) .rz-alert.rz-dark { --rz-alert-background-color: var(--rz-black); --rz-alert-color: var(--rz-text-color); --rz-alert-title-color: var(--rz-text-color); --rz-alert-icon-color: var(--rz-text-color); }
    :root:has(.page, .login-wrap) .rz-alert.rz-variant-outlined.rz-dark { box-shadow:inset 0 0 0 var(--rz-border-width) var(--rz-black); --rz-alert-color: var(--rz-black); --rz-alert-title-color: var(--rz-black); --rz-alert-icon-color: var(--rz-black); }
    :root:has(.page, .login-wrap) .rz-alert.rz-variant-text.rz-dark { --rz-alert-color: var(--rz-black); --rz-alert-title-color: var(--rz-black); --rz-alert-icon-color: var(--rz-black); }
    :root:has(.page, .login-wrap) .rz-timeline-point-base { background-color:var(--rz-base-600); }
    :root:has(.page, .login-wrap) .rz-timeline-point-outlined.rz-timeline-point-base { color:var(--rz-base-600); border-color:var(--rz-base-600); }
    :root:has(.page, .login-wrap) .rz-timeline-point-text.rz-timeline-point-base { color:var(--rz-base-600); }
    :root:has(.page, .login-wrap) .rz-timeline-point-light { background-color:var(--rz-base-600); }
    :root:has(.page, .login-wrap) .rz-timeline-point-outlined.rz-timeline-point-light { color:var(--rz-base-600); border-color:var(--rz-base-600); }
    :root:has(.page, .login-wrap) .rz-timeline-point-text.rz-timeline-point-light { color:var(--rz-base-600); }
    :root:has(.page, .login-wrap) .rz-timeline-point-dark { background-color:var(--rz-black); color:var(--rz-text-color); }
    :root:has(.page, .login-wrap) .rz-timeline-point-outlined.rz-timeline-point-dark { color:var(--rz-black); border-color:var(--rz-black); }
    :root:has(.page, .login-wrap) .rz-timeline-point-text.rz-timeline-point-dark { color:var(--rz-black); }
}