/**
 * FilterButtons, compact size (0.34.0, Stedssiden S1): the same buttons at the
 * size of a content row's pills — 36px high, 13px label, 12px count — for a
 * filter that sits beside a heading instead of above a work list.
 *
 * Keyed on `.ut-ui-filter-buttons[data-ut-size='compact']`, which both
 * renderers emit only for `size: 'compact'`. Behaviour, pressed state (check
 * mark + weight + tint, aria-pressed) and focus ring are the primitive's own;
 * only the box gets smaller. 36px is above the 24px minimum target (WCAG
 * 2.5.8); the default size keeps 44px.
 *
 * Its own registered handle `ut-ui-core-filter-buttons-compact` (depends on
 * `ut-ui-core`), NOT part of dist/ui-core.css: a consumer enqueues it where
 * the compact row is shown, and dist/ui-core.css stays byte-identical, so the
 * rendered-profile approvals bound to it stay valid (as ut-help-link.css).
 */

.ut-ui-filter-buttons[data-ut-size='compact'] {
  gap: 0.375rem;
}

.ut-ui-filter-buttons[data-ut-size='compact'] .ut-ui-filter-buttons__button {
  min-height: 2.25rem;
  padding: 0.4375rem 0.8125rem;
  font-size: 0.8125rem;
  font-weight: 500;
}

.ut-ui-filter-buttons[data-ut-size='compact'] .ut-ui-filter-buttons__button[aria-pressed='true'] {
  font-weight: 600;
}

.ut-ui-filter-buttons[data-ut-size='compact'] .ut-ui-filter-buttons__count {
  font-size: 0.75rem;
}

.ut-ui-filter-buttons[data-ut-size='compact'] .ut-ui-filter-buttons__check {
  width: 0.875rem;
  height: 0.875rem;
}
/* Decorative option icons (0.41.0); opt-in sheet, no change to the base CSS. */
.ut-ui-filter-buttons__icon {
  width: 1rem;
  height: 1rem;
  flex: 0 0 auto;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}