.datasignals-page {
  font-family: "Barlow", sans-serif;
}

#scada-avg-power-gauge,
#scada-wind-speed-gauge {
  height: 12rem !important;
}

#scada-power-bar-chart {
  height: 11rem !important;
  min-height: 11rem !important;
}

#scada-power-curve-chart {
  height: 22rem !important;
  min-height: 22rem !important;
}

#scada-wind-direction-compass {
  height: 9rem !important;
  min-height: 9rem !important;
}

#scada-timeseries-chart {
  height: 23rem !important;
  min-height: 23rem !important;
}

#scada-availability-chart {
  height: 16rem !important;
  min-height: 16rem !important;
}

#scada-avg-power-gauge canvas,
#scada-avg-power-gauge svg,
#scada-power-bar-chart canvas,
#scada-power-bar-chart svg,
#scada-power-curve-chart canvas,
#scada-power-curve-chart svg,
#scada-wind-speed-gauge canvas,
#scada-wind-speed-gauge svg,
#scada-wind-direction-compass canvas,
#scada-wind-direction-compass svg,
#scada-timeseries-chart canvas,
#scada-timeseries-chart svg,
#scada-availability-chart canvas,
#scada-availability-chart svg {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

#scada-power-curve-legend,
#scada-power-curve-legend * {
  background: transparent !important;
  color: oklch(var(--bc)) !important;
  border-color: oklch(var(--b3)) !important;
}

#scada-power-mode-average,
#scada-power-mode-last {
  font-size: 0.75rem;
  line-height: 1rem;
  padding: 0.375rem 0.75rem;
  min-height: 2rem;
  height: 2rem;
}

/* Keep side cards visually aligned and ensure inner content fits. */
.datasignals-page #scada-top-left-stat,
.datasignals-page #scada-top-middle-power-curve,
.datasignals-page #scada-top-right-wind {
  height: 31rem !important;
  min-height: 31rem !important;
  max-height: 31rem !important;
  display: flex;
  flex-direction: column;
  overflow: hidden !important;
}

.datasignals-page #scada-top-left-stat > .card-body,
.datasignals-page #scada-top-middle-power-curve > .card-body,
.datasignals-page #scada-top-right-wind > .card-body {
  height: 100%;
  min-height: 0;
  overflow: hidden;
}

#scada-wind-direction-average {
  margin-top: 0.35rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1.1;
  min-height: 2.2rem;
  overflow: hidden;
}

#scada-wind-direction-average .scada-wind-direction-value {
  font-family: "Barlow Condensed", sans-serif;
  font-size: 1.45rem;
  font-weight: 700;
  color: oklch(var(--bc));
  opacity: 1;
  display: block;
}

#scada-wind-direction-average .scada-wind-direction-label {
  margin-top: 0.2rem;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 0.8rem;
  font-weight: 200;
  color: oklch(var(--bc));
  opacity: 0.6;
  letter-spacing: 0.02em;
  display: block;
}