/* Two-step verification (2026-10-16) */
#authView .auth-card.mfa-mode>:not(.mfa-panel):not(.auth-logo):not(h1){display:none!important}
.mfa-panel{display:grid;gap:12px;text-align:center}
.mfa-panel[hidden]{display:none}
.mfa-panel h2{margin:4px 0 0;font-size:18px;color:#155f65}
.mfa-panel p{margin:0;color:#475569;line-height:1.8;font-size:14px}
.mfa-code{width:100%;font-size:28px;letter-spacing:.45em;text-align:center;direction:ltr;padding:12px;border:1px solid #cbd5e1;border-radius:12px;font-variant-numeric:tabular-nums}
.mfa-code:focus{outline:3px solid rgba(21,95,101,.25);border-color:#155f65}
.mfa-help{color:#64748b;font-size:12px}
.mfa-modal{position:fixed;inset:0;z-index:1300;background:rgba(15,23,42,.45);display:flex;align-items:center;justify-content:center;padding:16px}
.mfa-modal[hidden]{display:none}
.mfa-box{width:min(440px,100%);max-height:calc(100vh - 32px);overflow:auto;background:#fff;border-radius:16px;box-shadow:0 24px 60px rgba(15,23,42,.25)}
.mfa-box header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #e2e8f0}
.mfa-box h3{margin:0;font-size:17px;color:#155f65}
.mfa-x{width:34px;height:34px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;font-size:20px;cursor:pointer}
.mfa-body{padding:16px 18px 20px;font-size:14px;line-height:1.8;color:#334155;display:grid;gap:10px}
.mfa-body p{margin:0}
.mfa-steps{margin:0;padding-inline-start:20px}
.mfa-on{color:#0f766e;font-weight:800}
.mfa-qr{display:block;width:200px;height:200px;margin:4px auto;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:8px}
.mfa-secret code{display:block;margin-top:6px;padding:8px;background:#f1f5f9;border-radius:8px;word-break:break-all;font-size:13px}
.mfa-label{font-weight:700;font-size:13px}
.mfa-actions{display:flex;gap:8px;flex-wrap:wrap}
.mfa-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 12px;padding:10px 14px;border:1px solid #f5c27a;background:#fff8ec;border-radius:12px;font-size:14px;color:#7c4a03}
.mfa-banner[hidden]{display:none}
.mfa-banner div{display:flex;gap:8px}