[data-fui-comp="ui-filter-bar"] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacing-sm, 8px);
  padding: var(--spacing-sm, 8px) 0;
}
[data-fui-comp="ui-filter-bar"]:empty { display: none; }
[data-fui-comp="ui-filter-bar"] .ui-filter-bar__clear {
  display: inline-flex;
  align-items: center;
  min-height: var(--spacing-touch-target, 44px);
  padding: 0 var(--spacing-md, 12px);
  margin-inline-start: var(--spacing-sm, 8px);
  border: 1px solid var(--color-border, #d0d0d8);
  border-radius: var(--radii-md, 6px);
  background: transparent;
  color: var(--color-text, #111);
  font: inherit;
  font-size: 0.85rem;
  cursor: pointer;
}
[data-fui-comp="ui-filter-bar"] .ui-filter-bar__clear:hover {
  background: var(--color-muted, #f1f1f3);
}
[data-fui-comp="ui-filter-bar"] .ui-filter-bar__clear:focus-visible {
  outline: 2px solid var(--color-primary, #4F46E5);
  outline-offset: 2px;
}