:root {
    --cms-bg: #ffffff;
    --cms-surface: #ffffff;
    --cms-surface-alt: #f9f9f9;
    --cms-border: #e8e8e8;
    --cms-text: #1a1a2e;
    --cms-text-muted: #666666;
    --cms-accent: #1561cb;
    --cms-accent-soft: #e9f0ff;
    --cms-header-outer-bg: #032320;
    --cms-header-inner-bg: #354F4D;
    --cms-header-bg: #032320;
    --cms-header-link: #FFFFFFCC;
    --cms-header-link-hover: #ffffff;
    --cms-header-link-active: #DACBB7;
    --cms-header-divider: #FFFFFFCC;
    --cms-dropdown-bg: #ffffff;
    --cms-dropdown-text: #333333;
    --cms-dropdown-muted: #666666;
    --cms-dropdown-border: #eeeeee;
    --cms-dropdown-hover: #f8f9fa;
    --cms-link: #1561cb;
    --cms-shadow: rgba(0, 0, 0, 0.06);
    --cms-skeleton-from: #ececec;
    --cms-skeleton-mid: #f5f5f5;
}

[data-theme="green"] {
    --cms-bg: #032320;
    --cms-surface: #354F4D;
    --cms-surface-alt: #354F4D;
    --cms-border: #DACBB733;
    --cms-text: #DACBB7;
    --cms-text-muted: #FFFFFF99;
    --cms-accent: #518681;
    --cms-accent-soft: #51868133;
    --cms-header-outer-bg: #032320;
    --cms-header-inner-bg: #354F4D;
    --cms-header-bg: #032320;
    --cms-header-link: #FFFFFFCC;
    --cms-header-link-hover: #ffffff;
    --cms-header-link-active: #DACBB7;
    --cms-header-divider: #FFFFFFCC;
    --cms-dropdown-bg: #032320;
    --cms-dropdown-text: #FFFFFF99;
    --cms-dropdown-muted: #FFFFFF99;
    --cms-dropdown-border: #DACBB733;
    --cms-dropdown-hover: #354F4D;
    --cms-link: #DACBB7;
    --cms-shadow: rgba(0, 0, 0, 0.25);
    --cms-skeleton-from: #354F4D;
    --cms-skeleton-mid: #3f5c59;

    /* Radzen dialogs & notifications (rendered in portal) */
    --rz-dialog-background-color: #354F4D;
    --rz-dialog-title-background-color: #032320;
    --rz-dialog-title-color: #DACBB7;
    --rz-dialog-title-border: 1px solid #DACBB733;
    --rz-dialog-close-color: #FFFFFF99;
    --rz-dialog-close-hover-color: #DACBB7;
    --rz-dialog-mask-background-color: #000000;
    --rz-primary: #518681;
    --rz-on-primary: #DACBB7;
    --rz-secondary: #354F4D;
    --rz-on-secondary: #DACBB7;
    --rz-notification-container-background-color: transparent;
    --rz-notification-success-background-color: #354F4D;
    --rz-notification-success-color: #DACBB7;
    --rz-notification-error-background-color: #4a2c2c;
    --rz-notification-error-color: #ffcccc;
    --rz-notification-warn-background-color: #4a4028;
    --rz-notification-warn-color: #ffe8b3;
    --rz-notification-info-background-color: #354F4D;
    --rz-notification-info-color: #DACBB7;

    --rz-dropdown-open-background-color: var(--cms-surface);
    --rz-dropdown-item-hover-background-color: var(--cms-bg);
    --rz-dropdown-item-hover-color: var(--cms-text);
    --rz-dropdown-item-selected-background-color: var(--cms-accent);
    --rz-dropdown-item-selected-color: var(--cms-text);
    --rz-dropdown-item-selected-hover-background-color: var(--cms-accent);
    --rz-dropdown-item-selected-hover-color: var(--cms-text);
}

