/* Blue Dropdown Styles
   Applies ONLY to dropdowns with className='blue-dropdown'
   (client-dropdown and date-dropdown in app_view_auth.py)
*/

/* Control box (the main visible input area) */
.blue-dropdown .Select-control {
    background-color: #1A53AB !important;
    border-color: #1A53AB !important;
    color: #ffffff !important;
}

/* Placeholder text */
.blue-dropdown .Select-placeholder,
.blue-dropdown .Select--single>.Select-control .Select-value .Select-value-label {
    color: #ffffff !important;
}

/* Selected value text */
.blue-dropdown .Select-value-label {
    color: #ffffff !important;
}

/* Arrow / chevron icon */
.blue-dropdown .Select-arrow {
    border-top-color: #ffffff !important;
}

.blue-dropdown .Select-arrow-zone:hover .Select-arrow,
.blue-dropdown.is-open .Select-arrow {
    border-top-color: #ffffff !important;
    border-bottom-color: #ffffff !important;
}

/* Clear "x" icon (if ever enabled) */
.blue-dropdown .Select-clear {
    color: #ffffff !important;
}

/* Dropdown menu list container */
.blue-dropdown .Select-menu-outer {
    background-color: #1A53AB !important;
    border-color: #1A53AB !important;
}

.blue-dropdown .Select-menu {
    background-color: #1A53AB !important;
}

/* Individual options in the dropdown list */
.blue-dropdown .Select-option {
    background-color: #1A53AB !important;
    color: #ffffff !important;
}

/* Hovered option */
.blue-dropdown .Select-option.is-focused {
    background-color: #1a46cc !important;
    color: #ffffff !important;
}

/* Selected option */
.blue-dropdown .Select-option.is-selected {
    background-color: #1a46cc !important;
    color: #ffffff !important;
}

/* Input text when typing to search */
.blue-dropdown .Select-input>input {
    color: #ffffff !important;
}

/* VirtualizedSelect / newer Dash dropdown (dash 2.x uses dash_core_components with react-select) */
.blue-dropdown .dropdown .Select-control {
    background-color: #1A53AB !important;
    color: #ffffff !important;
}

/* Newer Dash (dcc.Dropdown renders with these classes) */
.blue-dropdown .VirtualizedSelectOption {
    background-color: #1A53AB !important;
    color: #ffffff !important;
}

.blue-dropdown .VirtualizedSelectFocusedOption {
    background-color: #1a46cc !important;
    color: #ffffff !important;
}