/* ─── Auth / Login Page ──────────────────────────────────── */
.auth-body {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 20px;
    background:
        radial-gradient(ellipse at top left,  rgba(92,26,0,.6) 0%, transparent 55%),
        radial-gradient(ellipse at bottom right, rgba(212,160,23,.12) 0%, transparent 55%),
        var(--c-bg);
}

.auth-card {
    background: var(--c-surface);
    border: 1px solid var(--c-border);
    border-radius: 16px;
    padding: 40px 32px;
    width: 100%;
    max-width: 400px;
    box-shadow: 0 8px 40px rgba(0,0,0,.7);
}

.auth-logo {
    text-align: center;
    margin-bottom: 28px;
}
.auth-logo img  { max-height: 64px; margin: 0 auto 10px; }
.auth-logo h1   { font-size: 1.5rem; font-weight: 800; color: var(--c-accent); }
.auth-logo span { font-size: .82rem; color: var(--c-text-muted); display: block; margin-top: 2px; }

.auth-card .form-label { color: var(--c-text); }

.auth-submit {
    width: 100%;
    margin-top: 6px;
    font-size: 1rem;
    padding: 12px;
    min-height: 48px;
    border-radius: var(--radius);
    background: var(--c-accent);
    color: var(--c-primary-d);
    font-weight: 700;
    border: none;
    cursor: pointer;
    transition: opacity .2s;
}
.auth-submit:hover { opacity: .9; }

.auth-hint {
    text-align: center;
    margin-top: 20px;
    font-size: .8rem;
    color: var(--c-text-muted);
}

.auth-error {
    background: rgba(198,40,40,.2);
    border: 1px solid var(--c-error);
    color: #ef9a9a;
    border-radius: var(--radius);
    padding: 10px 14px;
    font-size: .87rem;
    margin-bottom: 16px;
}