/*
 * Auth/guest en dark (login, forgot, reset, verify, errores).
 * Reutiliza el fondo/estructura dark del tema y ajusta card, inputs y botón.
 */

body.auth-container,
body.dark.auth-container {
    min-height: 100vh;
    background: radial-gradient(circle at 50% 0%, #0d1a3a 0%, #060818 55%) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px 16px;
}

body.dark.auth-container::before {
    display: none !important;
}

.auth-wrapper {
    width: 100%;
    max-width: 460px;
    margin: 0 auto;
}

.auth-card-wrap {
    width: 100%;
}

.auth-logo {
    text-align: center;
    margin-bottom: 26px;
}

.auth-logo svg,
.auth-logo .auth-logo-svg {
    width: 180px;
    height: auto;
    max-width: 80%;
}

.auth-logo .error-title {
    color: #fff;
    margin: 0;
}

.auth-card {
    background: #1b1b1b !important;
    border: 1px solid #2a2a2a !important;
    border-radius: 12px !important;
    box-shadow: 0 12px 34px rgba(0, 0, 0, .45) !important;
}

.auth-card .card-body {
    padding: 28px;
}

body.auth-container .form-label {
    color: #9aa4b2;
    font-size: .9rem;
    margin-bottom: .4rem;
}

body.auth-container .form-control {
    background: #fff !important;
    color: #111 !important;
    border: 1px solid #d0d5dd !important;
    border-radius: 8px !important;
    padding: .65rem .8rem;
}

body.auth-container .form-control:focus {
    border-color: #1a1ae6 !important;
    box-shadow: 0 0 0 .2rem rgba(26, 26, 230, .25) !important;
}

body.auth-container .form-check-input {
    background-color: #fff;
    border-color: #bbb;
}

body.auth-container .form-check-label {
    color: #cfd6e4;
}

body.auth-container .btn-primary,
body.auth-container .btn-acceder {
    background: #1a1ae6;
    border-color: #1a1ae6;
    border-radius: 8px;
    font-weight: 600;
    letter-spacing: .04em;
    padding: .6rem 1.1rem;
}

body.auth-container .btn-primary:hover,
body.auth-container .btn-acceder:hover {
    background: #1515c2;
    border-color: #1515c2;
}

body.auth-container a {
    color: #cfd6e4;
}

body.auth-container a:hover {
    color: #fff;
}

body.auth-container .auth-muted {
    color: #9aa4b2 !important;
}

body.auth-container .alert {
    border-radius: 8px;
}