/* WMS Login Page — Premium background with Exprinter warehouse
 * Página de login WMS — Fondo premium con almacén Exprinter
 * ─────────────────────────────────────────────────────────── */

/* Background: Warehouse photo | Fondo: Foto del almacén */
body[data-path="login"] {
    background: url('/assets/mdx_wms/login_bg.jpg') center/cover no-repeat fixed !important;
    background-color: #f0f4f8 !important;
    min-height: 100vh;
}

/* Grayscale overlay — hides text, shows silhouette | Oculta texto, muestra silueta */
body[data-path="login"]::before {
    content: '';
    position: fixed;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(
        180deg,
        rgba(248, 250, 252, 0.92) 0%,
        rgba(241, 245, 249, 0.88) 50%,
        rgba(226, 232, 240, 0.85) 100%
    );
    backdrop-filter: grayscale(1) brightness(1.05);
    -webkit-backdrop-filter: grayscale(1) brightness(1.05);
    z-index: 0;
    pointer-events: none;
}

/* Brand accent — subtle blue gradient at bottom | Acento de marca azul sutil */
body[data-path="login"]::after {
    content: '';
    position: fixed;
    bottom: 0; left: 0; width: 100%; height: 120px;
    background: linear-gradient(
        0deg,
        rgba(37, 99, 235, 0.06) 0%,
        transparent 100%
    );
    z-index: 0;
    pointer-events: none;
}

/* Hide navbar on login — unnecessary | Ocultar navbar en login */
body[data-path="login"] .navbar {
    display: none !important;
}

/* Content z-index | Z-index del contenido */
body[data-path="login"] .page-container,
body[data-path="login"] .container,
body[data-path="login"] > .container {
    position: relative;
    z-index: 1;
}

/* Glassmorphism login card | Tarjeta de login con glassmorfismo */
body[data-path="login"] .page-card {
    position: relative;
    z-index: 2;
    background: rgba(255, 255, 255, 0.85) !important;
    backdrop-filter: blur(16px) saturate(1.2);
    -webkit-backdrop-filter: blur(16px) saturate(1.2);
    border: 1px solid rgba(255, 255, 255, 0.6) !important;
    border-radius: 16px !important;
    box-shadow:
        0 20px 50px rgba(0, 0, 0, 0.06),
        0 4px 12px rgba(0, 0, 0, 0.03),
        0 0 0 1px rgba(0, 0, 0, 0.02) !important;
}

/* Login heading polish | Pulido del título */
body[data-path="login"] .page-card-head .page-title {
    font-weight: 700 !important;
    letter-spacing: -0.3px;
}

/* Login button — match brand blue | Botón azul de marca */
body[data-path="login"] .btn-primary-dark,
body[data-path="login"] .btn-primary {
    background: #1e40af !important;
    border-color: #1e40af !important;
    border-radius: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2px;
    transition: all 0.2s ease !important;
}
body[data-path="login"] .btn-primary-dark:hover,
body[data-path="login"] .btn-primary:hover {
    background: #1d4ed8 !important;
    border-color: #1d4ed8 !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(30, 64, 175, 0.25) !important;
}

/* Center vertically on larger screens | Centrar verticalmente en pantallas grandes */
@media (min-height: 700px) {
    body[data-path="login"] .page-container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 100vh;
    }
}

/* Fade-up entrance animation | Animación de entrada fade-up */
body[data-path="login"] .page-card {
    animation: wms-login-card-in 0.9s cubic-bezier(0.16, 1, 0.3, 1) both;
}
@keyframes wms-login-card-in {
    from { opacity: 0; transform: translateY(18px); }
    to { opacity: 1; transform: translateY(0); }
}
body[data-path="login"] .page-card-head {
    animation: wms-login-card-in 0.9s cubic-bezier(0.16, 1, 0.3, 1) 0.3s both;
}

/* Corporate footer | Pie de página corporativo */
body[data-path="login"] .page-container::after {
    content: '© 2026 Exprinter Bolivia';
    display: block;
    text-align: center;
    padding: 24px 0 16px;
    font-size: 11px;
    font-weight: 500;
    color: rgba(100, 116, 139, 0.6);
    letter-spacing: 0.3px;
    animation: wms-login-card-in 0.9s ease-out 0.6s both;
}

/* Icon pulse animation on login page | Animación del ícono */
body[data-path="login"] .page-card-head img {
    animation: wms-login-pulse 2.5s ease-in-out infinite alternate;
    mix-blend-mode: multiply; /* Makes white bg transparent | Hace fondo blanco transparente */
}
@keyframes wms-login-pulse {
    from { transform: scale(1); }
    to { transform: scale(1.05); }
}

/* Splash screen icon — remove white background | Pantalla splash — quitar fondo blanco */
#splash .splash-screen img,
.splash-screen img,
body[data-path="login"] img[src*="icon"] {
    mix-blend-mode: multiply !important;
}