/* Estilos para dropdowns de causas de paro */

/* Clase específica para dropdowns de causas */
.causa-dropdown .Select-control {
    background-color: #ffffff !important;
    border: 1px solid #ced4da !important;
    border-radius: 4px !important;
    min-height: 30px !important;
}

/* Contenedor del dropdown */
.Select-control {
    background-color: #ffffff !important;
    border: 1px solid #ced4da !important;
    border-radius: 4px !important;
    min-height: 30px !important;
}

/* Texto del dropdown */
.Select-control .Select-value-label {
    color: #000000 !important;
    font-weight: 500 !important;
}

/* Texto específico para dropdowns de causas */
.causa-dropdown .Select-control .Select-value-label {
    color: #000000 !important;
    font-weight: 600 !important;
    font-size: 11px !important;
}

/* Placeholder */
.Select-placeholder {
    color: #6c757d !important;
    font-style: italic !important;
}

/* Opciones del dropdown */
.Select-menu-outer {
    background-color: #ffffff !important;
    border: 1px solid #ced4da !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
}

/* Opciones individuales */
.Select-option {
    background-color: #ffffff !important;
    color: #000000 !important;
    padding: 8px 12px !important;
}

/* Opción seleccionada */
.Select-option.is-selected {
    background-color: #007bff !important;
    color: #ffffff !important;
}

/* Opción al hacer hover */
.Select-option.is-focused {
    background-color: #f8f9fa !important;
    color: #000000 !important;
}

/* Flecha del dropdown */
.Select-arrow {
    border-color: #000000 transparent transparent !important;
}

/* Estado abierto del dropdown */
.Select.is-open .Select-arrow {
    border-color: transparent transparent #000000 !important;
}

/* Input del dropdown */
.Select-input > input {
    color: #000000 !important;
    background-color: #ffffff !important;
}

/* Multi-value (si se usa) */
.Select-value {
    background-color: #e9ecef !important;
    color: #000000 !important;
    border-radius: 3px !important;
    padding: 2px 6px !important;
}

/* Botón de limpiar (si existe) */
.Select-clear-zone {
    color: #6c757d !important;
}

.Select-clear-zone:hover {
    color: #dc3545 !important;
}