/*
 * QR Pantry sign-in, 1.0.0 (accounts/SPEC.md 4.10; printed by qrp-auth-ui.php,
 * whose QRP_AUTH_UI_VERSION is this file's ?ver=). The component sits on
 * Botiga pages (/log-in/, /register/, /reset-password/, /setup/, checkout),
 * on the old app pages and on the card page, so it matches /log-in/'s own
 * look (black buttons, 8px corners) and pins every property Botiga touches
 * on a button with !important, in every state (CLAUDE.md, Theme). No
 * animation anywhere, so there is nothing for Reduce Motion to freeze. The
 * dark block is the last section, keyed on html.qrp-dark inside @media
 * screen, each shared token read with a literal fallback (the card page has
 * no token block).
 */
.qrp-si{display:block;max-width:520px;margin:0 auto;min-height:230px;text-align:left;font-size:16px;line-height:1.5;color:#111827;box-sizing:border-box}
.qrp-si.is-ready{min-height:0}
.qrp-si *,.qrp-si *::before,.qrp-si *::after{box-sizing:border-box}
.qrp-si-box{display:block}
.qrp-si-form{margin:0;padding:0;border:0}
.qrp-si p.qrp-si-lead{margin:0 0 14px !important;max-width:none !important;font-size:16px;line-height:1.5 !important;color:#111827}
.qrp-si p.qrp-si-ctx{margin:0 0 14px !important;max-width:none !important;padding:10px 12px;border-radius:10px;background:#f3f4f6;color:#111827;font-size:15px;font-weight:600;line-height:1.45 !important}
.qrp-si-field{margin:0 0 14px}
.qrp-si-field label{display:block;margin:0 0 6px;font-size:14px;font-weight:700;line-height:1.3;color:#111827;text-transform:none;letter-spacing:normal}
.qrp-si .qrp-si-field input{display:block !important;width:100% !important;max-width:none !important;height:auto !important;min-height:50px !important;margin:0 !important;padding:12px 14px !important;border:1.5px solid #d1d5db !important;border-radius:10px !important;background:#ffffff !important;color:#111827 !important;font-family:inherit !important;font-size:16px !important;line-height:1.3 !important;letter-spacing:normal !important;box-shadow:none !important;outline:none !important;-webkit-appearance:none;appearance:none}
.qrp-si .qrp-si-field input:focus{border-color:#111111 !important;box-shadow:0 0 0 3px rgba(17,17,17,.14) !important}
.qrp-si .qrp-si-code input{font-size:26px !important;font-weight:700 !important;letter-spacing:.32em !important;text-align:center !important;font-variant-numeric:tabular-nums}
.qrp-si-tuck-wrap{height:0;overflow:hidden;margin:0 !important;opacity:0}
.qrp-si-tuck-wrap.is-open{height:auto;overflow:visible;margin:0 0 14px !important;opacity:1}
.qrp-si label.qrp-si-check{display:flex !important;align-items:center;gap:10px;margin:0 0 14px;font-size:15px;font-weight:400;line-height:1.4;color:#111827;cursor:pointer;text-transform:none;letter-spacing:normal}
.qrp-si .qrp-si-check input{width:20px !important;height:20px !important;min-height:0 !important;margin:0 !important;flex:0 0 auto;accent-color:#111111}
.qrp-si-ts{margin:0}
.qrp-si-ts:not(:empty){margin:0 0 12px}
.qrp-si p.qrp-si-msg{margin:0 0 12px !important;max-width:none !important;font-size:15px;line-height:1.45 !important}
.qrp-si p.qrp-si-msg:empty{display:none}
.qrp-si p.qrp-si-msg.is-error{color:#b42318}
.qrp-si p.qrp-si-msg.is-info{color:#374151}
.qrp-si p.qrp-si-hint,.qrp-si p.qrp-si-resend,.qrp-si p.qrp-si-note{margin:12px 0 0 !important;max-width:none !important;font-size:14px;line-height:1.45 !important;color:#4b5563}
.qrp-si p.qrp-si-note{margin:0 0 18px !important}
.qrp-si p.qrp-si-resend:empty{display:none}
.qrp-si-links{display:flex;flex-wrap:wrap;gap:8px 20px;margin:16px 0 0}
.qrp-si p.qrp-si-noscript{margin:0 !important;color:#b42318}
.qrp-si .qrp-si-btn,.qrp-si .qrp-si-btn:hover,.qrp-si .qrp-si-btn:focus,.qrp-si .qrp-si-btn:active,.qrp-si .qrp-si-btn:visited{display:block !important;width:100% !important;min-width:0 !important;height:auto !important;min-height:50px !important;margin:4px 0 0 !important;padding:13px 20px !important;border:2px solid #111111 !important;border-radius:8px !important;background:#111111 !important;color:#ffffff !important;font-family:inherit !important;font-size:16px !important;font-weight:700 !important;line-height:1.2 !important;letter-spacing:normal !important;text-transform:none !important;text-decoration:none !important;text-align:center !important;box-shadow:none !important;transform:none !important;cursor:pointer !important;opacity:1 !important}
.qrp-si .qrp-si-btn:hover{background:#333333 !important;border-color:#333333 !important}
.qrp-si .qrp-si-btn:focus-visible{outline:3px solid rgba(17,17,17,.35) !important;outline-offset:2px !important}
.qrp-si .qrp-si-btn[disabled],.qrp-si .qrp-si-btn[disabled]:hover{opacity:.6 !important;cursor:progress !important;background:#111111 !important;border-color:#111111 !important}
.qrp-si .qrp-si-btn.qrp-si-btn-quiet,.qrp-si .qrp-si-btn.qrp-si-btn-quiet:hover,.qrp-si .qrp-si-btn.qrp-si-btn-quiet:focus,.qrp-si .qrp-si-btn.qrp-si-btn-quiet:active,.qrp-si .qrp-si-btn.qrp-si-btn-quiet:visited{margin-top:10px !important;background:#ffffff !important;color:#111111 !important;border-color:#111111 !important}
.qrp-si .qrp-si-link,.qrp-si .qrp-si-link:hover,.qrp-si .qrp-si-link:focus,.qrp-si .qrp-si-link:active,.qrp-si .qrp-si-link:visited{display:inline !important;width:auto !important;min-width:0 !important;height:auto !important;min-height:0 !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:none !important;color:#111111 !important;font-family:inherit !important;font-size:15px !important;font-weight:700 !important;line-height:1.5 !important;letter-spacing:normal !important;text-transform:none !important;text-decoration:underline !important;text-underline-offset:2px !important;text-align:left !important;box-shadow:none !important;transform:none !important;cursor:pointer !important}
.qrp-si .qrp-si-link:focus-visible{outline:2px solid rgba(17,17,17,.4) !important;outline-offset:2px !important}
.qrp-si p.qrp-si-note .qrp-si-link{font-size:14px !important}
form.qrp-si-woo{margin:0 0 20px}
body.qrp-si-page{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;background:#f6f6f3;color:#111827;font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.qrp-si-card-wrap{width:100%;max-width:440px;padding:26px 24px;border:1px solid rgba(17,24,39,.1);border-radius:18px;background:#ffffff;box-sizing:border-box}
.qrp-si-mark{margin:0 0 14px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(17,24,39,.64)}
.qrp-si-card-wrap .qrp-si{min-height:120px}
@media screen{
html.qrp-dark .qrp-si,html.qrp-dark .qrp-si p.qrp-si-lead,html.qrp-dark .qrp-si-field label,html.qrp-dark .qrp-si label.qrp-si-check{color:var(--qrp-ink,#e8eaee)}
html.qrp-dark .qrp-si p.qrp-si-ctx{background:var(--qrp-well,rgba(255,255,255,.06));color:var(--qrp-ink,#e8eaee)}
html.qrp-dark .qrp-si .qrp-si-field input{background:var(--qrp-card-2,#1f242b) !important;color:var(--qrp-ink,#e8eaee) !important;border-color:var(--qrp-line-2,rgba(255,255,255,.24)) !important}
html.qrp-dark .qrp-si .qrp-si-field input:focus{border-color:var(--qrp-ink,#e8eaee) !important;box-shadow:0 0 0 3px rgba(255,255,255,.14) !important}
html.qrp-dark .qrp-si .qrp-si-check input{accent-color:#e8eaee}
html.qrp-dark .qrp-si .qrp-si-btn,html.qrp-dark .qrp-si .qrp-si-btn:hover,html.qrp-dark .qrp-si .qrp-si-btn:focus,html.qrp-dark .qrp-si .qrp-si-btn:active,html.qrp-dark .qrp-si .qrp-si-btn:visited,html.qrp-dark .qrp-si .qrp-si-btn[disabled]{background:#e8eaee !important;border-color:#e8eaee !important;color:#111827 !important}
html.qrp-dark .qrp-si .qrp-si-btn:focus-visible{outline-color:rgba(255,255,255,.45) !important}
html.qrp-dark .qrp-si .qrp-si-btn.qrp-si-btn-quiet,html.qrp-dark .qrp-si .qrp-si-btn.qrp-si-btn-quiet:hover,html.qrp-dark .qrp-si .qrp-si-btn.qrp-si-btn-quiet:focus,html.qrp-dark .qrp-si .qrp-si-btn.qrp-si-btn-quiet:active,html.qrp-dark .qrp-si .qrp-si-btn.qrp-si-btn-quiet:visited{background:transparent !important;color:var(--qrp-ink,#e8eaee) !important;border-color:var(--qrp-line-2,rgba(255,255,255,.24)) !important}
html.qrp-dark .qrp-si .qrp-si-link,html.qrp-dark .qrp-si .qrp-si-link:hover,html.qrp-dark .qrp-si .qrp-si-link:focus,html.qrp-dark .qrp-si .qrp-si-link:visited{color:var(--qrp-ink,#e8eaee) !important}
html.qrp-dark .qrp-si p.qrp-si-hint,html.qrp-dark .qrp-si p.qrp-si-resend,html.qrp-dark .qrp-si p.qrp-si-note{color:var(--qrp-sub,#a4abb6)}
html.qrp-dark .qrp-si p.qrp-si-msg.is-error{color:#f97066}
html.qrp-dark .qrp-si p.qrp-si-msg.is-info{color:var(--qrp-ink-2,#c9ced6)}
html.qrp-dark body.qrp-si-page{background:var(--qrp-bg,#0f1216);color:var(--qrp-ink,#e8eaee)}
html.qrp-dark .qrp-si-card-wrap{background:var(--qrp-card,#181c22);border-color:var(--qrp-line,rgba(255,255,255,.1))}
html.qrp-dark .qrp-si-mark{color:var(--qrp-sub,#a4abb6)}
}