/* Metric labels beneath numeric values use uppercase across desktop and mobile. */
.energy-dashboard-v3-network-count span,
.energy-dashboard-v3-capacity span,
.energy-dashboard-v3-flow span,
.energy-dashboard-v3-energy-main > span,
.energy-dashboard-v3-energy-secondary span,
.energy-dashboard-v3-savings > span,
#siteList .desktop-card-metric span,
#siteList .desktop-card-flow-cell span {
  text-transform: uppercase !important;
}

@media (max-width: 980px) {
  html.clh-mobile-v3 .sidebar.has-energy-dashboard-v3 #energyHeartbeat .energy-dashboard-v3-network-count span,
  html.clh-mobile-v3 .sidebar.has-energy-dashboard-v3 #energyHeartbeat .energy-dashboard-v3-capacity span,
  html.clh-mobile-v3 .sidebar.has-energy-dashboard-v3 #energyHeartbeat .energy-dashboard-v3-savings > span,
  html.clh-mobile-v3 .sidebar.has-energy-dashboard-v3 #energyHeartbeat .energy-dashboard-v3-energy-main > span,
  html.clh-mobile-v3 .sidebar.has-energy-dashboard-v3 #siteList .site-energy-card .site-energy-metric > span:not(.site-vpp-participant),
  html.clh-mobile-v3 .sidebar.has-energy-dashboard-v3 #siteList .site-energy-card .mobile-generation-metric > span:not(.site-vpp-participant)::after {
    text-transform: uppercase !important;
  }
}