/*
 * Tema MARESA para pantallas Auth (login, ResetPassword, RecoverPassword).
 * Solo aplica con body.auth-theme-maresa; sin esa clase el look DMS queda intacto.
 * login.cshtml define estilos inline con !important: estos overrides necesitan
 * mayor especificidad (body.auth-theme-maresa ...) y !important donde el original lo usa.
 */

body.auth-theme-maresa {
    --maresa-bg: #0B0B0B;
    --maresa-card: #161616;
    --maresa-accent: #F26522;
    --maresa-accent-2: #E85A24;
    --maresa-accent-rgb: 242, 101, 34;
    --maresa-text: #FFFFFF;
    --maresa-text-muted: rgba(255, 255, 255, 0.55);

    background: var(--maresa-bg) !important;
    background-image: radial-gradient(circle at 100% 0%, rgba(var(--maresa-accent-rgb), 0.28) 0%, transparent 45%) !important;
    background-attachment: fixed !important;
    min-height: 100vh;
}

/* ══════════════ LOGIN ══════════════ */

body.auth-theme-maresa::before {
    background-image:
        linear-gradient(rgba(var(--maresa-accent-rgb), 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(var(--maresa-accent-rgb), 0.03) 1px, transparent 1px);
}

body.auth-theme-maresa .orb-1 { background: radial-gradient(circle, rgba(var(--maresa-accent-rgb), 0.06) 0%, transparent 65%); }
body.auth-theme-maresa .orb-2 { background: radial-gradient(circle, rgba(var(--maresa-accent-rgb), 0.10) 0%, transparent 65%); }
body.auth-theme-maresa .orb-3 { background: radial-gradient(circle, rgba(var(--maresa-accent-rgb), 0.06) 0%, transparent 70%); }

body.auth-theme-maresa .particle {
    background: rgba(var(--maresa-accent-rgb), 0.55);
    box-shadow: 0 0 5px rgba(var(--maresa-accent-rgb), 0.7);
}

body.auth-theme-maresa .login-card {
    background: linear-gradient(160deg, rgba(24, 24, 24, 0.94) 0%, rgba(14, 14, 14, 0.97) 100%);
    border-color: rgba(var(--maresa-accent-rgb), 0.18);
    box-shadow:
        0 0 0 1px rgba(var(--maresa-accent-rgb), 0.06) inset,
        0 8px 32px rgba(0, 0, 0, 0.7),
        0 0 60px rgba(var(--maresa-accent-rgb), 0.15);
}

body.auth-theme-maresa .card-glow { animation: none; box-shadow: 0 0 40px rgba(var(--maresa-accent-rgb), 0.08) inset; }
body.auth-theme-maresa .scan-line { background: linear-gradient(90deg, transparent 5%, rgba(var(--maresa-accent-rgb), 0.35) 50%, transparent 95%); }
body.auth-theme-maresa .card-topline { background: linear-gradient(90deg, transparent, rgba(var(--maresa-accent-rgb), 0.6), transparent); }

body.auth-theme-maresa .c-tl,
body.auth-theme-maresa .c-tr,
body.auth-theme-maresa .c-bl,
body.auth-theme-maresa .c-br { border-color: var(--maresa-accent); }

body.auth-theme-maresa .logo-wrap { border-bottom-color: rgba(var(--maresa-accent-rgb), 0.12); }

body.auth-theme-maresa .logo-ring {
    width: auto;
    height: 72px;
    border-radius: 0;
    border: none;
    background: none;
    box-shadow: none;
}
body.auth-theme-maresa .logo-ring::before { display: none; }
body.auth-theme-maresa .logo-ring img {
    width: auto;
    height: 72px;
    filter: none;
}

body.auth-theme-maresa .logo-text .login-title { color: var(--maresa-text); }
body.auth-theme-maresa .logo-text .login-subtitle { color: var(--maresa-text-muted); }
body.auth-theme-maresa .logo-text .login-subtitle b { color: var(--maresa-accent); font-weight: 600; }

body.auth-theme-maresa .form-panel {
    background: linear-gradient(135deg, rgba(36, 36, 36, 0.55) 0%, rgba(20, 20, 20, 0.75) 100%);
    border-color: rgba(var(--maresa-accent-rgb), 0.12);
}

body.auth-theme-maresa .field-label { color: rgba(255, 255, 255, 0.6); }

body.auth-theme-maresa .login-card .form-control {
    background: rgba(20, 20, 20, 0.9) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: var(--maresa-text) !important;
}
body.auth-theme-maresa .login-card .form-control::placeholder { color: rgba(255, 255, 255, 0.3) !important; }
body.auth-theme-maresa .login-card .form-control:focus {
    border-color: var(--maresa-accent) !important;
    background: rgba(28, 28, 28, 0.95) !important;
    box-shadow: 0 0 0 3px rgba(var(--maresa-accent-rgb), 0.12) !important;
}
body.auth-theme-maresa .login-card .form-control:hover:not(:focus) { border-color: rgba(var(--maresa-accent-rgb), 0.35) !important; }

body.auth-theme-maresa .show-hide .show { color: rgba(255, 255, 255, 0.5) !important; }
body.auth-theme-maresa .show-hide .show:hover { color: var(--maresa-accent) !important; }

body.auth-theme-maresa a.title-list { color: var(--maresa-text-muted) !important; }
body.auth-theme-maresa a.title-list:hover { color: var(--maresa-accent) !important; }

body.auth-theme-maresa .btn-submit {
    background: linear-gradient(135deg, var(--maresa-accent) 0%, var(--maresa-accent-2) 100%) !important;
    border-color: rgba(var(--maresa-accent-rgb), 0.45) !important;
    border-radius: 999px !important;
    color: var(--maresa-text) !important;
    box-shadow: 0 4px 20px rgba(var(--maresa-accent-rgb), 0.35) !important;
}
body.auth-theme-maresa .btn-submit:hover {
    background: linear-gradient(135deg, #FF7A3A 0%, var(--maresa-accent) 100%) !important;
    box-shadow: 0 6px 30px rgba(var(--maresa-accent-rgb), 0.5) !important;
}

body.auth-theme-maresa [data-feather] {
    color: rgba(255, 255, 255, 0.7) !important;
    stroke: rgba(255, 255, 255, 0.7) !important;
}

/* ══════════════ RESET / RECOVER (y Conf, que comparte _LoginLayout) ══════════════ */

body.auth-theme-maresa .card-login,
body.auth-theme-maresa .login-card.login-dark {
    background: var(--maresa-card) !important;
    border: 1px solid rgba(var(--maresa-accent-rgb), 0.25);
    border-radius: 14px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6);
}

body.auth-theme-maresa .login-card.login-dark .login-main {
    background: transparent !important;
    box-shadow: none !important;
}

body.auth-theme-maresa .card-login .form-control,
body.auth-theme-maresa .login-dark .form-control {
    background: rgba(20, 20, 20, 0.9) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    color: var(--maresa-text) !important;
}

body.auth-theme-maresa .card-login .input-group-text,
body.auth-theme-maresa .card-login .material-icons { color: rgba(255, 255, 255, 0.6) !important; }

body.auth-theme-maresa .login-dark h4,
body.auth-theme-maresa .login-dark .col-form-label { color: var(--maresa-text) !important; }

body.auth-theme-maresa .login-dark a { color: var(--maresa-accent) !important; }

body.auth-theme-maresa .card-login .btn,
body.auth-theme-maresa .login-dark .btn-primary {
    background: var(--maresa-accent) !important;
    border-color: var(--maresa-accent) !important;
    color: var(--maresa-text) !important;
    box-shadow: 0 4px 14px rgba(var(--maresa-accent-rgb), 0.3) !important;
}
body.auth-theme-maresa .card-login .btn:hover,
body.auth-theme-maresa .login-dark .btn-primary:hover { background: var(--maresa-accent-2) !important; }

body.auth-theme-maresa .auth-logo-maresa {
    display: block;
    height: 70px;
    width: auto;
    margin: 0 auto 18px;
}