/**
 * Pantallas de auth (ra-admin): el style.css compilado referencia un PNG embebido por
 * webpack que no está en el repo; aquí se restablece el aspecto del login original.
 * Tema: clase `default` en body (misma paleta que la plantilla).
 */

body.auth-layout {
    margin: 0;
    min-height: 100vh;
    overflow-x: hidden;
}

/* Paleta alineada al cyan «Explo» del logo (#38bdf8) */
body.auth-layout.default {
    --primary: var(--mpl-brand-explo-rgb);
}

.hp-trap {
    position: absolute !important;
    left: -10000px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* body.auth-layout.default: la paleta “default” del tema (.default en style.css) */

/*
 * Sustituye background-image roto (url relativa al bundle) por gradiente + manchas suaves,
 * similar al fondo del demo sign_in_1.
 */
body.auth-layout .login-form-container {
    background-color: #f0f9ff !important;
    background-image:
        radial-gradient(ellipse 75% 60% at 5% 8%, rgba(56, 189, 248, 0.22), transparent 55%),
        radial-gradient(ellipse 70% 55% at 96% 92%, rgba(14, 165, 233, 0.12), transparent 52%),
        radial-gradient(ellipse 45% 40% at 78% 12%, rgba(56, 189, 248, 0.16), transparent 48%),
        linear-gradient(168deg, #fafbfd 0%, #f0f9ff 45%, #f8fafc 100%) !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

body.auth-layout .login-form-container .form_container {
    box-shadow: 0 0 28px 4px rgba(72, 68, 61, 0.08);
}

body.auth-layout .login-form-container .form-label {
    color: rgba(var(--dark), 0.75);
    font-weight: 500;
}

body.auth-layout .login-form-container .form-control {
    border-radius: var(--bs-border-radius);
}

body.auth-layout .login-form-container .form_container h3 {
    color: var(--mpl-brand-explo);
    font-weight: 700;
}

body.auth-layout .app-form .form-control:focus,
body.auth-layout .app-form .form-select:focus {
    border-color: var(--mpl-brand-explo);
    box-shadow: 0 0 0 0.25rem rgba(var(--mpl-brand-explo-rgb), 0.28);
}

body.auth-layout .btn-primary {
    background-color: var(--mpl-brand-explo);
    border-color: var(--mpl-brand-explo);
}

body.auth-layout .btn-primary:hover,
body.auth-layout .btn-primary:focus,
body.auth-layout .btn-primary:active,
body.auth-layout .btn-primary:focus-visible {
    background-color: var(--mpl-brand-explo-hover) !important;
    border-color: var(--mpl-brand-explo-hover) !important;
}

body.auth-layout .form-check-input:checked {
    background-color: var(--mpl-brand-explo);
    border-color: var(--mpl-brand-explo);
}

body.auth-layout .form-check-input:focus {
    border-color: var(--mpl-brand-explo);
    box-shadow: 0 0 0 0.2rem rgba(var(--mpl-brand-explo-rgb), 0.28);
}

body.auth-layout .app-form a.text-decoration-underline {
    color: var(--mpl-brand-explo-hover);
}

body.auth-layout .app-form a.text-decoration-underline:hover {
    color: #0284c7;
}