/* Dark dropdown styling for Dash */
.dash-dark-dropdown .Select-control {
    background-color: #1a1a1a !important;
    border: 1px solid #333 !important;
    border-radius: 6px !important;
}
.dash-dark-dropdown .Select-value-label,
.dash-dark-dropdown .Select-placeholder {
    color: #888 !important;
}
.dash-dark-dropdown .Select-menu-outer {
    background-color: #1a1a1a !important;
    border: 1px solid #333 !important;
}
.dash-dark-dropdown .VirtualizedSelectOption {
    background-color: #1a1a1a !important;
    color: #ccc !important;
}
.dash-dark-dropdown .VirtualizedSelectFocusedOption {
    background-color: #ff2e9733 !important;
    color: white !important;
}
.dash-dark-dropdown .Select-arrow {
    border-color: #888 transparent transparent !important;
}
.dash-dark-dropdown .Select.is-open .Select-arrow {
    border-color: transparent transparent #888 !important;
}
.dash-dark-dropdown .Select-input input {
    color: white !important;
}
.dash-dark-dropdown .Select-clear {
    color: #888 !important;
}

/* ── Dash v4 dropdown dark theme ───────────────────────────────── */
.dash-dropdown-dark {
    background-color: #1a1a1a !important;
    border: 1px solid #333 !important;
    border-radius: 6px !important;
    color: white !important;
}
.dash-dropdown-dark .dash-dropdown-value-item span {
    color: white !important;
}
.dash-dropdown-dark .dash-dropdown-trigger-icon {
    color: #888 !important;
}
/* Dropdown menu (portal) */
[data-radix-popper-content-wrapper] .dash-dropdown-content,
.dash-dropdown-dark + [role="listbox"],
[id^="radix-"] {
    background-color: #1a1a1a !important;
    border: 1px solid #333 !important;
}
.dash-dropdown-content [role="option"] {
    background-color: #1a1a1a !important;
    color: #ccc !important;
}
.dash-dropdown-content [role="option"][data-highlighted],
.dash-dropdown-content [role="option"]:hover {
    background-color: rgba(255, 46, 151, 0.2) !important;
    color: white !important;
}
.dash-dropdown-content .dash-dropdown-search-input {
    background-color: #111 !important;
    color: white !important;
    border: 1px solid #333 !important;
}