.security-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0}.security-grid .card{margin:0;min-width:0}.security-grid h2{font-size:20px;line-height:1.5}.security-grid .button{margin:6px 6px 6px 0}.security-badge{display:inline-block;font-size:12px;line-height:1.5;border-radius:20px;padding:3px 9px;font-weight:500;vertical-align:middle}.security-badge.is-on{color:#12613c;background:#e3f5ea}.security-badge.is-pending{color:#805c10;background:#fff4d4}.security-qr{background:white;padding:12px;display:inline-block;max-width:100%}.security-qr canvas,.security-qr img{max-width:100%;height:auto}.security-recovery{white-space:pre-wrap;word-break:break-word;background:#f3f7fc;padding:16px;font-size:16px}.security-grid details{margin:18px 0}.security-grid summary{cursor:pointer;min-height:44px;padding:12px 0}.security-overlay{position:fixed;z-index:10000;inset:0;background:#071c3c99;display:grid;place-items:center;padding:16px;overflow:auto}.security-dialog{position:relative;background:#fff;border-radius:12px;width:min(100%,500px);padding:28px;box-shadow:0 15px 50px #071c3c44;max-height:calc(100dvh - 32px);overflow:auto}.security-close{position:absolute;right:6px;top:6px;width:44px;height:44px;border:0;background:transparent;font-size:26px;cursor:pointer}.security-dialog input{font-size:16px;min-height:44px}.security-dialog h2{margin-top:8px}.security-grid code{word-break:break-all}.security-grid input{font-size:16px;min-height:44px}.security-grid .notice{font-size:13px}.security-login-note{font-size:13px;color:#64748b}@media(max-width:760px){.security-grid{grid-template-columns:1fr}.security-dialog{padding:24px 16px}.security-grid .button{min-height:44px}}
.security-grid button:disabled{opacity:.45;cursor:not-allowed}.security-grid input[type=checkbox]{width:20px;height:20px;min-height:20px;vertical-align:middle;margin-right:8px}