/* ── dcc.Dropdown Dash 4 (dash-dropdown) — tema dark global ───── */
/* Fallback para dropdowns sem className sp-dropdown */

.dash-dropdown-wrapper {
    --Dash-Fill-Inverse-Strong: #161b22;
    --Dash-Stroke-Strong: #30363d;
    --Dash-Fill-Interactive-Strong: #EE4D2D;
    --Dash-Text-Strong: #c9d1d9;
    --Dash-Text-Weak: #8b949e;
    --Dash-Text-Disabled: #8b949e;
    --Dash-Fill-Interactive-Weak: #21262d;
}

button.dash-dropdown {
    background: #161b22 !important;
    border: 1px solid #30363d !important;
    border-radius: 20px !important;
    color: #c9d1d9 !important;
    min-height: 36px !important;
    width: 100% !important;
    box-shadow: none !important;
}

button.dash-dropdown:hover,
button.dash-dropdown[aria-expanded="true"] {
    border-color: #EE4D2D !important;
}

button.dash-dropdown[aria-expanded="true"] {
    border-radius: 20px 20px 0 0 !important;
}

button.dash-dropdown .dash-dropdown-value {
    color: #c9d1d9 !important;
}

button.dash-dropdown .dash-dropdown-placeholder {
    color: #8b949e !important;
}

button.dash-dropdown .dash-dropdown-trigger-icon {
    color: #8b949e !important;
    fill: #8b949e !important;
}

.dash-dropdown-wrapper .dash-dropdown-content {
    background: #161b22 !important;
    border: 1px solid #30363d !important;
    border-top: none !important;
    border-radius: 0 0 20px 20px !important;
    color: #c9d1d9 !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4) !important;
}

.dash-dropdown-wrapper .dash-dropdown-option {
    background: #161b22 !important;
    color: #c9d1d9 !important;
}

.dash-dropdown-wrapper .dash-dropdown-option:hover,
.dash-dropdown-wrapper .dash-dropdown-option:focus-within,
.dash-dropdown-wrapper .dash-dropdown-option[data-highlighted] {
    background: #21262d !important;
    color: #f0f6fc !important;
}

.dash-dropdown-wrapper .dash-dropdown-option[aria-selected="true"],
.dash-dropdown-wrapper .dash-dropdown-option[data-state="checked"] {
    background: #1a1f2e !important;
    color: #EE4D2D !important;
}

/* Campo de busca interno (se searchable=True em algum dropdown) */
.dash-dropdown-wrapper input[type="search"],
.dash-dropdown-wrapper input[type="text"] {
    background: #0d1117 !important;
    color: #c9d1d9 !important;
    border: 1px solid #30363d !important;
}

/* Modal Insights: menu acima do backdrop */
.insights-modal .dash-dropdown-wrapper .dash-dropdown-content {
    z-index: 1060 !important;
}

/* Dropdown desabilitado (react-select legado) */
div[class*="-control"][class*="isDisabled"] {
    background-color: #0e1117 !important;
    border-color: #21262d !important;
    opacity: 0.6;
}
div[class*="-control"][class*="isDisabled"] div[class*="-placeholder"] {
    color: #6e7681 !important;
    font-style: italic;
}

/* Dropdown desabilitado (Dash 4 dash-dropdown) */
button.dash-dropdown:disabled,
button.dash-dropdown.sp-dropdown:disabled,
button.dash-dropdown[aria-disabled="true"] {
    background: #0e1117 !important;
    border-color: #21262d !important;
    opacity: 0.6;
    cursor: not-allowed !important;
}
button.dash-dropdown:disabled .dash-dropdown-placeholder,
button.dash-dropdown.sp-dropdown:disabled .dash-dropdown-placeholder,
button.dash-dropdown[aria-disabled="true"] .dash-dropdown-placeholder {
    color: #6e7681 !important;
    font-style: italic;
}
button.dash-dropdown:disabled .dash-dropdown-value,
button.dash-dropdown.sp-dropdown:disabled .dash-dropdown-value {
    color: #6e7681 !important;
}