/* Demand Pressure Overlay — shared styles */
.pressure-overlay{margin-top:16px;padding:12px 14px;background:rgba(0,0,0,0.02);border:1px solid rgba(0,0,0,0.06);border-radius:8px}
.pressure-overlay-title{font-size:11px;color:#6b7280;text-transform:uppercase;letter-spacing:0.8px;margin-bottom:8px}
.pressure-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.pressure-dot-pb{display:inline-block;width:8px;height:8px;border-radius:50%}
.pressure-dot-pb.hot{background:#22c55e;box-shadow:0 0 4px rgba(34,197,94,0.5)}
.pressure-dot-pb.warm{background:#f59e0b;box-shadow:0 0 4px rgba(245,158,11,0.3)}
.pressure-dot-pb.cold{background:#374151}
.pressure-status{font-size:13px;color:#374151}
.pressure-nums{font-size:11px;color:#6b7280;margin-top:4px}
.pressure-nums span{color:#111827;font-weight:600}
body.unauthenticated .pressure-nums{display:none}
.pressure-downstream{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.pressure-downstream-item{display:flex;align-items:center;gap:4px;font-size:11px;color:#6b7280}
/* Mobile: replace dot with accent bar for visibility */
@media(max-width:768px){
  .pressure-dot-pb{width:10px;height:10px}
  .pressure-row{gap:10px}
  .pressure-status{font-size:14px}
}