/* ── Auth page ── */
.auth-page             { background: var(--background); min-height: 100vh; display: flex; flex-direction: column; padding-top: env(safe-area-inset-top, 0px); }
.auth-logo             { padding: 50px 24px 16px; display: flex; justify-content: center; }
.auth-heading          { padding: 32px 22px 12px; text-align: center; }
.auth-heading .mud-typography-h1 { font-size: 24px; letter-spacing: -0.5px; margin-bottom: 6px; }
.auth-subtitle         { font-size: 13px !important; color: var(--text-secondary) !important; line-height: 1.5; }
.auth-form             { padding: 20px 22px 0; }
.auth-link             { font-size: 13px; color: var(--primary); font-weight: 600; cursor: pointer; }
.auth-link-row         { text-align: center; padding-top: 4px; }
.auth-footer           { margin-top: auto; text-align: center; padding: 24px 22px 20px; }
.auth-footer a         { font-size: 12px; color: var(--text-muted); text-decoration: none; }
.auth-success-icon     { margin: 0 auto 16px; width: 56px; height: 56px; border-radius: 50%; background: var(--accent-bg); display: flex; align-items: center; justify-content: center; color: var(--primary); }
.auth-success-icon .mud-icon-root { font-size: 28px; }