/* ==========================================================================
   canopy. — Verlaufs-Graph (Lichtleistung / Abluft)
   ========================================================================== */

.history-chart-wrap {
  aspect-ratio: 780 / 220;
  width: 100%;
  margin-bottom: var(--space-4);
}

.history-chart-svg {
  width: 100%;
  height: 100%;
}

.history-gridline {
  stroke: rgba(255, 255, 255, 0.08);
  stroke-width: 1;
}

.history-axis-label {
  font-family: var(--font-mono);
  font-size: 10px;
  fill: var(--text-muted);
}

.history-area {
  opacity: 0.14;
  stroke: none;
}

.history-line {
  fill: none;
  stroke-width: 2;
  stroke-linejoin: round;
}

.history-point {
  stroke: var(--bg-elevated);
  stroke-width: 1.5;
}

.history-list {
  display: flex;
  flex-direction: column;
}

.history-list-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
  padding: var(--space-2) 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.history-list-row:last-child {
  border-bottom: none;
}

.history-list-date {
  color: var(--text-secondary);
}

/* -- Gieß-Liste: zweizeilig (Menge+Datum, darunter Tags/pH-Hinweis) -- */
.watering-list-row {
  display: block;
}

.watering-list-main {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.watering-list-meta {
  display: block;
  font-size: 11px;
  color: var(--text-muted);
  margin-top: 4px;
}

/* -- Gieß-Wochen-Chart -- */
.watering-bar {
  fill: var(--accent-blue);
}