.mfa-panel{width:min(440px,100%);max-height:calc(100dvh - 40px);overflow-y:auto}
.mfa-panel h2{margin:0 0 12px;color:#17324d;font-size:1.45rem}
.mfa-panel p{line-height:1.5}
.mfa-panel label{display:grid;gap:7px;margin:14px 0;text-align:left;font-weight:600}
.mfa-panel input{width:100%;min-height:46px;padding:12px;border:1px solid #b9cbd3;border-radius:10px;font:inherit}
.mfa-panel input[type=checkbox]{width:20px;min-height:20px;padding:0;flex:none}
.mfa-panel label:has(input[type=checkbox]){display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.5}
.mfa-qr{display:block;width:210px;height:210px;max-width:100%;object-fit:contain;margin:16px auto;background:#fff;border-radius:10px}
.mfa-secret{display:block;overflow-wrap:anywhere;user-select:all;padding:12px;background:#edf4f5;border-radius:8px;font-family:monospace;letter-spacing:1px;font-size:12px}
.mfa-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.mfa-actions button{min-height:44px;flex:1}
.mfa-error{display:block;min-height:20px;margin:10px 0;color:#a32c2c;font-size:13px}
.mfa-recovery-codes{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px;background:#edf4f5;border-radius:10px;white-space:pre-wrap;font-family:monospace;user-select:all}
.legacy-drafts-notice{max-width:1100px;margin:15px auto;padding:18px;background:#fff7e6;border:1px solid #e1bd76;border-radius:12px;color:#674400}
.legacy-drafts-notice h3{margin:0 0 8px;font-size:16px}
.legacy-drafts-notice p{margin:8px 0;line-height:1.5}
.legacy-drafts-notice button{margin:6px 8px 0 0;min-height:44px}
@media(max-width:520px){.mfa-panel{padding:20px}.mfa-actions{flex-direction:column}.mfa-recovery-codes{grid-template-columns:1fr}.legacy-drafts-notice{margin:12px}}