/* Estilo para dropdowns com fundo transparente e fonte branca */
.Select-menu-outer {
    background-color: transparent !important;
    border: 1px solid rgba(128, 128, 128, 0.3) !important;
    border-radius: 0px !important;
    backdrop-filter: blur(10px) !important;
}

.Select-option {
    background-color: transparent !important;
    color: #c0c0c0 !important;
    font-family: 'Arial', serif !important;
    font-size: 12px !important;
    padding: 8px 12px !important;
    border-radius: 0px !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8) !important;
    text-align: left !important;
}

.Select-option:hover {
    background-color: rgba(128, 128, 128, 0.2) !important;
    color: #c0c0c0 !important;
}

.Select-option.is-selected {
    background-color: rgba(128, 128, 128, 0.3) !important;
    color: #c0c0c0 !important;
}

.Select-option.is-focused {
    background-color: rgba(128, 128, 128, 0.2) !important;
    color: #c0c0c0 !important;
}

/* Placeholder branco alinhado à esquerda */
.Select-placeholder {
    color: #c0c0c0 !important;
    font-family: 'Arial', serif !important;
    font-size: 12px !important;
    text-align: left !important;
    padding-left: 8px !important;
}

.Select-input > input {
    color: #c0c0c0 !important;
    text-align: left !important;
    padding-left: 8px !important;
}

.Select-value-label {
    color: #c0c0c0 !important;
    font-family: 'Arial', serif !important;
    font-size: 12px !important;
    text-align: left !important;
    padding-left: 8px !important;
}

.Select-arrow-zone {
    color: #c0c0c0 !important;
}

.Select-arrow {
    border-color: #c0c0c0 transparent transparent !important;
}

/* Corrigindo bordas duplicadas */
.Select-control {
    background-color: transparent !important;
    border: 1px solid rgba(192, 192, 192, 0.3) !important;
    border-radius: 0px !important;
    height: 35px !important;
    box-shadow: none !important;
}

.Select-control:hover {
    border: 1px solid rgba(192, 192, 192, 0.3) !important;
    box-shadow: none !important;
}

.Select-control.is-focused {
    border: none !important;
    box-shadow: none !important;
}

/* Para Dash dcc.Dropdown mais recente */
.dash-dropdown .Select-menu-outer {
    background-color: transparent !important;
    backdrop-filter: blur(10px) !important;
}

.dash-dropdown .Select-option {
    background-color: transparent !important;
    color: #c0c0c0 !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8) !important;
    text-align: left !important;
}

.dash-dropdown .Select-option:hover {
    background-color: rgba(128, 128, 128, 0.2) !important;
    color: #c0c0c0 !important;
}

.dash-dropdown .Select-control {
    border: 1px solid rgba(192, 192, 192, 0.3) !important;
    box-shadow: none !important;
}

/* Estilo específico para o Dash mais recente */
div[data-dash-is-loading="true"] .Select-option {
    color: #c0c0c0 !important;
}

/* Força cor branca em todas as opções */
.Select-menu-outer div {
    color: #c0c0c0 !important;
}

/* Remove bordas duplicadas do container pai */
.dash-dropdown {
    border: none !important;
}