[data-theme="metallic"] {
    --cms-bg: #000000;
    --cms-surface: #111111;
    --cms-surface-alt: #1a1a1a;
    --cms-border: rgba(255, 255, 255, 0.12);
    --cms-text: #f0f0f0;
    --cms-text-muted: #a3a3a3;
    --cms-accent: #d4d4d4;
    --cms-accent-soft: rgba(255, 255, 255, 0.1);
    --cms-header-outer-bg: #032320;
    --cms-header-inner-bg: #354F4D;
    --cms-header-bg: #032320;
    --cms-header-link: #FFFFFFCC;
    --cms-header-link-hover: #ffffff;
    --cms-header-link-active: #DACBB7;
    --cms-header-divider: #FFFFFFCC;
    --cms-dropdown-bg: #000000;
    --cms-dropdown-text: #d4d4d4;
    --cms-dropdown-muted: #8a8a8a;
    --cms-dropdown-border: rgba(255, 255, 255, 0.1);
    --cms-dropdown-hover: #1a1a1a;
    --cms-link: #e5e5e5;
    --cms-shadow: rgba(0, 0, 0, 0.6);
    --cms-skeleton-from: #111111;
    --cms-skeleton-mid: #1a1a1a;

    --rz-dialog-background-color: #111111;
    --rz-dialog-title-background-color: #032320;
    --rz-dialog-title-color: #f0f0f0;
    --rz-dialog-title-border: 1px solid rgba(255, 255, 255, 0.12);
    --rz-dialog-close-color: #a3a3a3;
    --rz-dialog-close-hover-color: #f0f0f0;
    --rz-dialog-mask-background-color: #000000;
    --rz-primary: #d4d4d4;
    --rz-on-primary: #000000;
    --rz-secondary: #1a1a1a;
    --rz-on-secondary: #f0f0f0;
    --rz-notification-container-background-color: transparent;
    --rz-notification-success-background-color: #111111;
    --rz-notification-success-color: #f0f0f0;
    --rz-notification-error-background-color: #2a1515;
    --rz-notification-error-color: #ffcccc;
    --rz-notification-warn-background-color: #2a2215;
    --rz-notification-warn-color: #ffe8b3;
    --rz-notification-info-background-color: #111111;
    --rz-notification-info-color: #f0f0f0;

    --rz-dropdown-open-background-color: var(--cms-surface);
    --rz-dropdown-item-hover-background-color: var(--cms-bg);
    --rz-dropdown-item-hover-color: var(--cms-text);
    --rz-dropdown-item-selected-background-color: #1a1a1a;
    --rz-dropdown-item-selected-color: var(--cms-text);
    --rz-dropdown-item-selected-hover-background-color: #1a1a1a;
    --rz-dropdown-item-selected-hover-color: var(--cms-text);

    --rz-menu-background-color: #000000;
    --rz-menu-top-item-background-color: transparent;
    --rz-menu-top-item-color: var(--cms-text);
    --rz-menu-top-item-hover-background-color: var(--cms-surface);
    --rz-menu-top-item-hover-color: #ffffff;
    --rz-menu-top-item-selected-background-color: var(--cms-surface);
    --rz-menu-top-item-selected-color: #ffffff;
    --rz-menu-item-color: var(--cms-text-muted);
    --rz-menu-item-hover-background-color: var(--cms-surface);
    --rz-menu-item-hover-color: var(--cms-text);
    --rz-menu-item-selected-background-color: var(--cms-surface-alt);
    --rz-menu-item-selected-color: var(--cms-text);
    --rz-menu-border: 1px solid rgba(255, 255, 255, 0.22);
}

[data-theme="green"] body,
[data-theme="metallic"] body{
    background: var(--cms-bg);
    color: var(--cms-text-muted);
}

/* App splash loader (before Blazor hydrates) */
.app-loader {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    font-family: system-ui, sans-serif;
    background: #ffffff;
}

