/* NeoCost — Dark theme for Dash components */

/* Dropdown container */
.neocost-dropdown .Select-control,
.neocost-dropdown .css-1s2u09g-control,
.neocost-dropdown .css-13cymwt-control,
.neocost-dropdown > div > div {
    background-color: #1a1a2e !important;
    border-color: #2a2a4a !important;
    color: #fff !important;
}

/* Dropdown menu (options list) */
.neocost-dropdown .Select-menu-outer,
.neocost-dropdown .css-26l3qy-menu,
.neocost-dropdown .css-1nmdiq5-menu,
.neocost-dropdown [class*="-menu"] {
    background-color: #1a1a2e !important;
    border-color: #2a2a4a !important;
}

/* Individual options */
.neocost-dropdown .Select-option,
.neocost-dropdown .css-1n7v3ny-option,
.neocost-dropdown .css-d7l1ni-option,
.neocost-dropdown [class*="-option"] {
    background-color: #1a1a2e !important;
    color: #fff !important;
}

/* Hovered/focused option */
.neocost-dropdown .Select-option.is-focused,
.neocost-dropdown .css-1n7v3ny-option:hover,
.neocost-dropdown [class*="-option"]:hover {
    background-color: #2a2a4a !important;
    color: #f0c040 !important;
}

/* Selected value */
.neocost-dropdown .Select-value-label,
.neocost-dropdown .css-1dimb5e-singleValue,
.neocost-dropdown [class*="-singleValue"] {
    color: #fff !important;
}

/* Placeholder */
.neocost-dropdown .Select-placeholder,
.neocost-dropdown .css-1wa3eu0-placeholder,
.neocost-dropdown [class*="-placeholder"] {
    color: #666 !important;
}

/* Input text */
.neocost-dropdown .Select-input input,
.neocost-dropdown input {
    color: #fff !important;
}

/* Clear and arrow icons */
.neocost-dropdown .Select-clear-zone,
.neocost-dropdown .Select-arrow-zone,
.neocost-dropdown [class*="-indicatorContainer"] {
    color: #888 !important;
}

/* Dash-specific: the VirtualizedSelectBox uses different classes */
#neobot-selector .VirtualizedSelectOption {
    background-color: #1a1a2e !important;
    color: #fff !important;
}
#neobot-selector .VirtualizedSelectOption:hover,
#neobot-selector .VirtualizedSelectFocusedOption {
    background-color: #2a2a4a !important;
    color: #f0c040 !important;
}