/* ============================================================
   FACTURLY — Pages d'authentification (login / register / reset)
   Dépend de theme.css. Écran centré « fintech épuré ».
   ============================================================ */

.auth-body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem 1rem;
    background:
        radial-gradient(720px 360px at 85% -10%, var(--brand-50) 0%, rgba(238,240,255,0) 60%),
        radial-gradient(620px 340px at 10% 110%, #F3F1FF 0%, rgba(243,241,255,0) 60%),
        var(--bg);
}

.auth-card {
    width: 100%;
    max-width: 420px;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--r-xl);
    box-shadow: var(--sh-lg);
    padding: 2.5rem 2.25rem;
}

.auth-brand {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    font-size: 1.4rem;
    font-weight: 800;
    color: var(--ink);
    letter-spacing: -0.02em;
    text-decoration: none;
}
.auth-brand img { height: 30px; width: 30px; }
.auth-subtitle { color: var(--text-soft); font-size: .95rem; margin-top: .35rem; }

.auth-card .form-label { font-weight: 600; }
.auth-card .form-control { padding: .65rem .85rem; }
.auth-card .btn-primary { padding: .7rem; font-weight: 600; }

.auth-link { color: var(--brand-700); font-weight: 600; text-decoration: none; }
.auth-link:hover { color: var(--brand-800); text-decoration: underline; }

.auth-divider { border: 0; border-top: 1px solid var(--border); margin: 1.6rem 0; }

.auth-foot {
    text-align: center;
    color: var(--text-muted);
    font-size: .8rem;
    margin-top: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
}
.auth-foot i { color: var(--success); }