@import url("/static/brand-fonts.css?v=373");
:root{font-family:Arial,Helvetica,sans-serif;color:#171717;background:#f5f6f7;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-width:300px}.shell{max-width:700px;margin:auto;padding:0 12px 24px}.top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:18px 7px 14px}.brand{display:flex;align-items:center;gap:12px}.brand img{display:block;width:115px;height:auto;object-fit:contain}.brand span{font-size:10px;font-weight:800;letter-spacing:.09em;border-left:1px solid #b6b6b6;padding-left:10px}.network{font-size:12px;color:#16734a;white-space:nowrap}.network.offline{color:#b32323}.panel{background:#fff;border:1px solid #e4e6e8;border-radius:14px;padding:20px;margin-bottom:14px;box-shadow:0 2px 7px #00000008}.login{margin-top:10vh;max-width:470px;margin-left:auto;margin-right:auto}.eyebrow{font-size:11px;font-weight:800;text-transform:uppercase;color:#6a6c6f;letter-spacing:.09em}.panel h1{margin:5px 0 10px;font-size:27px}.muted,.hint{color:#656a70;font-size:13px;line-height:1.5}.hint{margin:9px 0 14px}.panel label{display:block;font-size:13px;font-weight:700;margin:14px 0 7px}.panel input,.panel select{font:inherit;color:#171717;background:#fff;border:1px solid #cbd0d6;border-radius:9px;min-height:47px;padding:10px 12px;width:100%;outline:0}.panel input:focus,.panel select:focus{border-color:#d2a700;box-shadow:0 0 0 3px #ffcc0033}button{font:inherit;font-size:14px;font-weight:800;border-radius:9px;cursor:pointer;min-height:45px;border:1px solid transparent;padding:11px 14px}button:disabled{opacity:.55;cursor:not-allowed}button.primary{background:#ffcc00;color:#171717}button.primary:hover{background:#ecc000}button.secondary{background:#fff;color:#272727;border-color:#d2d6dc}button.secondary:hover{background:#f8f8f8}.full{width:100%;margin-top:12px}.error{color:#bf2424;font-size:13px;line-height:1.4}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px}.toolbar strong{font-size:14px;overflow-wrap:anywhere}.toolbar-buttons{display:flex;flex-wrap:wrap;gap:6px}.toolbar-buttons button{font-size:12px;padding:8px;min-height:40px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px;margin-bottom:15px}.stats>div{background:#f5f6f7;border-radius:9px;padding:11px 9px;text-align:center}.stats span{display:block;font-size:11px;color:#646970;margin-bottom:3px}.stats strong{font-size:24px}.camera-box{position:relative;border-radius:13px;height:auto;aspect-ratio:4/3;max-height:360px;background:#242526;overflow:hidden;display:flex;align-items:center;justify-content:center}.camera-box video{display:none;width:100%;height:100%;object-fit:cover}.camera-box.running video{display:block}.camera-box>p{color:#fff;font-size:14px}.camera-box.running>p{display:none}.frame{position:absolute;inset:15%;pointer-events:none;display:none}.camera-box.running .frame{display:block}.frame i{width:32px;height:32px;position:absolute;border:3px solid #ffcc00}.frame i:nth-child(1){top:0;left:0;border-right:0;border-bottom:0}.frame i:nth-child(2){top:0;right:0;border-left:0;border-bottom:0}.frame i:nth-child(3){bottom:0;left:0;border-right:0;border-top:0}.frame i:nth-child(4){bottom:0;right:0;border-left:0;border-top:0}.actions{display:flex;gap:9px;margin:12px 0 19px}.actions button:first-child{flex:2}.actions button:last-child{flex:1}.manual-row{display:flex;gap:8px}.manual-row input{flex:1;min-width:0}.manual-row button{flex-shrink:0}.result{text-align:center;padding:21px 14px;margin-top:20px;border-radius:12px;border:2px solid #d4d6d8;background:#f4f5f6;min-height:146px}.result-icon{font-size:37px;font-weight:900}.result h2{font-size:26px;margin:3px 0 4px}.result p{font-size:14px;margin:5px 0 0}.result .detail{font-size:13px;margin-top:9px;line-height:1.5}.result.accepted{background:#d6fbe6;border-color:#149b58;color:#075b30}.result.used,.result.invalid{background:#ffe1e0;border-color:#c12b28;color:#8c1818}.result.waiting{color:#585d64}.history-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.history-head h2{font-size:18px}.history{font-size:13px}.history-row{border-bottom:1px solid #e9ebed;padding:11px 0;display:grid;grid-template-columns:78px 1fr;gap:9px}.history-row:last-child{border:0}.history-row time{font-variant-numeric:tabular-nums;color:#70757a}.history-row strong{display:block}.history-row small{display:block;color:#757a80;margin-top:3px}.history-row .ok{color:#087344}.history-row .bad{color:#c12824}footer{color:#9ca1a7;font-size:11px;text-align:center;margin:22px 0}@media(max-width:440px){.shell{padding:0 9px 18px}.brand img{width:94px}.brand span{font-size:9px}.panel{padding:14px}.stats{gap:4px}.stats>div{padding:9px 3px}.stats strong{font-size:20px}.stats span{font-size:10px}.result h2{font-size:23px}.manual-row button{font-size:12px;padding:8px}}

.flash[hidden]{display:none}.flash{position:fixed;inset:0;z-index:200;background:#5b6068;color:#fff;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center}.flash.accepted{background:#098445}.flash.used,.flash.invalid{background:#b52424}.flash .flash-icon{font-size:100px;font-weight:900;line-height:1}.flash h2{font-size:clamp(32px,8vw,56px);margin:16px 0 8px}.flash p{font-size:18px;line-height:1.45}.flash .flash-more{font-size:15px;font-weight:600;opacity:.95}.flash button{background:#fff;color:#222;margin-top:28px;min-width:180px;font-size:16px;min-height:54px}.flash.used button,.flash.invalid button{color:#a51616}

/* Stage 4 — accessible mobile-friendly scanner tabs and event-scoped participants. */
.gate-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 14px}
.gate-tabs button{background:#e9ebee;color:#35383c;border:1px solid #d2d6dc;font-size:14px}
.gate-tabs button.selected{background:#ffcc00;border-color:#c49d00;color:#161616}
.gate-tabs button:focus-visible{outline:3px solid #d2a700;outline-offset:2px}
.participants-title{font-size:20px;margin:2px 0 4px}
.participant-search{margin-top:15px}.participant-search .input-label{display:block;margin:0 0 7px}
.participants-count{margin:17px 0 8px;color:#666e76;font-size:13px}
.participant-card{padding:15px 0;border-bottom:1px solid #e3e6e9;min-width:0}
.participant-card:last-child{border-bottom:0}
.participant-card-heading{display:flex;align-items:start;justify-content:space-between;gap:10px}
.participant-card strong{font-size:16px;color:#1c1c1c;overflow-wrap:anywhere}
.participant-card .participant-contact{display:flex;flex-wrap:wrap;gap:4px 15px;color:#404650;font-size:13px;margin:8px 0;overflow-wrap:anywhere}
.participant-card .participant-meta{font-size:12px;color:#6a7077;overflow-wrap:anywhere}
.participant-status{flex-shrink:0;font-size:11px;font-weight:800;border-radius:30px;padding:5px 9px;background:#f0f1f3;color:#42474d}
.participant-status.used{background:#d6fbe6;color:#075b30}
.participant-status.cancelled,.participant-status.refund_pending{background:#ffe6e3;color:#9a2424}
.participants-pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:16px}
.participants-pagination button{min-width:88px}.participants-pagination span{font-size:13px;color:#666e76;text-align:center}
@media(max-width:440px){.gate-tabs{gap:6px}.gate-tabs button{font-size:12px;padding:9px 4px}.participant-card-heading{align-items:center}.participant-card .participant-contact{display:block}.participant-card .participant-contact span{display:block;margin:3px 0}}

/* v4.0: sorted, paginated scanner participants. */
.participant-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
.participant-filters label{margin:0;min-width:0}
.participant-filters select{margin-top:6px}
@media(max-width:400px){.participant-filters{grid-template-columns:1fr}}