[data-fui-comp="ui-line-chart"] {
  display: block;
  max-inline-size: 100%;
}
[data-fui-comp="ui-line-chart"] .ui-line-chart__line {
  fill: none;
  stroke-width: 1.5;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.ui-line-chart__line--primary { stroke: var(--color-primary, #4F46E5); }
.ui-line-chart__line--info    { stroke: var(--color-info, #3B82F6); }
.ui-line-chart__line--success { stroke: var(--color-success, #16A34A); }
.ui-line-chart__line--warning { stroke: var(--color-warning, #D97706); }
.ui-line-chart__line--danger  { stroke: var(--color-danger, #DC2626); }

[data-fui-comp="ui-line-chart"] .ui-line-chart__area { opacity: 0.18; stroke: none; }
.ui-line-chart__area--primary { fill: var(--color-primary, #4F46E5); }
.ui-line-chart__area--info    { fill: var(--color-info, #3B82F6); }
.ui-line-chart__area--success { fill: var(--color-success, #16A34A); }
.ui-line-chart__area--warning { fill: var(--color-warning, #D97706); }
.ui-line-chart__area--danger  { fill: var(--color-danger, #DC2626); }

[data-fui-comp="ui-line-chart"] .ui-line-chart__label {
  font-size: 0.7rem;
  fill: var(--color-text-muted, #52525B);
}
[data-fui-comp="ui-line-chart"] .ui-line-chart__legend {
  font-size: 0.75rem;
  fill: var(--color-text, #18181B);
  font-weight: 500;
}
.ui-line-chart__legend-swatch--primary { fill: var(--color-primary, #4F46E5); }
.ui-line-chart__legend-swatch--info    { fill: var(--color-info, #3B82F6); }
.ui-line-chart__legend-swatch--success { fill: var(--color-success, #16A34A); }
.ui-line-chart__legend-swatch--warning { fill: var(--color-warning, #D97706); }
.ui-line-chart__legend-swatch--danger  { fill: var(--color-danger, #DC2626); }