/* =============================================================================
   DROPDOWN FIX - Corrige cores e visibilidade dos dropdowns
   ============================================================================= */

/* Container do dropdown - fundo branco */
.Select-control {
    background-color: #ffffff !important;
    border: 1px solid #d1d5db !important;
    border-radius: 8px !important;
    min-height: 38px !important;
}

.Select-control:hover {
    border-color: #9ca3af !important;
}

/* Texto do valor selecionado - cor escura */
.Select-value-label,
.Select-placeholder,
.Select--single > .Select-control .Select-value {
    color: #374151 !important;
    background: transparent !important;
}

.Select-input > input {
    color: #374151 !important;
}

/* Seta do dropdown */
.Select-arrow {
    border-color: #6b7280 transparent transparent !important;
}

/* Menu do dropdown - DEVE aparecer */
.Select-menu-outer {
    background-color: #ffffff !important;
    border: 1px solid #d1d5db !important;
    border-radius: 8px !important;
    margin-top: 4px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    z-index: 9999 !important;
    max-height: 300px !important;
    overflow: visible !important;
}

.Select-menu {
    max-height: 300px !important;
    overflow-y: auto !important;
    background-color: #ffffff !important;
}

/* Opções do dropdown */
.Select-option {
    background-color: #ffffff !important;
    color: #374151 !important;
    padding: 10px 12px !important;
    cursor: pointer !important;
}

.Select-option:hover,
.Select-option.is-focused {
    background-color: #3b82f6 !important;
    color: #ffffff !important;
}

.Select-option.is-selected {
    background-color: #2563eb !important;
    color: #ffffff !important;
}

/* Garantir que parents não escondam o menu */
.card,
.card-body,
.tab-content,
.tab-pane,
.row,
[class*="col-"] {
    overflow: visible !important;
}

/* Quando aberto */
.Select.is-open {
    z-index: 9998 !important;
}

.Select.is-open .Select-control {
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2) !important;
}

/* No results */
.Select-noresults {
    padding: 10px 12px !important;
    color: #6b7280 !important;
    background-color: #ffffff !important;
}