/* Late-loading hard override for Dash dcc.Dropdown theming.
   Covers both legacy .Select-* and React-Select Emotion classes. */

/* Visible control */
.Select-control,
[class*="-control"] {
    background-color: rgba(10, 15, 30, 0.92) !important;
    border: 1px solid rgba(0, 229, 160, 0.25) !important;
    color: #e0e0e0 !important;
    box-shadow: none !important;
}

/* Value and placeholder text */
.Select-value-label,
.Select-placeholder,
[class*="singleValue"],
[class*="single-value"],
[class*="placeholder"] {
    color: #00e5a0 !important;
}

.Select-placeholder,
[class*="placeholder"] {
    color: #00e5a0 !important;
}

/* Portaled menu containers */
.Select-menu-outer,
.Select-menu,
[class*="-menu"]:not([class*="menuList"]):not([class*="MenuList"]):not([class*="menuPortal"]):not([class*="MenuPortal"]) {
    background-color: rgb(8, 12, 25) !important;
    border: 1px solid rgba(0, 229, 160, 0.2) !important;
}

.Select-menu-outer *,
.Select-menu *,
[class*="menuList"],
[class*="MenuList"] {
    background-color: rgb(8, 12, 25) !important;
    color: #00e5a0 !important;
}

/* Option rows and states */
.Select-option,
.VirtualizedSelectOption,
[class*="-option"],
[class*="Option"] {
    background-color: transparent !important;
    color: #00e5a0 !important;
}

.Select-option.is-focused,
.VirtualizedSelectFocusedOption,
[class*="-option"].is-focused {
    background-color: rgba(0, 229, 160, 0.12) !important;
    color: #00e5a0 !important;
}

.Select-option.is-selected,
[class*="-option"].is-selected,
[class*="-option"][aria-selected="true"] {
    background-color: rgba(0, 229, 160, 0.2) !important;
    color: #00e5a0 !important;
}

/* Search input text/background */
.Select input,
.Select input:focus,
.Select-input > input,
[class*="-control"] input,
[class*="-menu"] input,
[class*="-input"] input {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #00e5a0 !important;
    -webkit-text-fill-color: #00e5a0 !important;
}
