.camera-qr-shade{z-index:25000;padding:16px;padding-bottom:max(16px,env(safe-area-inset-bottom));overscroll-behavior:contain;background:#081223cf;place-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.camera-qr-dialog{color:#162337;background:#fff;border-radius:24px;width:min(100%,480px);max-height:95dvh;padding:18px;overflow:auto;box-shadow:0 30px 90px #0005}.camera-qr-dialog header,.camera-qr-dialog footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.camera-qr-dialog h2{margin:0;font-size:20px}.camera-qr-dialog button{color:#183f70;min-width:44px;min-height:44px;font:inherit;cursor:pointer;background:#edf2fa;border:0;border-radius:12px;padding:10px 15px}.camera-qr-view{aspect-ratio:1;background:#0a1220;border-radius:18px;margin:16px 0;position:relative;overflow:hidden}.camera-qr-view video{object-fit:cover;width:100%;height:100%}.camera-qr-guide{pointer-events:none;border:3px solid #fff;border-radius:24px;position:absolute;top:16%;bottom:16%;left:16%;right:16%;box-shadow:0 0 0 90px #0003}.camera-qr-dialog p{font-size:14px;line-height:1.6}.camera-qr-dialog [role=alert]{color:#a62b25;background:#fff0ec;border-radius:12px;padding:12px}.camera-scan-button{color:#144d8a;min-height:44px;font:inherit;cursor:pointer;background:#edf5ff;border:1px solid #c6d9f4;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-weight:650;display:inline-flex}.waiver-gate>.camera-scan-button{width:100%;margin:12px 0}.wristband-row form>.camera-scan-button{flex:none}.wristband-row form{flex-wrap:wrap}.wristband-binding{text-align:left;border-top:1px solid #e2e6ec;margin-top:18px;padding-top:16px}.wristband-binding>header{justify-content:space-between;align-items:center;gap:12px;display:flex}.wristband-header-actions{align-items:center;gap:8px;display:flex}.wristband-binding>header span{color:#287fcf;background:#eaf4ff;border-radius:14px;flex:none;padding:5px 10px;font-weight:800}.paid .wristband-header-actions>button{color:#b42f2f;background:#fff;border:1px solid #d24b4b;border-radius:7px;width:auto;margin:0;padding:7px 12px;font-weight:800}.paid .wristband-header-actions>button:disabled{opacity:.55}.wristband-binding>p{color:#687486;font-size:12px;line-height:1.5}.wristband-row{background:#f8fafc;border:1px solid #dfe5ec;border-radius:8px;grid-template-columns:minmax(180px,1fr) minmax(300px,1.3fr);align-items:center;gap:12px;margin:8px 0;padding:12px;display:grid}.wristband-row>div{flex-direction:column;min-width:0;display:flex}.wristband-row small{color:#778394;margin-top:4px}.wristband-row form{grid-template-columns:minmax(0,1fr) auto;width:100%;min-width:0;display:grid}.wristband-row input{color:#172033;pointer-events:auto;user-select:text;background:#fff;border:1px solid #8fb7df;border-radius:7px 0 0 7px;outline:0;width:100%;min-width:0;height:46px;padding:0 13px;font-size:16px;display:block}.wristband-row input:focus{z-index:1;border-color:#338fe8;position:relative;box-shadow:0 0 0 3px #338fe829}.paid .wristband-row form>button{color:#fff;white-space:nowrap;background:#338fe8;border:0;border-radius:0 7px 7px 0;width:auto;min-width:108px;height:46px;margin:0;padding:0 18px;font-weight:800;display:block}.paid .wristband-row form>button:disabled{background:#8ebce8}.wristband-row.done{background:#eefaf3;border-color:#a8d9bb}.wristband-row.done strong{color:#238256;text-align:right}.wristband-bind-error{color:#b43e3e;background:#fff0f0;margin-top:8px;padding:10px}.wristband-all-ready{color:#21784e;text-align:center;background:#e7f8ef;border-radius:6px;margin-top:10px;padding:11px;font-weight:800}@media (max-width:680px){.wristband-row{grid-template-columns:1fr}.wristband-row.done strong{text-align:left}}@media (max-width:440px){.wristband-row form{grid-template-columns:1fr;gap:8px}.wristband-row input,.paid .wristband-row form>button{border-radius:7px;width:100%}}.wristband-colour select{min-width:130px;max-width:310px;font:inherit;color:inherit;background:#fff;border:1px solid #cbd6df;border-radius:6px;padding:6px}.wristband-colour select:disabled{opacity:.6}@media (max-width:600px){.wristband-colour select{max-width:220px}}
