[data-fui-comp="ui-sparkline"] {
  display: inline-block;
  vertical-align: middle;
  color: var(--color-primary, #4F46E5);
}
[data-fui-comp="ui-sparkline"] .ui-sparkline__line {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linejoin: round;
  stroke-linecap: round;
}
[data-fui-comp="ui-sparkline"] .ui-sparkline__area {
  fill: currentColor;
  opacity: 0.18;
  stroke: none;
}

/* Color presets — recolor via currentColor on the SVG root. */
.ui-sparkline.ui-sparkline--success { color: var(--color-success, #16A34A); }
.ui-sparkline.ui-sparkline--warning { color: var(--color-warning, #D97706); }
.ui-sparkline.ui-sparkline--danger  { color: var(--color-danger, #DC2626); }
.ui-sparkline.ui-sparkline--info    { color: var(--color-info, #3B82F6); }