.app-loader__spinner {
    width: 44px;
    height: 44px;
    border: 4px solid #e5e7eb;
    border-top-color: #1e90ff;
    border-radius: 50%;
    animation: _appSpin 0.8s linear infinite;
}

.app-loader__text {
    color: #9ca3af;
    font-size: 0.9rem;
    margin: 0;
    letter-spacing: 0.02em;
}

[data-theme="green"] .app-loader,
[data-theme="metallic"] .app-loader{
    background: var(--cms-bg);
}

[data-theme="green"] .app-loader__spinner,
[data-theme="metallic"] .app-loader__spinner{
    border-color: var(--cms-surface);
    border-top-color: var(--cms-accent);
}

[data-theme="green"] .app-loader__text,
[data-theme="metallic"] .app-loader__text{
    color: var(--cms-text-muted);
}

/* Radzen dark theme on CMS pages (CSS variables inherit to grid, pager, inputs) */
[data-theme="green"] .cms-dark-page,
[data-theme="metallic"] .cms-dark-page {
    --rz-body-background-color: var(--cms-bg);
    --rz-input-background-color: var(--cms-surface);
    --rz-input-hover-background-color: var(--cms-surface);
    --rz-input-focus-background-color: var(--cms-surface);
    --rz-input-value-color: var(--cms-text);
    --rz-input-hover-value-color: var(--cms-text);
    --rz-input-focus-value-color: var(--cms-text);
    --rz-input-border: 1px solid var(--cms-border);
    --rz-input-placeholder-color: var(--cms-text-muted);
    --rz-dropdown-open-background-color: var(--cms-surface);
    --rz-dropdown-item-hover-background-color: var(--cms-bg);
    --rz-dropdown-item-hover-color: var(--cms-text);
    --rz-dropdown-item-selected-background-color: var(--cms-accent);
    --rz-dropdown-item-selected-color: var(--cms-text);
    --rz-grid-background-color: var(--cms-bg);
    --rz-grid-header-background-color: var(--cms-surface);
    --rz-grid-header-color: var(--cms-text);
    --rz-grid-cell-color: var(--cms-text-muted);
    --rz-grid-border: 1px solid var(--cms-border);
    --rz-grid-bottom-cell-border: 1px solid var(--cms-border);
    --rz-grid-right-cell-border: 1px solid var(--cms-border);
    --rz-grid-header-cell-border: 1px solid var(--cms-border);
    --rz-grid-hover-background-color: var(--cms-surface);
    --rz-grid-hover-color: var(--cms-text);
    --rz-grid-sort-icon-color: var(--cms-text-muted);
    --rz-grid-filter-background-color: var(--cms-surface);
    --rz-grid-filter-color: var(--cms-text-muted);
    --rz-pager-background-color: var(--cms-bg);
    --rz-pager-border: 1px solid var(--cms-border);
    --rz-pager-summary-color: var(--cms-text-muted);
    --rz-pager-numeric-button-background-color: var(--cms-surface);
    --rz-pager-numeric-button-color: var(--cms-text-muted);
    --rz-pager-numeric-button-border: 1px solid var(--cms-border);
    --rz-pager-numeric-button-selected-background-color: var(--cms-accent);
    --rz-pager-numeric-button-selected-color: var(--cms-text);
    --rz-pager-numeric-button-selected-border: 1px solid var(--cms-accent);
    --rz-pager-numeric-button-hover-background-color: var(--cms-bg);
    --rz-pager-numeric-button-hover-color: var(--cms-text);
    --rz-pager-next-button-background-color: var(--cms-surface);
    --rz-pager-next-button-color: var(--cms-text);
    --rz-pager-back-button-background-color: var(--cms-surface);
    --rz-pager-back-button-color: var(--cms-text);
    --rz-card-background-color: var(--cms-surface);
    --rz-card-border: 1px solid var(--cms-border);
    --rz-checkbox-checked-background-color: var(--cms-accent);
    --rz-checkbox-checked-color: var(--cms-text);
    --rz-menu-background-color: var(--cms-surface);
    --rz-menu-top-item-background-color: var(--cms-surface);
    --rz-menu-top-item-color: var(--cms-text);
    --rz-menu-top-item-hover-background-color: var(--cms-bg);
    --rz-menu-top-item-hover-color: var(--cms-text);
    --rz-menu-top-item-selected-background-color: var(--cms-accent);
    --rz-menu-top-item-selected-color: var(--cms-text);
    --rz-menu-item-color: var(--cms-text-muted);
    --rz-menu-item-hover-background-color: var(--cms-bg);
    --rz-menu-item-hover-color: var(--cms-text);
    --rz-menu-item-selected-background-color: var(--cms-accent);
    --rz-menu-item-selected-color: var(--cms-text);
    --rz-numeric-button-background-color: var(--cms-surface);
    --rz-numeric-button-color: var(--cms-text);
}

