.performance-series-canvas-wrap { position: relative; width: 100%; height: 100%; min-width: 0; }
#performance-series-chart-area.series-legend-active { display: flex; gap: 16px; }
#performance-series-chart-area.series-legend-active .performance-series-canvas-wrap { flex: 1 1 0; }
#performance-series-legend { flex: 0 0 clamp(160px, 25%, 260px); height: 100%; min-height: 0; overflow-y: auto; overflow-x: hidden; padding: 0 6px; scrollbar-gutter: stable; }
#performance-series-legend[hidden] { display: none; }
.series-legend-item { display: flex; align-items: flex-start; gap: 8px; width: 100%; border: 0; border-radius: 4px; margin-bottom: 8px; padding: 4px; background: transparent; color: inherit; font: inherit; font-size: 12px; line-height: 1.35; text-align: left; cursor: pointer; }
.series-legend-item:hover { background: rgba(128, 128, 128, .12); }
.series-legend-item:focus-visible { outline: 2px solid #878ff5; outline-offset: -2px; }
.series-legend-item.is-hidden { opacity: .45; text-decoration: line-through; }
.series-legend-swatch { flex: 0 0 12px; width: 12px; height: 12px; margin-top: 2px; border-radius: 2px; }
.series-legend-text { min-width: 0; overflow-wrap: anywhere; }
.series-legend-value { display: block; opacity: .8; font-size: 11px; }
@media (max-width: 767px) {
  #performance-series-legend { flex-basis: 125px; padding: 0 2px; }
  #performance-series-chart-area.series-legend-active { gap: 6px; }
}