/* why: QR sign-in block under the passkey button; hairline separator, no card */
.qr-block { margin-top: 40px; padding-top: 24px; border-top: 1px solid var(--line); }
.qr-label { font: 600 13px/1.4 var(--sans); color: var(--ink-2); margin: 0 0 16px; text-transform: none; }
.qr-frame { width: 200px; height: 200px; background: var(--surface); border: 1px solid var(--line); border-radius: 4px; }
.qr-frame svg { display: block; width: 100%; height: 100%; }
.qr-frame.dead { opacity: 0.25; }
.link-code-label { margin: 16px 0 4px; color: var(--ink-3); font-size: 13px; }
.link-code { font: 500 32px/1.2 ui-monospace, Menlo, Consolas, monospace; letter-spacing: 3px; color: var(--ink); }
.qr-refresh { margin-top: 16px; padding: 0; border: 0; background: none; color: var(--accent); font: inherit; cursor: pointer; }
.link-state { font-size: 20px; margin: 0; }
@media (max-width: 600px) { .qr-block { display: none; } }