/* Live-Daten page overrides — layered on top of styles.css.
   The dashboard charts are Plotly (not the SVG mock charts), so the chart
   frame must grow to the Plotly height instead of the fixed 240px. */

.dashboard-grid .chart-frame {
  height: auto;
  min-height: 300px;
  background: transparent;
}

.dashboard-grid .chart-frame .js-plotly-plot,
.dashboard-grid .chart-frame .plot-container {
  width: 100%;
}

.chart-empty-flag {
  display: inline-block;
  margin-left: 0.5rem;
  padding: 0.05rem 0.45rem;
  border-radius: 999px;
  background: rgba(140, 25, 95, 0.12);
  color: #8c195f;
  font-size: 0.68rem;
  font-weight: 600;
  vertical-align: middle;
}

.live-error {
  padding: 1.5rem;
  color: #b3173f;
  font-weight: 600;
}

/* Markers without live data are dimmed but still clickable. */
.sensor-node.is-muted {
  opacity: 0.45;
  filter: grayscale(0.4);
}

#liveStatusList li strong {
  display: inline-block;
  min-width: 2.2rem;
}