/* ========================================================= */
/* ARKA: FIX GLOBAL DE CONTRASTE EN DROPDOWNS / SELECTS */
/* ========================================================= */

.mud-popover .mud-paper,
.mud-select-popover .mud-paper,
.mud-menu .mud-paper {
    background:
        linear-gradient(180deg, rgba(18, 34, 70, 0.96), rgba(8, 15, 29, 0.98)),
        radial-gradient(circle at top right, rgba(237, 190, 76, 0.08), transparent 28%);
    border: 1px solid rgba(219, 180, 74, 0.28);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.04),
        inset 0 0 0 1px rgba(255, 219, 140, 0.04),
        0 12px 32px rgba(0,0,0,0.28);
    color: rgba(232, 244, 255, 0.92);
}

.mud-popover .mud-list,
.mud-select-popover .mud-list,
.mud-menu .mud-list {
    background: transparent;
    color: rgba(232, 244, 255, 0.92);
}

.mud-popover .mud-list-item,
.mud-select-popover .mud-list-item,
.mud-menu .mud-list-item,
.mud-popover .mud-list-item-text,
.mud-select-popover .mud-list-item-text,
.mud-menu .mud-list-item-text {
    color: rgba(232, 244, 255, 0.92) !important;
}

.mud-popover .mud-list-item:hover,
.mud-select-popover .mud-list-item:hover,
.mud-menu .mud-list-item:hover {
    background: linear-gradient(180deg, rgba(93, 126, 176, 0.2), rgba(62, 86, 131, 0.16));
}

.mud-popover .mud-selected-item,
.mud-select-popover .mud-selected-item,
.mud-menu .mud-selected-item,
.mud-popover .mud-list-item.mud-selected-item,
.mud-select-popover .mud-list-item.mud-selected-item,
.mud-menu .mud-list-item.mud-selected-item,
.mud-popover .mud-list-item.mud-list-item-clickable.mud-selected-item,
.mud-select-popover .mud-list-item.mud-list-item-clickable.mud-selected-item,
.mud-menu .mud-list-item.mud-list-item-clickable.mud-selected-item {
    color: #f1f1f1 !important;
    background: linear-gradient(180deg, rgb(73 189 188 / 22%), rgb(73 159 189 / 37%)) !important;
    border-left: 2px solid rgb(0 158 255 / 97%);
}

.mud-popover .mud-selected-item .mud-list-item-text,
.mud-select-popover .mud-selected-item .mud-list-item-text,
.mud-menu .mud-selected-item .mud-list-item-text,
.mud-popover .mud-selected-item .mud-list-item-icon,
.mud-select-popover .mud-selected-item .mud-list-item-icon,
.mud-menu .mud-selected-item .mud-list-item-icon {
    color: #f1f1f1 !important;
}