.mfa-panel { grid-column:1 / -1; min-width:0; display:grid; gap:20px; }
.mfa-form { padding:20px; border:1px solid var(--line); border-radius:12px; background:var(--surface); display:grid; gap:12px; }
.mfa-form .field { width:100%; max-width:560px; margin:0; }
.mfa-form h2, .mfa-form h3, .mfa-form p { margin:0; }
.mfa-form .btn { justify-self:start; }
.mfa-state { font-weight:600; }
.mfa-codes { white-space:pre-wrap; overflow-wrap:anywhere; padding:16px; border:1px solid var(--line); border-radius:8px; max-width:100%; user-select:all; }
.mfa-dialog { width:min(480px, calc(100vw - 32px)); padding:24px; border:1px solid var(--line); border-radius:12px; background:var(--surface); color:var(--ink); }
.mfa-dialog form { display:grid; gap:16px; }
.mfa-dialog input, .mfa-form input { width:100%; box-sizing:border-box; }

.mfa-dialog::backdrop { background:var(--scrim); }