[data-fui-comp="ui-bar-chart"] {
  display: block;
  max-inline-size: 100%;
}
[data-fui-comp="ui-bar-chart"] .ui-bar-chart__bar {
  transition: opacity 120ms ease;
}
[data-fui-comp="ui-bar-chart"] .ui-bar-chart__bar:hover {
  opacity: 0.85;
}
.ui-bar-chart__bar--primary { fill: var(--color-primary, #4F46E5); }
.ui-bar-chart__bar--info    { fill: var(--color-info, #3B82F6); }
.ui-bar-chart__bar--success { fill: var(--color-success, #16A34A); }
.ui-bar-chart__bar--warning { fill: var(--color-warning, #D97706); }
.ui-bar-chart__bar--danger  { fill: var(--color-danger, #DC2626); }

[data-fui-comp="ui-bar-chart"] .ui-bar-chart__label {
  font-size: 0.7rem;
  fill: var(--color-text-muted, #52525B);
}
[data-fui-comp="ui-bar-chart"] .ui-bar-chart__axis-label {
  font-size: 0.7rem;
  fill: var(--color-text-muted, #52525B);
  font-variant-numeric: tabular-nums;
}