/* ============================================================
 * modals.css — Bold Water ERP
 * ============================================================
 * Modal and overlay styles.
 *
 * Scope target: .modal, .modal-content, overlays, login overlay.
 *
 * STATUS (v0.39.0): Phase 1 extracted the login overlay (full-screen
 * modal with Patagonia background image) from the inline <style>
 * block. The main modal system (.modal dialog/backdrop) still lives
 * in style.css ~990-1175 + ~1418-1710 (detail panel, Ficha 360) and
 * can be migrated here in a future pass.
 * ============================================================ */


/* ── Login Overlay (full-screen, Patagonia background) ─── */
#login-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;
    overflow: hidden;
}

/* Foto de fondo Patagonia */
#login-overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background: url('/static/patagonia-login.jpg') center center / cover no-repeat;
    z-index: 0;
}

/* Overlay oscuro encima de la foto */
#login-overlay::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(
        135deg,
        rgba(0, 0, 0, 0.72) 0%,
        rgba(0, 10, 20, 0.60) 50%,
        rgba(0, 0, 0, 0.78) 100%
    );
    z-index: 1;
}

.login-card {
    position: relative;
    z-index: 2;
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 2.5rem;
    border-radius: 16px;
    width: 400px;
    text-align: center;
}