/* Radzen popups render in a portal outside .sources-page */
[data-theme="green"] .rz-dropdown-panel,
[data-theme="metallic"] .rz-dropdown-panel,
[data-theme="green"] .rz-popup,
[data-theme="metallic"] .rz-popup,
[data-theme="green"] .rz-listbox,
[data-theme="metallic"] .rz-listbox{
    background-color: var(--cms-surface) !important;
    border-color: var(--cms-border) !important;
    color: var(--cms-text-muted) !important;
}

[data-theme="green"] .rz-dropdown-items,
[data-theme="metallic"] .rz-dropdown-items,
[data-theme="green"] .rz-dropdown-items-wrapper,
[data-theme="metallic"] .rz-dropdown-items-wrapper,
[data-theme="green"] .rz-listbox-list-wrapper,
[data-theme="metallic"] .rz-listbox-list-wrapper{
    background-color: var(--cms-surface) !important;
}

[data-theme="green"] .rz-dropdown-item,
[data-theme="metallic"] .rz-dropdown-item,
[data-theme="green"] .rz-listbox-item,
[data-theme="metallic"] .rz-listbox-item{
    color: var(--cms-text-muted) !important;
}

[data-theme="green"] .rz-dropdown-item:hover,
[data-theme="metallic"] .rz-dropdown-item:hover,
[data-theme="green"] .rz-dropdown-item.rz-state-highlight,
[data-theme="metallic"] .rz-dropdown-item.rz-state-highlight,
[data-theme="green"] .rz-listbox-item:hover,
[data-theme="metallic"] .rz-listbox-item:hover,
[data-theme="green"] .rz-listbox-item.rz-state-highlight,
[data-theme="metallic"] .rz-listbox-item.rz-state-highlight{
    background-color: var(--cms-bg) !important;
    color: var(--cms-text) !important;
}

[data-theme="green"] .rz-grid-filter,
[data-theme="metallic"] .rz-grid-filter{
    background-color: var(--cms-surface) !important;
    border-color: var(--cms-border) !important;
    color: var(--cms-text-muted) !important;
}

[data-theme="green"] .rz-grid-filter .rz-inputtext,
[data-theme="metallic"] .rz-grid-filter .rz-inputtext,
[data-theme="green"] .rz-grid-filter .rz-dropdown,
[data-theme="metallic"] .rz-grid-filter .rz-dropdown{
    background-color: var(--cms-bg) !important;
    color: var(--cms-text) !important;
    border-color: var(--cms-border) !important;
}

[data-theme="green"] .rz-button.rz-light,
[data-theme="green"] .rz-button.rz-base,
[data-theme="green"] .rz-button.rz-secondary{
    background-color: var(--cms-surface) !important;
    border-color: var(--cms-border) !important;
    color: var(--cms-text) !important;
}

