/* ── Dark theme overrides for Dash Dropdown ────────────────────────────────── */

/* Trigger / control row */
.Select-control {
    background-color: #1E2535 !important;
    border-color: #252D3D !important;
    color: #F0F4FF !important;
}
.Select.is-open > .Select-control {
    background-color: #1E2535 !important;
    border-color: #4A9EF5 !important;
}

/* Selected value text */
.Select-value-label,
.Select-single-value,
.Select-placeholder {
    color: #F0F4FF !important;
}
.Select-placeholder {
    color: #8A93A8 !important;
}

/* Dropdown arrow */
.Select-arrow {
    border-color: #8A93A8 transparent transparent !important;
}
.Select.is-open .Select-arrow {
    border-color: transparent transparent #8A93A8 !important;
}

/* Options list */
.Select-menu-outer {
    background-color: #1E2535 !important;
    border-color: #252D3D !important;
    z-index: 9999 !important;
}
.Select-menu {
    background-color: #1E2535 !important;
}
.Select-option {
    background-color: #1E2535 !important;
    color: #F0F4FF !important;
    font-size: 12px;
}
.Select-option.is-focused {
    background-color: #253350 !important;
    color: #F0F4FF !important;
}
.Select-option.is-selected {
    background-color: #1A3060 !important;
    color: #4A9EF5 !important;
    font-weight: 600;
}
.Select-option.is-disabled {
    color: #8A93A8 !important;
}

/* Newer react-select (Dash 2.x) */
.dash-dropdown .VirtualizedSelectOption {
    background-color: #1E2535 !important;
    color: #F0F4FF !important;
}
.dash-dropdown .VirtualizedSelectFocusedOption {
    background-color: #253350 !important;
}

/* Input inside dropdown (search) */
.Select-input > input {
    color: #F0F4FF !important;
}

/* ── Dash 4.x dropdown dark theme (.dash-dropdown-* classes) ─────────────── */
.dash-dropdown-wrapper,
.dash-dropdown-grid-container {
    background-color: #1E2535 !important;
    border-color: #252D3D !important;
}
.dash-dropdown-trigger {
    background-color: #1E2535 !important;
    border: 1px solid #252D3D !important;
    color: #F0F4FF !important;
    border-radius: 4px !important;
}
.dash-dropdown-trigger:focus,
.dash-dropdown-trigger[aria-expanded="true"] {
    border-color: #4A9EF5 !important;
    outline: none !important;
}
.dash-dropdown-value {
    color: #F0F4FF !important;
}
.dash-dropdown-placeholder {
    color: #8A93A8 !important;
}
.dash-dropdown-trigger-icon {
    color: #8A93A8 !important;
    fill: #8A93A8 !important;
}
.dash-dropdown-content {
    background-color: #1E2535 !important;
    border: 1px solid #252D3D !important;
    z-index: 9999 !important;
    border-radius: 4px !important;
}
.dash-dropdown-options {
    background-color: #1E2535 !important;
}
.dash-dropdown-option {
    background-color: #1E2535 !important;
    color: #F0F4FF !important;
    font-size: 12px !important;
}
.dash-dropdown-option:hover {
    background-color: #253350 !important;
    color: #F0F4FF !important;
}
.dash-dropdown-option[aria-selected="true"] {
    background-color: #1A3060 !important;
    color: #4A9EF5 !important;
    font-weight: 600 !important;
}
.dash-dropdown-option[aria-disabled="true"] {
    color: #8A93A8 !important;
}
.dash-dropdown-search-container {
    background-color: #1E2535 !important;
}
.dash-dropdown-search {
    background-color: #1E2535 !important;
    color: #F0F4FF !important;
    border-color: #252D3D !important;
}
.dash-dropdown-search:focus {
    outline: none !important;
    border-color: #4A9EF5 !important;
}
.dash-dropdown-value-item {
    background-color: #253047 !important;
    color: #F0F4FF !important;
    border-radius: 3px !important;
}
.dash-dropdown-clear,
.dash-dropdown-action-button {
    color: #8A93A8 !important;
    background: transparent !important;
}

/* Chat textarea focus ring */
textarea:focus {
    border-color: #4A9EF5 !important;
    box-shadow: 0 0 0 2px rgba(74, 158, 245, 0.25) !important;
}

/* Number input focus ring */
input[type=number]:focus {
    border-color: #4A9EF5 !important;
}

/* Scrollbar */
::-webkit-scrollbar        { width: 6px; height: 6px; }
::-webkit-scrollbar-track  { background: #0F1117; }
::-webkit-scrollbar-thumb  { background: #252D3D; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #3A4560; }