/* Page-specific styles for the sign-in and back office pages (kept out of the HTML for the content security policy). */
body[data-state="checking"] main { visibility: hidden; }
.qr { display: flex; justify-content: center; background: #fff; border: 1px solid var(--line); border-radius: 10px; padding: 14px; }
.qr img { width: 180px; height: 180px; display: block; }
.secret { font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 13px; word-break: break-all; background: #fff; border: 1px solid var(--line); border-radius: 8px; padding: 8px 10px; user-select: all; }
ol.steps { margin: 0; padding-left: 20px; color: var(--muted); font-size: 14px; display: flex; flex-direction: column; gap: 4px; }
input.code { font-size: 22px; letter-spacing: .3em; text-align: center; font-variant-numeric: tabular-nums; }
.card[hidden] { display: none !important; }