[data-theme="green"] .rz-button.rz-light:hover:not(.rz-state-disabled),
[data-theme="green"] .rz-button.rz-base:hover:not(.rz-state-disabled),
[data-theme="green"] .rz-button.rz-secondary:hover:not(.rz-state-disabled){
    background-color: var(--cms-bg) !important;
    color: var(--cms-text) !important;
}

[data-theme="metallic"] .rz-button.rz-light,
[data-theme="metallic"] .rz-button.rz-base,
[data-theme="metallic"] .rz-button.rz-secondary{
    background-color: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    color: var(--cms-text) !important;
}

[data-theme="metallic"] .rz-button.rz-light:hover:not(.rz-state-disabled),
[data-theme="metallic"] .rz-button.rz-base:hover:not(.rz-state-disabled),
[data-theme="metallic"] .rz-button.rz-secondary:hover:not(.rz-state-disabled){
    background-color: var(--cms-surface) !important;
    border-color: rgba(255, 255, 255, 0.35) !important;
    color: #ffffff !important;
}

[data-theme="green"] .rz-button.rz-primary{
    background-color: var(--cms-accent) !important;
    border-color: var(--cms-accent) !important;
    color: var(--cms-text) !important;
}

[data-theme="green"] .rz-button.rz-primary:hover:not(.rz-state-disabled){
    background-color: var(--cms-bg) !important;
    border-color: var(--cms-accent) !important;
    color: var(--cms-text) !important;
}

[data-theme="metallic"] .rz-button.rz-primary{
    background-color: #f0f0f0 !important;
    border-color: #f0f0f0 !important;
    color: #000000 !important;
}

[data-theme="metallic"] .rz-button.rz-primary:hover:not(.rz-state-disabled){
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    color: #000000 !important;
}

[data-theme="green"] .rz-button.rz-state-disabled,
[data-theme="metallic"] .rz-button.rz-state-disabled{
    opacity: 0.45;
}

/* Radzen menus — metallic black theme */
[data-theme="metallic"] .rz-menu:not(.rz-profile-menu){
    background-color: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
}

[data-theme="metallic"] .rz-menu:not(.rz-profile-menu) .rz-navigation-menu{
    background-color: #000000 !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5) !important;
}

[data-theme="metallic"] .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link{
    background-color: transparent !important;
    color: var(--cms-text-muted) !important;
}

[data-theme="metallic"] .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover,
[data-theme="metallic"] .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active{
    background-color: var(--cms-surface) !important;
}

[data-theme="metallic"] .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link,
[data-theme="metallic"] .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link,
[data-theme="metallic"] .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link.rz-state-highlight{
    background-color: transparent !important;
    color: var(--cms-text) !important;
}

/* Radzen dialogs (alert, confirm, custom — rendered in portal) */
[data-theme="green"] .rz-dialog,
[data-theme="metallic"] .rz-dialog{
    background-color: var(--cms-surface) !important;
    color: var(--cms-text-muted) !important;
    border: 1px solid var(--cms-border) !important;
}

[data-theme="green"] .rz-dialog-titlebar,
[data-theme="metallic"] .rz-dialog-titlebar,
[data-theme="green"] .rz-dialog-side-titlebar,
[data-theme="metallic"] .rz-dialog-side-titlebar{
    background-color: var(--cms-bg) !important;
    color: var(--cms-text) !important;
    border-bottom: 1px solid var(--cms-border) !important;
}

[data-theme="green"] .rz-dialog-title,
[data-theme="metallic"] .rz-dialog-title,
[data-theme="green"] .rz-dialog-side-title,
[data-theme="metallic"] .rz-dialog-side-title{
    color: var(--cms-text) !important;
}

[data-theme="green"] .rz-dialog-content,
[data-theme="metallic"] .rz-dialog-content,
[data-theme="green"] .rz-dialog-side-content,
[data-theme="metallic"] .rz-dialog-side-content{
    background-color: var(--cms-surface) !important;
    color: var(--cms-text-muted) !important;
}

