/* Netiza / Boston Food Safety: blues from the logo. Loaded after the built-in styles, so these win. */
:root{
  --navy:#0A2A5C; --navy2:#123a78; --ink:#0A2A5C; --muted:#5f6878; --line:#e3e8f0; --bg:#f2f5f9;
  --gold:#5AA2FF; --gold2:#A9CBFF; --golddk:#004CA8;
  /* manager pages */
  --accent:#A9CBFF;
}
.logo{height:72px;border-radius:12px}
.hero::before{background:radial-gradient(circle,rgba(0,76,168,.55),rgba(0,76,168,0) 65%)}
.hero::after{background:linear-gradient(90deg,transparent,rgba(90,162,255,.7),transparent)}
.tag{color:#fff;border-color:rgba(255,255,255,.5)}
.shift{border-color:rgba(169,203,255,.35)}
.shift i{background:var(--gold);box-shadow:0 0 0 3px rgba(90,162,255,.25)}
.time .sec{color:var(--gold2)}
.ring{background:conic-gradient(#004CA8,#5AA2FF,#A9CBFF,#004CA8)}
.ring.live{background:#004CA8}
input.pin:focus{box-shadow:0 0 0 5px rgba(0,76,168,.25)}
.steps .n{color:#fff}
.st-out .status{background:#004CA8;color:#fff}
.hours b{color:#A9CBFF}
.thumb,.photos img{border-color:#004CA8}
.full{background:#dce9fb}
.top b i{background:#A9CBFF;color:#0A2A5C}