.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.security-grid .panel{height:100%}.security-grid .panel>p,.recovery-panel>p{color:var(--muted);margin-top:0}.totp-qr-wrap{display:grid;justify-items:center;gap:10px;margin:20px 0;padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}.totp-qrcode{box-sizing:content-box;width:232px;height:232px;padding:12px;border:1px solid #d9dee8;border-radius:10px;background:#fff}.totp-qrcode canvas,.totp-qrcode img,.totp-qrcode svg{display:block;width:232px!important;height:232px!important}.totp-qr-hint{margin:0;text-align:center;color:var(--muted)}.totp-qr-error{margin:0;color:var(--danger);text-align:center}.manual-setup{margin-top:16px;padding-top:4px}.manual-setup>summary{font-weight:750}.manual-setup>label{margin-top:14px}.secret-key{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:17px;letter-spacing:.08em}.uri-code{display:block;margin-top:12px;padding:12px;background:var(--soft);border-radius:8px;overflow-wrap:anywhere;font-size:12px}.recovery-panel{margin-bottom:22px;border-color:#a7e0ba;background:#f1fcf5}.recovery-codes{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:4px 0 8px}.recovery-codes code{padding:10px;border:1px solid #b9ddc5;border-radius:7px;background:#fff;text-align:center;font-size:15px;font-weight:750}.secondary-button{border:1px solid var(--line);border-radius:9px;background:#fff;padding:10px 14px;font-weight:700;cursor:pointer}.danger-panel{border-color:#ffcbd3}.danger-button{border:0;border-radius:9px;background:var(--danger);color:#fff;padding:11px 17px;font-weight:750;cursor:pointer}.danger-button:hover{filter:brightness(.9)}details{margin-top:10px}summary{cursor:pointer;color:var(--muted)}
@media(max-width:850px){.security-grid{grid-template-columns:1fr}.recovery-codes{grid-template-columns:repeat(2,1fr)}}
@media(max-width:420px){.totp-qrcode{width:200px;height:200px}.totp-qrcode canvas,.totp-qrcode img,.totp-qrcode svg{width:200px!important;height:200px!important}}
@media print{.admin-topbar,.page-heading,.security-grid,.notice,.secondary-button{display:none!important}.admin-main{padding:0}.recovery-panel{display:block;border:0}.recovery-codes{grid-template-columns:repeat(2,1fr)}}