/* Generated from Radzen.Blazor 12.1.5 by tools/Generate-RadzenDarkLayer.ps1 -- do not edit.
   Radzen's dark theme as differences from its light default theme, active under html[data-theme=dark].
   Re-run the script after upgrading Radzen (RadzenDarkLayerTests checks the version). */

:root[data-theme="dark"] {
    --rz-base: #63737a;
    --rz-base-400: #a8b4b8;
    --rz-base-500: #7b8a8e;
    --rz-base-600: #63737a;
    --rz-base-700: #45565e;
    --rz-base-800: #38474e;
    --rz-base-light: #a8b4b8;
    --rz-base-lighter: #ffffff;
    --rz-base-dark: #45565e;
    --rz-secondary: #3b9fd5;
    --rz-secondary-light: #53abda;
    --rz-secondary-lighter: rgba(59, 159, 213, 0.2);
    --rz-secondary-dark: #3692c4;
    --rz-secondary-darker: #2c77a0;
    --rz-on-base: #ffffff;
    --rz-on-secondary-lighter: #3b9fd5;
    --rz-series-1: #376df5;
    --rz-series-2: #64dfdf;
    --rz-series-3: #f68769;
    --rz-series-4: #c161e2;
    --rz-series-5: #fdd07a;
    --rz-series-6: #f8629b;
    --rz-series-7: #74d062;
    --rz-series-8: #84a7ff;
    --rz-series-9: #4d99f9;
    --rz-series-10: #8cecec;
    --rz-series-11: #fab793;
    --rz-series-12: #da88ee;
    --rz-series-13: #fee3ab;
    --rz-series-14: #fb89c3;
    --rz-series-15: #a2e389;
    --rz-series-16: #b5caff;
    --rz-series-17: #1750f3;
    --rz-series-18: #46d7d7;
    --rz-series-19: #f46e4c;
    --rz-series-20: #b343db;
    --rz-series-21: #fdc55f;
    --rz-series-22: #f64485;
    --rz-series-23: #58c544;
    --rz-series-24: #6a93ff;
    --rz-body-background-color: var(--rz-base-900);
    --rz-text-title-color: var(--rz-base-50);
    --rz-text-color: var(--rz-base-100);
    --rz-text-secondary-color: var(--rz-base-300);
    --rz-text-tertiary-color: var(--rz-base-400);
    --rz-text-disabled-color: var(--rz-base-600);
    --rz-base-background-color: var(--rz-base-800);
    --rz-border-normal: var(--rz-border-width) solid var(--rz-base-700);
    --rz-border-hover: var(--rz-border-width) solid var(--rz-base-600);
    --rz-border-focus: var(--rz-border-width) solid var(--rz-base-600);
    --rz-border-disabled: var(--rz-border-width) solid var(--rz-base-700);
    --rz-card-flat-background-color: var(--rz-base-700);
    --rz-carousel-pager-button-active-border: 0.125rem solid var(--rz-base-800);
    --rz-chart-axis-color: var(--rz-base-600);
    --rz-chip-background-color: var(--rz-base-700);
    --rz-datalist-border: var(--rz-border-base-700);
    --rz-datalist-item-shadow: 0 22px 64px 0 rgba(0, 0, 0, 0.22);
    --rz-datalist-item-border: none;
    --rz-datepicker-header-background-color: var(--rz-base-800);
    --rz-datepicker-calendar-border: var(--rz-border-base-700);
    --rz-timepicker-background-color: var(--rz-base-900);
    --rz-dialog-title-background-color: var(--rz-base-background-color);
    --rz-dropdown-filter-border: var(--rz-border-base-700);
    --rz-fieldset-border: var(--rz-border-base-700);
    --rz-fieldset-toggle-background-color: var(--rz-base-700);
    --rz-footer-border: var(--rz-border-base-700);
    --rz-form-field-filled-background-color: var(--rz-base-700);
    --rz-form-field-filled-hover-background-color: var(--rz-base-700);
    --rz-grid-header-background-color: var(--rz-base-900);
    --rz-grid-header-color: var(--rz-text-secondary-color);
    --rz-grid-header-sorted-background-color: var(--rz-base-800);
    --rz-grid-foot-background-color: var(--rz-base-900);
    --rz-grid-filter-background-color: var(--rz-base-800);
    --rz-grid-filter-buttons-background-color: var(--rz-base-800);
    --rz-grid-simple-filter-icon-active-color: var(--rz-on-secondary-dark);
    --rz-grid-simple-filter-icon-active-background-color: var(--rz-secondary-dark);
    --rz-grid-stripe-background-color: var(--rz-base-700);
    --rz-grid-detail-template-background-color: var(--rz-base-900);
    --rz-grid-frozen-cell-background-color: var(--rz-base-900);
    --rz-column-drag-handle-color: var(--rz-text-secondary-color);
    --rz-column-drag-handle-hover-color: var(--rz-text-secondary-color);
    --rz-header-border: var(--rz-border-base-700);
    --rz-input-background-color: var(--rz-base-900);
    --rz-input-disabled-background-color: var(--rz-base-800);
    --rz-login-register-background-color: var(--rz-base-700);
    --rz-numeric-button-disabled-background-color: var(--rz-base-700);
    --rz-overlay-background-color: var(--rz-base-background-color);
    --rz-pager-numeric-button-background-color: var(--rz-base-700);
    --rz-pager-numeric-button-hover-background-color: var(--rz-base-700);
    --rz-pager-numeric-button-selected-background-color: var(--rz-base-900);
    --rz-pager-numeric-button-selected-color: var(--rz-text-contrast-color);
    --rz-pager-numeric-button-selected-border: var(--rz-border-base-900);
    --rz-pager-back-button-background-color: var(--rz-base-700);
    --rz-pager-next-button-background-color: var(--rz-base-700);
    --rz-panel-toggle-icon-background-color: var(--rz-base-700);
    --rz-profile-menu-border: var(--rz-border-base-900);
    --rz-profile-menu-toggle-button-color: var(--rz-text-color);
    --rz-progressbar-background-color: var(--rz-base-700);
    --rz-rating-focus-color: var(--rz-primary-light);
    --rz-scheduler-border-color: var(--rz-base-700);
    --rz-scheduler-minor-border-color: var(--rz-base-700);
    --rz-scheduler-toolbar-background-color: var(--rz-base-900);
    --rz-scheduler-header-background-color: var(--rz-base-700);
    --rz-scheduler-header-border: none;
    --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: var(--rz-base-600);
    --rz-virtual-keyboard-panel-background-color: var(--rz-base-900);
    --rz-virtual-keyboard-key-background-color: var(--rz-base-600);
    --rz-virtual-keyboard-key-hover-background-color: var(--rz-base-500);
    --rz-virtual-keyboard-key-active-background-color: var(--rz-base-700);
    --rz-virtual-keyboard-key-action-background-color: var(--rz-base-700);
    --rz-sidebar-toggle-border: var(--rz-border-base-700);
    --rz-sidebar-toggle-color: var(--rz-text-color);
    --rz-sidebar-toggle-background-color: var(--rz-base-background-color);
    --rz-sidebar-border-inline-end: var(--rz-border-base-800);
    --rz-sidebar-background-color: var(--rz-base-background-color);
    --rz-skeleton-background-color: var(--rz-base-600);
    --rz-skeleton-animation-color: var(--rz-base-700);
    --rz-slider-background-color: var(--rz-base-900);
    --rz-slider-range-background-color: var(--rz-secondary-dark);
    --rz-slider-disabled-range-background-color: var(--rz-base-700);
    --rz-slider-disabled-range-border: var(--rz-border-base-700);
    --rz-slider-disabled-handle-background-color: var(--rz-base-700);
    --rz-splitter-bar-background-color: var(--rz-base-700);
    --rz-splitter-bar-hover-opacity: 0.8;
    --rz-steps-number-background-color: var(--rz-base-700);
    --rz-tabs-border: none;
    --rz-tabs-tab-background-color: var(--rz-base-700);
    --rz-tabs-tab-color: var(--rz-text-secondary-color);
    --rz-tabs-tab-hover-background-color: var(--rz-base-800);
    --rz-tabs-tab-hover-color: var(--rz-text-color);
    --rz-tabs-tab-focus-color: var(--rz-text-color);
    --rz-timeline-point-background-color: var(--rz-base-600);
    --rz-timeline-line-color: var(--rz-base-600);
    --rz-timespanpicker-panel-background-color: var(--rz-base-800);
    --rz-upload-button-bar-background-color: var(--rz-base-700);
    --rz-upload-files-remove-background-color: var(--rz-base-700);
    --rz-spreadsheet-header-background-color: var(--rz-base-900);
    --rz-spreadsheet-splitter-background-color: var(--rz-base-700);
}