[data-theme="green"] .rz-dialog-alert-message,
[data-theme="metallic"] .rz-dialog-alert-message,
[data-theme="green"] .rz-dialog-confirm-message,
[data-theme="metallic"] .rz-dialog-confirm-message{
    color: var(--cms-text-muted) !important;
}

[data-theme="green"] .rz-dialog-titlebar-close,
[data-theme="metallic"] .rz-dialog-titlebar-close,
[data-theme="green"] .rz-dialog-side-titlebar-close,
[data-theme="metallic"] .rz-dialog-side-titlebar-close{
    color: var(--cms-text-muted) !important;
}

[data-theme="green"] .rz-dialog-titlebar-close:hover,
[data-theme="metallic"] .rz-dialog-titlebar-close:hover,
[data-theme="green"] .rz-dialog-side-titlebar-close:hover,
[data-theme="metallic"] .rz-dialog-side-titlebar-close:hover{
    color: var(--cms-text) !important;
}

[data-theme="green"] .edit-dialog .rz-dialog-side-titlebar,
[data-theme="metallic"] .edit-dialog .rz-dialog-side-titlebar{
    background-color: var(--cms-bg) !important;
}

[data-theme="green"] .edit-dialog .rz-dialog-side-title,
[data-theme="metallic"] .edit-dialog .rz-dialog-side-title{
    color: var(--cms-text) !important;
}

[data-theme="green"] .form-footer,
[data-theme="metallic"] .form-footer{
    border-top-color: var(--cms-border) !important;
}

[data-theme="green"] .dialog-content-wrapper,
[data-theme="metallic"] .dialog-content-wrapper,
[data-theme="green"] .form-body,
[data-theme="metallic"] .form-body{
    color: var(--cms-text-muted);
}

[data-theme="green"] .rz-dialog .rz-label,
[data-theme="metallic"] .rz-dialog .rz-label,
[data-theme="green"] .rz-dialog .rz-form-field-label,
[data-theme="metallic"] .rz-dialog .rz-form-field-label{
    color: var(--cms-text-muted) !important;
}

[data-theme="green"] .rz-dialog .rz-inputtext,
[data-theme="metallic"] .rz-dialog .rz-inputtext,
[data-theme="green"] .rz-dialog .rz-textbox,
[data-theme="metallic"] .rz-dialog .rz-textbox,
[data-theme="green"] .rz-dialog .rz-dropdown,
[data-theme="metallic"] .rz-dialog .rz-dropdown,
[data-theme="green"] .rz-dialog .rz-datepicker,
[data-theme="metallic"] .rz-dialog .rz-datepicker,
[data-theme="green"] .rz-dialog .rz-textarea,
[data-theme="metallic"] .rz-dialog .rz-textarea{
    background-color: var(--cms-bg) !important;
    border-color: var(--cms-border) !important;
    color: var(--cms-text) !important;
}

[data-theme="green"] .rz-dialog .rz-button.rz-secondary,
[data-theme="green"] .rz-dialog .rz-button.rz-light{
    background-color: var(--cms-bg) !important;
    border-color: var(--cms-border) !important;
    color: var(--cms-text) !important;
}

[data-theme="metallic"] .rz-dialog .rz-button.rz-secondary,
[data-theme="metallic"] .rz-dialog .rz-button.rz-light{
    background-color: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    color: var(--cms-text) !important;
}

[data-theme="green"] .rz-dialog .rz-button.rz-primary{
    background-color: var(--cms-accent) !important;
    border-color: var(--cms-accent) !important;
    color: var(--cms-text) !important;
}

[data-theme="metallic"] .rz-dialog .rz-button.rz-primary{
    background-color: #f0f0f0 !important;
    border-color: #f0f0f0 !important;
    color: #000000 !important;
}

