[data-fui-comp="ui-toolbar"] {
  display: flex;
  align-items: center;
  gap: var(--spacing-md, 12px);
  padding: var(--spacing-sm, 8px);
  background: var(--color-surface, #FFFFFF);
  border: 1px solid var(--color-border, #E4E4E7);
  border-radius: var(--radii-md, 8px);
  flex-wrap: wrap;
}
[data-fui-comp="ui-toolbar"].ui-toolbar--center { justify-content: center; }
[data-fui-comp="ui-toolbar"].ui-toolbar--end    { justify-content: flex-end; }
[data-fui-comp="ui-toolbar"].ui-toolbar--between { justify-content: space-between; }

[data-fui-comp="ui-toolbar"] .ui-toolbar__group {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs, 4px);
}
/* Visual separator between groups — a thin line. Drawn via
   :not(:last-child)::after so the LAST group has no trailing line. */
[data-fui-comp="ui-toolbar"] .ui-toolbar__group:not(:last-child)::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 20px;
  background: var(--color-border, #E4E4E7);
  margin-inline-start: var(--spacing-md, 12px);
}