/* Striper Tracker logo-derived visual theme: CSS only */
:root{--bg:#061626;--panel:#092b44;--line:#276681;--muted:#b0c7d4;--text:#f5f9ff;--lime:#54d8e9;--green:#69d9df}
body{background:#061626;color:#f5f9ff}
.topbar{background:linear-gradient(90deg,#051321,#082e4b);border-bottom-color:#247092}
.sidebar{background:linear-gradient(180deg,#08283f,#061b2c);border-right-color:#28627b}
.brand-icon{color:#6be6ef}.accent{color:#67dcf1}
.eyebrow{color:#76cfe7}
.status i{background:#55d8df;box-shadow:0 0 12px #55d8df77}
.brand-logo{width:51px;height:51px;object-fit:contain;border-radius:50%;flex:none;filter:drop-shadow(0 0 5px #39bee055)}
.paylogo .pay-logo-image{width:110px;height:110px;object-fit:contain;border-radius:50%;filter:drop-shadow(0 5px 18px #44c5e655)}
.moon-widget{border-color:#32718b}
#stationCard .metrics>div:has(#cardMoon){background:linear-gradient(145deg,#071a2d,#0a3654);border:1px solid #347f98;border-radius:12px}
.town-moon-body{display:flex;align-items:center;gap:12px;margin:9px 0;min-width:0}
.town-moon-disc{width:66px;height:66px;flex:none;border-radius:50%;background:#071828;box-shadow:0 0 18px #4bbfe044,inset 0 0 8px #03101a}
.town-moon-disc svg{width:66px;height:66px}
.town-moon-info{display:flex;flex-direction:column;gap:3px;min-width:0}
.town-moon-info #cardMoon{font-size:clamp(16px,2vw,23px);line-height:1.15}
.town-moon-info #cardMoonPercent{font-size:12px;color:#8bdff2}
.town-moon-info #townMoonName{font-size:11px;color:#b2cbdb}
.town-moon-cycle{position:relative;display:flex;justify-content:space-between;gap:4px;padding-top:12px;margin-top:6px;border-top:2px solid #2d6c86;color:#b9cbd7;font-size:9px;white-space:nowrap}
.town-moon-cycle i{position:absolute;top:-6px;left:0%;width:10px;height:10px;border-radius:50%;background:#5dd9ec;box-shadow:0 0 8px #5dd9ec;transform:translateX(-50%)}
@media(max-width:520px){.brand-logo{width:39px;height:39px}.town-moon-disc,.town-moon-disc svg{width:56px;height:56px}.town-moon-body{gap:8px}}

/* Approved 2026-10-16: Town conditions panel ONLY. Water map untouched. */
#stationCard.station-card{background:#071d31ed;border-color:#a8bfce;box-shadow:0 18px 70px #000b,inset 0 1px 0 #d3e2e533}
#stationCard .metrics>div{background:linear-gradient(145deg,#081f34,#0a304b);border:1px solid #9bb4c5;border-radius:12px;box-shadow:inset 0 1px 0 #ffffff16}
#stationCard .metrics>div:has(#cardMoon){background:linear-gradient(145deg,#071a2d,#0a3654);border-color:#b3c6d3}
#stationCard .tide-row{background:linear-gradient(155deg,#08253c,#0a304a);border-color:#a2b9c9}
#stationCard .next-tide{background:linear-gradient(145deg,#0b2841,#103b56);border-color:#91aaba}
#stationCard .next-tide.high,#stationCard .next-tide.low{border-color:#9bb4c5}
#stationCard .card-score{background:#0c2a43;border-color:#8ea9bb}
#stationCard .window{border-top-color:#748fa3}