@sentropic/design-system-vue 0.36.0 → 0.36.18

package/dist/styles.css

@@ -507,7 +507,7 @@
   .st-barChart__filterChip--selected {
     background: var(--st-semantic-action-primary, #2563eb);
     border-color: var(--st-semantic-action-primary, #2563eb);
-    color: var(--st-semantic-text-inverse, #fff);
+    color: var(--st-semantic-text-inverse);
   }
 
   /* Colour swatch echoing the bar tone, for quick visual mapping chip-to-bar. */
@@ -1226,14 +1226,17 @@
 
   .st-combobox--sm {
     min-height: var(--st-component-control-smHeight, 2rem);
+    font-size: 0.8125rem;
   }
 
   .st-combobox--md {
     min-height: var(--st-component-control-mdHeight, 2.5rem);
+    font-size: 0.875rem;
   }
 
   .st-combobox--lg {
     min-height: var(--st-component-control-lgHeight, 3rem);
+    font-size: 1rem;
   }
 
   .st-combobox:hover:not(:has(input:disabled)) {
@@ -1412,7 +1415,7 @@
 
   .st-contentSwitcher__option--selected {
     background: var(--st-semantic-surface-default);
-    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
+    box-shadow: var(--st-shadow-subtle);
     color: var(--st-semantic-text-primary);
   }
 
@@ -1731,14 +1734,17 @@
 
   .st-datepicker--sm {
     min-height: var(--st-component-control-smHeight, 2rem);
+    font-size: 0.8125rem;
   }
 
   .st-datepicker--md {
     min-height: var(--st-component-control-mdHeight, 2.5rem);
+    font-size: 0.875rem;
   }
 
   .st-datepicker--lg {
     min-height: var(--st-component-control-lgHeight, 3rem);
+    font-size: 1rem;
   }
 
   .st-datepicker:hover:not(:has(input:disabled)) {
@@ -1971,7 +1977,7 @@
 
   .st-donutChart__slice {
     cursor: pointer;
-    stroke: var(--st-semantic-surface-default, #fff);
+    stroke: var(--st-semantic-surface-default);
     stroke-width: 1.5;
     transition: opacity 120ms ease;
   }
@@ -2569,7 +2575,7 @@
   .st-forceGraph__dot {
     cursor: pointer;
     fill-opacity: 0.9;
-    stroke: var(--st-semantic-surface-default, #fff);
+    stroke: var(--st-semantic-surface-default);
     stroke-width: 1.5;
     transition: fill-opacity 120ms ease;
   }
@@ -2642,7 +2648,7 @@
     background: var(--st-semantic-surface-overlay, rgba(0,0,0,0.55));
     border: none;
     border-radius: var(--st-radius-sm, 0.25rem);
-    color: var(--st-semantic-text-inverse, #fff);
+    color: var(--st-semantic-text-inverse);
     cursor: pointer;
     font-size: 1rem;
     line-height: 1;
@@ -2669,7 +2675,7 @@
   .st-forceGraph__legend {
     background: var(--st-semantic-surface-overlay, rgba(0,0,0,0.45));
     border-radius: var(--st-radius-sm, 0.25rem);
-    color: var(--st-semantic-text-inverse, #fff);
+    color: var(--st-semantic-text-inverse);
     display: flex;
     flex-direction: column;
     font-size: 0.6875rem;
@@ -2698,7 +2704,7 @@
 
   .st-forceGraph__legendShape {
     fill-opacity: 0.9;
-    stroke: var(--st-semantic-surface-default, #fff);
+    stroke: var(--st-semantic-surface-default);
     stroke-width: 1;
   }
 
@@ -2734,7 +2740,7 @@
   .st-graphLegend {
     background: var(--st-semantic-surface-overlay, rgba(0,0,0,0.45));
     border-radius: var(--st-radius-sm, 0.25rem);
-    color: var(--st-semantic-text-inverse, #fff);
+    color: var(--st-semantic-text-inverse);
     display: inline-flex;
     flex-direction: column;
     font-size: 0.6875rem;
@@ -2772,7 +2778,7 @@
 
   .st-graphLegend__shape {
     fill-opacity: 0.9;
-    stroke: var(--st-semantic-surface-default, #fff);
+    stroke: var(--st-semantic-surface-default);
     stroke-width: 1;
   }
 
@@ -3247,14 +3253,17 @@
 
   .st-control--sm {
     min-height: var(--st-component-control-anatomy-density-sm-controlHeight, var(--st-component-control-smHeight, 2rem));
+    font-size: 0.8125rem;
   }
 
   .st-control--md {
     min-height: var(--st-component-control-anatomy-density-md-controlHeight, var(--st-component-control-mdHeight, 2.5rem));
+    font-size: 0.875rem;
   }
 
   .st-control--lg {
     min-height: var(--st-component-control-anatomy-density-lg-controlHeight, var(--st-component-control-lgHeight, 3rem));
+    font-size: 1rem;
   }
 
   .st-control::placeholder {
@@ -3921,17 +3930,20 @@
 
   .st-multiSelect--sm .st-multiSelect__trigger {
     min-height: var(--st-component-control-smHeight, 2rem);
+    font-size: 0.8125rem;
   }
 
   .st-multiSelect--md .st-multiSelect__trigger {
     min-height: var(--st-component-control-mdHeight, 2.5rem);
+    font-size: 0.875rem;
   }
 
   .st-multiSelect--lg .st-multiSelect__trigger {
     min-height: var(--st-component-control-lgHeight, 3rem);
+    font-size: 1rem;
   }
 
-  
+
   .st-multiSelect__trigger {
     align-items: center;
     background: var(--st-component-control-anatomy-field-fillBg, var(--st-component-control-background, var(--st-semantic-surface-default)));
@@ -4187,14 +4199,17 @@
 
   .st-numberInput--sm {
     min-height: var(--st-component-control-smHeight, 2rem);
+    font-size: 0.8125rem;
   }
 
   .st-numberInput--md {
     min-height: var(--st-component-control-mdHeight, 2.5rem);
+    font-size: 0.875rem;
   }
 
   .st-numberInput--lg {
     min-height: var(--st-component-control-lgHeight, 3rem);
+    font-size: 1rem;
   }
 
   .st-numberInput:hover:not(:has(input:disabled)) {
@@ -4647,14 +4662,17 @@
 
   .st-passwordInput--sm {
     min-height: var(--st-component-control-smHeight, 2rem);
+    font-size: 0.8125rem;
   }
 
   .st-passwordInput--md {
     min-height: var(--st-component-control-mdHeight, 2.5rem);
+    font-size: 0.875rem;
   }
 
   .st-passwordInput--lg {
     min-height: var(--st-component-control-lgHeight, 3rem);
+    font-size: 1rem;
   }
 
   .st-passwordInput:hover:not(:has(input:disabled)) {
@@ -5237,14 +5255,17 @@
 
   .st-search--sm {
     min-height: var(--st-component-control-smHeight, 2rem);
+    font-size: 0.8125rem;
   }
 
   .st-search--md {
     min-height: var(--st-component-control-mdHeight, 2.5rem);
+    font-size: 0.875rem;
   }
 
   .st-search--lg {
     min-height: var(--st-component-control-lgHeight, 3rem);
+    font-size: 1rem;
   }
 
   .st-search:hover:not(:has(input:disabled)) {
@@ -5304,18 +5325,17 @@
     align-items: center;
     background: transparent;
     border: 0;
-    border-radius: 50%;
-    color: inherit;
+    border-radius: var(--st-component-control-anatomy-shape-radius, 0.375rem);
+    color: var(--st-semantic-text-secondary);
     cursor: pointer;
     display: inline-flex;
     flex: 0 0 auto;
     font: inherit;
-    font-size: 1.125rem;
     height: 1.5rem;
     justify-content: center;
     line-height: 1;
-    margin-inline-end: 0.375rem;
-    padding: 0;
+    margin-inline-end: 0.25rem;
+    padding: 0 0.25rem;
     transition: background-color var(--st-motion-fast, 120ms) var(--st-motion-easing, ease);
     width: 1.5rem;
   }
@@ -5405,14 +5425,17 @@
 
   .st-select--sm {
     min-height: var(--st-component-control-smHeight, 2rem);
+    font-size: 0.8125rem;
   }
 
   .st-select--md {
     min-height: var(--st-component-control-mdHeight, 2.5rem);
+    font-size: 0.875rem;
   }
 
   .st-select--lg {
     min-height: var(--st-component-control-lgHeight, 3rem);
+    font-size: 1rem;
   }
 
   .st-select:focus-visible {
@@ -5852,7 +5875,7 @@
   .st-stackedBar__grid { stroke: var(--st-semantic-border-subtle); stroke-dasharray: 2 3; stroke-width: 1; opacity: 0.7; }
   .st-stackedBar__axis { stroke: var(--st-semantic-border-subtle); stroke-width: 1; }
   .st-stackedBar__tick, .st-stackedBar__categoryLabel { fill: var(--st-semantic-text-secondary); font-size: 0.6875rem; }
-  .st-stackedBar__seg { cursor: pointer; stroke: var(--st-semantic-surface-default, #fff); stroke-width: 1; transition: opacity 120ms ease; }
+  .st-stackedBar__seg { cursor: pointer; stroke: var(--st-semantic-surface-default); stroke-width: 1; transition: opacity 120ms ease; }
   .st-stackedBar__seg--dim { opacity: 0.45; }
   .st-stackedBar__seg:focus-visible { outline: 2px solid var(--st-semantic-border-interactive); outline-offset: 1px; }
   .st-stackedBar__seg--category1 { fill: var(--st-semantic-data-category1); }
@@ -6944,7 +6967,7 @@
   border: 1px solid var(--st-component-control-border, #334155);
   border-radius: 999px;
   bottom: var(--st-spacing-4, 1rem);
-  color: var(--st-semantic-text-inverse, #fff);
+  color: var(--st-semantic-text-inverse);
   cursor: var(--st-cursor-interactive, pointer);
   display: inline-flex;
   gap: 0.5rem;
@@ -8098,14 +8121,17 @@
 
 .st-timepicker--sm {
   min-height: var(--st-component-control-smHeight, 2rem);
+  font-size: 0.8125rem;
 }
 
 .st-timepicker--md {
   min-height: var(--st-component-control-mdHeight, 2.5rem);
+  font-size: 0.875rem;
 }
 
 .st-timepicker--lg {
   min-height: var(--st-component-control-lgHeight, 3rem);
+  font-size: 1rem;
 }
 
 .st-timepicker:hover:not(:has(input:disabled)) {
@@ -8333,6 +8359,16 @@
   color: var(--st-component-dropdown-selectedText, var(--st-semantic-action-primaryText));
 }
 
+/* Jour sélectionné survolé : garder un fond foncé sinon texte blanc sur fond
+   clair (hover générique) -> invisible. Spécificité (0,4,0) > :hover (0,3,0). */
+.st-calendar__day--selected:hover:not(:disabled) {
+  background: var(
+    --st-semantic-action-primaryHover,
+    var(--st-component-dropdown-selectedBackground, var(--st-semantic-action-primary))
+  );
+  color: var(--st-component-dropdown-selectedText, var(--st-semantic-action-primaryText));
+}
+
 .st-calendar__day:disabled {
   color: var(--st-semantic-text-muted);
   cursor: not-allowed;
@@ -9041,7 +9077,7 @@
 
 .st-funnelChart__segment {
   cursor: pointer;
-  stroke: var(--st-semantic-surface-default, #fff);
+  stroke: var(--st-semantic-surface-default);
   stroke-width: 1;
   transition: opacity 120ms ease;
 }
@@ -9283,7 +9319,7 @@
 
 .st-treemapChart__rect {
   cursor: pointer;
-  stroke: var(--st-semantic-surface-default, #fff);
+  stroke: var(--st-semantic-surface-default);
   stroke-width: 1.5;
   transition: opacity 120ms ease;
 }
@@ -10039,8 +10075,8 @@
   opacity: 0.85;
 }
 
-/* ── CalendarHeatmapChart (lot-3) ── */
-.st-calendarHeatmapChart {
+/* ── OHLCChart ── */
+.st-ohlcChart {
   color: var(--st-semantic-text-secondary);
   display: block;
   font-family: inherit;
@@ -10048,53 +10084,64 @@
   width: 100%;
 }
 
-.st-calendarHeatmapChart svg {
+.st-ohlcChart svg {
   display: block;
   overflow: visible;
 }
 
-.st-calendarHeatmapChart__visual {
+.st-ohlcChart__visual {
   display: block;
 }
 
-.st-calendarHeatmapChart__dayLabel,
-.st-calendarHeatmapChart__monthLabel {
-  fill: var(--st-semantic-text-secondary);
-  font-size: 0.5625rem;
+.st-ohlcChart__axis {
+  stroke: var(--st-semantic-border-subtle);
+  stroke-width: 1;
 }
 
-.st-calendarHeatmapChart__cell {
-  cursor: pointer;
-  stroke: var(--st-semantic-surface-default, Canvas);
+.st-ohlcChart__grid {
+  stroke: var(--st-semantic-border-subtle);
+  stroke-dasharray: 2 3;
   stroke-width: 1;
+  opacity: 0.7;
+}
+
+.st-ohlcChart__bar {
+  cursor: pointer;
   transition: opacity 120ms ease;
 }
 
-.st-calendarHeatmapChart__cell--empty {
-  fill: var(--st-semantic-border-subtle);
-  opacity: 0.25;
+.st-ohlcChart__bar--dim {
+  opacity: 0.4;
 }
 
-.st-calendarHeatmapChart__cell--dim {
-  opacity: 0.3;
+.st-ohlcChart__range,
+.st-ohlcChart__open,
+.st-ohlcChart__close {
+  stroke-width: 1.75;
+  stroke-linecap: round;
+}
+
+.st-ohlcChart__bar--up :is(.st-ohlcChart__range, .st-ohlcChart__open, .st-ohlcChart__close) {
+  stroke: var(--st-semantic-feedback-success);
+}
+
+.st-ohlcChart__bar--down :is(.st-ohlcChart__range, .st-ohlcChart__open, .st-ohlcChart__close) {
+  stroke: var(--st-semantic-feedback-error);
 }
 
 @media (prefers-reduced-motion: reduce) {
-  .st-calendarHeatmapChart__cell {
+  .st-ohlcChart__bar {
     transition: none;
   }
 }
 
-.st-calendarHeatmapChart__cell--category1 { fill: var(--st-semantic-data-category1); }
-.st-calendarHeatmapChart__cell--category2 { fill: var(--st-semantic-data-category2); }
-.st-calendarHeatmapChart__cell--category3 { fill: var(--st-semantic-data-category3); }
-.st-calendarHeatmapChart__cell--category4 { fill: var(--st-semantic-data-category4); }
-.st-calendarHeatmapChart__cell--category5 { fill: var(--st-semantic-data-category5); }
-.st-calendarHeatmapChart__cell--category6 { fill: var(--st-semantic-data-category6); }
-.st-calendarHeatmapChart__cell--category7 { fill: var(--st-semantic-data-category7); }
-.st-calendarHeatmapChart__cell--category8 { fill: var(--st-semantic-data-category8); }
+.st-ohlcChart__tickLabel,
+.st-ohlcChart__categoryLabel {
+  fill: var(--st-semantic-text-secondary);
+  font-size: 0.6875rem;
+}
 
-.st-calendarHeatmapChart__tooltip {
+.st-ohlcChart__tooltip {
   background: var(--st-semantic-surface-inverse);
   border-radius: var(--st-radius-sm, 0.25rem);
   color: var(--st-semantic-text-inverse);
@@ -10111,16 +10158,16 @@
   z-index: 1;
 }
 
-.st-calendarHeatmapChart__tooltipLabel {
+.st-ohlcChart__tooltipLabel {
   font-weight: 600;
 }
 
-.st-calendarHeatmapChart__tooltipValue {
+.st-ohlcChart__tooltipValue {
   opacity: 0.85;
 }
 
-/* ── ParallelCoordinatesChart (lot-3) ── */
-.st-parallelCoordinatesChart {
+/* ── HollowCandlestickChart ── */
+.st-hollowCandlestickChart {
   color: var(--st-semantic-text-secondary);
   display: block;
   font-family: inherit;
@@ -10128,64 +10175,108 @@
   width: 100%;
 }
 
-.st-parallelCoordinatesChart svg {
+.st-hollowCandlestickChart svg {
   display: block;
   overflow: visible;
 }
 
-.st-parallelCoordinatesChart__visual {
+.st-hollowCandlestickChart__visual {
   display: block;
 }
 
-.st-parallelCoordinatesChart__axis {
+.st-hollowCandlestickChart__axis {
   stroke: var(--st-semantic-border-subtle);
+  stroke-width: 1;
+}
+
+.st-hollowCandlestickChart__grid {
+  stroke: var(--st-semantic-border-subtle);
+  stroke-dasharray: 2 3;
+  stroke-width: 1;
+  opacity: 0.7;
+}
+
+.st-hollowCandlestickChart__wick {
   stroke-width: 1.5;
 }
 
-.st-parallelCoordinatesChart__axisLabel {
-  fill: var(--st-semantic-text-secondary);
-  font-size: 0.6875rem;
-  font-weight: 600;
+.st-hollowCandlestickChart__wick--up {
+  stroke: var(--st-semantic-feedback-success);
 }
 
-.st-parallelCoordinatesChart__tickLabel {
-  fill: var(--st-semantic-text-secondary);
-  font-size: 0.5625rem;
+.st-hollowCandlestickChart__wick--down {
+  stroke: var(--st-semantic-feedback-error);
 }
 
-.st-parallelCoordinatesChart__line {
+.st-hollowCandlestickChart__candle {
   cursor: pointer;
   stroke-width: 1.5;
-  stroke-opacity: 0.65;
-  transition: stroke-opacity 120ms ease, stroke-width 120ms ease;
+  transition: opacity 120ms ease;
 }
 
-.st-parallelCoordinatesChart__line--dim {
-  stroke-opacity: 0.12;
+.st-hollowCandlestickChart__candle--dim {
+  opacity: 0.4;
 }
 
-.st-parallelCoordinatesChart__line--active {
-  stroke-opacity: 1;
-  stroke-width: 2.5;
+.st-hollowCandlestickChart__candle--up {
+  stroke: var(--st-semantic-feedback-success);
+}
+
+.st-hollowCandlestickChart__candle--down {
+  stroke: var(--st-semantic-feedback-error);
+}
+
+.st-hollowCandlestickChart__candle--hollow {
+  fill: transparent;
+}
+
+.st-hollowCandlestickChart__candle--filled.st-hollowCandlestickChart__candle--up {
+  fill: var(--st-semantic-feedback-success);
+}
+
+.st-hollowCandlestickChart__candle--filled.st-hollowCandlestickChart__candle--down {
+  fill: var(--st-semantic-feedback-error);
 }
 
 @media (prefers-reduced-motion: reduce) {
-  .st-parallelCoordinatesChart__line {
+  .st-hollowCandlestickChart__candle {
     transition: none;
   }
 }
 
-.st-parallelCoordinatesChart__line--category1 { stroke: var(--st-semantic-data-category1); }
-.st-parallelCoordinatesChart__line--category2 { stroke: var(--st-semantic-data-category2); }
-.st-parallelCoordinatesChart__line--category3 { stroke: var(--st-semantic-data-category3); }
-.st-parallelCoordinatesChart__line--category4 { stroke: var(--st-semantic-data-category4); }
-.st-parallelCoordinatesChart__line--category5 { stroke: var(--st-semantic-data-category5); }
-.st-parallelCoordinatesChart__line--category6 { stroke: var(--st-semantic-data-category6); }
-.st-parallelCoordinatesChart__line--category7 { stroke: var(--st-semantic-data-category7); }
-.st-parallelCoordinatesChart__line--category8 { stroke: var(--st-semantic-data-category8); }
+.st-hollowCandlestickChart__tickLabel,
+.st-hollowCandlestickChart__categoryLabel {
+  fill: var(--st-semantic-text-secondary);
+  font-size: 0.6875rem;
+}
 
-/* ── BumpChart (lot-3) ── */
-.st-bumpChart {
+.st-hollowCandlestickChart__tooltip {
+  background: var(--st-semantic-surface-inverse);
+  border-radius: var(--st-radius-sm, 0.25rem);
+  color: var(--st-semantic-text-inverse);
+  display: inline-flex;
+  flex-direction: column;
+  font-size: 0.75rem;
+  gap: 0.125rem;
+  line-height: 1.2;
+  padding: 0.375rem 0.5rem;
+  pointer-events: none;
+  position: absolute;
+  transform: translate(-50%, calc(-100% - 8px));
+  white-space: nowrap;
+  z-index: 1;
+}
+
+.st-hollowCandlestickChart__tooltipLabel {
+  font-weight: 600;
+}
+
+.st-hollowCandlestickChart__tooltipValue {
+  opacity: 0.85;
+}
+
+/* ── StreamgraphChart ── */
+.st-streamgraphChart {
   color: var(--st-semantic-text-secondary);
   display: block;
   font-family: inherit;
@@ -10193,408 +10284,298 @@
   width: 100%;
 }
 
-.st-bumpChart svg {
+.st-streamgraphChart svg,
+.st-streamgraphChart__visual {
   display: block;
   overflow: visible;
 }
 
-.st-bumpChart__visual {
-  display: block;
-}
-
-.st-bumpChart__grid {
+.st-streamgraphChart__axis {
   stroke: var(--st-semantic-border-subtle);
-  stroke-dasharray: 2 3;
   stroke-width: 1;
-  opacity: 0.5;
 }
 
-.st-bumpChart__rankLabel,
-.st-bumpChart__catLabel,
-.st-bumpChart__seriesLabel {
+.st-streamgraphChart__tickLabel {
   fill: var(--st-semantic-text-secondary);
   font-size: 0.6875rem;
 }
 
-.st-bumpChart__line {
+.st-streamgraphChart__area {
   cursor: pointer;
-  stroke-width: 2;
-  stroke-opacity: 0.7;
-  transition: stroke-opacity 120ms ease, stroke-width 120ms ease;
+  stroke: var(--st-semantic-surface-default);
+  stroke-width: 0.75;
+  transition: opacity 120ms ease;
 }
 
-.st-bumpChart__line--dim {
-  stroke-opacity: 0.12;
+.st-streamgraphChart__area--dim {
+  opacity: 0.4;
 }
 
-.st-bumpChart__line--active {
-  stroke-opacity: 1;
-  stroke-width: 3;
+.st-streamgraphChart__area--category1 {
+  fill: var(--st-semantic-data-category1);
 }
 
-@media (prefers-reduced-motion: reduce) {
-  .st-bumpChart__line {
-    transition: none;
-  }
+.st-streamgraphChart__area--category2 {
+  fill: var(--st-semantic-data-category2);
 }
 
-.st-bumpChart__dot {
-  cursor: pointer;
-  stroke: var(--st-semantic-surface-default, Canvas);
-  stroke-width: 1.5;
-  transition: r 120ms ease;
+.st-streamgraphChart__area--category3 {
+  fill: var(--st-semantic-data-category3);
 }
 
-.st-bumpChart__dot--dim {
-  opacity: 0.15;
+.st-streamgraphChart__area--category4 {
+  fill: var(--st-semantic-data-category4);
 }
 
-@media (prefers-reduced-motion: reduce) {
-  .st-bumpChart__dot {
-    transition: none;
-  }
+.st-streamgraphChart__area--category5 {
+  fill: var(--st-semantic-data-category5);
 }
 
-.st-bumpChart__line--category1 { stroke: var(--st-semantic-data-category1); }
-.st-bumpChart__line--category2 { stroke: var(--st-semantic-data-category2); }
-.st-bumpChart__line--category3 { stroke: var(--st-semantic-data-category3); }
-.st-bumpChart__line--category4 { stroke: var(--st-semantic-data-category4); }
-.st-bumpChart__line--category5 { stroke: var(--st-semantic-data-category5); }
-.st-bumpChart__line--category6 { stroke: var(--st-semantic-data-category6); }
-.st-bumpChart__line--category7 { stroke: var(--st-semantic-data-category7); }
-.st-bumpChart__line--category8 { stroke: var(--st-semantic-data-category8); }
+.st-streamgraphChart__area--category6 {
+  fill: var(--st-semantic-data-category6);
+}
 
-.st-bumpChart__dot--category1 { fill: var(--st-semantic-data-category1); }
-.st-bumpChart__dot--category2 { fill: var(--st-semantic-data-category2); }
-.st-bumpChart__dot--category3 { fill: var(--st-semantic-data-category3); }
-.st-bumpChart__dot--category4 { fill: var(--st-semantic-data-category4); }
-.st-bumpChart__dot--category5 { fill: var(--st-semantic-data-category5); }
-.st-bumpChart__dot--category6 { fill: var(--st-semantic-data-category6); }
-.st-bumpChart__dot--category7 { fill: var(--st-semantic-data-category7); }
-.st-bumpChart__dot--category8 { fill: var(--st-semantic-data-category8); }
+.st-streamgraphChart__area--category7 {
+  fill: var(--st-semantic-data-category7);
+}
 
-/* ---------------------------------------------------------------------------
-   FilterPill
-   --------------------------------------------------------------------------- */
+.st-streamgraphChart__area--category8 {
+  fill: var(--st-semantic-data-category8);
+}
 
-.st-filterPill {
-  align-items: center;
-  border-radius: var(--st-radius-pill, 999px);
-  display: inline-flex;
-  font-size: 0.8125rem;
-  font-weight: 500;
-  gap: 0;
-  line-height: 1;
-  transition:
-    background-color var(--st-motion-fast, 120ms) var(--st-motion-easing, ease),
-    color var(--st-motion-fast, 120ms) var(--st-motion-easing, ease);
-  user-select: none;
+@media (prefers-reduced-motion: reduce) {
+  .st-streamgraphChart__area {
+    transition: none;
+  }
 }
 
-.st-filterPill--neutral {
-  background: var(--st-semantic-surface-subtle, #f8fafc);
-  color: var(--st-semantic-text-secondary, #475569);
-  border: 1px solid var(--st-semantic-border-interactive, #cbd5e1);
-}
-
-.st-filterPill--success {
-  background: color-mix(in srgb, var(--st-semantic-feedback-success, #16a34a) 12%, white);
-  color: color-mix(in oklch, var(--st-semantic-feedback-success, #16a34a) 78%, black);
-  border: 1px solid color-mix(in srgb, var(--st-semantic-feedback-success, #16a34a) 40%, white);
+.st-streamgraphChart__tooltip {
+  background: var(--st-semantic-surface-inverse);
+  border-radius: var(--st-radius-sm, 0.25rem);
+  color: var(--st-semantic-text-inverse);
+  display: inline-flex;
+  flex-direction: column;
+  font-size: 0.75rem;
+  gap: 0.125rem;
+  line-height: 1.2;
+  padding: 0.375rem 0.5rem;
+  pointer-events: none;
+  position: absolute;
+  transform: translate(-50%, calc(-100% - 8px));
+  white-space: nowrap;
+  z-index: 1;
 }
 
-.st-filterPill--warning {
-  background: color-mix(in srgb, var(--st-semantic-feedback-warning, #d97706) 12%, white);
-  color: color-mix(in oklch, var(--st-semantic-feedback-warning, #d97706) 78%, black);
-  border: 1px solid color-mix(in srgb, var(--st-semantic-feedback-warning, #d97706) 40%, white);
+.st-streamgraphChart__tooltipLabel {
+  font-weight: 600;
 }
 
-.st-filterPill--error {
-  background: color-mix(in srgb, var(--st-semantic-feedback-error, #dc2626) 12%, white);
-  color: color-mix(in oklch, var(--st-semantic-feedback-error, #dc2626) 78%, black);
-  border: 1px solid color-mix(in srgb, var(--st-semantic-feedback-error, #dc2626) 40%, white);
+.st-streamgraphChart__tooltipValue {
+  opacity: 0.85;
 }
 
-.st-filterPill--info {
-  background: color-mix(in srgb, var(--st-semantic-feedback-info, #2563eb) 12%, white);
-  color: color-mix(in oklch, var(--st-semantic-feedback-info, #2563eb) 78%, black);
-  border: 1px solid color-mix(in srgb, var(--st-semantic-feedback-info, #2563eb) 40%, white);
+.st-streamgraphChart__legend {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.75rem;
+  list-style: none;
+  margin: 0.5rem 0 0;
+  padding: 0;
 }
 
-.st-filterPill--neutral.st-filterPill--active {
-  background: var(--st-component-filterPill-activeBackground, color-mix(in oklch, var(--st-semantic-action-primary, #2563eb) 12%, white));
-  color: var(--st-component-filterPill-activeText, color-mix(in oklch, var(--st-semantic-action-primary, #2563eb) 78%, black));
-  border-color: color-mix(in oklch, var(--st-semantic-action-primary, #2563eb) 50%, white);
+.st-streamgraphChart__legendItem {
+  align-items: center;
+  color: var(--st-semantic-text-secondary);
+  display: inline-flex;
+  font-size: 0.75rem;
+  gap: 0.35rem;
 }
 
-.st-filterPill--success.st-filterPill--active {
-  background: color-mix(in oklch, var(--st-semantic-feedback-success, #16a34a) 78%, black);
-  color: white;
-  border-color: color-mix(in oklch, var(--st-semantic-feedback-success, #16a34a) 78%, black);
+.st-streamgraphChart__legendSwatch {
+  border-radius: 2px;
+  height: 0.7rem;
+  width: 0.7rem;
 }
 
-.st-filterPill--warning.st-filterPill--active {
-  background: color-mix(in oklch, var(--st-semantic-feedback-warning, #d97706) 78%, black);
-  color: white;
-  border-color: color-mix(in oklch, var(--st-semantic-feedback-warning, #d97706) 78%, black);
+.st-streamgraphChart__legendSwatch--category1 {
+  background: var(--st-semantic-data-category1);
 }
 
-.st-filterPill--error.st-filterPill--active {
-  background: color-mix(in oklch, var(--st-semantic-feedback-error, #dc2626) 78%, black);
-  color: white;
-  border-color: color-mix(in oklch, var(--st-semantic-feedback-error, #dc2626) 78%, black);
+.st-streamgraphChart__legendSwatch--category2 {
+  background: var(--st-semantic-data-category2);
 }
 
-.st-filterPill--info.st-filterPill--active {
-  background: color-mix(in oklch, var(--st-semantic-feedback-info, #2563eb) 78%, black);
-  color: white;
-  border-color: color-mix(in oklch, var(--st-semantic-feedback-info, #2563eb) 78%, black);
+.st-streamgraphChart__legendSwatch--category3 {
+  background: var(--st-semantic-data-category3);
 }
 
-@supports not (color: color-mix(in oklch, red, blue)) {
-  .st-filterPill--neutral.st-filterPill--active {
-    background: var(--st-component-filterPill-activeBackground, var(--st-semantic-surface-subtle, #eef2ff));
-    color: var(--st-component-filterPill-activeText, var(--st-semantic-action-primary, #1d4ed8));
-  }
-  .st-filterPill--success.st-filterPill--active { background: var(--st-semantic-feedback-success, #16a34a); color: white; }
-  .st-filterPill--warning.st-filterPill--active { background: var(--st-semantic-feedback-warning, #d97706); color: white; }
-  .st-filterPill--error.st-filterPill--active { background: var(--st-semantic-feedback-error, #dc2626); color: white; }
-  .st-filterPill--info.st-filterPill--active { background: var(--st-semantic-feedback-info, #2563eb); color: white; }
+.st-streamgraphChart__legendSwatch--category4 {
+  background: var(--st-semantic-data-category4);
 }
 
-.st-filterPill--disabled {
-  cursor: var(--st-cursor-disabled, not-allowed);
-  opacity: 0.55;
+.st-streamgraphChart__legendSwatch--category5 {
+  background: var(--st-semantic-data-category5);
 }
 
-.st-filterPill__body {
-  align-items: center;
-  background: transparent;
-  border: 0;
-  border-radius: var(--st-radius-pill, 999px) 0 0 var(--st-radius-pill, 999px);
-  color: inherit;
-  cursor: var(--st-cursor-interactive, pointer);
-  display: inline-flex;
-  font: inherit;
-  gap: var(--st-spacing-1, 0.25rem);
-  line-height: 1;
-  padding: 0.3125rem var(--st-spacing-1, 0.25rem) 0.3125rem var(--st-spacing-2, 0.5rem);
-  transition:
-    background-color var(--st-motion-fast, 120ms) var(--st-motion-easing, ease),
-    color var(--st-motion-fast, 120ms) var(--st-motion-easing, ease);
+.st-streamgraphChart__legendSwatch--category6 {
+  background: var(--st-semantic-data-category6);
 }
 
-.st-filterPill__body--static {
-  cursor: default;
-  padding: 0.3125rem var(--st-spacing-2, 0.5rem);
-  border-radius: var(--st-radius-pill, 999px);
+.st-streamgraphChart__legendSwatch--category7 {
+  background: var(--st-semantic-data-category7);
 }
 
-.st-filterPill:has(.st-filterPill__remove) .st-filterPill__body--static {
-  border-radius: var(--st-radius-pill, 999px) 0 0 var(--st-radius-pill, 999px);
-  padding-right: var(--st-spacing-1, 0.25rem);
+.st-streamgraphChart__legendSwatch--category8 {
+  background: var(--st-semantic-data-category8);
 }
 
-.st-filterPill__body:not(:disabled):hover { opacity: 0.88; }
-
-.st-filterPill__body:focus-visible {
-  outline: 2px solid var(--st-semantic-border-interactive, var(--st-semantic-action-primary, #2563eb));
-  outline-offset: 2px;
-  border-radius: var(--st-radius-pill, 999px);
-  z-index: 1;
+/* ── CalendarHeatmapChart (lot-3) ── */
+.st-calendarHeatmapChart {
+  color: var(--st-semantic-text-secondary);
+  display: block;
+  font-family: inherit;
   position: relative;
+  width: 100%;
 }
 
-.st-filterPill__body:disabled { cursor: var(--st-cursor-disabled, not-allowed); }
+.st-calendarHeatmapChart svg {
+  display: block;
+  overflow: visible;
+}
 
-.st-filterPill__operator {
-  color: var(--st-semantic-text-muted, #64748b);
-  font-size: 0.75em;
-  font-style: italic;
-  margin-inline: 0.125rem;
+.st-calendarHeatmapChart__visual {
+  display: block;
 }
 
-.st-filterPill__value {
-  max-width: 12rem;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+.st-calendarHeatmapChart__dayLabel,
+.st-calendarHeatmapChart__monthLabel {
+  fill: var(--st-semantic-text-secondary);
+  font-size: 0.5625rem;
 }
 
-.st-filterPill__remove {
-  align-items: center;
-  background: transparent;
-  border: 0;
-  border-radius: 0 var(--st-radius-pill, 999px) var(--st-radius-pill, 999px) 0;
-  color: inherit;
+.st-calendarHeatmapChart__cell {
   cursor: pointer;
-  display: inline-flex;
-  font: inherit;
-  height: 100%;
-  justify-content: center;
-  line-height: 1;
-  padding: 0.3125rem var(--st-spacing-2, 0.5rem) 0.3125rem var(--st-spacing-1, 0.25rem);
-  transition: background-color var(--st-motion-fast, 120ms) var(--st-motion-easing, ease);
-  min-width: 1.75rem;
+  stroke: var(--st-semantic-surface-default, Canvas);
+  stroke-width: 1;
+  transition: opacity 120ms ease;
 }
 
-.st-filterPill__remove:hover:not(:disabled) {
-  background: color-mix(in srgb, currentColor 12%, transparent);
+.st-calendarHeatmapChart__cell--empty {
+  fill: var(--st-semantic-border-subtle);
+  opacity: 0.25;
 }
 
-.st-filterPill__remove:focus-visible {
-  outline: 2px solid currentColor;
-  outline-offset: 1px;
-  border-radius: var(--st-radius-pill, 999px);
-  z-index: 1;
-  position: relative;
+.st-calendarHeatmapChart__cell--dim {
+  opacity: 0.3;
 }
 
-.st-filterPill__remove:disabled { cursor: var(--st-cursor-disabled, not-allowed); }
-
 @media (prefers-reduced-motion: reduce) {
-  .st-filterPill,
-  .st-filterPill__body,
-  .st-filterPill__remove { transition: none; }
+  .st-calendarHeatmapChart__cell {
+    transition: none;
+  }
 }
 
-/* ---------------------------------------------------------------------------
-   FilterBar
-   --------------------------------------------------------------------------- */
+.st-calendarHeatmapChart__cell--category1 { fill: var(--st-semantic-data-category1); }
+.st-calendarHeatmapChart__cell--category2 { fill: var(--st-semantic-data-category2); }
+.st-calendarHeatmapChart__cell--category3 { fill: var(--st-semantic-data-category3); }
+.st-calendarHeatmapChart__cell--category4 { fill: var(--st-semantic-data-category4); }
+.st-calendarHeatmapChart__cell--category5 { fill: var(--st-semantic-data-category5); }
+.st-calendarHeatmapChart__cell--category6 { fill: var(--st-semantic-data-category6); }
+.st-calendarHeatmapChart__cell--category7 { fill: var(--st-semantic-data-category7); }
+.st-calendarHeatmapChart__cell--category8 { fill: var(--st-semantic-data-category8); }
 
-.st-filterBar {
-  align-items: flex-start;
-  display: flex;
-  flex-wrap: wrap;
-  gap: var(--st-spacing-2, 0.5rem);
+.st-calendarHeatmapChart__tooltip {
+  background: var(--st-semantic-surface-inverse);
+  border-radius: var(--st-radius-sm, 0.25rem);
+  color: var(--st-semantic-text-inverse);
+  display: inline-flex;
+  flex-direction: column;
+  font-size: 0.75rem;
+  gap: 0.125rem;
+  line-height: 1.2;
+  padding: 0.375rem 0.5rem;
+  pointer-events: none;
+  position: absolute;
+  transform: translate(-50%, calc(-100% - 8px));
+  white-space: nowrap;
+  z-index: 1;
 }
 
-.st-filterBar__pills {
-  align-items: center;
-  display: flex;
-  flex: 1 1 auto;
-  flex-wrap: wrap;
-  gap: var(--st-spacing-2, 0.5rem);
+.st-calendarHeatmapChart__tooltipLabel {
+  font-weight: 600;
 }
 
-.st-filterBar__clearAll {
-  align-items: center;
-  background: transparent;
-  border: 0;
-  border-radius: var(--st-radius-md, 0.375rem);
-  color: var(--st-semantic-text-link, #2563eb);
-  cursor: var(--st-cursor-interactive, pointer);
-  display: inline-flex;
-  font: inherit;
-  font-size: 0.8125rem;
-  gap: var(--st-spacing-1, 0.25rem);
-  padding: 0.3125rem var(--st-spacing-2, 0.5rem);
-  transition:
-    background-color var(--st-motion-fast, 120ms) var(--st-motion-easing, ease),
-    color var(--st-motion-fast, 120ms) var(--st-motion-easing, ease);
-  white-space: nowrap;
+.st-calendarHeatmapChart__tooltipValue {
+  opacity: 0.85;
 }
 
-.st-filterBar__clearAll:hover {
-  background: var(--st-semantic-surface-subtle, #f8fafc);
-  color: var(--st-semantic-action-primaryHover, #1d4ed8);
+/* ── ParallelCoordinatesChart (lot-3) ── */
+.st-parallelCoordinatesChart {
+  color: var(--st-semantic-text-secondary);
+  display: block;
+  font-family: inherit;
+  position: relative;
+  width: 100%;
 }
 
-.st-filterBar__clearAll:focus-visible {
-  outline: 2px solid var(--st-semantic-border-interactive, #2563eb);
-  outline-offset: 2px;
+.st-parallelCoordinatesChart svg {
+  display: block;
+  overflow: visible;
 }
 
-@media (prefers-reduced-motion: reduce) {
-  .st-filterBar__clearAll { transition: none; }
+.st-parallelCoordinatesChart__visual {
+  display: block;
 }
 
-/* ---------------------------------------------------------------------------
-   SelectionChip
-   --------------------------------------------------------------------------- */
-
-.st-selectionChip {
-  align-items: center;
-  border-radius: var(--st-radius-pill, 999px);
-  display: inline-flex;
-  font-size: 0.75rem;
-  font-weight: 600;
-  gap: var(--st-spacing-1, 0.25rem);
-  line-height: 1;
-  padding: 0.25rem var(--st-spacing-2, 0.5rem);
-}
-
-.st-selectionChip--neutral {
-  background: var(--st-semantic-surface-subtle, #f8fafc);
-  color: var(--st-semantic-text-secondary, #475569);
-}
-
-.st-selectionChip--success {
-  background: color-mix(in srgb, var(--st-semantic-feedback-success, #16a34a) 14%, white);
-  color: var(--st-semantic-feedback-success, #16a34a);
-}
-
-.st-selectionChip--warning {
-  background: color-mix(in srgb, var(--st-semantic-feedback-warning, #d97706) 14%, white);
-  color: var(--st-semantic-feedback-warning, #d97706);
-}
-
-.st-selectionChip--error {
-  background: color-mix(in srgb, var(--st-semantic-feedback-error, #dc2626) 14%, white);
-  color: var(--st-semantic-feedback-error, #dc2626);
-}
-
-.st-selectionChip--info {
-  background: color-mix(in srgb, var(--st-semantic-feedback-info, #2563eb) 14%, white);
-  color: var(--st-semantic-feedback-info, #2563eb);
+.st-parallelCoordinatesChart__axis {
+  stroke: var(--st-semantic-border-subtle);
+  stroke-width: 1.5;
 }
 
-.st-selectionChip--disabled {
-  cursor: var(--st-cursor-disabled, not-allowed);
-  opacity: 0.55;
+.st-parallelCoordinatesChart__axisLabel {
+  fill: var(--st-semantic-text-secondary);
+  font-size: 0.6875rem;
+  font-weight: 600;
 }
 
-.st-selectionChip__count {
-  color: inherit;
-  opacity: 0.75;
+.st-parallelCoordinatesChart__tickLabel {
+  fill: var(--st-semantic-text-secondary);
+  font-size: 0.5625rem;
 }
 
-.st-selectionChip__clear {
-  align-items: center;
-  background: transparent;
-  border: 0;
-  border-radius: 50%;
-  color: inherit;
+.st-parallelCoordinatesChart__line {
   cursor: pointer;
-  display: inline-flex;
-  font: inherit;
-  font-size: 1em;
-  height: 1.25em;
-  justify-content: center;
-  line-height: 1;
-  margin-inline-start: 0.0625rem;
-  padding: 0;
-  transition: background-color var(--st-motion-fast, 120ms) var(--st-motion-easing, ease);
-  width: 1.25em;
+  stroke-width: 1.5;
+  stroke-opacity: 0.65;
+  transition: stroke-opacity 120ms ease, stroke-width 120ms ease;
 }
 
-.st-selectionChip__clear:hover:not(:disabled) {
-  background: var(--st-semantic-surface-subtle, #f1f5f9);
+.st-parallelCoordinatesChart__line--dim {
+  stroke-opacity: 0.12;
 }
 
-.st-selectionChip__clear:focus-visible {
-  outline: 2px solid currentColor;
-  outline-offset: 1px;
+.st-parallelCoordinatesChart__line--active {
+  stroke-opacity: 1;
+  stroke-width: 2.5;
 }
 
-.st-selectionChip__clear:disabled { cursor: var(--st-cursor-disabled, not-allowed); }
-
 @media (prefers-reduced-motion: reduce) {
-  .st-selectionChip__clear { transition: none; }
+  .st-parallelCoordinatesChart__line {
+    transition: none;
+  }
 }
 
-/* ── LollipopChart ── */
-.st-lollipopChart {
+.st-parallelCoordinatesChart__line--category1 { stroke: var(--st-semantic-data-category1); }
+.st-parallelCoordinatesChart__line--category2 { stroke: var(--st-semantic-data-category2); }
+.st-parallelCoordinatesChart__line--category3 { stroke: var(--st-semantic-data-category3); }
+.st-parallelCoordinatesChart__line--category4 { stroke: var(--st-semantic-data-category4); }
+.st-parallelCoordinatesChart__line--category5 { stroke: var(--st-semantic-data-category5); }
+.st-parallelCoordinatesChart__line--category6 { stroke: var(--st-semantic-data-category6); }
+.st-parallelCoordinatesChart__line--category7 { stroke: var(--st-semantic-data-category7); }
+.st-parallelCoordinatesChart__line--category8 { stroke: var(--st-semantic-data-category8); }
+
+/* ── BumpChart (lot-3) ── */
+.st-bumpChart {
   color: var(--st-semantic-text-secondary);
   display: block;
   font-family: inherit;
@@ -10602,570 +10583,979 @@
   width: 100%;
 }
 
-.st-lollipopChart svg {
+.st-bumpChart svg {
   display: block;
   overflow: visible;
 }
 
-.st-lollipopChart__visual {
+.st-bumpChart__visual {
   display: block;
 }
 
-.st-lollipopChart__grid {
-  stroke: var(--st-component-lollipopChart-gridStroke, var(--st-semantic-border-subtle));
+.st-bumpChart__grid {
+  stroke: var(--st-semantic-border-subtle);
   stroke-dasharray: 2 3;
   stroke-width: 1;
-  opacity: 0.7;
-}
-
-.st-lollipopChart__axis {
-  stroke: var(--st-component-lollipopChart-axisStroke, var(--st-semantic-border-subtle));
-  stroke-width: 1;
+  opacity: 0.5;
 }
 
-.st-lollipopChart__tickLabel,
-.st-lollipopChart__categoryLabel {
-  fill: var(--st-component-lollipopChart-labelColor, var(--st-semantic-text-secondary));
+.st-bumpChart__rankLabel,
+.st-bumpChart__catLabel,
+.st-bumpChart__seriesLabel {
+  fill: var(--st-semantic-text-secondary);
   font-size: 0.6875rem;
 }
 
-.st-lollipopChart__valueLabel {
-  font-size: 0.625rem;
-  font-weight: 600;
-}
-
-.st-lollipopChart__stem {
-  stroke: var(--st-semantic-border-interactive, var(--st-semantic-border-subtle));
-  stroke-width: 1.5;
-}
-
-.st-lollipopChart__dot {
+.st-bumpChart__line {
   cursor: pointer;
-  transition: opacity var(--st-motion-fast, 120ms) var(--st-motion-easing, ease);
+  stroke-width: 2;
+  stroke-opacity: 0.7;
+  transition: stroke-opacity 120ms ease, stroke-width 120ms ease;
 }
 
-.st-lollipopChart__dot:hover {
-  opacity: 0.82;
+.st-bumpChart__line--dim {
+  stroke-opacity: 0.12;
 }
 
-.st-lollipopChart__dot--category1 { fill: var(--st-semantic-data-category1); }
-.st-lollipopChart__dot--category2 { fill: var(--st-semantic-data-category2); }
-.st-lollipopChart__dot--category3 { fill: var(--st-semantic-data-category3); }
-.st-lollipopChart__dot--category4 { fill: var(--st-semantic-data-category4); }
-.st-lollipopChart__dot--category5 { fill: var(--st-semantic-data-category5); }
-.st-lollipopChart__dot--category6 { fill: var(--st-semantic-data-category6); }
-.st-lollipopChart__dot--category7 { fill: var(--st-semantic-data-category7); }
-.st-lollipopChart__dot--category8 { fill: var(--st-semantic-data-category8); }
+.st-bumpChart__line--active {
+  stroke-opacity: 1;
+  stroke-width: 3;
+}
 
-.st-lollipopChart__tooltip {
-  background: var(--st-component-lollipopChart-tooltipBackground, var(--st-semantic-surface-inverse));
-  border-radius: var(--st-radius-sm, 0.25rem);
-  color: var(--st-component-lollipopChart-tooltipText, var(--st-semantic-text-inverse));
-  display: inline-flex;
-  flex-direction: column;
-  font-size: 0.75rem;
-  gap: 0.125rem;
-  line-height: 1.2;
-  padding: 0.375rem 0.5rem;
-  pointer-events: none;
-  position: absolute;
-  transform: translate(-50%, calc(-100% - 8px));
-  white-space: nowrap;
-  z-index: 1;
+@media (prefers-reduced-motion: reduce) {
+  .st-bumpChart__line {
+    transition: none;
+  }
 }
 
-.st-lollipopChart__tooltipLabel {
-  font-weight: 600;
+.st-bumpChart__dot {
+  cursor: pointer;
+  stroke: var(--st-semantic-surface-default, Canvas);
+  stroke-width: 1.5;
+  transition: r 120ms ease;
 }
 
-.st-lollipopChart__tooltipValue {
-  opacity: 0.85;
+.st-bumpChart__dot--dim {
+  opacity: 0.15;
 }
 
 @media (prefers-reduced-motion: reduce) {
-  .st-lollipopChart__dot {
+  .st-bumpChart__dot {
     transition: none;
   }
 }
 
-/* ── ParetoChart ── */
-.st-paretoChart {
-  color: var(--st-semantic-text-secondary);
-  display: block;
-  font-family: inherit;
-  position: relative;
-  width: 100%;
-}
+.st-bumpChart__line--category1 { stroke: var(--st-semantic-data-category1); }
+.st-bumpChart__line--category2 { stroke: var(--st-semantic-data-category2); }
+.st-bumpChart__line--category3 { stroke: var(--st-semantic-data-category3); }
+.st-bumpChart__line--category4 { stroke: var(--st-semantic-data-category4); }
+.st-bumpChart__line--category5 { stroke: var(--st-semantic-data-category5); }
+.st-bumpChart__line--category6 { stroke: var(--st-semantic-data-category6); }
+.st-bumpChart__line--category7 { stroke: var(--st-semantic-data-category7); }
+.st-bumpChart__line--category8 { stroke: var(--st-semantic-data-category8); }
 
-.st-paretoChart svg {
-  display: block;
-  overflow: visible;
-}
+.st-bumpChart__dot--category1 { fill: var(--st-semantic-data-category1); }
+.st-bumpChart__dot--category2 { fill: var(--st-semantic-data-category2); }
+.st-bumpChart__dot--category3 { fill: var(--st-semantic-data-category3); }
+.st-bumpChart__dot--category4 { fill: var(--st-semantic-data-category4); }
+.st-bumpChart__dot--category5 { fill: var(--st-semantic-data-category5); }
+.st-bumpChart__dot--category6 { fill: var(--st-semantic-data-category6); }
+.st-bumpChart__dot--category7 { fill: var(--st-semantic-data-category7); }
+.st-bumpChart__dot--category8 { fill: var(--st-semantic-data-category8); }
 
-.st-paretoChart__visual {
-  display: block;
-}
+/* ---------------------------------------------------------------------------
+   FilterPill
+   --------------------------------------------------------------------------- */
 
-.st-paretoChart__grid {
-  stroke: var(--st-component-paretoChart-gridStroke, var(--st-semantic-border-subtle));
-  stroke-dasharray: 2 3;
-  stroke-width: 1;
-  opacity: 0.7;
+.st-filterPill {
+  align-items: center;
+  border-radius: var(--st-radius-pill, 999px);
+  display: inline-flex;
+  font-size: 0.8125rem;
+  font-weight: 500;
+  gap: 0;
+  line-height: 1;
+  transition:
+    background-color var(--st-motion-fast, 120ms) var(--st-motion-easing, ease),
+    color var(--st-motion-fast, 120ms) var(--st-motion-easing, ease);
+  user-select: none;
 }
 
-.st-paretoChart__axis {
-  stroke: var(--st-component-paretoChart-axisStroke, var(--st-semantic-border-subtle));
-  stroke-width: 1;
+.st-filterPill--neutral {
+  background: var(--st-semantic-surface-subtle, #f8fafc);
+  color: var(--st-semantic-text-secondary, #475569);
+  border: 1px solid var(--st-semantic-border-interactive, #cbd5e1);
 }
 
-.st-paretoChart__tickLabel,
-.st-paretoChart__categoryLabel,
-.st-paretoChart__percentLabel {
-  fill: var(--st-component-paretoChart-labelColor, var(--st-semantic-text-secondary));
-  font-size: 0.6875rem;
+.st-filterPill--success {
+  background: color-mix(in srgb, var(--st-semantic-feedback-success, #16a34a) 12%, white);
+  color: color-mix(in oklch, var(--st-semantic-feedback-success, #16a34a) 78%, black);
+  border: 1px solid color-mix(in srgb, var(--st-semantic-feedback-success, #16a34a) 40%, white);
 }
 
-.st-paretoChart__bar {
-  cursor: pointer;
-  transition: opacity var(--st-motion-fast, 120ms) var(--st-motion-easing, ease);
+.st-filterPill--warning {
+  background: color-mix(in srgb, var(--st-semantic-feedback-warning, #d97706) 12%, white);
+  color: color-mix(in oklch, var(--st-semantic-feedback-warning, #d97706) 78%, black);
+  border: 1px solid color-mix(in srgb, var(--st-semantic-feedback-warning, #d97706) 40%, white);
 }
 
-.st-paretoChart__bar:hover {
-  opacity: 0.82;
+.st-filterPill--error {
+  background: color-mix(in srgb, var(--st-semantic-feedback-error, #dc2626) 12%, white);
+  color: color-mix(in oklch, var(--st-semantic-feedback-error, #dc2626) 78%, black);
+  border: 1px solid color-mix(in srgb, var(--st-semantic-feedback-error, #dc2626) 40%, white);
 }
 
-.st-paretoChart__bar--category1 { fill: var(--st-semantic-data-category1); }
-.st-paretoChart__bar--category2 { fill: var(--st-semantic-data-category2); }
-.st-paretoChart__bar--category3 { fill: var(--st-semantic-data-category3); }
-.st-paretoChart__bar--category4 { fill: var(--st-semantic-data-category4); }
-.st-paretoChart__bar--category5 { fill: var(--st-semantic-data-category5); }
-.st-paretoChart__bar--category6 { fill: var(--st-semantic-data-category6); }
-.st-paretoChart__bar--category7 { fill: var(--st-semantic-data-category7); }
-.st-paretoChart__bar--category8 { fill: var(--st-semantic-data-category8); }
-
-.st-paretoChart__cumLine {
-  stroke: var(--st-semantic-action-primary, var(--st-semantic-border-interactive));
-  stroke-width: 2;
+.st-filterPill--info {
+  background: color-mix(in srgb, var(--st-semantic-feedback-info, #2563eb) 12%, white);
+  color: color-mix(in oklch, var(--st-semantic-feedback-info, #2563eb) 78%, black);
+  border: 1px solid color-mix(in srgb, var(--st-semantic-feedback-info, #2563eb) 40%, white);
 }
 
-.st-paretoChart__cumDot {
-  cursor: pointer;
-  fill: var(--st-semantic-action-primary, var(--st-semantic-border-interactive));
-  transition: opacity var(--st-motion-fast, 120ms) var(--st-motion-easing, ease);
+.st-filterPill--neutral.st-filterPill--active {
+  background: var(--st-component-filterPill-activeBackground, color-mix(in oklch, var(--st-semantic-action-primary, #2563eb) 12%, white));
+  color: var(--st-component-filterPill-activeText, color-mix(in oklch, var(--st-semantic-action-primary, #2563eb) 78%, black));
+  border-color: color-mix(in oklch, var(--st-semantic-action-primary, #2563eb) 50%, white);
 }
 
-.st-paretoChart__cumDot:hover {
-  opacity: 0.82;
+.st-filterPill--success.st-filterPill--active {
+  background: color-mix(in oklch, var(--st-semantic-feedback-success, #16a34a) 78%, black);
+  color: white;
+  border-color: color-mix(in oklch, var(--st-semantic-feedback-success, #16a34a) 78%, black);
 }
 
-.st-paretoChart__tooltip {
-  background: var(--st-component-paretoChart-tooltipBackground, var(--st-semantic-surface-inverse));
-  border-radius: var(--st-radius-sm, 0.25rem);
-  color: var(--st-component-paretoChart-tooltipText, var(--st-semantic-text-inverse));
-  display: inline-flex;
-  flex-direction: column;
-  font-size: 0.75rem;
-  gap: 0.125rem;
-  line-height: 1.2;
-  padding: 0.375rem 0.5rem;
-  pointer-events: none;
-  position: absolute;
-  transform: translate(-50%, calc(-100% - 8px));
-  white-space: nowrap;
-  z-index: 1;
+.st-filterPill--warning.st-filterPill--active {
+  background: color-mix(in oklch, var(--st-semantic-feedback-warning, #d97706) 78%, black);
+  color: white;
+  border-color: color-mix(in oklch, var(--st-semantic-feedback-warning, #d97706) 78%, black);
 }
 
-.st-paretoChart__tooltipLabel {
-  font-weight: 600;
+.st-filterPill--error.st-filterPill--active {
+  background: color-mix(in oklch, var(--st-semantic-feedback-error, #dc2626) 78%, black);
+  color: white;
+  border-color: color-mix(in oklch, var(--st-semantic-feedback-error, #dc2626) 78%, black);
 }
 
-.st-paretoChart__tooltipValue {
-  opacity: 0.85;
+.st-filterPill--info.st-filterPill--active {
+  background: color-mix(in oklch, var(--st-semantic-feedback-info, #2563eb) 78%, black);
+  color: white;
+  border-color: color-mix(in oklch, var(--st-semantic-feedback-info, #2563eb) 78%, black);
 }
 
-@media (prefers-reduced-motion: reduce) {
-  .st-paretoChart__bar,
-  .st-paretoChart__cumDot {
-    transition: none;
+@supports not (color: color-mix(in oklch, red, blue)) {
+  .st-filterPill--neutral.st-filterPill--active {
+    background: var(--st-component-filterPill-activeBackground, var(--st-semantic-surface-subtle, #eef2ff));
+    color: var(--st-component-filterPill-activeText, var(--st-semantic-action-primary, #1d4ed8));
   }
+  .st-filterPill--success.st-filterPill--active { background: var(--st-semantic-feedback-success, #16a34a); color: white; }
+  .st-filterPill--warning.st-filterPill--active { background: var(--st-semantic-feedback-warning, #d97706); color: white; }
+  .st-filterPill--error.st-filterPill--active { background: var(--st-semantic-feedback-error, #dc2626); color: white; }
+  .st-filterPill--info.st-filterPill--active { background: var(--st-semantic-feedback-info, #2563eb); color: white; }
 }
 
-/* --- Shell : AppHeader / LanguageToggle / IdentityMenu (calque sentropic) --- */
-.st-appHeader {
-  background: var(--st-semantic-surface-default);
-  border-bottom: 1px solid var(--st-semantic-border-subtle);
-  color: var(--st-semantic-text-primary);
-  font-family: var(--st-font-sans);
-  width: 100%;
+.st-filterPill--disabled {
+  cursor: var(--st-cursor-disabled, not-allowed);
+  opacity: 0.55;
 }
 
-.st-appHeader__bar {
+.st-filterPill__body {
   align-items: center;
-  display: flex;
-  gap: var(--st-spacing-4, 1rem);
-  height: 3.5rem;
-  justify-content: space-between;
-  margin: 0 auto;
-  max-width: 80rem;
-  padding: 0 var(--st-spacing-4, 1rem);
-  width: 100%;
+  background: transparent;
+  border: 0;
+  border-radius: var(--st-radius-pill, 999px) 0 0 var(--st-radius-pill, 999px);
+  color: inherit;
+  cursor: var(--st-cursor-interactive, pointer);
+  display: inline-flex;
+  font: inherit;
+  gap: var(--st-spacing-1, 0.25rem);
+  line-height: 1;
+  padding: 0.3125rem var(--st-spacing-1, 0.25rem) 0.3125rem var(--st-spacing-2, 0.5rem);
+  transition:
+    background-color var(--st-motion-fast, 120ms) var(--st-motion-easing, ease),
+    color var(--st-motion-fast, 120ms) var(--st-motion-easing, ease);
 }
 
-.st-appHeader__nav {
-  align-items: center;
-  display: flex;
-  flex: 1 1 auto;
-  flex-wrap: wrap;
-  font-size: 0.875rem;
-  font-weight: 500;
-  gap: var(--st-spacing-4, 1rem);
-  min-width: 0;
+.st-filterPill__body--static {
+  cursor: default;
+  padding: 0.3125rem var(--st-spacing-2, 0.5rem);
+  border-radius: var(--st-radius-pill, 999px);
 }
 
-.st-appHeader__burger {
-  align-items: center;
-  display: flex;
-  flex: 1 1 auto;
-  justify-content: flex-end;
+.st-filterPill:has(.st-filterPill__remove) .st-filterPill__body--static {
+  border-radius: var(--st-radius-pill, 999px) 0 0 var(--st-radius-pill, 999px);
+  padding-right: var(--st-spacing-1, 0.25rem);
 }
 
-.st-appHeader__burgerButton {
+.st-filterPill__body:not(:disabled):hover { opacity: 0.88; }
+
+.st-filterPill__body:focus-visible {
+  outline: 2px solid var(--st-semantic-border-interactive, var(--st-semantic-action-primary, #2563eb));
+  outline-offset: 2px;
+  border-radius: var(--st-radius-pill, 999px);
+  z-index: 1;
+  position: relative;
+}
+
+.st-filterPill__body:disabled { cursor: var(--st-cursor-disabled, not-allowed); }
+
+.st-filterPill__operator {
+  color: var(--st-semantic-text-muted, #64748b);
+  font-size: 0.75em;
+  font-style: italic;
+  margin-inline: 0.125rem;
+}
+
+.st-filterPill__value {
+  max-width: 12rem;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.st-filterPill__remove {
   align-items: center;
   background: transparent;
   border: 0;
-  border-radius: var(--st-radius-sm, 0.375rem);
-  color: var(--st-semantic-text-primary);
+  border-radius: 0 var(--st-radius-pill, 999px) var(--st-radius-pill, 999px) 0;
+  color: inherit;
   cursor: pointer;
   display: inline-flex;
+  font: inherit;
+  height: 100%;
   justify-content: center;
-  padding: var(--st-spacing-2, 0.5rem);
+  line-height: 1;
+  padding: 0.3125rem var(--st-spacing-2, 0.5rem) 0.3125rem var(--st-spacing-1, 0.25rem);
+  transition: background-color var(--st-motion-fast, 120ms) var(--st-motion-easing, ease);
+  min-width: 1.75rem;
 }
 
-.st-appHeader__burgerButton:hover {
-  background: var(--st-semantic-surface-subtle);
+.st-filterPill__remove:hover:not(:disabled) {
+  background: color-mix(in srgb, currentColor 12%, transparent);
 }
 
-.st-appHeader__burgerButton:focus-visible {
-  box-shadow: 0 0 0 2px var(--st-semantic-border-interactive);
-  outline: none;
+.st-filterPill__remove:focus-visible {
+  outline: 2px solid currentColor;
+  outline-offset: 1px;
+  border-radius: var(--st-radius-pill, 999px);
+  z-index: 1;
+  position: relative;
 }
 
-.st-appHeader__burgerIcon {
-  display: block;
+.st-filterPill__remove:disabled { cursor: var(--st-cursor-disabled, not-allowed); }
+
+@media (prefers-reduced-motion: reduce) {
+  .st-filterPill,
+  .st-filterPill__body,
+  .st-filterPill__remove { transition: none; }
 }
 
-.st-appHeader__logo {
-  align-items: center;
-  display: inline-flex;
-  flex: 0 0 auto;
+/* ---------------------------------------------------------------------------
+   FilterBar
+   --------------------------------------------------------------------------- */
+
+.st-filterBar {
+  align-items: flex-start;
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--st-spacing-2, 0.5rem);
 }
 
-.st-appHeader__actions {
+.st-filterBar__pills {
   align-items: center;
   display: flex;
-  flex: 0 0 auto;
-  gap: var(--st-spacing-3, 0.75rem);
+  flex: 1 1 auto;
+  flex-wrap: wrap;
+  gap: var(--st-spacing-2, 0.5rem);
 }
 
-.st-appHeader__scrim {
+.st-filterBar__clearAll {
+  align-items: center;
   background: transparent;
   border: 0;
-  cursor: default;
-  inset: 0;
-  padding: 0;
-  position: fixed;
-  z-index: var(--st-zindex-overlay, 80);
+  border-radius: var(--st-radius-md, 0.375rem);
+  color: var(--st-semantic-text-link, #2563eb);
+  cursor: var(--st-cursor-interactive, pointer);
+  display: inline-flex;
+  font: inherit;
+  font-size: 0.8125rem;
+  gap: var(--st-spacing-1, 0.25rem);
+  padding: 0.3125rem var(--st-spacing-2, 0.5rem);
+  transition:
+    background-color var(--st-motion-fast, 120ms) var(--st-motion-easing, ease),
+    color var(--st-motion-fast, 120ms) var(--st-motion-easing, ease);
+  white-space: nowrap;
 }
 
-.st-appHeader__drawer {
-  background: var(--st-semantic-surface-default);
-  border: 1px solid var(--st-semantic-border-subtle);
-  box-shadow: var(--st-shadow-medium, 0 8px 24px rgb(15 23 42 / 0.12));
-  left: 0;
-  max-height: 100vh;
-  overflow-y: auto;
-  position: fixed;
-  top: 0;
-  width: min(22rem, 85vw);
-  z-index: calc(var(--st-zindex-overlay, 80) + 10);
+.st-filterBar__clearAll:hover {
+  background: var(--st-semantic-surface-subtle, #f8fafc);
+  color: var(--st-semantic-action-primaryHover, #1d4ed8);
 }
 
-.st-languageToggle {
-  width: 100%;
+.st-filterBar__clearAll:focus-visible {
+  outline: 2px solid var(--st-semantic-border-interactive, #2563eb);
+  outline-offset: 2px;
 }
 
-.st-languageToggle__select {
-  background: var(--st-semantic-surface-default);
-  border: 1px solid var(--st-semantic-border-subtle);
-  border-radius: var(--st-radius-md, 0.375rem);
-  color: var(--st-semantic-text-primary);
-  cursor: pointer;
-  font: inherit;
-  font-family: var(--st-font-sans);
-  font-size: 0.875rem;
-  padding: var(--st-spacing-1, 0.25rem) var(--st-spacing-2, 0.5rem);
+@media (prefers-reduced-motion: reduce) {
+  .st-filterBar__clearAll { transition: none; }
 }
 
-.st-languageToggle__select:focus-visible {
-  border-color: var(--st-semantic-border-interactive);
-  box-shadow: 0 0 0 2px var(--st-semantic-border-interactive);
-  outline: none;
-}
+/* ---------------------------------------------------------------------------
+   SelectionChip
+   --------------------------------------------------------------------------- */
 
-.st-languageToggle__accordionTrigger {
+.st-selectionChip {
   align-items: center;
-  background: transparent;
-  border: 0;
-  border-radius: var(--st-radius-sm, 0.375rem);
-  color: var(--st-semantic-text-primary);
-  cursor: pointer;
-  display: flex;
-  font: inherit;
-  font-family: var(--st-font-sans);
-  font-size: 0.875rem;
-  font-weight: 500;
-  justify-content: space-between;
-  padding: var(--st-spacing-2, 0.5rem) var(--st-spacing-3, 0.75rem);
-  width: 100%;
+  border-radius: var(--st-radius-pill, 999px);
+  display: inline-flex;
+  font-size: 0.75rem;
+  font-weight: 600;
+  gap: var(--st-spacing-1, 0.25rem);
+  line-height: 1;
+  padding: 0.25rem var(--st-spacing-2, 0.5rem);
 }
 
-.st-languageToggle__accordionTrigger:hover {
-  background: var(--st-semantic-surface-subtle);
+.st-selectionChip--neutral {
+  background: var(--st-semantic-surface-subtle, #f8fafc);
+  color: var(--st-semantic-text-secondary, #475569);
 }
 
-.st-languageToggle__accordionTrigger:focus-visible {
-  box-shadow: 0 0 0 2px var(--st-semantic-border-interactive);
-  outline: none;
+.st-selectionChip--success {
+  background: color-mix(in srgb, var(--st-semantic-feedback-success, #16a34a) 14%, white);
+  color: var(--st-semantic-feedback-success, #16a34a);
 }
 
-.st-languageToggle__chevron {
-  color: var(--st-semantic-text-secondary);
-  transition: transform var(--st-motion-fast, 120ms) var(--st-motion-easing, ease);
+.st-selectionChip--warning {
+  background: color-mix(in srgb, var(--st-semantic-feedback-warning, #d97706) 14%, white);
+  color: var(--st-semantic-feedback-warning, #d97706);
 }
 
-.st-languageToggle__chevron--open {
-  transform: rotate(180deg);
+.st-selectionChip--error {
+  background: color-mix(in srgb, var(--st-semantic-feedback-error, #dc2626) 14%, white);
+  color: var(--st-semantic-feedback-error, #dc2626);
 }
 
-.st-languageToggle__accordionPanel {
-  display: grid;
-  gap: var(--st-spacing-1, 0.25rem);
-  padding: var(--st-spacing-1, 0.25rem) var(--st-spacing-3, 0.75rem) var(--st-spacing-2, 0.5rem);
+.st-selectionChip--info {
+  background: color-mix(in srgb, var(--st-semantic-feedback-info, #2563eb) 14%, white);
+  color: var(--st-semantic-feedback-info, #2563eb);
 }
 
-.st-languageToggle__option {
+.st-selectionChip--disabled {
+  cursor: var(--st-cursor-disabled, not-allowed);
+  opacity: 0.55;
+}
+
+.st-selectionChip__count {
+  color: inherit;
+  opacity: 0.75;
+}
+
+.st-selectionChip__clear {
+  align-items: center;
   background: transparent;
   border: 0;
-  border-radius: var(--st-radius-sm, 0.375rem);
-  color: var(--st-semantic-text-secondary);
+  border-radius: 50%;
+  color: inherit;
   cursor: pointer;
+  display: inline-flex;
   font: inherit;
-  font-family: var(--st-font-sans);
-  font-size: 0.875rem;
-  font-weight: 500;
-  padding: var(--st-spacing-2, 0.5rem) var(--st-spacing-3, 0.75rem);
-  text-align: left;
-  width: 100%;
+  font-size: 1em;
+  height: 1.25em;
+  justify-content: center;
+  line-height: 1;
+  margin-inline-start: 0.0625rem;
+  padding: 0;
+  transition: background-color var(--st-motion-fast, 120ms) var(--st-motion-easing, ease);
+  width: 1.25em;
 }
 
-.st-languageToggle__option:hover {
-  background: var(--st-semantic-surface-subtle);
-  color: var(--st-semantic-text-primary);
+.st-selectionChip__clear:hover:not(:disabled) {
+  background: var(--st-semantic-surface-subtle, #f1f5f9);
 }
 
-.st-languageToggle__option--active {
-  background: var(--st-semantic-surface-subtle);
-  color: var(--st-semantic-text-primary);
+.st-selectionChip__clear:focus-visible {
+  outline: 2px solid currentColor;
+  outline-offset: 1px;
 }
 
-.st-languageToggle__option:focus-visible {
-  box-shadow: 0 0 0 2px var(--st-semantic-border-interactive);
-  outline: none;
+.st-selectionChip__clear:disabled { cursor: var(--st-cursor-disabled, not-allowed); }
+
+@media (prefers-reduced-motion: reduce) {
+  .st-selectionChip__clear { transition: none; }
 }
 
-.st-identityMenu {
-  font-family: var(--st-font-sans);
+/* ── LollipopChart ── */
+.st-lollipopChart {
+  color: var(--st-semantic-text-secondary);
+  display: block;
+  font-family: inherit;
   position: relative;
+  width: 100%;
 }
 
-.st-identityMenu--accordion {
-  width: 100%;
+.st-lollipopChart svg {
+  display: block;
+  overflow: visible;
 }
 
-.st-identityMenu__trigger {
-  align-items: center;
-  background: transparent;
-  border: 0;
-  border-radius: var(--st-radius-sm, 0.375rem);
-  color: var(--st-semantic-text-primary);
-  cursor: pointer;
-  display: inline-flex;
-  font: inherit;
-  font-family: var(--st-font-sans);
-  font-size: 0.875rem;
-  font-weight: 500;
-  gap: var(--st-spacing-2, 0.5rem);
-  padding: var(--st-spacing-1, 0.25rem) var(--st-spacing-3, 0.75rem);
+.st-lollipopChart__visual {
+  display: block;
 }
 
-.st-identityMenu--accordion .st-identityMenu__trigger {
-  padding: var(--st-spacing-2, 0.5rem) var(--st-spacing-3, 0.75rem);
-  width: 100%;
+.st-lollipopChart__grid {
+  stroke: var(--st-component-lollipopChart-gridStroke, var(--st-semantic-border-subtle));
+  stroke-dasharray: 2 3;
+  stroke-width: 1;
+  opacity: 0.7;
 }
 
-.st-identityMenu__trigger:hover {
-  background: var(--st-semantic-surface-subtle);
+.st-lollipopChart__axis {
+  stroke: var(--st-component-lollipopChart-axisStroke, var(--st-semantic-border-subtle));
+  stroke-width: 1;
 }
 
-.st-identityMenu__trigger:focus-visible {
-  box-shadow: 0 0 0 2px var(--st-semantic-border-interactive);
-  outline: none;
+.st-lollipopChart__tickLabel,
+.st-lollipopChart__categoryLabel {
+  fill: var(--st-component-lollipopChart-labelColor, var(--st-semantic-text-secondary));
+  font-size: 0.6875rem;
 }
 
-.st-identityMenu__avatar {
-  align-items: center;
-  background: var(--st-semantic-action-primary);
-  border-radius: var(--st-radius-pill, 9999px);
-  color: var(--st-semantic-action-primaryText);
-  display: inline-flex;
-  flex: 0 0 auto;
-  font-weight: 500;
-  height: 2rem;
-  justify-content: center;
-  width: 2rem;
+.st-lollipopChart__valueLabel {
+  font-size: 0.625rem;
+  font-weight: 600;
 }
 
-.st-identityMenu__meta {
-  display: grid;
-  gap: 0.05rem;
-  min-width: 0;
-  text-align: left;
+.st-lollipopChart__stem {
+  stroke: var(--st-semantic-border-interactive, var(--st-semantic-border-subtle));
+  stroke-width: 1.5;
 }
 
-.st-identityMenu--accordion .st-identityMenu__meta {
-  flex: 1 1 auto;
+.st-lollipopChart__dot {
+  cursor: pointer;
+  transition: opacity var(--st-motion-fast, 120ms) var(--st-motion-easing, ease);
 }
 
-.st-identityMenu__name {
-  color: var(--st-semantic-text-primary);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+.st-lollipopChart__dot:hover {
+  opacity: 0.82;
 }
 
-.st-identityMenu__email {
-  color: var(--st-semantic-text-secondary);
+.st-lollipopChart__dot--category1 { fill: var(--st-semantic-data-category1); }
+.st-lollipopChart__dot--category2 { fill: var(--st-semantic-data-category2); }
+.st-lollipopChart__dot--category3 { fill: var(--st-semantic-data-category3); }
+.st-lollipopChart__dot--category4 { fill: var(--st-semantic-data-category4); }
+.st-lollipopChart__dot--category5 { fill: var(--st-semantic-data-category5); }
+.st-lollipopChart__dot--category6 { fill: var(--st-semantic-data-category6); }
+.st-lollipopChart__dot--category7 { fill: var(--st-semantic-data-category7); }
+.st-lollipopChart__dot--category8 { fill: var(--st-semantic-data-category8); }
+
+.st-lollipopChart__tooltip {
+  background: var(--st-component-lollipopChart-tooltipBackground, var(--st-semantic-surface-inverse));
+  border-radius: var(--st-radius-sm, 0.25rem);
+  color: var(--st-component-lollipopChart-tooltipText, var(--st-semantic-text-inverse));
+  display: inline-flex;
+  flex-direction: column;
   font-size: 0.75rem;
-  overflow: hidden;
-  text-overflow: ellipsis;
+  gap: 0.125rem;
+  line-height: 1.2;
+  padding: 0.375rem 0.5rem;
+  pointer-events: none;
+  position: absolute;
+  transform: translate(-50%, calc(-100% - 8px));
   white-space: nowrap;
+  z-index: 1;
 }
 
-.st-identityMenu__chevron {
-  color: var(--st-semantic-text-secondary);
-  flex: 0 0 auto;
-  transition: transform var(--st-motion-fast, 120ms) var(--st-motion-easing, ease);
+.st-lollipopChart__tooltipLabel {
+  font-weight: 600;
 }
 
-.st-identityMenu__chevron--open {
-  transform: rotate(180deg);
+.st-lollipopChart__tooltipValue {
+  opacity: 0.85;
 }
 
-.st-identityMenu__menu {
-  background: var(--st-semantic-surface-raised);
-  border: 1px solid var(--st-semantic-border-subtle);
-  border-radius: var(--st-radius-md, 0.375rem);
-  box-shadow: var(--st-shadow-medium, 0 8px 24px rgb(15 23 42 / 0.12));
-  display: grid;
-  margin-top: var(--st-spacing-2, 0.5rem);
-  min-width: 12rem;
-  padding: var(--st-spacing-1, 0.25rem);
-  position: absolute;
-  right: 0;
-  top: 100%;
-  z-index: var(--st-zindex-overlay, 80);
+@media (prefers-reduced-motion: reduce) {
+  .st-lollipopChart__dot {
+    transition: none;
+  }
 }
 
-.st-identityMenu--accordion .st-identityMenu__menu {
-  box-shadow: none;
-  margin-top: var(--st-spacing-1, 0.25rem);
-  position: static;
+/* ── ParetoChart ── */
+.st-paretoChart {
+  color: var(--st-semantic-text-secondary);
+  display: block;
+  font-family: inherit;
+  position: relative;
   width: 100%;
 }
 
-.st-identityMenu__item {
+.st-paretoChart svg {
+  display: block;
+  overflow: visible;
+}
+
+.st-paretoChart__visual {
+  display: block;
+}
+
+.st-paretoChart__grid {
+  stroke: var(--st-component-paretoChart-gridStroke, var(--st-semantic-border-subtle));
+  stroke-dasharray: 2 3;
+  stroke-width: 1;
+  opacity: 0.7;
+}
+
+.st-paretoChart__axis {
+  stroke: var(--st-component-paretoChart-axisStroke, var(--st-semantic-border-subtle));
+  stroke-width: 1;
+}
+
+.st-paretoChart__tickLabel,
+.st-paretoChart__categoryLabel,
+.st-paretoChart__percentLabel {
+  fill: var(--st-component-paretoChart-labelColor, var(--st-semantic-text-secondary));
+  font-size: 0.6875rem;
+}
+
+.st-paretoChart__bar {
+  cursor: pointer;
+  transition: opacity var(--st-motion-fast, 120ms) var(--st-motion-easing, ease);
+}
+
+.st-paretoChart__bar:hover {
+  opacity: 0.82;
+}
+
+.st-paretoChart__bar--category1 { fill: var(--st-semantic-data-category1); }
+.st-paretoChart__bar--category2 { fill: var(--st-semantic-data-category2); }
+.st-paretoChart__bar--category3 { fill: var(--st-semantic-data-category3); }
+.st-paretoChart__bar--category4 { fill: var(--st-semantic-data-category4); }
+.st-paretoChart__bar--category5 { fill: var(--st-semantic-data-category5); }
+.st-paretoChart__bar--category6 { fill: var(--st-semantic-data-category6); }
+.st-paretoChart__bar--category7 { fill: var(--st-semantic-data-category7); }
+.st-paretoChart__bar--category8 { fill: var(--st-semantic-data-category8); }
+
+.st-paretoChart__cumLine {
+  stroke: var(--st-semantic-action-primary, var(--st-semantic-border-interactive));
+  stroke-width: 2;
+}
+
+.st-paretoChart__cumDot {
+  cursor: pointer;
+  fill: var(--st-semantic-action-primary, var(--st-semantic-border-interactive));
+  transition: opacity var(--st-motion-fast, 120ms) var(--st-motion-easing, ease);
+}
+
+.st-paretoChart__cumDot:hover {
+  opacity: 0.82;
+}
+
+.st-paretoChart__tooltip {
+  background: var(--st-component-paretoChart-tooltipBackground, var(--st-semantic-surface-inverse));
+  border-radius: var(--st-radius-sm, 0.25rem);
+  color: var(--st-component-paretoChart-tooltipText, var(--st-semantic-text-inverse));
+  display: inline-flex;
+  flex-direction: column;
+  font-size: 0.75rem;
+  gap: 0.125rem;
+  line-height: 1.2;
+  padding: 0.375rem 0.5rem;
+  pointer-events: none;
+  position: absolute;
+  transform: translate(-50%, calc(-100% - 8px));
+  white-space: nowrap;
+  z-index: 1;
+}
+
+.st-paretoChart__tooltipLabel {
+  font-weight: 600;
+}
+
+.st-paretoChart__tooltipValue {
+  opacity: 0.85;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .st-paretoChart__bar,
+  .st-paretoChart__cumDot {
+    transition: none;
+  }
+}
+
+/* --- Shell : AppHeader / LanguageToggle / IdentityMenu (calque sentropic) --- */
+.st-appHeader {
+  background: var(--st-semantic-surface-default);
+  border-bottom: 1px solid var(--st-semantic-border-subtle);
+  color: var(--st-semantic-text-primary);
+  font-family: var(--st-font-sans);
+  width: 100%;
+}
+
+.st-appHeader__bar {
+  align-items: center;
+  display: flex;
+  gap: var(--st-spacing-4, 1rem);
+  height: 3.5rem;
+  justify-content: space-between;
+  margin: 0 auto;
+  max-width: 80rem;
+  padding: 0 var(--st-spacing-4, 1rem);
+  width: 100%;
+}
+
+.st-appHeader__nav {
+  align-items: center;
+  display: flex;
+  flex: 1 1 auto;
+  flex-wrap: wrap;
+  font-size: 0.875rem;
+  font-weight: 500;
+  gap: var(--st-spacing-4, 1rem);
+  min-width: 0;
+}
+
+.st-appHeader__burger {
+  align-items: center;
+  display: flex;
+  flex: 1 1 auto;
+  justify-content: flex-end;
+}
+
+.st-appHeader__burgerButton {
+  align-items: center;
   background: transparent;
   border: 0;
   border-radius: var(--st-radius-sm, 0.375rem);
   color: var(--st-semantic-text-primary);
   cursor: pointer;
-  display: block;
-  font: inherit;
-  font-family: var(--st-font-sans);
-  font-size: 0.875rem;
-  font-weight: 500;
-  padding: var(--st-spacing-2, 0.5rem) var(--st-spacing-3, 0.75rem);
-  text-align: left;
-  text-decoration: none;
-  width: 100%;
+  display: inline-flex;
+  justify-content: center;
+  padding: var(--st-spacing-2, 0.5rem);
 }
 
-.st-identityMenu__item:hover {
+.st-appHeader__burgerButton:hover {
   background: var(--st-semantic-surface-subtle);
 }
 
-.st-identityMenu__item:focus-visible {
+.st-appHeader__burgerButton:focus-visible {
   box-shadow: 0 0 0 2px var(--st-semantic-border-interactive);
   outline: none;
 }
 
-.st-identityMenu__item--danger {
-  color: var(--st-semantic-action-danger);
+.st-appHeader__burgerIcon {
+  display: block;
 }
 
-.st-identityMenu__divider {
-  background: var(--st-semantic-border-subtle);
-  height: 1px;
-  margin: var(--st-spacing-1, 0.25rem) 0;
+.st-appHeader__logo {
+  align-items: center;
+  display: inline-flex;
+  flex: 0 0 auto;
 }
 
-.st-identityMenu__login {
-  background: var(--st-semantic-action-primary);
+.st-appHeader__actions {
+  align-items: center;
+  display: flex;
+  flex: 0 0 auto;
+  gap: var(--st-spacing-3, 0.75rem);
+}
+
+.st-appHeader__scrim {
+  background: transparent;
   border: 0;
+  cursor: default;
+  inset: 0;
+  padding: 0;
+  position: fixed;
+  z-index: var(--st-zindex-overlay, 80);
+}
+
+.st-appHeader__drawer {
+  background: var(--st-semantic-surface-default);
+  border: 1px solid var(--st-semantic-border-subtle);
+  box-shadow: var(--st-shadow-medium, 0 8px 24px rgb(15 23 42 / 0.12));
+  left: 0;
+  max-height: 100vh;
+  overflow-y: auto;
+  position: fixed;
+  top: 0;
+  width: min(22rem, 85vw);
+  z-index: calc(var(--st-zindex-overlay, 80) + 10);
+}
+
+.st-languageToggle {
+  width: 100%;
+}
+
+.st-languageToggle__select {
+  background: var(--st-semantic-surface-default);
+  border: 1px solid var(--st-semantic-border-subtle);
   border-radius: var(--st-radius-md, 0.375rem);
-  color: var(--st-semantic-action-primaryText);
+  color: var(--st-semantic-text-primary);
   cursor: pointer;
   font: inherit;
   font-family: var(--st-font-sans);
   font-size: 0.875rem;
-  padding: var(--st-spacing-1, 0.25rem) var(--st-spacing-3, 0.75rem);
+  padding: var(--st-spacing-1, 0.25rem) var(--st-spacing-2, 0.5rem);
 }
 
-.st-identityMenu__login--accordion {
-  display: block;
+.st-languageToggle__select:focus-visible {
+  border-color: var(--st-semantic-border-interactive);
+  box-shadow: 0 0 0 2px var(--st-semantic-border-interactive);
+  outline: none;
+}
+
+.st-languageToggle__accordionTrigger {
+  align-items: center;
+  background: transparent;
+  border: 0;
+  border-radius: var(--st-radius-sm, 0.375rem);
+  color: var(--st-semantic-text-primary);
+  cursor: pointer;
+  display: flex;
+  font: inherit;
+  font-family: var(--st-font-sans);
+  font-size: 0.875rem;
+  font-weight: 500;
+  justify-content: space-between;
   padding: var(--st-spacing-2, 0.5rem) var(--st-spacing-3, 0.75rem);
-  text-align: center;
   width: 100%;
 }
 
-.st-identityMenu__login:hover {
-  background: var(--st-semantic-action-primaryHover);
+.st-languageToggle__accordionTrigger:hover {
+  background: var(--st-semantic-surface-subtle);
 }
 
-.st-identityMenu__login:focus-visible {
+.st-languageToggle__accordionTrigger:focus-visible {
   box-shadow: 0 0 0 2px var(--st-semantic-border-interactive);
   outline: none;
 }
 
-/* StepLineChart */
-.st-stepLineChart {
-    color: var(--st-semantic-data-category1);
-    display: block;
-    font-family: inherit;
-    position: relative;
-    width: 100%;
-  }
-
+.st-languageToggle__chevron {
+  color: var(--st-semantic-text-secondary);
+  transition: transform var(--st-motion-fast, 120ms) var(--st-motion-easing, ease);
+}
+
+.st-languageToggle__chevron--open {
+  transform: rotate(180deg);
+}
+
+.st-languageToggle__accordionPanel {
+  display: grid;
+  gap: var(--st-spacing-1, 0.25rem);
+  padding: var(--st-spacing-1, 0.25rem) var(--st-spacing-3, 0.75rem) var(--st-spacing-2, 0.5rem);
+}
+
+.st-languageToggle__option {
+  background: transparent;
+  border: 0;
+  border-radius: var(--st-radius-sm, 0.375rem);
+  color: var(--st-semantic-text-secondary);
+  cursor: pointer;
+  font: inherit;
+  font-family: var(--st-font-sans);
+  font-size: 0.875rem;
+  font-weight: 500;
+  padding: var(--st-spacing-2, 0.5rem) var(--st-spacing-3, 0.75rem);
+  text-align: left;
+  width: 100%;
+}
+
+.st-languageToggle__option:hover {
+  background: var(--st-semantic-surface-subtle);
+  color: var(--st-semantic-text-primary);
+}
+
+.st-languageToggle__option--active {
+  background: var(--st-semantic-surface-subtle);
+  color: var(--st-semantic-text-primary);
+}
+
+.st-languageToggle__option:focus-visible {
+  box-shadow: 0 0 0 2px var(--st-semantic-border-interactive);
+  outline: none;
+}
+
+.st-identityMenu {
+  font-family: var(--st-font-sans);
+  position: relative;
+}
+
+.st-identityMenu--accordion {
+  width: 100%;
+}
+
+.st-identityMenu__trigger {
+  align-items: center;
+  background: transparent;
+  border: 0;
+  border-radius: var(--st-radius-sm, 0.375rem);
+  color: var(--st-semantic-text-primary);
+  cursor: pointer;
+  display: inline-flex;
+  font: inherit;
+  font-family: var(--st-font-sans);
+  font-size: 0.875rem;
+  font-weight: 500;
+  gap: var(--st-spacing-2, 0.5rem);
+  padding: var(--st-spacing-1, 0.25rem) var(--st-spacing-3, 0.75rem);
+}
+
+.st-identityMenu--accordion .st-identityMenu__trigger {
+  padding: var(--st-spacing-2, 0.5rem) var(--st-spacing-3, 0.75rem);
+  width: 100%;
+}
+
+.st-identityMenu__trigger:hover {
+  background: var(--st-semantic-surface-subtle);
+}
+
+.st-identityMenu__trigger:focus-visible {
+  box-shadow: 0 0 0 2px var(--st-semantic-border-interactive);
+  outline: none;
+}
+
+.st-identityMenu__avatar {
+  align-items: center;
+  background: var(--st-semantic-action-primary);
+  border-radius: var(--st-radius-pill, 9999px);
+  color: var(--st-semantic-action-primaryText);
+  display: inline-flex;
+  flex: 0 0 auto;
+  font-weight: 500;
+  height: 2rem;
+  justify-content: center;
+  width: 2rem;
+}
+
+.st-identityMenu__meta {
+  display: grid;
+  gap: 0.05rem;
+  min-width: 0;
+  text-align: left;
+}
+
+.st-identityMenu--accordion .st-identityMenu__meta {
+  flex: 1 1 auto;
+}
+
+.st-identityMenu__name {
+  color: var(--st-semantic-text-primary);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.st-identityMenu__email {
+  color: var(--st-semantic-text-secondary);
+  font-size: 0.75rem;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.st-identityMenu__chevron {
+  color: var(--st-semantic-text-secondary);
+  flex: 0 0 auto;
+  transition: transform var(--st-motion-fast, 120ms) var(--st-motion-easing, ease);
+}
+
+.st-identityMenu__chevron--open {
+  transform: rotate(180deg);
+}
+
+.st-identityMenu__menu {
+  background: var(--st-semantic-surface-raised);
+  border: 1px solid var(--st-semantic-border-subtle);
+  border-radius: var(--st-radius-md, 0.375rem);
+  box-shadow: var(--st-shadow-medium, 0 8px 24px rgb(15 23 42 / 0.12));
+  display: grid;
+  margin-top: var(--st-spacing-2, 0.5rem);
+  min-width: 12rem;
+  padding: var(--st-spacing-1, 0.25rem);
+  position: absolute;
+  right: 0;
+  top: 100%;
+  z-index: var(--st-zindex-overlay, 80);
+}
+
+.st-identityMenu--accordion .st-identityMenu__menu {
+  box-shadow: none;
+  margin-top: var(--st-spacing-1, 0.25rem);
+  position: static;
+  width: 100%;
+}
+
+.st-identityMenu__item {
+  background: transparent;
+  border: 0;
+  border-radius: var(--st-radius-sm, 0.375rem);
+  color: var(--st-semantic-text-primary);
+  cursor: pointer;
+  display: block;
+  font: inherit;
+  font-family: var(--st-font-sans);
+  font-size: 0.875rem;
+  font-weight: 500;
+  padding: var(--st-spacing-2, 0.5rem) var(--st-spacing-3, 0.75rem);
+  text-align: left;
+  text-decoration: none;
+  width: 100%;
+}
+
+.st-identityMenu__item:hover {
+  background: var(--st-semantic-surface-subtle);
+}
+
+.st-identityMenu__item:focus-visible {
+  box-shadow: 0 0 0 2px var(--st-semantic-border-interactive);
+  outline: none;
+}
+
+.st-identityMenu__item--danger {
+  color: var(--st-semantic-action-danger);
+}
+
+.st-identityMenu__divider {
+  background: var(--st-semantic-border-subtle);
+  height: 1px;
+  margin: var(--st-spacing-1, 0.25rem) 0;
+}
+
+.st-identityMenu__login {
+  background: var(--st-semantic-action-primary);
+  border: 0;
+  border-radius: var(--st-radius-md, 0.375rem);
+  color: var(--st-semantic-action-primaryText);
+  cursor: pointer;
+  font: inherit;
+  font-family: var(--st-font-sans);
+  font-size: 0.875rem;
+  padding: var(--st-spacing-1, 0.25rem) var(--st-spacing-3, 0.75rem);
+}
+
+.st-identityMenu__login--accordion {
+  display: block;
+  padding: var(--st-spacing-2, 0.5rem) var(--st-spacing-3, 0.75rem);
+  text-align: center;
+  width: 100%;
+}
+
+.st-identityMenu__login:hover {
+  background: var(--st-semantic-action-primaryHover);
+}
+
+.st-identityMenu__login:focus-visible {
+  box-shadow: 0 0 0 2px var(--st-semantic-border-interactive);
+  outline: none;
+}
+
+/* StepLineChart */
+.st-stepLineChart {
+    color: var(--st-semantic-data-category1);
+    display: block;
+    font-family: inherit;
+    position: relative;
+    width: 100%;
+  }
+
   .st-stepLineChart--category1 { color: var(--st-semantic-data-category1); }
   .st-stepLineChart--category2 { color: var(--st-semantic-data-category2); }
   .st-stepLineChart--category3 { color: var(--st-semantic-data-category3); }
@@ -11240,146 +11630,1715 @@
     z-index: 1;
   }
 
-  .st-stepLineChart__tooltipLabel {
-    font-weight: 600;
-  }
+  .st-stepLineChart__tooltipLabel {
+    font-weight: 600;
+  }
+
+  .st-stepLineChart__tooltipValue {
+    opacity: 0.85;
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .st-stepLineChart__dot {
+      transition: none;
+    }
+  }
+
+
+/* DivergentBarChart */
+.st-divergentBarChart {
+    color: var(--st-component-divergentBarChart-labelColor, var(--st-semantic-text-secondary));
+    display: block;
+    font-family: inherit;
+    position: relative;
+    width: 100%;
+  }
+
+  .st-divergentBarChart svg,
+  .st-divergentBarChart__visual {
+    display: block;
+    overflow: visible;
+  }
+
+  .st-divergentBarChart__grid {
+    stroke: var(--st-component-divergentBarChart-gridStroke, var(--st-semantic-border-subtle));
+    stroke-dasharray: 2 3;
+    stroke-width: 1;
+    opacity: 0.7;
+  }
+
+  .st-divergentBarChart__axis {
+    stroke: var(--st-component-divergentBarChart-axisStroke, var(--st-semantic-border-subtle));
+    stroke-width: 1;
+  }
+
+  .st-divergentBarChart__zeroAxis {
+    stroke: var(--st-component-divergentBarChart-zeroStroke, var(--st-semantic-border-strong));
+    stroke-width: 1.5;
+  }
+
+  .st-divergentBarChart__tickLabel,
+  .st-divergentBarChart__categoryLabel {
+    fill: var(--st-component-divergentBarChart-labelColor, var(--st-semantic-text-secondary));
+    font-size: 0.6875rem;
+  }
+
+  .st-divergentBarChart__bar {
+    cursor: pointer;
+    transition: opacity var(--st-motion-fast, 120ms) var(--st-motion-easing, ease);
+  }
+
+  .st-divergentBarChart__bar--positive {
+    fill: var(--st-component-divergentBarChart-positiveFill, var(--st-semantic-data-category5));
+  }
+
+  .st-divergentBarChart__bar--negative {
+    fill: var(--st-component-divergentBarChart-negativeFill, var(--st-semantic-data-category3));
+  }
+
+  .st-divergentBarChart__bar--neutral,
+  .st-divergentBarChart__bar--zero {
+    fill: var(--st-component-divergentBarChart-neutralFill, var(--st-semantic-data-category6));
+  }
+
+  .st-divergentBarChart__tooltip {
+    background: var(--st-component-divergentBarChart-tooltipBackground, var(--st-semantic-surface-inverse));
+    border-radius: var(--st-radius-sm, 0.25rem);
+    color: var(--st-component-divergentBarChart-tooltipText, var(--st-semantic-text-inverse));
+    display: inline-flex;
+    flex-direction: column;
+    font-size: 0.75rem;
+    gap: 0.125rem;
+    line-height: 1.2;
+    padding: 0.375rem 0.5rem;
+    pointer-events: none;
+    position: absolute;
+    transform: translate(-50%, calc(-100% - 8px));
+    white-space: nowrap;
+    z-index: 1;
+  }
+
+  .st-divergentBarChart__tooltipLabel {
+    font-weight: 600;
+  }
+
+  .st-divergentBarChart__tooltipValue {
+    opacity: 0.85;
+  }
+
+  .st-divergentBarChart__legend {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--st-spacing-3, 0.75rem);
+    list-style: none;
+    margin: var(--st-spacing-2, 0.5rem) 0 0;
+    padding: 0;
+  }
+
+  .st-divergentBarChart__legendItem {
+    align-items: center;
+    color: var(--st-semantic-text-secondary);
+    display: inline-flex;
+    font-size: 0.75rem;
+    gap: var(--st-spacing-1, 0.25rem);
+  }
+
+  .st-divergentBarChart__legendSwatch {
+    border-radius: 2px;
+    height: 0.7rem;
+    width: 0.7rem;
+  }
+
+  .st-divergentBarChart__legendSwatch--positive {
+    background: var(--st-component-divergentBarChart-positiveFill, var(--st-semantic-data-category5));
+  }
+
+  .st-divergentBarChart__legendSwatch--negative {
+    background: var(--st-component-divergentBarChart-negativeFill, var(--st-semantic-data-category3));
+  }
+
+  .st-divergentBarChart__legendSwatch--neutral {
+    background: var(--st-component-divergentBarChart-neutralFill, var(--st-semantic-data-category6));
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .st-divergentBarChart__bar {
+      transition: none;
+    }
+  }
+
+
+/* ── ChordDiagram ── */
+.st-chordDiagram {
+  color: var(--st-semantic-text-secondary);
+  display: block;
+  font-family: inherit;
+  max-width: 100%;
+  position: relative;
+  width: 100%;
+}
+
+.st-chordDiagram svg,
+.st-chordDiagram__visual {
+  display: block;
+  overflow: visible;
+}
+
+.st-chordDiagram__ribbon {
+  cursor: pointer;
+  fill-opacity: 0.4;
+  stroke-opacity: 0.55;
+  transition: opacity 120ms ease;
+}
+
+.st-chordDiagram__ribbon:hover {
+  fill-opacity: 0.62;
+}
+
+.st-chordDiagram__ribbon--dim {
+  opacity: 0.18;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .st-chordDiagram__ribbon {
+    transition: none;
+  }
+}
+
+.st-chordDiagram__arc {
+  stroke: var(--st-semantic-surface-default, Canvas);
+  stroke-width: 1;
+}
+
+.st-chordDiagram__arc--category1,
+.st-chordDiagram__ribbon--category1 { fill: var(--st-semantic-data-category1); stroke: var(--st-semantic-data-category1); }
+.st-chordDiagram__arc--category2,
+.st-chordDiagram__ribbon--category2 { fill: var(--st-semantic-data-category2); stroke: var(--st-semantic-data-category2); }
+.st-chordDiagram__arc--category3,
+.st-chordDiagram__ribbon--category3 { fill: var(--st-semantic-data-category3); stroke: var(--st-semantic-data-category3); }
+.st-chordDiagram__arc--category4,
+.st-chordDiagram__ribbon--category4 { fill: var(--st-semantic-data-category4); stroke: var(--st-semantic-data-category4); }
+.st-chordDiagram__arc--category5,
+.st-chordDiagram__ribbon--category5 { fill: var(--st-semantic-data-category5); stroke: var(--st-semantic-data-category5); }
+.st-chordDiagram__arc--category6,
+.st-chordDiagram__ribbon--category6 { fill: var(--st-semantic-data-category6); stroke: var(--st-semantic-data-category6); }
+.st-chordDiagram__arc--category7,
+.st-chordDiagram__ribbon--category7 { fill: var(--st-semantic-data-category7); stroke: var(--st-semantic-data-category7); }
+.st-chordDiagram__arc--category8,
+.st-chordDiagram__ribbon--category8 { fill: var(--st-semantic-data-category8); stroke: var(--st-semantic-data-category8); }
+
+.st-chordDiagram__arcLabel {
+  /* fill calculé par contrastTextForTone() en inline */
+  font-size: 0.7rem;
+  font-weight: 600;
+  pointer-events: none;
+}
+
+.st-chordDiagram__tooltip {
+  background: var(--st-semantic-surface-inverse);
+  border-radius: var(--st-radius-sm, 0.25rem);
+  color: var(--st-semantic-text-inverse);
+  display: inline-flex;
+  flex-direction: column;
+  font-size: 0.75rem;
+  gap: 0.125rem;
+  line-height: 1.2;
+  padding: 0.375rem 0.5rem;
+  pointer-events: none;
+  position: absolute;
+  transform: translate(-50%, -115%);
+  white-space: nowrap;
+  z-index: 1;
+}
+
+.st-chordDiagram__tooltipLabel { font-weight: 600; }
+.st-chordDiagram__tooltipValue { opacity: 0.85; }
+
+/* ── DependencyWheelChart ── */
+.st-dependencyWheelChart {
+  color: var(--st-semantic-text-secondary);
+  display: block;
+  font-family: inherit;
+  max-width: 100%;
+  position: relative;
+  width: 100%;
+}
+
+.st-dependencyWheelChart svg,
+.st-dependencyWheelChart__visual {
+  display: block;
+  overflow: visible;
+}
+
+.st-dependencyWheelChart__visual {
+  position: relative;
+}
+
+.st-dependencyWheelChart__legend {
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+
+.st-dependencyWheelChart__ribbon {
+  cursor: pointer;
+  fill-opacity: 0.4;
+  stroke-opacity: 0.55;
+  transition: opacity 120ms ease;
+}
+
+.st-dependencyWheelChart__ribbon:hover {
+  fill-opacity: 0.62;
+}
+
+.st-dependencyWheelChart__ribbon--dim {
+  opacity: 0.18;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .st-dependencyWheelChart__ribbon {
+    transition: none;
+  }
+}
+
+.st-dependencyWheelChart__arc {
+  stroke: var(--st-semantic-surface-default, Canvas);
+  stroke-width: 1;
+}
+
+.st-dependencyWheelChart__arc--category1,
+.st-dependencyWheelChart__ribbon--category1 { fill: var(--st-semantic-data-category1); stroke: var(--st-semantic-data-category1); }
+.st-dependencyWheelChart__arc--category2,
+.st-dependencyWheelChart__ribbon--category2 { fill: var(--st-semantic-data-category2); stroke: var(--st-semantic-data-category2); }
+.st-dependencyWheelChart__arc--category3,
+.st-dependencyWheelChart__ribbon--category3 { fill: var(--st-semantic-data-category3); stroke: var(--st-semantic-data-category3); }
+.st-dependencyWheelChart__arc--category4,
+.st-dependencyWheelChart__ribbon--category4 { fill: var(--st-semantic-data-category4); stroke: var(--st-semantic-data-category4); }
+.st-dependencyWheelChart__arc--category5,
+.st-dependencyWheelChart__ribbon--category5 { fill: var(--st-semantic-data-category5); stroke: var(--st-semantic-data-category5); }
+.st-dependencyWheelChart__arc--category6,
+.st-dependencyWheelChart__ribbon--category6 { fill: var(--st-semantic-data-category6); stroke: var(--st-semantic-data-category6); }
+.st-dependencyWheelChart__arc--category7,
+.st-dependencyWheelChart__ribbon--category7 { fill: var(--st-semantic-data-category7); stroke: var(--st-semantic-data-category7); }
+.st-dependencyWheelChart__arc--category8,
+.st-dependencyWheelChart__ribbon--category8 { fill: var(--st-semantic-data-category8); stroke: var(--st-semantic-data-category8); }
+
+.st-dependencyWheelChart__arcLabel {
+  /* fill calculé par contrastTextForTone() en inline */
+  font-size: 0.6rem;
+  font-weight: 600;
+  pointer-events: none;
+}
+
+.st-dependencyWheelChart__tooltip {
+  background: var(--st-semantic-surface-inverse);
+  border-radius: var(--st-radius-sm, 0.25rem);
+  color: var(--st-semantic-text-inverse);
+  display: inline-flex;
+  flex-direction: column;
+  font-size: 0.75rem;
+  gap: 0.125rem;
+  line-height: 1.2;
+  padding: 0.375rem 0.5rem;
+  pointer-events: none;
+  position: absolute;
+  transform: translate(-50%, -115%);
+  white-space: nowrap;
+  z-index: 1;
+}
+
+.st-dependencyWheelChart__tooltipLabel { font-weight: 600; }
+.st-dependencyWheelChart__tooltipValue { opacity: 0.85; }
+
+.st-organizationChart {
+  color: var(--st-semantic-text-secondary);
+  display: block;
+  font-family: inherit;
+  position: relative;
+  width: 100%;
+}
+
+.st-organizationChart svg,
+.st-organizationChart__visual {
+  display: block;
+  overflow: visible;
+}
+
+.st-organizationChart__link {
+  stroke: var(--st-semantic-border-default);
+  stroke-width: 1.5;
+}
+
+.st-organizationChart__box {
+  stroke: var(--st-semantic-surface-default);
+  stroke-width: 1.5;
+}
+
+.st-organizationChart__box--category1 { fill: var(--st-semantic-data-category1); }
+.st-organizationChart__box--category2 { fill: var(--st-semantic-data-category2); }
+.st-organizationChart__box--category3 { fill: var(--st-semantic-data-category3); }
+.st-organizationChart__box--category4 { fill: var(--st-semantic-data-category4); }
+.st-organizationChart__box--category5 { fill: var(--st-semantic-data-category5); }
+.st-organizationChart__box--category6 { fill: var(--st-semantic-data-category6); }
+.st-organizationChart__box--category7 { fill: var(--st-semantic-data-category7); }
+.st-organizationChart__box--category8 { fill: var(--st-semantic-data-category8); }
+
+.st-organizationChart__label {
+  fill: var(--st-semantic-text-inverse);
+  font-weight: 600;
+  pointer-events: none;
+}
+
+/* ── GanttChart ── */
+.st-ganttChart {
+  color: var(--st-semantic-text-secondary);
+  display: block;
+  font-family: inherit;
+  position: relative;
+  width: 100%;
+}
+
+.st-ganttChart svg {
+  display: block;
+  overflow: visible;
+}
+
+.st-ganttChart__visual {
+  display: block;
+}
+
+.st-ganttChart__axis {
+  stroke: var(--st-semantic-border-subtle);
+  stroke-width: 1;
+}
+
+.st-ganttChart__grid {
+  stroke: var(--st-semantic-border-subtle);
+  stroke-dasharray: 2 3;
+  stroke-width: 1;
+  opacity: 0.7;
+}
+
+.st-ganttChart__tickLabel,
+.st-ganttChart__taskLabel {
+  fill: var(--st-semantic-text-secondary);
+  font-size: 0.6875rem;
+}
+
+.st-ganttChart__bar {
+  cursor: pointer;
+  transition: opacity 120ms ease;
+}
+
+.st-ganttChart__bar--dim {
+  opacity: 0.4;
+}
+
+.st-ganttChart__bar--category1 { fill: var(--st-semantic-data-category1); }
+.st-ganttChart__bar--category2 { fill: var(--st-semantic-data-category2); }
+.st-ganttChart__bar--category3 { fill: var(--st-semantic-data-category3); }
+.st-ganttChart__bar--category4 { fill: var(--st-semantic-data-category4); }
+.st-ganttChart__bar--category5 { fill: var(--st-semantic-data-category5); }
+.st-ganttChart__bar--category6 { fill: var(--st-semantic-data-category6); }
+.st-ganttChart__bar--category7 { fill: var(--st-semantic-data-category7); }
+.st-ganttChart__bar--category8 { fill: var(--st-semantic-data-category8); }
+
+.st-ganttChart__marker {
+  stroke: var(--st-semantic-feedback-error);
+  stroke-width: 1.5;
+  stroke-dasharray: 4 3;
+}
+
+.st-ganttChart__legend {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--st-spacing-3, 0.75rem);
+  list-style: none;
+  margin: var(--st-spacing-2, 0.5rem) 0 0 0;
+  padding: 0;
+}
+
+.st-ganttChart__legendItem {
+  align-items: center;
+  color: var(--st-semantic-text-secondary);
+  display: inline-flex;
+  font-size: 0.75rem;
+  gap: var(--st-spacing-1, 0.25rem);
+  line-height: 1;
+}
+
+.st-ganttChart__legendSwatch {
+  border-radius: var(--st-radius-sm, 0.25rem);
+  display: inline-block;
+  height: 0.625rem;
+  width: 0.625rem;
+}
+.st-ganttChart__legendSwatch--category1 { background: var(--st-semantic-data-category1); }
+.st-ganttChart__legendSwatch--category2 { background: var(--st-semantic-data-category2); }
+.st-ganttChart__legendSwatch--category3 { background: var(--st-semantic-data-category3); }
+.st-ganttChart__legendSwatch--category4 { background: var(--st-semantic-data-category4); }
+.st-ganttChart__legendSwatch--category5 { background: var(--st-semantic-data-category5); }
+.st-ganttChart__legendSwatch--category6 { background: var(--st-semantic-data-category6); }
+.st-ganttChart__legendSwatch--category7 { background: var(--st-semantic-data-category7); }
+.st-ganttChart__legendSwatch--category8 { background: var(--st-semantic-data-category8); }
+
+.st-ganttChart__tooltip {
+  background: var(--st-semantic-surface-inverse);
+  border-radius: var(--st-radius-sm, 0.25rem);
+  color: var(--st-semantic-text-inverse);
+  display: inline-flex;
+  flex-direction: column;
+  font-size: 0.75rem;
+  gap: 0.125rem;
+  line-height: 1.2;
+  padding: 0.375rem 0.5rem;
+  pointer-events: none;
+  position: absolute;
+  transform: translate(-50%, calc(-100% - 8px));
+  white-space: nowrap;
+  z-index: 1;
+}
+
+.st-ganttChart__tooltipLabel {
+  font-weight: 600;
+}
+
+.st-ganttChart__tooltipValue {
+  opacity: 0.85;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .st-ganttChart__bar {
+    transition: none;
+  }
+}
+
+/* ── TimelineChart ── */
+.st-timelineChart {
+  color: var(--st-semantic-text-secondary);
+  display: block;
+  font-family: inherit;
+  position: relative;
+  width: 100%;
+}
+
+.st-timelineChart svg {
+  display: block;
+  overflow: visible;
+}
+
+.st-timelineChart__visual {
+  display: block;
+}
+
+.st-timelineChart__axis {
+  stroke: var(--st-semantic-border-strong);
+  stroke-width: 2;
+}
+
+.st-timelineChart__tick {
+  stroke: var(--st-semantic-border-subtle);
+  stroke-width: 1;
+}
+
+.st-timelineChart__tickLabel {
+  fill: var(--st-semantic-text-secondary);
+  font-size: 0.6875rem;
+}
+
+.st-timelineChart__connector {
+  stroke: currentColor;
+  stroke-width: 1.5;
+  opacity: 0.6;
+}
+
+.st-timelineChart__eventLabel {
+  fill: var(--st-semantic-text-primary);
+  font-size: 0.75rem;
+  font-weight: 600;
+}
+
+.st-timelineChart__marker {
+  fill: currentColor;
+  stroke: var(--st-semantic-surface-default);
+  stroke-width: 2;
+  cursor: pointer;
+  transition: r 120ms ease;
+}
+
+.st-timelineChart__marker:hover {
+  r: 7.5;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .st-timelineChart__marker {
+    transition: none;
+  }
+}
+
+.st-timelineChart__connector--category1,
+.st-timelineChart__marker--category1 { color: var(--st-semantic-data-category1); }
+.st-timelineChart__connector--category2,
+.st-timelineChart__marker--category2 { color: var(--st-semantic-data-category2); }
+.st-timelineChart__connector--category3,
+.st-timelineChart__marker--category3 { color: var(--st-semantic-data-category3); }
+.st-timelineChart__connector--category4,
+.st-timelineChart__marker--category4 { color: var(--st-semantic-data-category4); }
+.st-timelineChart__connector--category5,
+.st-timelineChart__marker--category5 { color: var(--st-semantic-data-category5); }
+.st-timelineChart__connector--category6,
+.st-timelineChart__marker--category6 { color: var(--st-semantic-data-category6); }
+.st-timelineChart__connector--category7,
+.st-timelineChart__marker--category7 { color: var(--st-semantic-data-category7); }
+.st-timelineChart__connector--category8,
+.st-timelineChart__marker--category8 { color: var(--st-semantic-data-category8); }
+
+.st-timelineChart__tooltip {
+  background: var(--st-semantic-surface-inverse);
+  border-radius: var(--st-radius-sm, 0.25rem);
+  color: var(--st-semantic-text-inverse);
+  display: inline-flex;
+  flex-direction: column;
+  font-size: 0.75rem;
+  gap: 0.125rem;
+  line-height: 1.2;
+  max-width: 16rem;
+  padding: 0.375rem 0.5rem;
+  pointer-events: none;
+  position: absolute;
+  transform: translate(-50%, calc(-100% - 10px));
+  white-space: normal;
+  z-index: 1;
+}
+
+.st-timelineChart__tooltipLabel {
+  font-weight: 600;
+}
+
+.st-timelineChart__tooltipValue {
+  opacity: 0.85;
+}
+
+.st-timelineChart__tooltipDesc {
+  opacity: 0.85;
+}
+
+/* ── PackedBubblesChart ── */
+.st-packedBubblesChart {
+  color: var(--st-semantic-text-secondary);
+  display: block;
+  font-family: inherit;
+  max-width: 100%;
+  position: relative;
+  width: 100%;
+}
+
+.st-packedBubblesChart svg,
+.st-packedBubblesChart__visual {
+  display: block;
+  overflow: visible;
+}
+
+.st-packedBubblesChart__circle {
+  cursor: pointer;
+  stroke: var(--st-semantic-surface-default, Canvas);
+  stroke-width: 1.5;
+  transition: opacity 120ms ease;
+}
+
+.st-packedBubblesChart__circle--dim {
+  opacity: 0.4;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .st-packedBubblesChart__circle {
+    transition: none;
+  }
+}
+
+.st-packedBubblesChart__circle--category1 { fill: var(--st-semantic-data-category1); }
+.st-packedBubblesChart__circle--category2 { fill: var(--st-semantic-data-category2); }
+.st-packedBubblesChart__circle--category3 { fill: var(--st-semantic-data-category3); }
+.st-packedBubblesChart__circle--category4 { fill: var(--st-semantic-data-category4); }
+.st-packedBubblesChart__circle--category5 { fill: var(--st-semantic-data-category5); }
+.st-packedBubblesChart__circle--category6 { fill: var(--st-semantic-data-category6); }
+.st-packedBubblesChart__circle--category7 { fill: var(--st-semantic-data-category7); }
+.st-packedBubblesChart__circle--category8 { fill: var(--st-semantic-data-category8); }
+
+.st-packedBubblesChart__label {
+  /* fill calculé par contrastTextForTone() en inline */
+  font-size: 0.7rem;
+  font-weight: 600;
+  pointer-events: none;
+}
+
+.st-packedBubblesChart__tooltip {
+  background: var(--st-semantic-surface-inverse);
+  border-radius: var(--st-radius-sm, 0.25rem);
+  color: var(--st-semantic-text-inverse);
+  display: inline-flex;
+  flex-direction: column;
+  font-size: 0.75rem;
+  gap: 0.125rem;
+  line-height: 1.2;
+  padding: 0.375rem 0.5rem;
+  pointer-events: none;
+  position: absolute;
+  transform: translate(-50%, -115%);
+  white-space: nowrap;
+  z-index: 1;
+}
+
+.st-packedBubblesChart__tooltipLabel { font-weight: 600; }
+.st-packedBubblesChart__tooltipValue { opacity: 0.85; }
+
+/* ── RoseChart (nightingale / polar area) ── */
+.st-roseChart {
+  color: var(--st-semantic-text-secondary);
+  display: block;
+  font-family: inherit;
+  max-width: 100%;
+  position: relative;
+  width: 100%;
+}
+
+.st-roseChart svg,
+.st-roseChart__visual {
+  display: block;
+  overflow: visible;
+}
+
+.st-roseChart__sector {
+  cursor: pointer;
+  fill-opacity: 0.82;
+  stroke: var(--st-semantic-surface-default, Canvas);
+  stroke-width: 1;
+  transition: opacity 120ms ease;
+}
+
+.st-roseChart__sector--dim {
+  opacity: 0.4;
+}
+
+.st-roseChart__sector--category1 { fill: var(--st-semantic-data-category1); }
+.st-roseChart__sector--category2 { fill: var(--st-semantic-data-category2); }
+.st-roseChart__sector--category3 { fill: var(--st-semantic-data-category3); }
+.st-roseChart__sector--category4 { fill: var(--st-semantic-data-category4); }
+.st-roseChart__sector--category5 { fill: var(--st-semantic-data-category5); }
+.st-roseChart__sector--category6 { fill: var(--st-semantic-data-category6); }
+.st-roseChart__sector--category7 { fill: var(--st-semantic-data-category7); }
+.st-roseChart__sector--category8 { fill: var(--st-semantic-data-category8); }
+
+.st-roseChart__label {
+  font-size: 0.68rem;
+  font-weight: 650;
+  pointer-events: none;
+}
+
+.st-roseChart__tooltip {
+  background: var(--st-semantic-surface-inverse);
+  border-radius: var(--st-radius-sm, 0.25rem);
+  color: var(--st-semantic-text-inverse);
+  display: inline-flex;
+  flex-direction: column;
+  font-size: 0.75rem;
+  gap: 0.125rem;
+  line-height: 1.2;
+  padding: 0.375rem 0.5rem;
+  pointer-events: none;
+  position: absolute;
+  transform: translate(-50%, -115%);
+  white-space: nowrap;
+  z-index: 1;
+}
+
+.st-roseChart__tooltipLabel { font-weight: 600; }
+.st-roseChart__tooltipValue { opacity: 0.85; }
+
+@media (prefers-reduced-motion: reduce) {
+  .st-roseChart__sector {
+    transition: none;
+  }
+}
+
+/* ── ViolinChart (distribution density) ── */
+.st-violinChart {
+  color: var(--st-semantic-text-secondary);
+  display: block;
+  font-family: inherit;
+  max-width: 100%;
+  position: relative;
+  width: 100%;
+}
+
+.st-violinChart svg,
+.st-violinChart__visual {
+  display: block;
+  overflow: visible;
+}
+
+.st-violinChart__axis {
+  stroke: var(--st-semantic-border-subtle);
+  stroke-width: 1;
+}
+
+.st-violinChart__shape {
+  cursor: pointer;
+  fill-opacity: 0.72;
+  stroke: var(--st-semantic-surface-default, Canvas);
+  stroke-width: 1;
+  transition: opacity 120ms ease;
+}
+
+.st-violinChart__shape--dim {
+  opacity: 0.4;
+}
+
+.st-violinChart__shape--category1 { fill: var(--st-semantic-data-category1); }
+.st-violinChart__shape--category2 { fill: var(--st-semantic-data-category2); }
+.st-violinChart__shape--category3 { fill: var(--st-semantic-data-category3); }
+.st-violinChart__shape--category4 { fill: var(--st-semantic-data-category4); }
+.st-violinChart__shape--category5 { fill: var(--st-semantic-data-category5); }
+.st-violinChart__shape--category6 { fill: var(--st-semantic-data-category6); }
+.st-violinChart__shape--category7 { fill: var(--st-semantic-data-category7); }
+.st-violinChart__shape--category8 { fill: var(--st-semantic-data-category8); }
+
+.st-violinChart__box {
+  fill: var(--st-semantic-surface-default, Canvas);
+  fill-opacity: 0.85;
+  stroke: var(--st-semantic-text-secondary);
+  stroke-width: 1;
+}
+
+.st-violinChart__median {
+  stroke: var(--st-semantic-text-primary);
+  stroke-width: 2;
+}
+
+.st-violinChart__label {
+  fill: var(--st-semantic-text-secondary);
+  font-size: 0.75rem;
+}
+
+.st-violinChart__tooltip {
+  background: var(--st-semantic-surface-inverse);
+  border-radius: var(--st-radius-sm, 0.25rem);
+  color: var(--st-semantic-text-inverse);
+  display: inline-flex;
+  flex-direction: column;
+  font-size: 0.75rem;
+  gap: 0.125rem;
+  line-height: 1.2;
+  padding: 0.375rem 0.5rem;
+  pointer-events: none;
+  position: absolute;
+  transform: translate(-50%, -115%);
+  white-space: nowrap;
+  z-index: 1;
+}
+
+.st-violinChart__tooltipLabel { font-weight: 600; }
+.st-violinChart__tooltipValue { opacity: 0.85; }
+
+@media (prefers-reduced-motion: reduce) {
+  .st-violinChart__shape {
+    transition: none;
+  }
+}
+
+.st-geoMap {
+  color: var(--st-semantic-text-secondary);
+  display: block;
+  font-family: inherit;
+  position: relative;
+  width: 100%;
+}
+.st-geoMap svg,
+.st-geoMap__visual { display: block; }
+.st-geoMap__frame { fill: var(--st-semantic-surface-default, Canvas); stroke: var(--st-semantic-border-subtle); stroke-width: 1; }
+/* GeoJSON : remplissage translucide (color-mix) + contour au ton. */
+.st-geoMap__feature { stroke-width: 1.5; transition: fill-opacity 120ms ease; }
+.st-geoMap__feature--category1 { fill: color-mix(in srgb, var(--st-semantic-data-category1) var(--st-geoMap-mix, 34%), transparent); stroke: var(--st-semantic-data-category1); }
+.st-geoMap__feature--category2 { fill: color-mix(in srgb, var(--st-semantic-data-category2) var(--st-geoMap-mix, 34%), transparent); stroke: var(--st-semantic-data-category2); }
+.st-geoMap__feature--category3 { fill: color-mix(in srgb, var(--st-semantic-data-category3) var(--st-geoMap-mix, 34%), transparent); stroke: var(--st-semantic-data-category3); }
+.st-geoMap__feature--category4 { fill: color-mix(in srgb, var(--st-semantic-data-category4) var(--st-geoMap-mix, 34%), transparent); stroke: var(--st-semantic-data-category4); }
+.st-geoMap__feature--category5 { fill: color-mix(in srgb, var(--st-semantic-data-category5) var(--st-geoMap-mix, 34%), transparent); stroke: var(--st-semantic-data-category5); }
+.st-geoMap__feature--category6 { fill: color-mix(in srgb, var(--st-semantic-data-category6) var(--st-geoMap-mix, 34%), transparent); stroke: var(--st-semantic-data-category6); }
+.st-geoMap__feature--category7 { fill: color-mix(in srgb, var(--st-semantic-data-category7) var(--st-geoMap-mix, 34%), transparent); stroke: var(--st-semantic-data-category7); }
+.st-geoMap__feature--category8 { fill: color-mix(in srgb, var(--st-semantic-data-category8) var(--st-geoMap-mix, 34%), transparent); stroke: var(--st-semantic-data-category8); }
+.st-geoMap__feature--line { fill: none; }
+/* Choroplèthe : intensité ∝ valeur via color-mix sur le ton de la couche. */
+.st-geoMap__region { stroke: var(--st-semantic-border-subtle); stroke-width: 1; }
+.st-geoMap__region--empty { fill: var(--st-semantic-surface-default, Canvas); }
+.st-geoMap__region--category1 { fill: color-mix(in srgb, var(--st-semantic-data-category1) var(--st-geoMap-mix, 60%), transparent); }
+.st-geoMap__region--category2 { fill: color-mix(in srgb, var(--st-semantic-data-category2) var(--st-geoMap-mix, 60%), transparent); }
+.st-geoMap__region--category3 { fill: color-mix(in srgb, var(--st-semantic-data-category3) var(--st-geoMap-mix, 60%), transparent); }
+.st-geoMap__region--category4 { fill: color-mix(in srgb, var(--st-semantic-data-category4) var(--st-geoMap-mix, 60%), transparent); }
+.st-geoMap__region--category5 { fill: color-mix(in srgb, var(--st-semantic-data-category5) var(--st-geoMap-mix, 60%), transparent); }
+.st-geoMap__region--category6 { fill: color-mix(in srgb, var(--st-semantic-data-category6) var(--st-geoMap-mix, 60%), transparent); }
+.st-geoMap__region--category7 { fill: color-mix(in srgb, var(--st-semantic-data-category7) var(--st-geoMap-mix, 60%), transparent); }
+.st-geoMap__region--category8 { fill: color-mix(in srgb, var(--st-semantic-data-category8) var(--st-geoMap-mix, 60%), transparent); }
+/* Points/épingles : ton plein, légère translucidité (parité dataviz). */
+.st-geoMap__point { fill-opacity: 0.82; }
+.st-geoMap__point--category1 { fill: var(--st-semantic-data-category1); }
+.st-geoMap__point--category2 { fill: var(--st-semantic-data-category2); }
+.st-geoMap__point--category3 { fill: var(--st-semantic-data-category3); }
+.st-geoMap__point--category4 { fill: var(--st-semantic-data-category4); }
+.st-geoMap__point--category5 { fill: var(--st-semantic-data-category5); }
+.st-geoMap__point--category6 { fill: var(--st-semantic-data-category6); }
+.st-geoMap__point--category7 { fill: var(--st-semantic-data-category7); }
+.st-geoMap__point--category8 { fill: var(--st-semantic-data-category8); }
+/* Densité : cercles translucides superposés (color-mix ∝ poids). */
+.st-geoMap__density--category1 { fill: color-mix(in srgb, var(--st-semantic-data-category1) var(--st-geoMap-mix, 45%), transparent); }
+.st-geoMap__density--category2 { fill: color-mix(in srgb, var(--st-semantic-data-category2) var(--st-geoMap-mix, 45%), transparent); }
+.st-geoMap__density--category3 { fill: color-mix(in srgb, var(--st-semantic-data-category3) var(--st-geoMap-mix, 45%), transparent); }
+.st-geoMap__density--category4 { fill: color-mix(in srgb, var(--st-semantic-data-category4) var(--st-geoMap-mix, 45%), transparent); }
+.st-geoMap__density--category5 { fill: color-mix(in srgb, var(--st-semantic-data-category5) var(--st-geoMap-mix, 45%), transparent); }
+.st-geoMap__density--category6 { fill: color-mix(in srgb, var(--st-semantic-data-category6) var(--st-geoMap-mix, 45%), transparent); }
+.st-geoMap__density--category7 { fill: color-mix(in srgb, var(--st-semantic-data-category7) var(--st-geoMap-mix, 45%), transparent); }
+.st-geoMap__density--category8 { fill: color-mix(in srgb, var(--st-semantic-data-category8) var(--st-geoMap-mix, 45%), transparent); }
+/* Flux : arcs quadratiques, épaisseur portée par l'attribut stroke-width. */
+.st-geoMap__flow { fill: none; stroke-linecap: round; stroke-opacity: 0.62; }
+.st-geoMap__flow--category1 { stroke: var(--st-semantic-data-category1); }
+.st-geoMap__flow--category2 { stroke: var(--st-semantic-data-category2); }
+.st-geoMap__flow--category3 { stroke: var(--st-semantic-data-category3); }
+.st-geoMap__flow--category4 { stroke: var(--st-semantic-data-category4); }
+.st-geoMap__flow--category5 { stroke: var(--st-semantic-data-category5); }
+.st-geoMap__flow--category6 { stroke: var(--st-semantic-data-category6); }
+.st-geoMap__flow--category7 { stroke: var(--st-semantic-data-category7); }
+.st-geoMap__flow--category8 { stroke: var(--st-semantic-data-category8); }
+/* Hexbin : intensité ∝ valeur agrégée via color-mix. */
+.st-geoMap__hexbin--category1 { fill: color-mix(in srgb, var(--st-semantic-data-category1) var(--st-geoMap-mix, 72%), transparent); }
+.st-geoMap__hexbin--category2 { fill: color-mix(in srgb, var(--st-semantic-data-category2) var(--st-geoMap-mix, 72%), transparent); }
+.st-geoMap__hexbin--category3 { fill: color-mix(in srgb, var(--st-semantic-data-category3) var(--st-geoMap-mix, 72%), transparent); }
+.st-geoMap__hexbin--category4 { fill: color-mix(in srgb, var(--st-semantic-data-category4) var(--st-geoMap-mix, 72%), transparent); }
+.st-geoMap__hexbin--category5 { fill: color-mix(in srgb, var(--st-semantic-data-category5) var(--st-geoMap-mix, 72%), transparent); }
+.st-geoMap__hexbin--category6 { fill: color-mix(in srgb, var(--st-semantic-data-category6) var(--st-geoMap-mix, 72%), transparent); }
+.st-geoMap__hexbin--category7 { fill: color-mix(in srgb, var(--st-semantic-data-category7) var(--st-geoMap-mix, 72%), transparent); }
+.st-geoMap__hexbin--category8 { fill: color-mix(in srgb, var(--st-semantic-data-category8) var(--st-geoMap-mix, 72%), transparent); }
+/* Clusters : centroïde distinctif (disque + anneau), toné via currentColor. */
+.st-geoMap__cluster--category1 { color: var(--st-semantic-data-category1); }
+.st-geoMap__cluster--category2 { color: var(--st-semantic-data-category2); }
+.st-geoMap__cluster--category3 { color: var(--st-semantic-data-category3); }
+.st-geoMap__cluster--category4 { color: var(--st-semantic-data-category4); }
+.st-geoMap__cluster--category5 { color: var(--st-semantic-data-category5); }
+.st-geoMap__cluster--category6 { color: var(--st-semantic-data-category6); }
+.st-geoMap__cluster--category7 { color: var(--st-semantic-data-category7); }
+.st-geoMap__cluster--category8 { color: var(--st-semantic-data-category8); }
+.st-geoMap__clusterDot { fill: currentColor; fill-opacity: 0.78; }
+.st-geoMap__clusterRing { fill: none; stroke: currentColor; stroke-width: 1.5; }
+
+@media (prefers-reduced-motion: reduce) {
+  .st-geoMap__feature { transition: none; }
+}
+
+.st-columnRangeChart {
+  color: var(--st-semantic-text-secondary);
+  display: block;
+  font-family: inherit;
+  position: relative;
+  width: 100%;
+}
+
+.st-columnRangeChart svg {
+  display: block;
+  overflow: visible;
+}
+
+.st-columnRangeChart__visual {
+  display: block;
+}
+
+.st-columnRangeChart__grid {
+  stroke: var(--st-component-columnRangeChart-gridStroke, var(--st-semantic-border-subtle));
+  stroke-dasharray: 2 3;
+  stroke-width: 1;
+  opacity: 0.7;
+}
+
+.st-columnRangeChart__axis {
+  stroke: var(--st-component-columnRangeChart-axisStroke, var(--st-semantic-border-subtle));
+  stroke-width: 1;
+}
+
+.st-columnRangeChart__tickLabel,
+.st-columnRangeChart__categoryLabel {
+  fill: var(--st-component-columnRangeChart-labelColor, var(--st-semantic-text-secondary));
+  font-size: 0.6875rem;
+}
+
+.st-columnRangeChart__bar {
+  cursor: pointer;
+  transition: opacity var(--st-motion-fast, 120ms) var(--st-motion-easing, ease);
+}
+
+.st-columnRangeChart__bar:hover {
+  opacity: 0.82;
+}
+
+.st-columnRangeChart__bar--category1 { fill: var(--st-semantic-data-category1); }
+.st-columnRangeChart__bar--category2 { fill: var(--st-semantic-data-category2); }
+.st-columnRangeChart__bar--category3 { fill: var(--st-semantic-data-category3); }
+.st-columnRangeChart__bar--category4 { fill: var(--st-semantic-data-category4); }
+.st-columnRangeChart__bar--category5 { fill: var(--st-semantic-data-category5); }
+.st-columnRangeChart__bar--category6 { fill: var(--st-semantic-data-category6); }
+.st-columnRangeChart__bar--category7 { fill: var(--st-semantic-data-category7); }
+.st-columnRangeChart__bar--category8 { fill: var(--st-semantic-data-category8); }
+
+.st-columnRangeChart__tooltip {
+  background: var(--st-component-columnRangeChart-tooltipBackground, var(--st-semantic-surface-inverse));
+  border-radius: var(--st-radius-sm, 0.25rem);
+  color: var(--st-component-columnRangeChart-tooltipText, var(--st-semantic-text-inverse));
+  display: inline-flex;
+  flex-direction: column;
+  font-size: 0.75rem;
+  gap: 0.125rem;
+  line-height: 1.2;
+  padding: 0.375rem 0.5rem;
+  pointer-events: none;
+  position: absolute;
+  transform: translate(-50%, calc(-100% - 8px));
+  white-space: nowrap;
+  z-index: 1;
+}
+
+.st-columnRangeChart__tooltipLabel {
+  font-weight: 600;
+}
+
+.st-columnRangeChart__tooltipValue {
+  opacity: 0.85;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .st-columnRangeChart__bar { transition: none; }
+}
+
+.st-areaRangeChart {
+  color: var(--st-semantic-data-category1);
+  display: block;
+  font-family: inherit;
+  position: relative;
+  width: 100%;
+}
+
+.st-areaRangeChart--category1 { color: var(--st-semantic-data-category1); }
+.st-areaRangeChart--category2 { color: var(--st-semantic-data-category2); }
+.st-areaRangeChart--category3 { color: var(--st-semantic-data-category3); }
+.st-areaRangeChart--category4 { color: var(--st-semantic-data-category4); }
+.st-areaRangeChart--category5 { color: var(--st-semantic-data-category5); }
+.st-areaRangeChart--category6 { color: var(--st-semantic-data-category6); }
+.st-areaRangeChart--category7 { color: var(--st-semantic-data-category7); }
+.st-areaRangeChart--category8 { color: var(--st-semantic-data-category8); }
+
+.st-areaRangeChart svg {
+  display: block;
+  overflow: visible;
+}
+
+.st-areaRangeChart__visual {
+  display: block;
+}
+
+.st-areaRangeChart__grid {
+  stroke: var(--st-component-areaRangeChart-gridStroke, var(--st-semantic-border-subtle));
+  stroke-dasharray: 2 3;
+  stroke-width: 1;
+  opacity: 0.7;
+}
+
+.st-areaRangeChart__axis {
+  stroke: var(--st-component-areaRangeChart-axisStroke, var(--st-semantic-border-subtle));
+  stroke-width: 1;
+}
+
+.st-areaRangeChart__tickLabel {
+  fill: var(--st-component-areaRangeChart-labelColor, var(--st-semantic-text-secondary));
+  font-size: 0.6875rem;
+}
+
+.st-areaRangeChart__line {
+  stroke: currentColor;
+}
+
+.st-areaRangeChart__line--low {
+  opacity: 0.7;
+}
+
+.st-areaRangeChart__area {
+  stroke: none;
+}
+
+.st-areaRangeChart__dot {
+  fill: currentColor;
+  stroke: var(--st-semantic-surface-default);
+  stroke-width: 1.5;
+  cursor: pointer;
+  transition: r 120ms ease;
+}
+
+.st-areaRangeChart__dot:hover {
+  r: 5;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .st-areaRangeChart__dot { transition: none; }
+}
+
+.st-areaRangeChart__tooltip {
+  background: var(--st-component-areaRangeChart-tooltipBackground, var(--st-semantic-surface-inverse));
+  border-radius: var(--st-radius-sm, 0.25rem);
+  color: var(--st-component-areaRangeChart-tooltipText, var(--st-semantic-text-inverse));
+  display: inline-flex;
+  flex-direction: column;
+  font-size: 0.75rem;
+  gap: 0.125rem;
+  line-height: 1.2;
+  padding: 0.375rem 0.5rem;
+  pointer-events: none;
+  position: absolute;
+  transform: translate(-50%, calc(-100% - 8px));
+  white-space: nowrap;
+  z-index: 1;
+}
+
+.st-areaRangeChart__tooltipLabel {
+  font-weight: 600;
+}
+
+.st-areaRangeChart__tooltipValue {
+  opacity: 0.85;
+}
+
+.st-areaSplineRangeChart {
+  color: var(--st-semantic-data-category1);
+  display: block;
+  font-family: inherit;
+  position: relative;
+  width: 100%;
+}
+
+.st-areaSplineRangeChart--category1 { color: var(--st-semantic-data-category1); }
+.st-areaSplineRangeChart--category2 { color: var(--st-semantic-data-category2); }
+.st-areaSplineRangeChart--category3 { color: var(--st-semantic-data-category3); }
+.st-areaSplineRangeChart--category4 { color: var(--st-semantic-data-category4); }
+.st-areaSplineRangeChart--category5 { color: var(--st-semantic-data-category5); }
+.st-areaSplineRangeChart--category6 { color: var(--st-semantic-data-category6); }
+.st-areaSplineRangeChart--category7 { color: var(--st-semantic-data-category7); }
+.st-areaSplineRangeChart--category8 { color: var(--st-semantic-data-category8); }
+
+.st-areaSplineRangeChart svg {
+  display: block;
+  overflow: visible;
+}
+
+.st-areaSplineRangeChart__visual {
+  display: block;
+}
+
+.st-areaSplineRangeChart__grid {
+  stroke: var(--st-component-areaSplineRangeChart-gridStroke, var(--st-semantic-border-subtle));
+  stroke-dasharray: 2 3;
+  stroke-width: 1;
+  opacity: 0.7;
+}
+
+.st-areaSplineRangeChart__axis {
+  stroke: var(--st-component-areaSplineRangeChart-axisStroke, var(--st-semantic-border-subtle));
+  stroke-width: 1;
+}
+
+.st-areaSplineRangeChart__tickLabel {
+  fill: var(--st-component-areaSplineRangeChart-labelColor, var(--st-semantic-text-secondary));
+  font-size: 0.6875rem;
+}
+
+.st-areaSplineRangeChart__line {
+  stroke: currentColor;
+}
+
+.st-areaSplineRangeChart__line--low {
+  opacity: 0.7;
+}
+
+.st-areaSplineRangeChart__area {
+  stroke: none;
+}
+
+.st-areaSplineRangeChart__dot {
+  fill: currentColor;
+  stroke: var(--st-semantic-surface-default);
+  stroke-width: 1.5;
+  cursor: pointer;
+  transition: r 120ms ease;
+}
+
+.st-areaSplineRangeChart__dot:hover {
+  r: 5;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .st-areaSplineRangeChart__dot { transition: none; }
+}
+
+.st-areaSplineRangeChart__tooltip {
+  background: var(--st-component-areaSplineRangeChart-tooltipBackground, var(--st-semantic-surface-inverse));
+  border-radius: var(--st-radius-sm, 0.25rem);
+  color: var(--st-component-areaSplineRangeChart-tooltipText, var(--st-semantic-text-inverse));
+  display: inline-flex;
+  flex-direction: column;
+  font-size: 0.75rem;
+  gap: 0.125rem;
+  line-height: 1.2;
+  padding: 0.375rem 0.5rem;
+  pointer-events: none;
+  position: absolute;
+  transform: translate(-50%, calc(-100% - 8px));
+  white-space: nowrap;
+  z-index: 1;
+}
+
+.st-areaSplineRangeChart__tooltipLabel {
+  font-weight: 600;
+}
+
+.st-areaSplineRangeChart__tooltipValue {
+  opacity: 0.85;
+}
+
+.st-columnPyramidChart {
+  color: var(--st-semantic-text-secondary);
+  display: block;
+  font-family: inherit;
+  position: relative;
+  width: 100%;
+}
+
+.st-columnPyramidChart svg {
+  display: block;
+  overflow: visible;
+}
+
+.st-columnPyramidChart__visual {
+  display: block;
+}
+
+.st-columnPyramidChart__grid {
+  stroke: var(--st-component-columnPyramidChart-gridStroke, var(--st-semantic-border-subtle));
+  stroke-dasharray: 2 3;
+  stroke-width: 1;
+  opacity: 0.7;
+}
+
+.st-columnPyramidChart__axis {
+  stroke: var(--st-component-columnPyramidChart-axisStroke, var(--st-semantic-border-subtle));
+  stroke-width: 1;
+}
+
+.st-columnPyramidChart__tickLabel,
+.st-columnPyramidChart__categoryLabel {
+  fill: var(--st-component-columnPyramidChart-labelColor, var(--st-semantic-text-secondary));
+  font-size: 0.6875rem;
+}
+
+.st-columnPyramidChart__column {
+  cursor: pointer;
+  transition: opacity var(--st-motion-fast, 120ms) var(--st-motion-easing, ease);
+}
+
+.st-columnPyramidChart__column:hover {
+  opacity: 0.82;
+}
+
+.st-columnPyramidChart__column--category1 { fill: var(--st-semantic-data-category1); }
+.st-columnPyramidChart__column--category2 { fill: var(--st-semantic-data-category2); }
+.st-columnPyramidChart__column--category3 { fill: var(--st-semantic-data-category3); }
+.st-columnPyramidChart__column--category4 { fill: var(--st-semantic-data-category4); }
+.st-columnPyramidChart__column--category5 { fill: var(--st-semantic-data-category5); }
+.st-columnPyramidChart__column--category6 { fill: var(--st-semantic-data-category6); }
+.st-columnPyramidChart__column--category7 { fill: var(--st-semantic-data-category7); }
+.st-columnPyramidChart__column--category8 { fill: var(--st-semantic-data-category8); }
+
+.st-columnPyramidChart__tooltip {
+  background: var(--st-component-columnPyramidChart-tooltipBackground, var(--st-semantic-surface-inverse));
+  border-radius: var(--st-radius-sm, 0.25rem);
+  color: var(--st-component-columnPyramidChart-tooltipText, var(--st-semantic-text-inverse));
+  display: inline-flex;
+  flex-direction: column;
+  font-size: 0.75rem;
+  gap: 0.125rem;
+  line-height: 1.2;
+  padding: 0.375rem 0.5rem;
+  pointer-events: none;
+  position: absolute;
+  transform: translate(-50%, calc(-100% - 8px));
+  white-space: nowrap;
+  z-index: 1;
+}
+
+.st-columnPyramidChart__tooltipLabel {
+  font-weight: 600;
+}
+
+.st-columnPyramidChart__tooltipValue {
+  opacity: 0.85;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .st-columnPyramidChart__column {
+    transition: none;
+  }
+}
+
+.st-polygonChart { color: var(--st-semantic-text-secondary); display: block; font-family: inherit; position: relative; width: 100%; }
+  .st-polygonChart svg, .st-polygonChart__visual { display: block; overflow: visible; }
+  .st-polygonChart__grid { stroke: var(--st-semantic-border-subtle); stroke-dasharray: 2 3; stroke-width: 1; opacity: 0.7; }
+  .st-polygonChart__axis { stroke: var(--st-semantic-border-subtle); stroke-width: 1; }
+  .st-polygonChart__tick { fill: var(--st-semantic-text-secondary); font-size: 0.6875rem; }
+  .st-polygonChart__polygon { fill: currentColor; fill-opacity: 0.18; stroke: currentColor; stroke-width: 2; stroke-linejoin: round; }
+  .st-polygonChart__vertex { fill: currentColor; }
+  .st-polygonChart__polygon--category1, .st-polygonChart__vertex--category1 { color: var(--st-semantic-data-category1); }
+  .st-polygonChart__polygon--category2, .st-polygonChart__vertex--category2 { color: var(--st-semantic-data-category2); }
+  .st-polygonChart__polygon--category3, .st-polygonChart__vertex--category3 { color: var(--st-semantic-data-category3); }
+  .st-polygonChart__polygon--category4, .st-polygonChart__vertex--category4 { color: var(--st-semantic-data-category4); }
+  .st-polygonChart__polygon--category5, .st-polygonChart__vertex--category5 { color: var(--st-semantic-data-category5); }
+  .st-polygonChart__polygon--category6, .st-polygonChart__vertex--category6 { color: var(--st-semantic-data-category6); }
+  .st-polygonChart__polygon--category7, .st-polygonChart__vertex--category7 { color: var(--st-semantic-data-category7); }
+  .st-polygonChart__polygon--category8, .st-polygonChart__vertex--category8 { color: var(--st-semantic-data-category8); }
+  .st-polygonChart__tooltip {
+    background: var(--st-semantic-surface-inverse); border-radius: var(--st-radius-sm, 0.25rem);
+    color: var(--st-semantic-text-inverse); display: inline-flex; flex-direction: column;
+    font-size: 0.75rem; gap: 0.125rem; line-height: 1.2; padding: 0.375rem 0.5rem;
+    pointer-events: none; position: absolute; transform: translate(-50%, calc(-100% - 8px)); white-space: nowrap; z-index: 1;
+  }
+  .st-polygonChart__tooltipValue { opacity: 0.85; }
+
+.st-tileMapChart {
+  color: var(--st-semantic-text-secondary);
+  display: block;
+  font-family: inherit;
+  max-width: 100%;
+  position: relative;
+  width: 100%;
+}
+
+.st-tileMapChart svg,
+.st-tileMapChart__visual {
+  display: block;
+  overflow: visible;
+}
+
+.st-tileMapChart__tile {
+  cursor: pointer;
+  stroke: var(--st-semantic-surface-default, Canvas);
+  stroke-width: 1;
+  transition: opacity 120ms ease;
+}
+
+.st-tileMapChart__tile--dim {
+  opacity: 0.4;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .st-tileMapChart__tile {
+    transition: none;
+  }
+}
+
+.st-tileMapChart__tile--category1,
+.st-tileMapChart__legendSwatch--category1 { fill: var(--st-semantic-data-category1); background: var(--st-semantic-data-category1); }
+.st-tileMapChart__tile--category2,
+.st-tileMapChart__legendSwatch--category2 { fill: var(--st-semantic-data-category2); background: var(--st-semantic-data-category2); }
+.st-tileMapChart__tile--category3,
+.st-tileMapChart__legendSwatch--category3 { fill: var(--st-semantic-data-category3); background: var(--st-semantic-data-category3); }
+.st-tileMapChart__tile--category4,
+.st-tileMapChart__legendSwatch--category4 { fill: var(--st-semantic-data-category4); background: var(--st-semantic-data-category4); }
+.st-tileMapChart__tile--category5,
+.st-tileMapChart__legendSwatch--category5 { fill: var(--st-semantic-data-category5); background: var(--st-semantic-data-category5); }
+.st-tileMapChart__tile--category6,
+.st-tileMapChart__legendSwatch--category6 { fill: var(--st-semantic-data-category6); background: var(--st-semantic-data-category6); }
+.st-tileMapChart__tile--category7,
+.st-tileMapChart__legendSwatch--category7 { fill: var(--st-semantic-data-category7); background: var(--st-semantic-data-category7); }
+.st-tileMapChart__tile--category8,
+.st-tileMapChart__legendSwatch--category8 { fill: var(--st-semantic-data-category8); background: var(--st-semantic-data-category8); }
+
+.st-tileMapChart__tileLabel {
+  fill: var(--st-semantic-text-inverse);
+  font-size: 0.6875rem;
+  font-weight: 600;
+}
+
+.st-tileMapChart__legend {
+  align-items: center;
+  display: flex;
+  gap: var(--st-spacing-2, 0.5rem);
+  margin-top: var(--st-spacing-2, 0.5rem);
+}
+
+.st-tileMapChart__legendRamp {
+  display: inline-grid;
+  grid-template-columns: repeat(8, minmax(0.75rem, 1fr));
+  min-width: 8rem;
+}
+
+.st-tileMapChart__legendSwatch {
+  display: block;
+  height: 0.5rem;
+}
+
+.st-tileMapChart__legendText {
+  color: var(--st-semantic-text-secondary);
+  font-size: 0.75rem;
+}
+
+.st-tileMapChart__tooltip {
+  background: var(--st-semantic-surface-inverse);
+  border-radius: var(--st-radius-sm, 0.25rem);
+  color: var(--st-semantic-text-inverse);
+  display: inline-flex;
+  flex-direction: column;
+  font-size: 0.75rem;
+  gap: 0.125rem;
+  line-height: 1.2;
+  padding: 0.375rem 0.5rem;
+  pointer-events: none;
+  position: absolute;
+  transform: translate(-50%, -115%);
+  white-space: nowrap;
+  z-index: 1;
+}
+
+.st-tileMapChart__tooltipLabel {
+  font-weight: 600;
+}
+
+.st-tileMapChart__tooltipValue {
+  opacity: 0.85;
+}
+
+.st-dumbbellChart {
+  color: var(--st-semantic-data-category1);
+  display: block;
+  font-family: inherit;
+  position: relative;
+  width: 100%;
+}
+
+.st-dumbbellChart svg {
+  display: block;
+  overflow: visible;
+}
+
+.st-dumbbellChart__visual {
+  display: block;
+  position: relative;
+}
+
+.st-dumbbellChart__legend {
+  position: absolute;
+  right: 0.25rem;
+  top: 0.25rem;
+}
+
+.st-dumbbellChart__grid {
+  stroke: var(--st-component-dumbbellChart-gridStroke, var(--st-semantic-border-subtle));
+  stroke-dasharray: 2 3;
+  stroke-width: 1;
+  opacity: 0.7;
+}
+
+.st-dumbbellChart__axis {
+  stroke: var(--st-component-dumbbellChart-axisStroke, var(--st-semantic-border-subtle));
+  stroke-width: 1;
+}
+
+.st-dumbbellChart__tickLabel,
+.st-dumbbellChart__categoryLabel {
+  fill: var(--st-component-dumbbellChart-labelColor, var(--st-semantic-text-secondary));
+  font-size: 0.6875rem;
+}
+
+.st-dumbbellChart__connector {
+  stroke: var(--st-component-dumbbellChart-connectorStroke, var(--st-semantic-border-strong));
+  stroke-width: 2;
+  stroke-linecap: round;
+  opacity: 0.6;
+}
+
+.st-dumbbellChart__dot {
+  fill: currentColor;
+  stroke: var(--st-semantic-surface-default);
+  stroke-width: 1.5;
+  cursor: pointer;
+  transition: r 120ms ease;
+}
+
+.st-dumbbellChart__dot:hover {
+  r: 7;
+}
+
+.st-dumbbellChart__dot--category1 { fill: var(--st-semantic-data-category1); }
+.st-dumbbellChart__dot--category2 { fill: var(--st-semantic-data-category2); }
+.st-dumbbellChart__dot--category3 { fill: var(--st-semantic-data-category3); }
+.st-dumbbellChart__dot--category4 { fill: var(--st-semantic-data-category4); }
+.st-dumbbellChart__dot--category5 { fill: var(--st-semantic-data-category5); }
+.st-dumbbellChart__dot--category6 { fill: var(--st-semantic-data-category6); }
+.st-dumbbellChart__dot--category7 { fill: var(--st-semantic-data-category7); }
+.st-dumbbellChart__dot--category8 { fill: var(--st-semantic-data-category8); }
+
+@media (prefers-reduced-motion: reduce) {
+  .st-dumbbellChart__dot { transition: none; }
+}
+
+.st-dumbbellChart__tooltip {
+  background: var(--st-component-dumbbellChart-tooltipBackground, var(--st-semantic-surface-inverse));
+  border-radius: var(--st-radius-sm, 0.25rem);
+  color: var(--st-component-dumbbellChart-tooltipText, var(--st-semantic-text-inverse));
+  display: inline-flex;
+  flex-direction: column;
+  font-size: 0.75rem;
+  gap: 0.125rem;
+  line-height: 1.2;
+  padding: 0.375rem 0.5rem;
+  pointer-events: none;
+  position: absolute;
+  transform: translate(-50%, calc(-100% - 8px));
+  white-space: nowrap;
+  z-index: 1;
+}
+
+.st-dumbbellChart__tooltipLabel {
+  font-weight: 600;
+}
+
+.st-dumbbellChart__tooltipValue {
+  opacity: 0.85;
+}
+
+.st-errorBarChart {
+  color: var(--st-semantic-data-category1);
+  display: block;
+  font-family: inherit;
+  position: relative;
+  width: 100%;
+}
+
+.st-errorBarChart svg {
+  display: block;
+  overflow: visible;
+}
+
+.st-errorBarChart__visual {
+  display: block;
+  position: relative;
+}
+
+.st-errorBarChart__legend {
+  position: absolute;
+  right: 0.25rem;
+  top: 0.25rem;
+}
+
+.st-errorBarChart__grid {
+  stroke: var(--st-component-errorBarChart-gridStroke, var(--st-semantic-border-subtle));
+  stroke-dasharray: 2 3;
+  stroke-width: 1;
+  opacity: 0.7;
+}
+
+.st-errorBarChart__axis {
+  stroke: var(--st-component-errorBarChart-axisStroke, var(--st-semantic-border-subtle));
+  stroke-width: 1;
+}
+
+.st-errorBarChart__tickLabel,
+.st-errorBarChart__categoryLabel {
+  fill: var(--st-component-errorBarChart-labelColor, var(--st-semantic-text-secondary));
+  font-size: 0.6875rem;
+}
 
-  .st-stepLineChart__tooltipValue {
-    opacity: 0.85;
-  }
+.st-errorBarChart__whisker {
+  stroke: currentColor;
+  stroke-width: 2;
+  stroke-linecap: round;
+}
 
-  @media (prefers-reduced-motion: reduce) {
-    .st-stepLineChart__dot {
-      transition: none;
-    }
-  }
+.st-errorBarChart__cap {
+  stroke: currentColor;
+  stroke-width: 2;
+  stroke-linecap: round;
+}
 
+.st-errorBarChart__whisker--category1,
+.st-errorBarChart__cap--category1 { stroke: var(--st-semantic-data-category1); }
+.st-errorBarChart__whisker--category2,
+.st-errorBarChart__cap--category2 { stroke: var(--st-semantic-data-category2); }
+.st-errorBarChart__whisker--category3,
+.st-errorBarChart__cap--category3 { stroke: var(--st-semantic-data-category3); }
+.st-errorBarChart__whisker--category4,
+.st-errorBarChart__cap--category4 { stroke: var(--st-semantic-data-category4); }
+.st-errorBarChart__whisker--category5,
+.st-errorBarChart__cap--category5 { stroke: var(--st-semantic-data-category5); }
+.st-errorBarChart__whisker--category6,
+.st-errorBarChart__cap--category6 { stroke: var(--st-semantic-data-category6); }
+.st-errorBarChart__whisker--category7,
+.st-errorBarChart__cap--category7 { stroke: var(--st-semantic-data-category7); }
+.st-errorBarChart__whisker--category8,
+.st-errorBarChart__cap--category8 { stroke: var(--st-semantic-data-category8); }
+
+.st-errorBarChart__marker {
+  fill: currentColor;
+  stroke: var(--st-semantic-surface-default);
+  stroke-width: 1.5;
+  cursor: pointer;
+  transition: r 120ms ease;
+}
 
-/* DivergentBarChart */
-.st-divergentBarChart {
-    color: var(--st-component-divergentBarChart-labelColor, var(--st-semantic-text-secondary));
-    display: block;
-    font-family: inherit;
-    position: relative;
-    width: 100%;
-  }
+.st-errorBarChart__marker:hover {
+  r: 6;
+}
 
-  .st-divergentBarChart svg,
-  .st-divergentBarChart__visual {
-    display: block;
-    overflow: visible;
-  }
+.st-errorBarChart__marker--category1 { fill: var(--st-semantic-data-category1); }
+.st-errorBarChart__marker--category2 { fill: var(--st-semantic-data-category2); }
+.st-errorBarChart__marker--category3 { fill: var(--st-semantic-data-category3); }
+.st-errorBarChart__marker--category4 { fill: var(--st-semantic-data-category4); }
+.st-errorBarChart__marker--category5 { fill: var(--st-semantic-data-category5); }
+.st-errorBarChart__marker--category6 { fill: var(--st-semantic-data-category6); }
+.st-errorBarChart__marker--category7 { fill: var(--st-semantic-data-category7); }
+.st-errorBarChart__marker--category8 { fill: var(--st-semantic-data-category8); }
 
-  .st-divergentBarChart__grid {
-    stroke: var(--st-component-divergentBarChart-gridStroke, var(--st-semantic-border-subtle));
-    stroke-dasharray: 2 3;
-    stroke-width: 1;
-    opacity: 0.7;
-  }
+@media (prefers-reduced-motion: reduce) {
+  .st-errorBarChart__marker { transition: none; }
+}
 
-  .st-divergentBarChart__axis {
-    stroke: var(--st-component-divergentBarChart-axisStroke, var(--st-semantic-border-subtle));
-    stroke-width: 1;
-  }
+.st-errorBarChart__tooltip {
+  background: var(--st-component-errorBarChart-tooltipBackground, var(--st-semantic-surface-inverse));
+  border-radius: var(--st-radius-sm, 0.25rem);
+  color: var(--st-component-errorBarChart-tooltipText, var(--st-semantic-text-inverse));
+  display: inline-flex;
+  flex-direction: column;
+  font-size: 0.75rem;
+  gap: 0.125rem;
+  line-height: 1.2;
+  padding: 0.375rem 0.5rem;
+  pointer-events: none;
+  position: absolute;
+  transform: translate(-50%, calc(-100% - 8px));
+  white-space: nowrap;
+  z-index: 1;
+}
 
-  .st-divergentBarChart__zeroAxis {
-    stroke: var(--st-component-divergentBarChart-zeroStroke, var(--st-semantic-border-strong));
-    stroke-width: 1.5;
-  }
+.st-errorBarChart__tooltipLabel {
+  font-weight: 600;
+}
 
-  .st-divergentBarChart__tickLabel,
-  .st-divergentBarChart__categoryLabel {
-    fill: var(--st-component-divergentBarChart-labelColor, var(--st-semantic-text-secondary));
-    font-size: 0.6875rem;
-  }
+.st-errorBarChart__tooltipValue {
+  opacity: 0.85;
+}
 
-  .st-divergentBarChart__bar {
-    cursor: pointer;
-    transition: opacity var(--st-motion-fast, 120ms) var(--st-motion-easing, ease);
-  }
+.st-bellCurveChart {
+  color: var(--st-semantic-data-category1);
+  display: block;
+  font-family: inherit;
+  position: relative;
+  width: 100%;
+}
 
-  .st-divergentBarChart__bar--positive {
-    fill: var(--st-component-divergentBarChart-positiveFill, var(--st-semantic-data-category5));
-  }
+.st-bellCurveChart--category1 { color: var(--st-semantic-data-category1); }
+.st-bellCurveChart--category2 { color: var(--st-semantic-data-category2); }
+.st-bellCurveChart--category3 { color: var(--st-semantic-data-category3); }
+.st-bellCurveChart--category4 { color: var(--st-semantic-data-category4); }
+.st-bellCurveChart--category5 { color: var(--st-semantic-data-category5); }
+.st-bellCurveChart--category6 { color: var(--st-semantic-data-category6); }
+.st-bellCurveChart--category7 { color: var(--st-semantic-data-category7); }
+.st-bellCurveChart--category8 { color: var(--st-semantic-data-category8); }
 
-  .st-divergentBarChart__bar--negative {
-    fill: var(--st-component-divergentBarChart-negativeFill, var(--st-semantic-data-category3));
-  }
+.st-bellCurveChart svg {
+  display: block;
+  overflow: visible;
+}
 
-  .st-divergentBarChart__bar--neutral,
-  .st-divergentBarChart__bar--zero {
-    fill: var(--st-component-divergentBarChart-neutralFill, var(--st-semantic-data-category6));
-  }
+.st-bellCurveChart__visual {
+  display: block;
+  position: relative;
+}
 
-  .st-divergentBarChart__tooltip {
-    background: var(--st-component-divergentBarChart-tooltipBackground, var(--st-semantic-surface-inverse));
-    border-radius: var(--st-radius-sm, 0.25rem);
-    color: var(--st-component-divergentBarChart-tooltipText, var(--st-semantic-text-inverse));
-    display: inline-flex;
-    flex-direction: column;
-    font-size: 0.75rem;
-    gap: 0.125rem;
-    line-height: 1.2;
-    padding: 0.375rem 0.5rem;
-    pointer-events: none;
-    position: absolute;
-    transform: translate(-50%, calc(-100% - 8px));
-    white-space: nowrap;
-    z-index: 1;
-  }
+.st-bellCurveChart__grid {
+  stroke: var(--st-component-bellCurveChart-gridStroke, var(--st-semantic-border-subtle));
+  stroke-dasharray: 2 3;
+  stroke-width: 1;
+  opacity: 0.7;
+}
 
-  .st-divergentBarChart__tooltipLabel {
-    font-weight: 600;
-  }
+.st-bellCurveChart__axis {
+  stroke: var(--st-component-bellCurveChart-axisStroke, var(--st-semantic-border-subtle));
+  stroke-width: 1;
+}
 
-  .st-divergentBarChart__tooltipValue {
-    opacity: 0.85;
-  }
+.st-bellCurveChart__tickLabel {
+  fill: var(--st-component-bellCurveChart-labelColor, var(--st-semantic-text-secondary));
+  font-size: 0.6875rem;
+}
 
-  .st-divergentBarChart__legend {
-    display: flex;
-    flex-wrap: wrap;
-    gap: var(--st-spacing-3, 0.75rem);
-    list-style: none;
-    margin: var(--st-spacing-2, 0.5rem) 0 0;
-    padding: 0;
-  }
+.st-bellCurveChart__line {
+  stroke: currentColor;
+}
 
-  .st-divergentBarChart__legendItem {
-    align-items: center;
-    color: var(--st-semantic-text-secondary);
-    display: inline-flex;
-    font-size: 0.75rem;
-    gap: var(--st-spacing-1, 0.25rem);
-  }
+.st-bellCurveChart__area {
+  stroke: none;
+}
 
-  .st-divergentBarChart__legendSwatch {
-    border-radius: 2px;
-    height: 0.7rem;
-    width: 0.7rem;
-  }
+.st-bellCurveChart__sdMark {
+  stroke: currentColor;
+  stroke-dasharray: 2 3;
+  stroke-width: 1;
+  opacity: 0.5;
+}
 
-  .st-divergentBarChart__legendSwatch--positive {
-    background: var(--st-component-divergentBarChart-positiveFill, var(--st-semantic-data-category5));
-  }
+.st-bellCurveChart__mean {
+  stroke: currentColor;
+  stroke-dasharray: 4 3;
+  stroke-width: 1.5;
+  opacity: 0.85;
+}
 
-  .st-divergentBarChart__legendSwatch--negative {
-    background: var(--st-component-divergentBarChart-negativeFill, var(--st-semantic-data-category3));
-  }
+.st-bellCurveChart__meanLabel {
+  fill: currentColor;
+  font-size: 0.6875rem;
+  font-weight: 600;
+}
 
-  .st-divergentBarChart__legendSwatch--neutral {
-    background: var(--st-component-divergentBarChart-neutralFill, var(--st-semantic-data-category6));
-  }
+.st-bellCurveChart__hit {
+  fill: transparent;
+  cursor: pointer;
+}
 
-  @media (prefers-reduced-motion: reduce) {
-    .st-divergentBarChart__bar {
-      transition: none;
-    }
-  }
+.st-bellCurveChart__tooltip {
+  background: var(--st-component-bellCurveChart-tooltipBackground, var(--st-semantic-surface-inverse));
+  border-radius: var(--st-radius-sm, 0.25rem);
+  color: var(--st-component-bellCurveChart-tooltipText, var(--st-semantic-text-inverse));
+  display: inline-flex;
+  flex-direction: column;
+  font-size: 0.75rem;
+  gap: 0.125rem;
+  line-height: 1.2;
+  padding: 0.375rem 0.5rem;
+  pointer-events: none;
+  position: absolute;
+  transform: translate(-50%, calc(-100% - 8px));
+  white-space: nowrap;
+  z-index: 1;
+}
 
+.st-bellCurveChart__tooltipLabel {
+  font-weight: 600;
+}
 
-/* ── ChordDiagram ── */
-.st-chordDiagram {
+.st-bellCurveChart__tooltipValue {
+  opacity: 0.85;
+}
+
+.st-arcDiagramChart {
   color: var(--st-semantic-text-secondary);
   display: block;
   font-family: inherit;
@@ -11388,63 +13347,79 @@
   width: 100%;
 }
 
-.st-chordDiagram svg,
-.st-chordDiagram__visual {
+.st-arcDiagramChart svg,
+.st-arcDiagramChart__visual {
   display: block;
   overflow: visible;
 }
 
-.st-chordDiagram__ribbon {
+.st-arcDiagramChart__visual {
+  position: relative;
+}
+
+.st-arcDiagramChart__legend {
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+
+.st-arcDiagramChart__axis {
+  stroke: var(--st-semantic-border-subtle, var(--st-semantic-text-secondary));
+  stroke-width: 1;
+}
+
+.st-arcDiagramChart__arc {
   cursor: pointer;
-  fill-opacity: 0.4;
-  stroke-opacity: 0.55;
-  transition: opacity 120ms ease;
+  fill: none;
+  stroke-opacity: 0.6;
+  transition: opacity 120ms ease, stroke-opacity 120ms ease;
 }
 
-.st-chordDiagram__ribbon:hover {
-  fill-opacity: 0.62;
+.st-arcDiagramChart__arc:hover {
+  stroke-opacity: 0.85;
 }
 
-.st-chordDiagram__ribbon--dim {
+.st-arcDiagramChart__arc--dim {
   opacity: 0.18;
 }
 
 @media (prefers-reduced-motion: reduce) {
-  .st-chordDiagram__ribbon {
+  .st-arcDiagramChart__arc {
     transition: none;
   }
 }
 
-.st-chordDiagram__arc {
+.st-arcDiagramChart__node {
   stroke: var(--st-semantic-surface-default, Canvas);
-  stroke-width: 1;
-}
-
-.st-chordDiagram__arc--category1,
-.st-chordDiagram__ribbon--category1 { fill: var(--st-semantic-data-category1); stroke: var(--st-semantic-data-category1); }
-.st-chordDiagram__arc--category2,
-.st-chordDiagram__ribbon--category2 { fill: var(--st-semantic-data-category2); stroke: var(--st-semantic-data-category2); }
-.st-chordDiagram__arc--category3,
-.st-chordDiagram__ribbon--category3 { fill: var(--st-semantic-data-category3); stroke: var(--st-semantic-data-category3); }
-.st-chordDiagram__arc--category4,
-.st-chordDiagram__ribbon--category4 { fill: var(--st-semantic-data-category4); stroke: var(--st-semantic-data-category4); }
-.st-chordDiagram__arc--category5,
-.st-chordDiagram__ribbon--category5 { fill: var(--st-semantic-data-category5); stroke: var(--st-semantic-data-category5); }
-.st-chordDiagram__arc--category6,
-.st-chordDiagram__ribbon--category6 { fill: var(--st-semantic-data-category6); stroke: var(--st-semantic-data-category6); }
-.st-chordDiagram__arc--category7,
-.st-chordDiagram__ribbon--category7 { fill: var(--st-semantic-data-category7); stroke: var(--st-semantic-data-category7); }
-.st-chordDiagram__arc--category8,
-.st-chordDiagram__ribbon--category8 { fill: var(--st-semantic-data-category8); stroke: var(--st-semantic-data-category8); }
-
-.st-chordDiagram__arcLabel {
-  /* fill calculé par contrastTextForTone() en inline */
-  font-size: 0.7rem;
-  font-weight: 600;
-  pointer-events: none;
+  stroke-width: 1.5;
 }
 
-.st-chordDiagram__tooltip {
+.st-arcDiagramChart__arc--category1,
+.st-arcDiagramChart__node--category1 { stroke: var(--st-semantic-data-category1); }
+.st-arcDiagramChart__node--category1 { fill: var(--st-semantic-data-category1); }
+.st-arcDiagramChart__arc--category2,
+.st-arcDiagramChart__node--category2 { stroke: var(--st-semantic-data-category2); }
+.st-arcDiagramChart__node--category2 { fill: var(--st-semantic-data-category2); }
+.st-arcDiagramChart__arc--category3,
+.st-arcDiagramChart__node--category3 { stroke: var(--st-semantic-data-category3); }
+.st-arcDiagramChart__node--category3 { fill: var(--st-semantic-data-category3); }
+.st-arcDiagramChart__arc--category4,
+.st-arcDiagramChart__node--category4 { stroke: var(--st-semantic-data-category4); }
+.st-arcDiagramChart__node--category4 { fill: var(--st-semantic-data-category4); }
+.st-arcDiagramChart__arc--category5,
+.st-arcDiagramChart__node--category5 { stroke: var(--st-semantic-data-category5); }
+.st-arcDiagramChart__node--category5 { fill: var(--st-semantic-data-category5); }
+.st-arcDiagramChart__arc--category6,
+.st-arcDiagramChart__node--category6 { stroke: var(--st-semantic-data-category6); }
+.st-arcDiagramChart__node--category6 { fill: var(--st-semantic-data-category6); }
+.st-arcDiagramChart__arc--category7,
+.st-arcDiagramChart__node--category7 { stroke: var(--st-semantic-data-category7); }
+.st-arcDiagramChart__node--category7 { fill: var(--st-semantic-data-category7); }
+.st-arcDiagramChart__arc--category8,
+.st-arcDiagramChart__node--category8 { stroke: var(--st-semantic-data-category8); }
+.st-arcDiagramChart__node--category8 { fill: var(--st-semantic-data-category8); }
+
+.st-arcDiagramChart__tooltip {
   background: var(--st-semantic-surface-inverse);
   border-radius: var(--st-radius-sm, 0.25rem);
   color: var(--st-semantic-text-inverse);
@@ -11461,122 +13436,125 @@
   z-index: 1;
 }
 
-.st-chordDiagram__tooltipLabel { font-weight: 600; }
-.st-chordDiagram__tooltipValue { opacity: 0.85; }
+.st-arcDiagramChart__tooltipLabel {
+  font-weight: 600;
+}
 
-/* ── PackedBubblesChart ── */
-.st-packedBubblesChart {
+.st-arcDiagramChart__tooltipValue {
+  opacity: 0.85;
+}
+
+/* ── TreegraphChart ── */
+.st-treegraphChart {
   color: var(--st-semantic-text-secondary);
   display: block;
   font-family: inherit;
-  max-width: 100%;
   position: relative;
   width: 100%;
 }
 
-.st-packedBubblesChart svg,
-.st-packedBubblesChart__visual {
+.st-treegraphChart svg,
+.st-treegraphChart__visual {
   display: block;
   overflow: visible;
 }
 
-.st-packedBubblesChart__circle {
-  cursor: pointer;
-  stroke: var(--st-semantic-surface-default, Canvas);
+.st-treegraphChart__link {
+  stroke: var(--st-semantic-border-default);
   stroke-width: 1.5;
-  transition: opacity 120ms ease;
-}
-
-.st-packedBubblesChart__circle--dim {
-  opacity: 0.4;
 }
 
-@media (prefers-reduced-motion: reduce) {
-  .st-packedBubblesChart__circle {
-    transition: none;
-  }
+.st-treegraphChart__dot {
+  stroke: var(--st-semantic-surface-default);
+  stroke-width: 1.5;
 }
 
-.st-packedBubblesChart__circle--category1 { fill: var(--st-semantic-data-category1); }
-.st-packedBubblesChart__circle--category2 { fill: var(--st-semantic-data-category2); }
-.st-packedBubblesChart__circle--category3 { fill: var(--st-semantic-data-category3); }
-.st-packedBubblesChart__circle--category4 { fill: var(--st-semantic-data-category4); }
-.st-packedBubblesChart__circle--category5 { fill: var(--st-semantic-data-category5); }
-.st-packedBubblesChart__circle--category6 { fill: var(--st-semantic-data-category6); }
-.st-packedBubblesChart__circle--category7 { fill: var(--st-semantic-data-category7); }
-.st-packedBubblesChart__circle--category8 { fill: var(--st-semantic-data-category8); }
+.st-treegraphChart__dot--category1 { fill: var(--st-semantic-data-category1); }
+.st-treegraphChart__dot--category2 { fill: var(--st-semantic-data-category2); }
+.st-treegraphChart__dot--category3 { fill: var(--st-semantic-data-category3); }
+.st-treegraphChart__dot--category4 { fill: var(--st-semantic-data-category4); }
+.st-treegraphChart__dot--category5 { fill: var(--st-semantic-data-category5); }
+.st-treegraphChart__dot--category6 { fill: var(--st-semantic-data-category6); }
+.st-treegraphChart__dot--category7 { fill: var(--st-semantic-data-category7); }
+.st-treegraphChart__dot--category8 { fill: var(--st-semantic-data-category8); }
 
-.st-packedBubblesChart__label {
-  /* fill calculé par contrastTextForTone() en inline */
-  font-size: 0.7rem;
+.st-treegraphChart__label {
+  fill: var(--st-semantic-text-primary);
   font-weight: 600;
   pointer-events: none;
 }
 
-.st-packedBubblesChart__tooltip {
-  background: var(--st-semantic-surface-inverse);
-  border-radius: var(--st-radius-sm, 0.25rem);
-  color: var(--st-semantic-text-inverse);
-  display: inline-flex;
-  flex-direction: column;
-  font-size: 0.75rem;
-  gap: 0.125rem;
-  line-height: 1.2;
-  padding: 0.375rem 0.5rem;
-  pointer-events: none;
-  position: absolute;
-  transform: translate(-50%, -115%);
-  white-space: nowrap;
-  z-index: 1;
-}
-
-.st-packedBubblesChart__tooltipLabel { font-weight: 600; }
-.st-packedBubblesChart__tooltipValue { opacity: 0.85; }
-
-/* ── RoseChart (nightingale / polar area) ── */
-.st-roseChart {
+.st-heikinAshiChart {
   color: var(--st-semantic-text-secondary);
   display: block;
   font-family: inherit;
-  max-width: 100%;
   position: relative;
   width: 100%;
 }
 
-.st-roseChart svg,
-.st-roseChart__visual {
+.st-heikinAshiChart svg {
   display: block;
   overflow: visible;
 }
 
-.st-roseChart__sector {
-  cursor: pointer;
-  fill-opacity: 0.82;
-  stroke: var(--st-semantic-surface-default, Canvas);
+.st-heikinAshiChart__visual {
+  display: block;
+}
+
+.st-heikinAshiChart__axis {
+  stroke: var(--st-semantic-border-subtle);
   stroke-width: 1;
+}
+
+.st-heikinAshiChart__grid {
+  stroke: var(--st-semantic-border-subtle);
+  stroke-dasharray: 2 3;
+  stroke-width: 1;
+  opacity: 0.7;
+}
+
+.st-heikinAshiChart__wick {
+  stroke-width: 1.5;
+}
+
+.st-heikinAshiChart__wick--up {
+  stroke: var(--st-semantic-feedback-success);
+}
+
+.st-heikinAshiChart__wick--down {
+  stroke: var(--st-semantic-feedback-error);
+}
+
+.st-heikinAshiChart__body {
+  cursor: pointer;
   transition: opacity 120ms ease;
 }
 
-.st-roseChart__sector--dim {
+.st-heikinAshiChart__body--dim {
   opacity: 0.4;
 }
 
-.st-roseChart__sector--category1 { fill: var(--st-semantic-data-category1); }
-.st-roseChart__sector--category2 { fill: var(--st-semantic-data-category2); }
-.st-roseChart__sector--category3 { fill: var(--st-semantic-data-category3); }
-.st-roseChart__sector--category4 { fill: var(--st-semantic-data-category4); }
-.st-roseChart__sector--category5 { fill: var(--st-semantic-data-category5); }
-.st-roseChart__sector--category6 { fill: var(--st-semantic-data-category6); }
-.st-roseChart__sector--category7 { fill: var(--st-semantic-data-category7); }
-.st-roseChart__sector--category8 { fill: var(--st-semantic-data-category8); }
+.st-heikinAshiChart__body--up {
+  fill: var(--st-semantic-feedback-success);
+}
 
-.st-roseChart__label {
-  font-size: 0.68rem;
-  font-weight: 650;
-  pointer-events: none;
+.st-heikinAshiChart__body--down {
+  fill: var(--st-semantic-feedback-error);
 }
 
-.st-roseChart__tooltip {
+@media (prefers-reduced-motion: reduce) {
+  .st-heikinAshiChart__body {
+    transition: none;
+  }
+}
+
+.st-heikinAshiChart__tickLabel,
+.st-heikinAshiChart__categoryLabel {
+  fill: var(--st-semantic-text-secondary);
+  font-size: 0.6875rem;
+}
+
+.st-heikinAshiChart__tooltip {
   background: var(--st-semantic-surface-inverse);
   border-radius: var(--st-radius-sm, 0.25rem);
   color: var(--st-semantic-text-inverse);
@@ -11588,22 +13566,21 @@
   padding: 0.375rem 0.5rem;
   pointer-events: none;
   position: absolute;
-  transform: translate(-50%, -115%);
+  transform: translate(-50%, calc(-100% - 8px));
   white-space: nowrap;
   z-index: 1;
 }
 
-.st-roseChart__tooltipLabel { font-weight: 600; }
-.st-roseChart__tooltipValue { opacity: 0.85; }
+.st-heikinAshiChart__tooltipLabel {
+  font-weight: 600;
+}
 
-@media (prefers-reduced-motion: reduce) {
-  .st-roseChart__sector {
-    transition: none;
-  }
+.st-heikinAshiChart__tooltipValue {
+  opacity: 0.85;
 }
 
-/* ── ViolinChart (distribution density) ── */
-.st-violinChart {
+/* ── VariablePieChart (variable-radius pie: angle ∝ value, radius ∝ z) ── */
+.st-variablePieChart {
   color: var(--st-semantic-text-secondary);
   display: block;
   font-family: inherit;
@@ -11612,56 +13589,40 @@
   width: 100%;
 }
 
-.st-violinChart svg,
-.st-violinChart__visual {
+.st-variablePieChart svg,
+.st-variablePieChart__visual {
   display: block;
   overflow: visible;
 }
 
-.st-violinChart__axis {
-  stroke: var(--st-semantic-border-subtle);
-  stroke-width: 1;
-}
-
-.st-violinChart__shape {
+.st-variablePieChart__sector {
   cursor: pointer;
-  fill-opacity: 0.72;
+  fill-opacity: 0.82;
   stroke: var(--st-semantic-surface-default, Canvas);
   stroke-width: 1;
   transition: opacity 120ms ease;
 }
 
-.st-violinChart__shape--dim {
+.st-variablePieChart__sector--dim {
   opacity: 0.4;
 }
 
-.st-violinChart__shape--category1 { fill: var(--st-semantic-data-category1); }
-.st-violinChart__shape--category2 { fill: var(--st-semantic-data-category2); }
-.st-violinChart__shape--category3 { fill: var(--st-semantic-data-category3); }
-.st-violinChart__shape--category4 { fill: var(--st-semantic-data-category4); }
-.st-violinChart__shape--category5 { fill: var(--st-semantic-data-category5); }
-.st-violinChart__shape--category6 { fill: var(--st-semantic-data-category6); }
-.st-violinChart__shape--category7 { fill: var(--st-semantic-data-category7); }
-.st-violinChart__shape--category8 { fill: var(--st-semantic-data-category8); }
-
-.st-violinChart__box {
-  fill: var(--st-semantic-surface-default, Canvas);
-  fill-opacity: 0.85;
-  stroke: var(--st-semantic-text-secondary);
-  stroke-width: 1;
-}
-
-.st-violinChart__median {
-  stroke: var(--st-semantic-text-primary);
-  stroke-width: 2;
-}
+.st-variablePieChart__sector--category1 { fill: var(--st-semantic-data-category1); }
+.st-variablePieChart__sector--category2 { fill: var(--st-semantic-data-category2); }
+.st-variablePieChart__sector--category3 { fill: var(--st-semantic-data-category3); }
+.st-variablePieChart__sector--category4 { fill: var(--st-semantic-data-category4); }
+.st-variablePieChart__sector--category5 { fill: var(--st-semantic-data-category5); }
+.st-variablePieChart__sector--category6 { fill: var(--st-semantic-data-category6); }
+.st-variablePieChart__sector--category7 { fill: var(--st-semantic-data-category7); }
+.st-variablePieChart__sector--category8 { fill: var(--st-semantic-data-category8); }
 
-.st-violinChart__label {
-  fill: var(--st-semantic-text-secondary);
-  font-size: 0.75rem;
+.st-variablePieChart__label {
+  font-size: 0.68rem;
+  font-weight: 650;
+  pointer-events: none;
 }
 
-.st-violinChart__tooltip {
+.st-variablePieChart__tooltip {
   background: var(--st-semantic-surface-inverse);
   border-radius: var(--st-radius-sm, 0.25rem);
   color: var(--st-semantic-text-inverse);
@@ -11678,97 +13639,11 @@
   z-index: 1;
 }
 
-.st-violinChart__tooltipLabel { font-weight: 600; }
-.st-violinChart__tooltipValue { opacity: 0.85; }
+.st-variablePieChart__tooltipLabel { font-weight: 600; }
+.st-variablePieChart__tooltipValue { opacity: 0.85; }
 
 @media (prefers-reduced-motion: reduce) {
-  .st-violinChart__shape {
+  .st-variablePieChart__sector {
     transition: none;
   }
 }
-
-.st-geoMap {
-  color: var(--st-semantic-text-secondary);
-  display: block;
-  font-family: inherit;
-  position: relative;
-  width: 100%;
-}
-.st-geoMap svg,
-.st-geoMap__visual { display: block; }
-.st-geoMap__frame { fill: var(--st-semantic-surface-default, Canvas); stroke: var(--st-semantic-border-subtle); stroke-width: 1; }
-/* GeoJSON : remplissage translucide (color-mix) + contour au ton. */
-.st-geoMap__feature { stroke-width: 1.5; transition: fill-opacity 120ms ease; }
-.st-geoMap__feature--category1 { fill: color-mix(in srgb, var(--st-semantic-data-category1) var(--st-geoMap-mix, 34%), transparent); stroke: var(--st-semantic-data-category1); }
-.st-geoMap__feature--category2 { fill: color-mix(in srgb, var(--st-semantic-data-category2) var(--st-geoMap-mix, 34%), transparent); stroke: var(--st-semantic-data-category2); }
-.st-geoMap__feature--category3 { fill: color-mix(in srgb, var(--st-semantic-data-category3) var(--st-geoMap-mix, 34%), transparent); stroke: var(--st-semantic-data-category3); }
-.st-geoMap__feature--category4 { fill: color-mix(in srgb, var(--st-semantic-data-category4) var(--st-geoMap-mix, 34%), transparent); stroke: var(--st-semantic-data-category4); }
-.st-geoMap__feature--category5 { fill: color-mix(in srgb, var(--st-semantic-data-category5) var(--st-geoMap-mix, 34%), transparent); stroke: var(--st-semantic-data-category5); }
-.st-geoMap__feature--category6 { fill: color-mix(in srgb, var(--st-semantic-data-category6) var(--st-geoMap-mix, 34%), transparent); stroke: var(--st-semantic-data-category6); }
-.st-geoMap__feature--category7 { fill: color-mix(in srgb, var(--st-semantic-data-category7) var(--st-geoMap-mix, 34%), transparent); stroke: var(--st-semantic-data-category7); }
-.st-geoMap__feature--category8 { fill: color-mix(in srgb, var(--st-semantic-data-category8) var(--st-geoMap-mix, 34%), transparent); stroke: var(--st-semantic-data-category8); }
-.st-geoMap__feature--line { fill: none; }
-/* Choroplèthe : intensité ∝ valeur via color-mix sur le ton de la couche. */
-.st-geoMap__region { stroke: var(--st-semantic-border-subtle); stroke-width: 1; }
-.st-geoMap__region--empty { fill: var(--st-semantic-surface-default, Canvas); }
-.st-geoMap__region--category1 { fill: color-mix(in srgb, var(--st-semantic-data-category1) var(--st-geoMap-mix, 60%), transparent); }
-.st-geoMap__region--category2 { fill: color-mix(in srgb, var(--st-semantic-data-category2) var(--st-geoMap-mix, 60%), transparent); }
-.st-geoMap__region--category3 { fill: color-mix(in srgb, var(--st-semantic-data-category3) var(--st-geoMap-mix, 60%), transparent); }
-.st-geoMap__region--category4 { fill: color-mix(in srgb, var(--st-semantic-data-category4) var(--st-geoMap-mix, 60%), transparent); }
-.st-geoMap__region--category5 { fill: color-mix(in srgb, var(--st-semantic-data-category5) var(--st-geoMap-mix, 60%), transparent); }
-.st-geoMap__region--category6 { fill: color-mix(in srgb, var(--st-semantic-data-category6) var(--st-geoMap-mix, 60%), transparent); }
-.st-geoMap__region--category7 { fill: color-mix(in srgb, var(--st-semantic-data-category7) var(--st-geoMap-mix, 60%), transparent); }
-.st-geoMap__region--category8 { fill: color-mix(in srgb, var(--st-semantic-data-category8) var(--st-geoMap-mix, 60%), transparent); }
-/* Points/épingles : ton plein, légère translucidité (parité dataviz). */
-.st-geoMap__point { fill-opacity: 0.82; }
-.st-geoMap__point--category1 { fill: var(--st-semantic-data-category1); }
-.st-geoMap__point--category2 { fill: var(--st-semantic-data-category2); }
-.st-geoMap__point--category3 { fill: var(--st-semantic-data-category3); }
-.st-geoMap__point--category4 { fill: var(--st-semantic-data-category4); }
-.st-geoMap__point--category5 { fill: var(--st-semantic-data-category5); }
-.st-geoMap__point--category6 { fill: var(--st-semantic-data-category6); }
-.st-geoMap__point--category7 { fill: var(--st-semantic-data-category7); }
-.st-geoMap__point--category8 { fill: var(--st-semantic-data-category8); }
-/* Densité : cercles translucides superposés (color-mix ∝ poids). */
-.st-geoMap__density--category1 { fill: color-mix(in srgb, var(--st-semantic-data-category1) var(--st-geoMap-mix, 45%), transparent); }
-.st-geoMap__density--category2 { fill: color-mix(in srgb, var(--st-semantic-data-category2) var(--st-geoMap-mix, 45%), transparent); }
-.st-geoMap__density--category3 { fill: color-mix(in srgb, var(--st-semantic-data-category3) var(--st-geoMap-mix, 45%), transparent); }
-.st-geoMap__density--category4 { fill: color-mix(in srgb, var(--st-semantic-data-category4) var(--st-geoMap-mix, 45%), transparent); }
-.st-geoMap__density--category5 { fill: color-mix(in srgb, var(--st-semantic-data-category5) var(--st-geoMap-mix, 45%), transparent); }
-.st-geoMap__density--category6 { fill: color-mix(in srgb, var(--st-semantic-data-category6) var(--st-geoMap-mix, 45%), transparent); }
-.st-geoMap__density--category7 { fill: color-mix(in srgb, var(--st-semantic-data-category7) var(--st-geoMap-mix, 45%), transparent); }
-.st-geoMap__density--category8 { fill: color-mix(in srgb, var(--st-semantic-data-category8) var(--st-geoMap-mix, 45%), transparent); }
-/* Flux : arcs quadratiques, épaisseur portée par l'attribut stroke-width. */
-.st-geoMap__flow { fill: none; stroke-linecap: round; stroke-opacity: 0.62; }
-.st-geoMap__flow--category1 { stroke: var(--st-semantic-data-category1); }
-.st-geoMap__flow--category2 { stroke: var(--st-semantic-data-category2); }
-.st-geoMap__flow--category3 { stroke: var(--st-semantic-data-category3); }
-.st-geoMap__flow--category4 { stroke: var(--st-semantic-data-category4); }
-.st-geoMap__flow--category5 { stroke: var(--st-semantic-data-category5); }
-.st-geoMap__flow--category6 { stroke: var(--st-semantic-data-category6); }
-.st-geoMap__flow--category7 { stroke: var(--st-semantic-data-category7); }
-.st-geoMap__flow--category8 { stroke: var(--st-semantic-data-category8); }
-/* Hexbin : intensité ∝ valeur agrégée via color-mix. */
-.st-geoMap__hexbin--category1 { fill: color-mix(in srgb, var(--st-semantic-data-category1) var(--st-geoMap-mix, 72%), transparent); }
-.st-geoMap__hexbin--category2 { fill: color-mix(in srgb, var(--st-semantic-data-category2) var(--st-geoMap-mix, 72%), transparent); }
-.st-geoMap__hexbin--category3 { fill: color-mix(in srgb, var(--st-semantic-data-category3) var(--st-geoMap-mix, 72%), transparent); }
-.st-geoMap__hexbin--category4 { fill: color-mix(in srgb, var(--st-semantic-data-category4) var(--st-geoMap-mix, 72%), transparent); }
-.st-geoMap__hexbin--category5 { fill: color-mix(in srgb, var(--st-semantic-data-category5) var(--st-geoMap-mix, 72%), transparent); }
-.st-geoMap__hexbin--category6 { fill: color-mix(in srgb, var(--st-semantic-data-category6) var(--st-geoMap-mix, 72%), transparent); }
-.st-geoMap__hexbin--category7 { fill: color-mix(in srgb, var(--st-semantic-data-category7) var(--st-geoMap-mix, 72%), transparent); }
-.st-geoMap__hexbin--category8 { fill: color-mix(in srgb, var(--st-semantic-data-category8) var(--st-geoMap-mix, 72%), transparent); }
-/* Clusters : centroïde distinctif (disque + anneau), toné via currentColor. */
-.st-geoMap__cluster--category1 { color: var(--st-semantic-data-category1); }
-.st-geoMap__cluster--category2 { color: var(--st-semantic-data-category2); }
-.st-geoMap__cluster--category3 { color: var(--st-semantic-data-category3); }
-.st-geoMap__cluster--category4 { color: var(--st-semantic-data-category4); }
-.st-geoMap__cluster--category5 { color: var(--st-semantic-data-category5); }
-.st-geoMap__cluster--category6 { color: var(--st-semantic-data-category6); }
-.st-geoMap__cluster--category7 { color: var(--st-semantic-data-category7); }
-.st-geoMap__cluster--category8 { color: var(--st-semantic-data-category8); }
-.st-geoMap__clusterDot { fill: currentColor; fill-opacity: 0.78; }
-.st-geoMap__clusterRing { fill: none; stroke: currentColor; stroke-width: 1.5; }
-
-@media (prefers-reduced-motion: reduce) {
-  .st-geoMap__feature { transition: none; }
-}