.gate-banner{display:flex;align-items:center;gap:24px;padding:28px;margin:18px 0 24px;border:1px solid #e2e4ec;border-left:6px solid var(--gate-color);border-radius:18px;background:#fff;color:#172033;overflow-wrap:anywhere}.gate-banner img{width:112px;height:90px;object-fit:contain;background:#fff;border-radius:12px;padding:8px}.gate-banner h2{margin:6px 0;font-size:25px}.gate-banner p{margin:0;color:#606878}.gate-banner small{letter-spacing:1px;font-size:10px}.gate-brand{font-weight:900;font-size:32px;color:var(--gate-color);white-space:nowrap}.gate-brand small{display:block;letter-spacing:3px;font-size:16px}.gate-custom .checkin-grid .primary{background:var(--gate-color);color:var(--gate-ink,#fff);box-shadow:none}.gate-dark .gate-banner,.gate-dark .checkin-grid>.panel,.gate-dark .gate-event-panel{background:#182235;color:#f1f5fc;border-color:#33415a}.gate-dark .gate-banner p,.gate-dark .hint,.gate-dark .empty p,.gate-dark .empty h3,.gate-dark .checkin-result>p,.gate-dark .checkin-result dt{color:#c2ccdf}.gate-dark input,.gate-dark select{background:#101827;color:#f1f5fc;border-color:#45536d}.gate-dark .checkin-result dd{color:#f1f5fc}#gateStylePreview .gate-banner{margin:0}#gateStylePreview{border-radius:18px}#modalForm input[type=color]{width:100%;height:46px;padding:5px}@media(max-width:600px){.gate-banner{gap:14px;padding:18px}.gate-banner img{width:80px;height:72px}.gate-banner h2{font-size:20px}.gate-brand{font-size:25px}.gate-custom .page-heading{flex-wrap:wrap;gap:12px}}
.gate-custom .gate-event-panel>div{background:var(--gate-color);color:var(--gate-ink,#fff);padding:14px 18px;border-radius:12px}.gate-custom .gate-event-panel .eyebrow,.gate-custom .gate-event-panel strong{color:var(--gate-ink,#fff)}