/* --- Chart-Karte (DESIGN 6) ---------------------------------------------------------------- */

.chart {
  position: relative;
  width: 100%;
  height: 360px;
}

.chart__legend {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
  color: var(--text-2);
  font-size: 0.75rem;
}

.legend-swatch {
  display: inline-block;
  width: 12px;
  height: 2px;
  margin-right: 6px;
  vertical-align: middle;
  border-radius: 2px;
}

.legend-swatch--accent { background: var(--accent); }
.legend-swatch--up { background: var(--pos); }
.legend-swatch--down { background: var(--neg); }