.totp-setup-card{display:grid;grid-template-columns:minmax(160px,220px) minmax(0,1fr);gap:1rem;align-items:start;margin:1rem 0;padding:1rem;border:1px solid #e9ecef;border-radius:.9rem;background:#f8fbfd}.totp-setup-preview{display:grid;gap:.65rem;justify-items:center}.totp-setup-qr{width:min(220px,100%);aspect-ratio:1;background:linear-gradient(135deg,#f4f8fb,#fff);border:1px solid #d6e3ed;border-radius:.85rem;padding:.75rem;display:grid;place-items:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}.totp-setup-qr svg{display:block;width:100%;height:auto}.totp-setup-status{margin:0;font-size:.92rem;line-height:1.4;color:#4c6475;text-align:center}.totp-setup-content h3{margin:0 0 .4rem;color:var(--pri);font-size:1rem}.totp-setup-content p{margin:.2rem 0 .85rem;color:#495057}.totp-setup-inline{display:flex;gap:.65rem;align-items:flex-start}.totp-setup-inline input,.totp-setup-inline textarea{flex:1 1 auto;min-width:0}.totp-setup-inline .site-btn{flex:0 0 auto;white-space:nowrap}.totp-setup-inline-stack{align-items:stretch}.totp-setup-inline-stack .site-btn{align-self:flex-start}.totp-setup-manual{margin-top:.85rem;padding-top:.85rem;border-top:1px dashed #d6e3ed}.totp-setup-manual summary{cursor:pointer;font-weight:600;color:var(--pri)}.totp-setup-manual[open] summary{margin-bottom:.65rem}.totp-setup-card small{display:block;margin-top:.35rem;color:#667884;line-height:1.4}.totp-setup-qr[data-state="error"]{border-color:#f1c0c7;background:#fff7f8}@media(max-width:720px){.totp-setup-card{grid-template-columns:1fr}.totp-setup-inline{flex-direction:column}.totp-setup-inline .site-btn{width:100%}.totp-setup-qr{max-width:220px}}