/* Registration step 2, 2FA wizard, forced 2FA screen, admin audit controls. Semantic classes; restyle freely. */
.auth-notice { font-size: 13px; line-height: 1.45; margin: 2px 0; }

.tfa-wizard { display: grid; gap: 12px; }
.tfa-steps { margin: 0; padding-left: 20px; font-size: 14px; color: var(--muted); display: grid; gap: 4px; }
.tfa-qr { display: grid; place-items: center; }
.tfa-qr .qr { width: min(100%, 208px); height: auto; border-radius: var(--r); border: 1px solid var(--line); background: #fff; }
.tfa-manual { display: grid; gap: 4px; font-size: 13px; }
.tfa-manual .secret { font-size: 15px; text-align: center; margin: 2px 0; }
.tfa-open { justify-self: start; color: var(--sage); font-size: 13.5px; }
.tfa-title { font-size: 18px; margin: 0; }
.tfa-codes { display: grid; gap: 10px; }
.tfa-codes .codes { margin-bottom: 0; }
.tfa-saved { color: var(--text); font-size: 14px; }
.tfa-forced { width: min(100%, 440px); }

.audit-controls { margin-bottom: 8px; align-items: center; }
.audit-filter { flex: 1 1 220px; min-width: 0; }
.audit + .audit-list, .audit .btn { margin-top: 10px; }
.settings-require2fa { margin-top: 10px; }