/* ── StrategyOne Dashboard v2 — Dark theme overrides for Dash 4.x ───────── */

/* Dropdown: container and control */
.dash-dropdown .Select-control,
.dash-dropdown .Select-menu-outer,
.Select-control,
.Select-menu-outer,
.css-13cymwt-control,
.css-t3ipsp-control,
.css-1nmdiq5-menu {
    background-color: #1a1f2b !important;
    border-color: #444 !important;
    color: #e0e0e0 !important;
}

/* Dropdown: selected value text */
.Select-value-label,
.css-1dimb5e-singleValue,
.css-qbdosj-Input input,
.css-1g6gooi input,
div[class*="singleValue"],
div[class*="placeholder"] {
    color: #e0e0e0 !important;
}

/* Dropdown: placeholder */
.Select-placeholder,
.css-1jqq78o-placeholder,
div[class*="placeholder"] {
    color: #999 !important;
}

/* Dropdown: input text when typing */
.Select-input input,
.css-qbdosj-Input input,
div[class*="Input"] input {
    color: #e0e0e0 !important;
}

/* Dropdown: menu options */
.Select-menu-outer .VirtualizedSelectOption,
.css-1nmdiq5-menu div,
div[class*="menu"] div[class*="option"] {
    color: #e0e0e0 !important;
    background-color: #1a1f2b !important;
}

/* Dropdown: focused/hovered option */
.VirtualizedSelectFocusedOption,
div[class*="option"]:hover,
div[class*="option"][class*="focused"] {
    background-color: #2a3550 !important;
    color: #fff !important;
}

/* Dropdown: arrow indicator */
.Select-arrow-zone,
div[class*="indicatorContainer"] {
    color: #e0e0e0 !important;
}
div[class*="indicatorContainer"] svg {
    fill: #e0e0e0 !important;
}

/* Dropdown: clear indicator */
.Select-clear-zone {
    color: #e0e0e0 !important;
}

/* Slider: marks text */
.rc-slider-mark-text {
    color: #e0e0e0 !important;
}

/* Slider: tooltip */
.rc-slider-tooltip-inner {
    color: #e0e0e0 !important;
    background-color: #1a1f2b !important;
    border: 1px solid #444 !important;
}

/* Slider: rail and track */
.rc-slider-rail {
    background-color: #333 !important;
}
.rc-slider-track {
    background-color: #4da6ff !important;
}

/* Slider: handle */
.rc-slider-handle {
    border-color: #4da6ff !important;
    background-color: #1a1f2b !important;
}

/* Slider: dots */
.rc-slider-dot {
    background-color: #333 !important;
    border-color: #555 !important;
}
.rc-slider-dot-active {
    border-color: #4da6ff !important;
}

/* Labels: ensure all labels are readable */
label {
    color: #e0e0e0 !important;
}