/* Tonka Explorer v2 — css/wq.css (owner: wq agent). Info › Water quality by bay. Loaded after app.css; reuses
   .row/.ic/.nm/.sub/.rt/.lede/.linkrow/.placeholder/.status-* from app.css and the --ok/--warn/--bad tokens
   (this is a list, not the chart, so the --bad token is allowed here). */
.wq-legend{display:flex;flex-wrap:wrap;gap:6px 14px;padding:0 16px 10px;font:600 12px/1.3 var(--font);color:var(--mute)}
.wq-legend span{display:inline-flex;align-items:center;gap:6px}
.wq-legend i{width:14px;height:14px;border-radius:4px;border:1px solid var(--line);background:var(--card);flex:none}
.wq-legend i.ok{background:var(--ok);border-color:var(--ok)}
.wq-legend i.warn{background:var(--warn);border-color:var(--warn)}
.wq-legend i.bad{background:var(--bad);border-color:var(--bad)}
.wq-legend i.none{background:#8A96A0;border-color:#8A96A0}
.wq-status{padding:0 16px 10px;font:600 13px/1.35 var(--font);min-height:18px}
.wq-status.wq-err{color:var(--warn)}
@media (prefers-reduced-motion:no-preference){.wq-status.wq-busy{animation:wqpulse 1.4s ease-in-out infinite}}
@keyframes wqpulse{0%,100%{opacity:1}50%{opacity:.45}}
.wq-list{background:var(--card)}
.wq-list .row.wq-row{min-height:72px}
.wq-list .wq-row:last-child{border-bottom:1px solid var(--line)}
.wq-g{font:700 22px var(--font);color:#fff;letter-spacing:.02em;background:#8A96A0}
.wq-g.ok{background:var(--ok)}
.wq-g.warn{background:var(--warn)}
.wq-g.bad{background:var(--bad)}
.wq-g.none{background:#8A96A0}
.wq-row .nm{font:600 17px/1.15 var(--font)}
.wq-row .sub.wq-bays{color:var(--navy-2);font-weight:600;font-size:12px}
.wq-row .sub a{color:var(--navy-2);font-weight:600;text-decoration:underline;text-underline-offset:2px;white-space:nowrap;display:inline-block;padding:6px 0}
.wq-row .sub b.wq-bloom{color:var(--warn);font-weight:700}
.wq-row .rt{font:600 11px var(--font);color:var(--mute);letter-spacing:.04em}
.wq-row .rt b{font:700 20px var(--font);color:var(--ink)}
.wq-linklede{padding-bottom:4px}
.wq-links{padding-top:0}
.wq-foot{font-size:12px}
.wq-foot a{color:var(--navy-2);display:inline-block;padding:6px 0}   /* 'Water Quality Portal': a finger-sized target */

.wq-hist{margin:0 16px 10px;padding:10px 12px;border-radius:10px;background:var(--warn-bg);color:var(--ink);font:500 13px/1.45 var(--font)}
.wq-hist b{color:var(--warn)}