/* Sidebar controls: force high-contrast text on dark theme */
.sidebar-controls button.dash-dropdown {
    background-color: #1a1a2e !important;
    border: 1px solid #2a2a4a !important;
    color: #e9eefb !important;
}
.sidebar-controls .dash-dropdown-trigger,
.sidebar-controls .dash-dropdown-value,
.sidebar-controls .dash-dropdown-value-item,
.sidebar-controls .dash-dropdown-trigger-icon {
    color: #e9eefb !important;
    fill: #e9eefb !important;
}
.sidebar-controls .dash-options-list.dash-dropdown-options {
    background-color: #14142a !important;
    border: 1px solid #2a2a4a !important;
    color: #e9eefb !important;
}
.sidebar-controls .dash-options-list-option.dash-dropdown-option {
    color: #e9eefb !important;
    background-color: #14142a !important;
}
.sidebar-controls .dash-options-list-option.dash-dropdown-option:hover,
.sidebar-controls .dash-options-list-option.dash-dropdown-option.selected {
    color: #ffffff !important;
    background-color: #2b2b50 !important;
}

.sidebar-controls .Select-control {
    background-color: #1a1a2e !important;
    border: 1px solid #2a2a4a !important;
    color: #e9eefb !important;
}
.sidebar-controls .Select-placeholder,
.sidebar-controls .Select-value-label,
.sidebar-controls .Select-value,
.sidebar-controls .Select-input > input {
    color: #e9eefb !important;
}
.sidebar-controls .Select-arrow {
    border-top-color: #c7d2f2 !important;
}
.sidebar-controls .Select-menu-outer {
    background-color: #14142a !important;
    border: 1px solid #2a2a4a !important;
}
.sidebar-controls .VirtualizedSelectOption {
    background-color: #14142a !important;
    color: #e9eefb !important;
}
.sidebar-controls .VirtualizedSelectFocusedOption {
    background-color: #2b2b50 !important;
    color: #ffffff !important;
}

/* react-select variants used by newer Dash versions */
.sidebar-controls [class*='-control'] {
    background-color: #1a1a2e !important;
    border-color: #2a2a4a !important;
}
.sidebar-controls [class*='-singleValue'],
.sidebar-controls [class*='-placeholder'],
.sidebar-controls [class*='-input'] input,
.sidebar-controls [class*='-menu'] *,
.sidebar-controls [class*='-option'] {
    color: #e9eefb !important;
}
.sidebar-controls [class*='-option']:hover {
    background-color: #2b2b50 !important;
}

/* Sliders */
.sidebar-controls .rc-slider-rail {
    background-color: #1d2145 !important;
}
.sidebar-controls .rc-slider-track {
    background-color: #8b5cf6 !important;
}
.sidebar-controls .rc-slider-handle {
    border-color: #d8c5ff !important;
}
.sidebar-controls .rc-slider-mark-text {
    color: #aeb8d8 !important;
}
.sidebar-controls .rc-slider-mark-text-active {
    color: #e4e8f7 !important;
}

/* Dash slider (newer component classes) */
.sidebar-controls .dash-slider-track {
    background-color: #1d2145 !important;
}
.sidebar-controls .dash-slider-range {
    background-color: #8b5cf6 !important;
}
.sidebar-controls .dash-slider-thumb {
    border: 2px solid #d8c5ff !important;
}
.sidebar-controls .dash-slider-mark {
    color: #aeb8d8 !important;
}
.sidebar-controls .dash-slider-mark.dash-slider-mark-outside-selection {
    color: #8e99bf !important;
}

/* Main-panel combo dropdowns (Decision/Pattern/Trade Log tabs) */
#dd-decision-combo .Select-control,
#dd-combo-select .Select-control,
#dd-combo-trades .Select-control,
#dd-decision-combo [class*='-control'],
#dd-combo-select [class*='-control'],
#dd-combo-trades [class*='-control'] {
    background-color: #1a1a2e !important;
    border: 1px solid #2a2a4a !important;
}

#dd-decision-combo .Select-value-label,
#dd-combo-select .Select-value-label,
#dd-combo-trades .Select-value-label,
#dd-decision-combo .Select-placeholder,
#dd-combo-select .Select-placeholder,
#dd-combo-trades .Select-placeholder,
#dd-decision-combo [class*='-singleValue'],
#dd-combo-select [class*='-singleValue'],
#dd-combo-trades [class*='-singleValue'],
#dd-decision-combo [class*='-placeholder'],
#dd-combo-select [class*='-placeholder'],
#dd-combo-trades [class*='-placeholder'],
#dd-decision-combo [class*='-input'] input,
#dd-combo-select [class*='-input'] input,
#dd-combo-trades [class*='-input'] input {
    color: #e9eefb !important;
}

/* Dash dropdown variant (class="dash-dropdown") for main panel selectors */
#dd-decision-combo.dash-dropdown,
#dd-combo-select.dash-dropdown,
#dd-combo-trades.dash-dropdown,
#dd-decision-combo .dash-dropdown,
#dd-combo-select .dash-dropdown,
#dd-combo-trades .dash-dropdown {
    background-color: #1a1a2e !important;
    border: 1px solid #2a2a4a !important;
    color: #e9eefb !important;
}

#dd-decision-combo .dash-dropdown-trigger,
#dd-decision-combo .dash-dropdown-value,
#dd-decision-combo .dash-dropdown-value-item,
#dd-decision-combo .dash-dropdown-trigger-icon,
#dd-combo-select .dash-dropdown-trigger,
#dd-combo-select .dash-dropdown-value,
#dd-combo-select .dash-dropdown-value-item,
#dd-combo-select .dash-dropdown-trigger-icon,
#dd-combo-trades .dash-dropdown-trigger,
#dd-combo-trades .dash-dropdown-value,
#dd-combo-trades .dash-dropdown-value-item,
#dd-combo-trades .dash-dropdown-trigger-icon {
    color: #e9eefb !important;
    fill: #e9eefb !important;
}

#dd-decision-combo .dash-options-list.dash-dropdown-options,
#dd-combo-select .dash-options-list.dash-dropdown-options,
#dd-combo-trades .dash-options-list.dash-dropdown-options {
    background-color: #14142a !important;
    border: 1px solid #2a2a4a !important;
    color: #e9eefb !important;
}

#dd-decision-combo .dash-options-list-option.dash-dropdown-option,
#dd-combo-select .dash-options-list-option.dash-dropdown-option,
#dd-combo-trades .dash-options-list-option.dash-dropdown-option {
    background-color: #14142a !important;
    color: #e9eefb !important;
}

#dd-decision-combo .dash-options-list-option.dash-dropdown-option:hover,
#dd-decision-combo .dash-options-list-option.dash-dropdown-option.selected,
#dd-combo-select .dash-options-list-option.dash-dropdown-option:hover,
#dd-combo-select .dash-options-list-option.dash-dropdown-option.selected,
#dd-combo-trades .dash-options-list-option.dash-dropdown-option:hover,
#dd-combo-trades .dash-options-list-option.dash-dropdown-option.selected {
    background-color: #2b2b50 !important;
    color: #ffffff !important;
}