.ui-toolbar-form {
  display: grid;
  grid-template-columns: minmax(16rem, 1fr) repeat(var(--ui-filter-count, 1), minmax(10rem, 13rem)) auto auto;
  align-items: end;
  gap: 0.75rem;
}

.ui-quick-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  padding-top: 0.75rem;
  border-top: 1px solid var(--ui-border);
}

.ui-filter-chip {
  display: inline-flex;
  min-height: 1.875rem;
  align-items: center;
  gap: 0.35rem;
  padding: 0.25rem 0.65rem;
  border: 1px solid var(--ui-border);
  border-radius: 999px;
  background: var(--ui-surface);
  color: var(--ui-text-muted);
  font-size: 0.75rem;
  font-weight: 620;
  transition:
    background-color var(--ui-duration-fast) var(--ui-easing),
    border-color var(--ui-duration-fast) var(--ui-easing),
    color var(--ui-duration-fast) var(--ui-easing);
}

.ui-filter-chip:hover,
.ui-filter-chip[aria-current="true"] {
  border-color: #d7b09a;
  background: var(--ui-accent-soft);
  color: #8b461f;
}