/* Moved out of resources/views/partials/qr-signin.blade.php on 2026-10-11 so browsers cache it.
   Edit THIS file; the partial links it with ?v=<mtime>. */
.qrs-open { display: none; width: 100%; margin-top: 10px; padding: 12px 14px; border-radius: 14px; border: 1px solid rgba(255,255,255,.35); background: rgba(255,255,255,.12); color: #fff; font-size: 15px; font-family: inherit; cursor: pointer; align-items: center; justify-content: center; gap: 8px; }
.qrs-open:hover { background: rgba(255,255,255,.2); }
.qrs-open svg { width: 20px; height: 20px; }
.qrs-hint { display: none; margin: 8px 0 0; font-size: 12.5px; color: #ffe8b0; text-align: center; }
.qrs-veil { position: fixed; inset: 0; z-index: 3000; display: none; align-items: center; justify-content: center; padding: 16px; background: rgba(4, 12, 30, .72); }
.qrs-veil.is-on { display: flex; }
.qrs-box { position: relative; width: min(440px, 100%); border-radius: 22px; background: #fff; color: #0f172a; padding: 22px 22px 18px; text-align: center; font-family: 'Noto Sans Lao', 'Noto-Sans-Lao', sans-serif; }
.qrs-box h3 { margin: 0 0 6px; font-size: 19px; }
.qrs-box p { margin: 0; font-size: 14px; color: #475569; line-height: 1.6; }
.qrs-qr { width: 230px; height: 230px; margin: 14px auto 8px; border-radius: 12px; border: 1px solid #e2e8f0; padding: 6px; background: #fff; display: flex; align-items: center; justify-content: center; }
.qrs-qr img { width: 100%; height: 100%; image-rendering: pixelated; }
.qrs-num { margin: 6px 0 4px; font-size: 13.5px; color: #334155; }
.qrs-num b { display: inline-block; margin-left: 6px; padding: 2px 14px; border-radius: 12px; background: #1d4ed8; color: #fff; font-size: 30px; letter-spacing: 2px; vertical-align: middle; }
.qrs-steps { text-align: left; margin: 10px 0 6px; padding-left: 1.2em; font-size: 13.5px; color: #334155; line-height: 1.6; }
.qrs-state { min-height: 22px; margin-top: 8px; font-size: 14px; color: #1d4ed8; }
.qrs-state.bad { color: #b91c1c; }
.qrs-state.ok { color: #15803d; }
.qrs-actions { display: flex; justify-content: center; gap: 10px; margin-top: 12px; }
.qrs-actions button { padding: 9px 16px; border-radius: 10px; border: 1px solid #cbd5e1; background: #f1f5f9; color: #0f172a; font-size: 14px; font-family: inherit; cursor: pointer; }
.qrs-x { position: absolute; top: 10px; right: 10px; width: 36px; height: 36px; border-radius: 50%; border: 0; background: #f1f5f9; color: #334155; font-size: 22px; line-height: 1; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.qrs-x:hover { background: #e2e8f0; color: #0f172a; }
.qrs-x svg { width: 18px; height: 18px; }
.qrs-actions .qrs-new { background: #2563eb; border-color: #2563eb; color: #fff; }