/* ==================================================================
   auth.css  -  Login / Forgot / Reset split-screen pages
   ================================================================== */

.auth-body {
    margin: 0;
    min-height: 100vh;
    background: #f4f6fb;
    font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
.auth-wrap {
    min-height: 100vh;
    display: grid;
    grid-template-columns: 1fr;
}
@media (min-width: 992px) {
    .auth-wrap { grid-template-columns: 1fr 1fr; }
}

/* Brand gradient panel */
.auth-brand {
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 55%, #db2777 100%);
    color: #fff;
    position: relative;
    overflow: hidden;
}
.auth-brand::after {
    content: '';
    position: absolute;
    width: 380px; height: 380px;
    background: rgba(255,255,255,.08);
    border-radius: 50%;
    bottom: -120px; right: -120px;
}
.auth-brand::before {
    content: '';
    position: absolute;
    width: 220px; height: 220px;
    background: rgba(255,255,255,.08);
    border-radius: 50%;
    top: -80px; left: -60px;
}
.auth-brand-logo {
    display: flex; align-items: center; gap: .6rem;
    font-size: 1.3rem; font-weight: 800;
    position: relative; z-index: 1;
}
.auth-brand-logo i { font-size: 1.8rem; }

/* Form panel */
.auth-form-panel { background: #fff; }
.btn-toggle-pass {
    position: absolute; right: 1rem; top: 50%; transform: translateY(-50%);
    border: 0; background: transparent; color: #94a3b8; cursor: pointer;
}
.form-control:focus { border-color: #4f46e5; box-shadow: 0 0 0 .2rem rgba(79,70,229,.15); }
.btn-primary {
    --bs-btn-bg: #4f46e5;
    --bs-btn-border-color: #4f46e5;
    --bs-btn-hover-bg: #4338ca;
    --bs-btn-hover-border-color: #4338ca;
}
.auth-logo-sm { font-size: 2.2rem; color: #4f46e5; }