/*
   Final Radzen popup overrides.
   Loaded after HeadOutlet/RadzenTheme so these rules win over Radzen's runtime theme CSS.
*/

body .rz-popup {
    background-color: var(--rz-base-background-color) !important;
    color: var(--rz-text-color) !important;
    border-color: var(--rz-border-color) !important;
}

body .rz-popup .rz-filter-menu-item {
    color: var(--rz-text-color) !important;
    background: transparent !important;
    border: 0 !important;
}

body .rz-popup .rz-filter-menu-item > *,
body .rz-popup .rz-filter-menu-symbol {
    color: inherit !important;
}

body .rz-popup .rz-filter-menu-item:hover,
body .rz-popup .rz-filter-menu-item:focus {
    background-color: color-mix(in srgb, var(--rz-primary) 16%, transparent) !important;
    color: var(--rz-text-color) !important;
}

body .rz-popup .rz-filter-menu-item.rz-state-active,
body .rz-popup .rz-filter-menu-item.rz-state-highlight,
body .rz-popup .rz-filter-menu-item[aria-selected="true"] {
    background-color: var(--rz-primary) !important;
    color: var(--rz-on-primary, #ffffff) !important;
}

body .rz-popup .rz-cell-filter-clear,
body .rz-popup button.rz-cell-filter-clear,
body .rz-popup .rz-button:not(.rz-primary) {
    color: var(--rz-text-color) !important;
}

body .rz-popup .rz-listbox-item,
body .rz-popup .rz-dropdown-item,
body .rz-popup .rz-multiselect-item,
body .rz-popup .rz-autocomplete-list-item,
body .rz-popup .rz-menuitem-link {
    color: var(--rz-text-color) !important;
}

body .rz-popup .rz-state-highlight,
body .rz-popup .rz-state-active {
    color: var(--rz-on-primary, #ffffff) !important;
}

/* Hard fallback for Radzen DataGrid filter popups rendered through the body portal.
   These classes are added by js/theme.js after each popup appears. */
body .aio-rz-popup-dark,
body .aio-rz-popup-dark *:not(.rz-icon):not(.rzi):not(.rz-button-icon) {
    color: #f4f4f5 !important;
    -webkit-text-fill-color: #f4f4f5 !important;
}

body .aio-rz-popup-dark {
    background: #1f1f23 !important;
    border-color: #4b5563 !important;
}

body .aio-rz-popup-dark button,
body .aio-rz-popup-dark .rz-filter-menu-item,
body .aio-rz-popup-dark .rz-filter-menu-symbol,
body .aio-rz-popup-dark .rz-cell-filter-clear {
    color: #f4f4f5 !important;
    -webkit-text-fill-color: #f4f4f5 !important;
    background-color: transparent !important;
}

body .aio-rz-popup-dark .rz-filter-menu-item:hover,
body .aio-rz-popup-dark button:hover {
    background-color: #3f3f46 !important;
}

body .aio-rz-popup-dark .rz-filter-menu-item.rz-state-active,
body .aio-rz-popup-dark .rz-filter-menu-item.rz-state-highlight,
body .aio-rz-popup-dark .rz-filter-menu-item[aria-selected="true"] {
    background-color: #7c3aed !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

body .aio-rz-popup-light,
body .aio-rz-popup-light *:not(.rz-icon):not(.rzi):not(.rz-button-icon) {
    color: #111827 !important;
    -webkit-text-fill-color: #111827 !important;
}

body .aio-rz-popup-light {
    background: #ffffff !important;
    border-color: #d1d5db !important;
}