/*
RUTA: wwwroot/css/gaia-dark-forms.css
----------------------------------------------------------
Qué hace:
- Fuerza estilo oscuro coherente en inputs/selects/textarea/file
  cuando el sitio está en tema oscuro (Bootstrap 5).
- Soluciona páginas que no aplican clases custom (ej: Auth/Login),
  evitando inputs blancos en un layout oscuro.
Última modificación: 2026-02-13
----------------------------------------------------------
*/

[data-bs-theme="dark"] .form-control,
[data-bs-theme="dark"] .form-select,
[data-bs-theme="dark"] textarea.form-control,
[data-bs-theme="dark"] input.form-control[type="file"] {
    background-color: rgba(255, 255, 255, 0.04);
    color: var(--bs-body-color);
    border-color: rgba(255, 255, 255, 0.14);
}

    [data-bs-theme="dark"] .form-control::placeholder,
    [data-bs-theme="dark"] textarea.form-control::placeholder {
        color: rgba(255, 255, 255, 0.45);
    }

    [data-bs-theme="dark"] .form-control:focus,
    [data-bs-theme="dark"] .form-select:focus,
    [data-bs-theme="dark"] textarea.form-control:focus {
        background-color: rgba(255, 255, 255, 0.06);
        color: var(--bs-body-color);
        border-color: rgba(255, 255, 255, 0.30);
        box-shadow: 0 0 0 .2rem rgba(255, 255, 255, 0.08);
    }

[data-bs-theme="dark"] .form-check-input {
    background-color: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.18);
}

    [data-bs-theme="dark"] .form-check-input:focus {
        box-shadow: 0 0 0 .2rem rgba(255, 255, 255, 0.08);
    }