[data-theme="green"] .rz-dialog-mask,
[data-theme="metallic"] .rz-dialog-mask{
    background-color: #000000 !important;
    opacity: 0.6 !important;
}

/* Radzen notifications (toast) */
[data-theme="green"] .rz-notification-item,
[data-theme="metallic"] .rz-notification-item{
    background-color: var(--cms-surface) !important;
    border: 1px solid var(--cms-border) !important;
    color: var(--cms-text-muted) !important;
}

[data-theme="green"] .rz-notification-title,
[data-theme="metallic"] .rz-notification-title{
    color: var(--cms-text) !important;
}

[data-theme="green"] .rz-notification-message,
[data-theme="metallic"] .rz-notification-message{
    color: var(--cms-text-muted) !important;
}

[data-theme="green"] .rz-notification-close,
[data-theme="metallic"] .rz-notification-close{
    color: var(--cms-text-muted) !important;
}

[data-theme="green"] .rz-notification-close:hover,
[data-theme="metallic"] .rz-notification-close:hover{
    color: var(--cms-text) !important;
}

/* Radzen dropdown list (portal) — explicit item/highlight states */
[data-theme="green"] .rz-dropdown-panel .rz-dropdown-items .rz-dropdown-item,
[data-theme="metallic"] .rz-dropdown-panel .rz-dropdown-items .rz-dropdown-item,
[data-theme="green"] .rz-popup .rz-dropdown-items .rz-dropdown-item,
[data-theme="metallic"] .rz-popup .rz-dropdown-items .rz-dropdown-item {
    background-color: transparent !important;
    color: var(--cms-text-muted) !important;
}

[data-theme="green"] .rz-dropdown-panel .rz-dropdown-items .rz-dropdown-item:hover,
[data-theme="metallic"] .rz-dropdown-panel .rz-dropdown-items .rz-dropdown-item:hover,
[data-theme="green"] .rz-dropdown-panel .rz-dropdown-items .rz-dropdown-item.rz-state-highlight,
[data-theme="metallic"] .rz-dropdown-panel .rz-dropdown-items .rz-dropdown-item.rz-state-highlight,
[data-theme="green"] .rz-popup .rz-dropdown-items .rz-dropdown-item:hover,
[data-theme="metallic"] .rz-popup .rz-dropdown-items .rz-dropdown-item:hover,
[data-theme="green"] .rz-popup .rz-dropdown-items .rz-dropdown-item.rz-state-highlight,
[data-theme="metallic"] .rz-popup .rz-dropdown-items .rz-dropdown-item.rz-state-highlight {
    background-color: var(--cms-bg) !important;
    color: var(--cms-text) !important;
}

[data-theme="green"] .rz-dropdown-panel .rz-dropdown-items .rz-dropdown-item.rz-state-selected,
[data-theme="metallic"] .rz-dropdown-panel .rz-dropdown-items .rz-dropdown-item.rz-state-selected,
[data-theme="green"] .rz-popup .rz-dropdown-items .rz-dropdown-item.rz-state-selected,
[data-theme="metallic"] .rz-popup .rz-dropdown-items .rz-dropdown-item.rz-state-selected {
    background-color: var(--cms-accent) !important;
    color: var(--cms-text) !important;
}

[data-theme="green"] .rz-dropdown-items-wrapper::-webkit-scrollbar,
[data-theme="metallic"] .rz-dropdown-items-wrapper::-webkit-scrollbar {
    width: 8px;
}

[data-theme="green"] .rz-dropdown-items-wrapper::-webkit-scrollbar-thumb,
[data-theme="metallic"] .rz-dropdown-items-wrapper::-webkit-scrollbar-thumb {
    background: var(--cms-accent);
    border-radius: 4px;
}

[data-theme="green"] .rz-dropdown-items-wrapper::-webkit-scrollbar-track,
[data-theme="metallic"] .rz-dropdown-items-wrapper::-webkit-scrollbar-track {
    background: var(--cms-bg);
}