.vent-top {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 6px;
}
.vent-top .metric b { font-size: 17px; }

.fan-chips {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 3px;
  margin-top: 8px;
}
.fan-chip {
  font-family: var(--mono);
  font-size: 8.5px;
  text-align: center;
  padding: 3px 0;
  border: 1px solid rgba(56, 224, 165, 0.28);
  background: rgba(56, 224, 165, 0.07);
  color: #7ff5d4;
  border-radius: 2px;
  letter-spacing: 0.2px;
}
.fan-chip.off {
  color: #ff9aa5;
  border-color: rgba(255, 77, 94, 0.38);
  background: rgba(255, 77, 94, 0.08);
}
.fan-chip small { display: block; font-size: 7.5px; opacity: 0.65; }

.tunnel-page .gauge { width: 78px; height: 74px; }
.tunnel-page .gauge-meta b { font-size: 23px; }
.tunnel-page .line-chart { height: 50px; }
.tunnel-page .line-chart.sm { height: 34px; }
.tunnel-page .donut { width: 66px; height: 66px; }
.tunnel-page .env-grid { gap: 2px 8px; }
.tunnel-page .env-grid .metric b { font-size: 15px; }
.tunnel-page .env-grid .metric label { font-size: 9.5px; }
.tunnel-page .traffic-stats .metric b { font-size: 15px; }
.tunnel-page .bridge-info { width: 214px; }

@media (max-height: 980px) {
  .tunnel-page .gauge { width: 70px; height: 66px; }
  .tunnel-page .line-chart { height: 40px; }
}