.mfa-dialog { display: grid; gap: 18px; min-width: 0; }
.mfa-dialog h3,.mfa-dialog p { margin: 0; }
.mfa-status { display: flex; align-items: flex-start; gap: 13px; padding: 18px; border: 1px solid var(--border,#dce2e5); border-radius: 14px; background: var(--surface,#f7f9f9); }
.mfa-status h3 { font-size: 16px; margin-bottom: 7px; }
.mfa-status p { color: var(--muted,#63727b); font-size: 13px; line-height: 1.65; }
.mfa-status-dot { flex: 0 0 10px; height: 10px; margin-top: 5px; border-radius: 50%; background: #9ba8ab; box-shadow: 0 0 0 5px rgb(155 168 171 / .14); }
.mfa-status-enabled .mfa-status-dot { background: #28755d; box-shadow: 0 0 0 5px rgb(40 117 93 / .1); }
.mfa-steps { display: grid; gap: 12px; margin: 0; padding-left: 23px; color: var(--muted,#63727b); font-size: 13px; line-height: 1.65; }
.mfa-steps li::marker { font-weight: 700; color: var(--accent,#4a5c6a); }
.mfa-form { display: grid; gap: 8px; min-width: 0; }
.mfa-form .actions { margin-top: 10px; }
.mfa-form input { width: 100%; min-width: 0; }
.mfa-setup-account { display: grid; gap: 5px; font-size: 13px; overflow-wrap: anywhere; }
.mfa-setup-account span { color: var(--muted,#63727b); }
.mfa-secret-panel { display: grid; gap: 10px; justify-items: start; padding: 18px; border: 1px solid var(--border,#dce2e5); border-radius: 12px; background: #f3f6f6; min-width: 0; }
.mfa-secret-panel code { display: block; font: 600 16px/1.8 ui-monospace,Consolas,monospace; letter-spacing: .08em; color: #253745; overflow-wrap: anywhere; word-break: break-all; user-select: all; }
.mfa-recovery-summary { display: flex; align-items: baseline; gap: 9px; font-size: 13px; color: var(--muted,#63727b); }
.mfa-recovery-summary strong { color: var(--text,#253745); font-size: 28px; font-variant-numeric: tabular-nums; }
.mfa-recovery-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
.mfa-recovery-grid code { display: block; padding: 11px 10px; border: 1px solid var(--border,#dce2e5); border-radius: 8px; background: #f6f8f8; font: 500 12px/1.6 ui-monospace,Consolas,monospace; color: #253745; overflow-wrap: anywhere; user-select: all; }
.mfa-dialog .actions { flex-wrap: wrap; }
.mfa-dialog .notice p { margin-top: 7px; }
.mfa-error:empty { display: none; }
.mfa-loading { color: var(--muted,#63727b); padding: 16px 0; }
.auth-mfa-field { margin-top: 12px; }
.auth-mfa-field[hidden] { display: none; }
.auth-mfa-field .field-note { margin-top: 7px; }
@media (max-width: 520px) {
 .mfa-recovery-grid { grid-template-columns: minmax(0,1fr); }
 .mfa-status,.mfa-secret-panel { padding: 14px; }
 .mfa-secret-panel code { font-size: 14px; }
 .mfa-dialog .actions > button { flex: 1 1 100%; }
}