body.auth-body { background: var(--bg); }
.auth-body .auth-card { background: var(--surface); color: var(--text); min-width: 0; }
.auth-body .auth-points span { color: var(--muted); }
.auth-body .auth-context p, .auth-body .auth-card p, .auth-body .field small { color: var(--muted); }
.auth-body .field input { background: var(--bg); color: var(--text); border-color: var(--line-strong); min-width: 0; }
.auth-body .field input::placeholder { color: var(--muted); }
.auth-body .field label { color: var(--text); }
.auth-body .field small { font-size: 12px; line-height: 1.6; }
.auth-body .button.primary { background: #d4b57f; color: #17130d; }
html[data-theme="light"] .auth-body .button.primary { background: #76501b; color: #fff; }
.auth-body .button.ghost { color: var(--text); border-color: var(--line-strong); }
.auth-body .form-error { overflow-wrap: anywhere; }
.auth-body .form-error.success { background: var(--surface-2); color: var(--text); border-color: var(--cyan); }
html[data-theme="light"] .auth-body .form-error:not(.success) { color: #a32020; background: #fff0ef; }
.verification-row { display: flex; gap: 10px; }
.verification-row input { flex: 1; width: 0; }
.verification-row button { flex-shrink: 0; }
@media (max-width: 420px) { .verification-row { flex-wrap: wrap; } .verification-row input { width: 100%; flex-basis: 100%; } }