/* ============================================
   CORRECCIÓN GENERAL DE FORM-CONTROLS EN MODO OSCURO
   ============================================ */

input.form-control,
textarea.form-control,
select.form-select {
    background-color: #1f1f1f !important; /* gris oscuro elegante */
    color: #f0f0f0 !important; /* texto blanco suave */
    border: 1px solid #444 !important;
}

    input.form-control::placeholder,
    textarea.form-control::placeholder {
        color: #bbbbbb !important;
    }

    /* FOCUS */
    input.form-control:focus,
    textarea.form-control:focus,
    select.form-select:focus {
        background-color: #262626 !important;
        border-color: #5a5af1 !important; /* tono azul moderno */
        color: white !important;
        box-shadow: 0 0 0 0.2rem rgba(90, 90, 241, 0.25) !important;
    }

/* BOTONES PRIMARIOS */
.btn-primary {
    background-color: #5a5af1 !important;
    border-color: #5a5af1 !important;
}

    .btn-primary:hover {
        background-color: #4747d8 !important;
        border-color: #4747d8 !important;
    }

/* ESTILO PARA TARJETAS EN TEMA OSCURO */
.card {
    background-color: #2a2a2a !important;
    color: white !important;
}

/* ESTILO PARA BADGES */
.badge {
    padding: 6px 10px !important;
    border-radius: 6px !important;
    font-size: 0.75rem !important;
}

/* TABLAS EN TEMA OSCURO */
.table {
    color: #ddd !important;
}

    .table thead {
        color: #fff !important;
    }

    .table tbody tr {
        background-color: #1e1e1e !important;
    }

        .table tbody tr:hover {
            background-color: #292929 !important;
        }