/* ── Dark dropdown styles for ICARUS dashboard (Dash 4 class names) ──────── */

/* Trigger / control box */
.icarus-dashboard .dash-dropdown,
.icarus-dashboard .dash-dropdown-wrapper {
    background-color: #0A0A0A !important;
    border: 1px solid #2D2D2D !important;
    border-radius: 6px !important;
}

.icarus-dashboard .dash-dropdown-trigger,
.icarus-dashboard .dash-dropdown-grid-container.dash-dropdown-trigger {
    background-color: #0A0A0A !important;
    color: #E5E7EB !important;
    border-radius: 6px !important;
}

.icarus-dashboard .dash-dropdown-value,
.icarus-dashboard .dash-dropdown-value-item {
    color: #E5E7EB !important;
}

.icarus-dashboard .dash-dropdown-placeholder {
    color: #9CA3AF !important;
}

.icarus-dashboard .dash-dropdown-trigger-icon {
    color: #9CA3AF !important;
    fill: #9CA3AF !important;
}

/* Hide search box (searchable=False via CSS fallback) */
.icarus-dashboard .dash-dropdown-search-container {
    display: none !important;
}

/* Menu */
.icarus-dashboard .dash-dropdown-content {
    background-color: #0A0A0A !important;
    border-color: #2D2D2D !important;
}

.icarus-dashboard .dash-dropdown-options {
    background-color: #0A0A0A !important;
}

.icarus-dashboard .dash-dropdown-option {
    background-color: #0A0A0A !important;
    color: #E5E7EB !important;
}

.icarus-dashboard .dash-dropdown-option:hover,
.icarus-dashboard .dash-dropdown-option.selected {
    background-color: #2D2D2D !important;
    color: #E5E7EB !important;
}

/* ── Dark date picker styles for ICARUS dashboard (Dash 4 class names) ────── */

/* Outer datepicker wrapper */
.icarus-dashboard .dash-datepicker {
    background-color: #0A0A0A !important;
}

/* Input wrapper (direct parent of the text inputs) */
.icarus-dashboard .dash-datepicker-input-wrapper {
    background-color: #0A0A0A !important;
    border: 1px solid #2D2D2D !important;
    border-radius: 6px !important;
    padding: 2px 6px !important;
}

/* The actual text input fields */
.icarus-dashboard .dash-datepicker-input {
    background-color: #0A0A0A !important;
    color: #E5E7EB !important;
    width: 100% !important;
    min-width: 90px !important;
}

.icarus-dashboard .dash-datepicker-input::placeholder {
    color: #9CA3AF !important;
}