/* ─── Sensor Badges ─── */
.sensor-badge {
  display: inline-flex;
  align-items: center;
  padding: 2px var(--space-2);
  border-radius: var(--radius-badge);
  font-size: var(--text-xs);
  font-weight: 500;
  white-space: nowrap;
}

.sensor-badge.temperature,
.sensor-badge.air_temperature,
.sensor-badge.soil_temperature { background: var(--color-soil-temperature-bg); color: var(--color-soil-temperature-fg); }
.sensor-badge.humidity,
.sensor-badge.leaf_wetness { background: var(--color-leaf-wetness-bg); color: var(--color-leaf-wetness-fg); }
.sensor-badge.soil_moisture { background: var(--color-soil-moisture-bg); color: var(--color-soil-moisture-fg); }
.sensor-badge.rainfall { background: var(--color-rainfall-bg); color: var(--color-rainfall-fg); }
.sensor-badge.wind,
.sensor-badge.wind_speed { background: var(--color-wind-speed-bg); color: var(--color-wind-speed-fg); }
.sensor-badge.uv,
.sensor-badge.solar_radiation,
.sensor-badge.evapotranspiration,
.sensor-badge.eto { background: var(--color-eto-bg); color: var(--color-eto-fg); }
.sensor-badge.ph { background: var(--color-ph-bg); color: var(--color-ph-fg); }
.sensor-badge.ec { background: var(--color-ec-bg); color: var(--color-ec-fg); }
.sensor-badge.water_level { background: var(--color-water-level-bg); color: var(--color-water-level-fg); }