:root{--green:#08745c;--deep:#020811;--gold:#d9a13a}
.topbar{height:auto;min-height:72px;padding:0;background:#020811;border-bottom:2px solid var(--gold)}
.institutional-brand{display:block;width:min(84%,980px);height:auto;max-height:108px;object-fit:contain;object-position:left center}
.topbar .network{flex:none;margin-right:clamp(.6rem,3vw,2rem)}
.event-strip{padding:.75rem clamp(1rem,4vw,2.5rem);background:linear-gradient(135deg,#071d35,#0c2948);display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:.8rem;border-bottom:1px solid #d9a13a66}
.application-brand{width:52px;height:52px;object-fit:contain;border-radius:12px}
.event-strip>div>span{color:#e7b34d}
.event-strip p{color:#cbd9e7}
.scan-frame{border-color:#d9a13a;color:#f5c768;box-shadow:0 0 60px #163d663d inset}
.intro>span,.event-strip>div>span,.dialog-head span{color:#b77813}.form-grid input:focus,#manualQr:focus,dialog input:focus{outline-color:#d9a13a45;border-color:#b77813}.pin-box{border-color:#d9a13a;background:#fff8e9}.primary{background:#d9a13a;color:#061426}.result-overlay{background:#08745cfa;color:#fff}
.result-overlay small{display:block;max-width:min(90%,720px);margin-top:1rem;padding:.65rem .9rem;border:1px solid #ffffff55;border-radius:12px;background:#06172a66;color:#fff;font-size:clamp(.9rem,3vw,1.2rem)}
@media(max-width:650px){.topbar{min-height:0;padding:0}.institutional-brand{width:88%;max-height:82px}.topbar .network{margin-right:.35rem}.event-strip{grid-template-columns:44px minmax(0,1fr) auto;gap:.55rem}.application-brand{width:44px;height:44px}}