.auth-panel{max-width:560px;margin:14px auto}
.auth-panel h2{margin:0 0 8px}.auth-panel form>button{margin-top:16px;width:100%}
.auth-panel[hidden],.auth-panel [hidden]{display:none!important}
.auth-panel input{font-size:16px}.auth-hint{font-size:13px;color:var(--ft-muted,#b2cbb8)}
.auth-panel button{font-weight:650;margin-top:8px}
.auth-panel .actions{gap:8px}.auth-panel .actions button{flex:1 1 150px}
.security-status{max-width:560px;margin:0 auto;color:var(--ft-ink,#f4fff7)}
.security-status:empty{display:none}.security-status[data-error=true]{border-left:4px solid var(--ft-accent,#277d47);padding:12px;background:var(--ft-surface-alt,#1b3525)}
#mfa-qr{display:block;max-width:100%;height:auto;margin:12px auto;background:white;border-radius:6px}
#mfa-secret{font-family:ui-monospace,monospace;font-size:14px;letter-spacing:.02em}
#mfa-recovery-codes{font-size:clamp(10px,2.6vw,14px);line-height:1.9;padding:12px;background:var(--ft-surface-alt,#1b3525);border:1px solid var(--ft-line,#34503b);border-radius:6px;overflow-x:auto;color:var(--ft-ink,#f4fff7)}
.recovery-saved{display:flex;align-items:center;gap:10px}.recovery-saved input{width:22px;min-height:22px;flex:none}
@media(max-width:400px){.auth-panel{padding:15px}main{padding:0 12px}}

.footer p{color:var(--ft-muted,#b2cbb8)}
.auth-panel h2:focus{outline:none}