.mfa-security{max-width:1040px}.mfa-security>p,.mfa-login p{line-height:1.65}.mfa-security form,.mfa-security .mfa-actions{margin-top:22px}.mfa-security form>.field{max-width:390px}.mfa-enrollment{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;align-items:center;margin:24px 0}.mfa-qr{padding:8px;background:#fff;border-radius:12px;max-width:220px}.mfa-qr svg{display:block;width:100%;height:auto}.mfa-enrollment details{margin-top:16px}.mfa-enrollment summary{cursor:pointer}.mfa-secret{display:block;overflow-wrap:anywhere;letter-spacing:.08em;margin:12px 0;padding:12px;border:1px solid var(--border,#dce2db);border-radius:8px}.mfa-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.mfa-error{color:#ce5252;min-height:1.5em;line-height:1.5}.mfa-policy-note{font-weight:600}.mfa-recovery-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:22px 0}.mfa-recovery-list code{padding:12px;border:1px solid var(--border,#dce2db);border-radius:8px;text-align:center;overflow-wrap:anywhere}.mfa-admin-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--border,#dce2db);padding-top:20px;margin-top:20px}.mfa-admin-summary p{margin:6px 0 0}.login-card.mfa-login{max-width:760px;width:min(760px,100%);box-sizing:border-box}.mfa-login .button{margin-top:10px}.mfa-login .mfa-actions .button{width:auto}.mfa-login form>.field{margin-top:18px}.mfa-security .icon{vertical-align:middle}.mfa-security .card-header{padding:0}.mfa-security .card-header h2{display:flex;align-items:center;gap:10px}[data-theme=dark] .mfa-error{color:#ff9c9c}@media(max-width:600px){.mfa-enrollment{grid-template-columns:1fr;gap:16px}.mfa-qr{margin:auto}.mfa-recovery-list{grid-template-columns:1fr}.mfa-actions>.button{flex:1 1 auto}}
.mfa-security>.toggle-row,.mfa-admin-summary .toggle-row{justify-content:flex-start;gap:12px}
.mfa-code-field{gap:12px;min-width:0;max-width:360px}.mfa-digits{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;width:100%;min-width:0}:is(#content,#portal-dialog) .mfa-code-field input.mfa-digit{box-sizing:border-box;width:100%;min-width:0;height:58px;padding:0;border:1.5px solid var(--line,#dce2db);border-radius:15px;background:var(--bg,#f7f9f5);color:var(--ink,#283224);font-size:24px;font-weight:600;text-align:center;caret-color:#639a45;box-shadow:none;transition:border-color .15s,box-shadow .15s}:is(#content,#portal-dialog) .mfa-code-field input.mfa-digit:focus{outline:none;border-color:#639a45;box-shadow:0 0 0 3px #639a4524}:is(#content,#portal-dialog) .mfa-code-field.is-complete .mfa-digit{border-color:#639a45}:is(#content,#portal-dialog) .mfa-code-field input.mfa-digit[readonly]{opacity:.7;cursor:wait}.mfa-code-mode{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted,#63725d);margin:0!important;padding:4px 0!important}.mfa-code-mode:hover{color:var(--ink,#283224)}.mfa-code-mode .icon{width:14px;height:14px}.mfa-recovery-entry{display:flex;flex-direction:column;gap:8px}.mfa-recovery-entry input{width:100%;box-sizing:border-box}.mfa-code-field [hidden]{display:none!important}.mfa-login .mfa-code-field{width:min(100%,360px);margin-inline:auto}html[data-theme=dark] :is(#content,#portal-dialog) .mfa-code-field input.mfa-digit{background:#192329;border-color:#45545c;color:#e0e7ea}html[data-theme=dark] :is(#content,#portal-dialog) .mfa-code-field input.mfa-digit:focus,[data-theme=dark] :is(#content,#portal-dialog) .mfa-code-field.is-complete .mfa-digit{border-color:#8abb6a}@media(max-width:400px){.mfa-digits{gap:7px}:is(#content,#portal-dialog) .mfa-code-field input.mfa-digit{height:48px;border-radius:12px;font-size:21px}}