:root[data-theme="dark"] .rz-slot-minor { border-top:1px dotted var(--rz-scheduler-minor-border-color) !important }
:root[data-theme="dark"] .rz-text-title-color { color:var(--rz-base-50) !important }
:root[data-theme="dark"] .rz-text-color { color:var(--rz-base-100) !important }
:root[data-theme="dark"] .rz-text-secondary-color { color:var(--rz-base-300) !important }
:root[data-theme="dark"] .rz-text-tertiary-color { color:var(--rz-base-400) !important }
:root[data-theme="dark"] .rz-text-disabled-color { color:var(--rz-base-600) !important }
:root[data-theme="dark"] .rzi-base { color:var(--rz-base-700) }
:root[data-theme="dark"] .rzi-light { color:var(--rz-base-700) }
:root[data-theme="dark"] .rz-button.rz-base { background-color:var(--rz-base-700);color:var(--rz-text-contrast-color) }
:root[data-theme="dark"] .rz-button.rz-light { background-color:var(--rz-base-700);color:var(--rz-text-contrast-color) }
:root[data-theme="dark"] .rz-button.rz-variant-outlined.rz-base:not(.rz-state-disabled):active { background-color:var(--rz-base-600);color:var(--rz-on-base-darker);background-image:none }
:root[data-theme="dark"] .rz-button.rz-variant-outlined.rz-light.rz-shade-default { box-shadow:inset 0 0 0 var(--rz-border-width) var(--rz-text-contrast-color);color:var(--rz-text-contrast-color) }
:root[data-theme="dark"] .rz-button.rz-variant-text.rz-base:not(.rz-state-disabled):active { background-color:var(--rz-base-600);color:var(--rz-on-base-darker);background-image:none;box-shadow:none }
:root[data-theme="dark"] .rz-button.rz-variant-text.rz-light { color:var(--rz-text-contrast-color);background-color:rgba(0,0,0,0);box-shadow:none }
:root[data-theme="dark"] .rz-badge-base { background-color:var(--rz-base-700);color:var(--rz-text-contrast-color) }
:root[data-theme="dark"] .rz-badge-light { background-color:var(--rz-base-700);color:var(--rz-text-contrast-color) }
:root[data-theme="dark"] .rz-variant-outlined.rz-badge-light.rz-shade-default { box-shadow:inset 0 0 0 var(--rz-border-width) var(--rz-base-700);color:var(--rz-base-700) }
:root[data-theme="dark"] .rz-variant-text.rz-badge-light { color:var(--rz-base-700);background-color:rgba(0,0,0,0) }
:root[data-theme="dark"] .rz-chip-base { background-color:var(--rz-base-700);color:var(--rz-text-contrast-color) }
:root[data-theme="dark"] .rz-chip-light { background-color:var(--rz-base-700);color:var(--rz-text-contrast-color) }
:root[data-theme="dark"] .rz-variant-outlined.rz-chip-base:not(.rz-state-disabled):hover { background-color:var(--rz-base-600);color:var(--rz-on-base-darker);filter:none }
:root[data-theme="dark"] .rz-variant-outlined.rz-chip-base:not(.rz-state-disabled):active { background-color:var(--rz-base-600);color:var(--rz-on-base-darker);filter:none }
:root[data-theme="dark"] .rz-variant-outlined.rz-chip-light.rz-shade-default { border-color:var(--rz-text-contrast-color);color:var(--rz-text-contrast-color) }
:root[data-theme="dark"] .rz-variant-text.rz-chip-base:not(.rz-state-disabled):hover { background-color:var(--rz-base-600);color:var(--rz-on-base-darker);filter:none }
:root[data-theme="dark"] .rz-variant-text.rz-chip-base:not(.rz-state-disabled):active { background-color:var(--rz-base-600);color:var(--rz-on-base-darker);filter:none }
:root[data-theme="dark"] .rz-variant-text.rz-chip-light { color:var(--rz-text-contrast-color);background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0) }
:root[data-theme="dark"] .rz-chart-series-hover .rz-legend-item:hover { background-color:var(--rz-base-600);color:var(--rz-on-base-darker) }
:root[data-theme="dark"] .rz-alert.rz-base { --rz-alert-background-color: var(--rz-base-700);--rz-alert-color: var(--rz-text-contrast-color);--rz-alert-title-color: var(--rz-text-contrast-color);--rz-alert-icon-color: var(--rz-text-contrast-color) }
:root[data-theme="dark"] .rz-alert.rz-variant-outlined.rz-base { box-shadow:inset 0 0 0 var(--rz-border-width) var(--rz-text-contrast-color);--rz-alert-color: var(--rz-text-contrast-color);--rz-alert-title-color: var(--rz-text-contrast-color);--rz-alert-icon-color: var(--rz-text-contrast-color);--rz-alert-background-color: transparent }
:root[data-theme="dark"] .rz-alert.rz-variant-text.rz-base { --rz-alert-color: var(--rz-text-contrast-color);--rz-alert-title-color: var(--rz-text-contrast-color);--rz-alert-icon-color: var(--rz-text-contrast-color);--rz-alert-background-color: transparent }
:root[data-theme="dark"] .rz-alert.rz-light { --rz-alert-background-color: var(--rz-base-700);--rz-alert-color: var(--rz-text-contrast-color);--rz-alert-title-color: var(--rz-text-contrast-color);--rz-alert-icon-color: var(--rz-text-contrast-color) }
:root[data-theme="dark"] .rz-alert.rz-variant-outlined.rz-light { box-shadow:inset 0 0 0 var(--rz-border-width) var(--rz-text-contrast-color);--rz-alert-color: var(--rz-text-contrast-color);--rz-alert-title-color: var(--rz-text-contrast-color);--rz-alert-icon-color: var(--rz-text-contrast-color);--rz-alert-background-color: transparent }
:root[data-theme="dark"] .rz-alert.rz-variant-text.rz-light { --rz-alert-color: var(--rz-text-contrast-color);--rz-alert-title-color: var(--rz-text-contrast-color);--rz-alert-icon-color: var(--rz-text-contrast-color);--rz-alert-background-color: transparent }
:root[data-theme="dark"] .rz-timeline-point-base { background-color:var(--rz-base-700);color:var(--rz-text-contrast-color) }
:root[data-theme="dark"] .rz-timeline-line-base:after,:root[data-theme="dark"] .rz-timeline-line-base+.rz-timeline-item:before { background-color:var(--rz-base-700) }
:root[data-theme="dark"] .rz-timeline-point-outlined.rz-timeline-point-base { background-color:var(--rz-base-background-color);color:var(--rz-base-700);border-color:var(--rz-base-700) }
:root[data-theme="dark"] .rz-timeline-point-text.rz-timeline-point-base { background-color:var(--rz-base-background-color);color:var(--rz-base-700) }
:root[data-theme="dark"] .rz-timeline-point-light { background-color:var(--rz-base-700);color:var(--rz-text-contrast-color) }
:root[data-theme="dark"] .rz-timeline-line-light:after,:root[data-theme="dark"] .rz-timeline-line-light+.rz-timeline-item:before { background-color:var(--rz-base-700) }
:root[data-theme="dark"] .rz-timeline-point-outlined.rz-timeline-point-light { background-color:var(--rz-base-background-color);color:var(--rz-base-700);border-color:var(--rz-base-700) }
:root[data-theme="dark"] .rz-timeline-point-text.rz-timeline-point-light { background-color:var(--rz-base-background-color);color:var(--rz-base-700) }
@media(hover: hover)and (pointer: fine) {
    :root[data-theme="dark"] .rz-button.rz-variant-outlined.rz-base:not(.rz-state-disabled):hover { background-color:var(--rz-base-600);color:var(--rz-on-base-darker);background-image:none }
    :root[data-theme="dark"] .rz-button.rz-variant-text.rz-base:not(.rz-state-disabled):hover { background-color:var(--rz-base-600);color:var(--rz-on-base-darker);background-image:none;box-shadow:none }
    :root[data-theme="dark"] .rz-selectbar .rz-button:not(.rz-state-active):not(.rz-state-disabled):hover { background-color:var(--rz-base-600);color:var(--rz-on-base-darker);background-image:none;box-shadow:none }
}
