.gate-card{padding:18px;margin:0 0 16px;border:1px solid var(--bd,#d2ddd9);border-radius:16px;background:var(--bg2,#fff);color:var(--t1,#172c27)}
.gate-card h2{margin:0 0 10px;font-size:21px}.gate-card p{line-height:1.6}.gate-card button{padding:12px 18px;margin:5px;border:0;border-radius:10px;background:#087964;color:white;cursor:pointer;font-size:16px}.gate-card button:disabled{opacity:.45;cursor:wait}.gate-card .gate-reject{background:#a33232}.gate-card #gateNext{background:#1264a3;font-weight:700;min-width:160px}
.gate-shell{max-width:760px;margin:10px auto;padding:12px}.gate-shell header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px}.gate-shell header h2{font-size:18px;margin:0}.gate-shell header button{padding:8px 12px;font-size:13px;margin:0}.gate-camera{width:100%;max-height:300px;background:#13241e;border-radius:14px;object-fit:cover}.gate-person{display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap;margin-top:6px}.gate-person img{width:220px;max-width:100%;height:240px;object-fit:contain;border-radius:12px;background:#eef3f0}.gate-status{min-height:22px;padding:9px;border-radius:10px;background:#edf4ef;color:#1d4433;margin:8px 0}.gate-status[data-error="true"]{background:#ffebeb;color:#922}
.gate-overlay{position:fixed;inset:0;background:#081810d9;z-index:99999;display:flex;align-items:center;justify-content:center;padding:16px}.gate-dialog{background:white;color:#153429;max-width:450px;width:100%;padding:22px;border-radius:20px;text-align:center}.gate-qr{position:relative;width:280px;max-width:100%;margin:16px auto;background:white}.gate-qr img{display:block;width:100%;image-rendering:pixelated}.gate-scanline{pointer-events:none;position:absolute;left:0;right:0;height:2px;background:#11b47b;box-shadow:0 0 7px #11b47b;animation:gate-scan 2s ease-in-out infinite}.gate-count{font-size:26px;font-weight:bold;font-variant-numeric:tabular-nums}.gate-note{font-size:13px;color:#52695e}.gate-dialog input{display:block;width:100%;box-sizing:border-box;padding:12px;margin:10px 0;border:1px solid #bdcec3;border-radius:8px}.gate-dialog label{display:block;text-align:left}
@keyframes gate-scan{0%,100%{top:5%}50%{top:95%}}
@media (max-width:600px){
  .gate-shell{margin:4px auto;padding:8px;border-radius:12px}
  .gate-shell header h2{font-size:16px;line-height:1.15;max-width:190px}
  .gate-shell header button{font-size:12px;padding:7px 10px}
  .gate-shell>p{font-size:12px;line-height:1.35;margin:5px 0}
  .gate-camera{height:190px;max-height:190px}
  .gate-shell>div button{font-size:13px;padding:9px 10px;margin:3px 1px}
  .gate-status{font-size:12px;line-height:1.25;margin:5px 0;padding:7px}
  .gate-person{display:flex;flex-wrap:nowrap;gap:9px;align-items:center;margin:4px 0}
  .gate-person img{width:125px;height:145px;flex:0 0 125px;border-radius:8px}
  .gate-person h2{font-size:17px;margin:0 0 4px}
  .gate-person p{font-size:12px;margin:3px 0}
  #gateReviewCount{font-size:12px;margin:3px 0}
  #gatePerson button{font-size:14px;padding:10px 12px;margin:3px 1px}
  #gateNext{display:inline-block;min-width:130px}
}