.yard-page .gauge { width: 76px; height: 72px; }
.yard-page .gauge-meta b { font-size: 23px; }
.yard-page .line-chart { height: 46px; }
.yard-page .line-chart.sm { height: 32px; }
.yard-page .vent-top { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 6px; }
.yard-page .vent-top .metric b { font-size: 15px; }
.yard-page .plan-metrics .metric b { font-size: 18px; }
.yard-page .yard-info { width: 216px; }

.stage-chips {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4px;
  margin-top: 7px;
}
.stage-chip {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 9px;
  color: var(--muted);
  border: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.02);
  padding: 3px 5px;
  border-radius: 2px;
}
.stage-chip i { width: 5px; height: 5px; flex: none; border-radius: 1px; }
.stage-chip b { margin-left: auto; font-family: var(--mono); color: #dff1ff; font-weight: 500; }

.stage-legend {
  position: absolute;
  left: 12px;
  bottom: 14px;
  z-index: 3;
  background: rgba(6, 16, 26, 0.8);
  border: 1px solid var(--line);
  padding: 6px 8px 7px;
  display: none;
  pointer-events: none;
}
.stage-legend.show { display: block; }
.stage-legend-items { display: flex; flex-wrap: wrap; gap: 5px 9px; width: 250px; margin-top: 5px; }
.stage-legend-items span { display: flex; align-items: center; gap: 4px; font-size: 9px; color: var(--muted); }
.stage-legend-items i { width: 7px; height: 7px; border-radius: 1px; }

.quality-bar {
  background: linear-gradient(90deg, #ff3b4d, #ff9f43 28%, #ffe066 48%, #7ee787 72%, #37e6d0);
}
@media (max-height: 980px) {
  .yard-page .gauge { width: 68px; height: 64px; }
  .yard-page .line-chart.sm { height: 28px; }
}