/* Data filters primitives for Blazorponents. */
.bp-filter-bar {
  display: flex;
  flex-direction: var(--bp-filter-bar-direction, row);
  flex-wrap: var(--bp-filter-bar-wrap, wrap);
  align-items: var(--bp-filter-bar-align, center);
  justify-content: var(--bp-filter-bar-justify, flex-start);
  gap: var(--bp-filter-bar-gap, 0.75rem);
  padding: var(--bp-filter-bar-padding, 0.75rem 1rem);
  border: 1px solid var(--bp-outline-muted);
  border-radius: var(--bp-filter-bar-radius, var(--bp-radius-lg));
  background: var(--bp-filter-bar-background, var(--bp-surface));
  color: var(--bp-ink);
}

.bp-filter-bar-disabled {
  opacity: 0.7;
}

.bp-filter-bar-leading,
.bp-filter-bar-main,
.bp-filter-bar-summary,
.bp-filter-bar-trailing {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.bp-filter-bar-main {
  flex: 1;
}

.bp-filter-bar-search {
  display: grid;
}

.bp-filter-bar-summary {
  color: var(--bp-subtle);
  font-size: 0.85rem;
}

.bp-filter-bar-trailing {
  margin-left: auto;
}

.bp-filter-bar-actions {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.bp-filter-bar-action {
  border-radius: 10px;
  border: 1px solid var(--bp-control-border);
  background: var(--bp-control-bg);
  color: var(--bp-control-fg);
  padding: 0.35rem 0.6rem;
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease;
}

.bp-filter-bar-action:hover:not(:disabled) {
  background: var(--bp-control-bg-hover);
  border-color: var(--bp-control-border-hover);
}

.bp-filter-bar-action:focus-visible {
  outline: none;
  box-shadow: var(--bp-focus-ring);
}

.bp-filter-bar-action:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.bp-filter-chip {
  --bp-filter-chip-padding: 0.35rem 0.6rem;
  --bp-filter-chip-gap: 0.35rem;
  --bp-filter-chip-radius: 999px;
  --bp-filter-chip-font-size: 0.85rem;
  --bp-filter-chip-bg: var(--bp-surface-muted);
  --bp-filter-chip-border: var(--bp-outline-muted);
  --bp-filter-chip-fg: var(--bp-ink);
  display: inline-flex;
  align-items: center;
  gap: var(--bp-filter-chip-gap);
  padding: var(--bp-filter-chip-padding);
  border-radius: var(--bp-filter-chip-radius);
  border: 1px solid var(--bp-filter-chip-border);
  background: var(--bp-filter-chip-bg);
  color: var(--bp-filter-chip-fg);
  font-size: var(--bp-filter-chip-font-size);
  line-height: 1.2;
  text-decoration: none;
  transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease;
}

.bp-filter-chip-clickable,
.bp-filter-chip-selectable {
  cursor: pointer;
}

.bp-filter-chip:focus-visible {
  outline: none;
  box-shadow: var(--bp-focus-ring);
}

.bp-filter-chip-selected {
  --bp-filter-chip-bg: var(--bp-accent-muted);
  --bp-filter-chip-border: var(--bp-accent);
  --bp-filter-chip-fg: var(--bp-accent-strong);
}

.bp-filter-chip-disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.bp-filter-chip-size-small {
  --bp-filter-chip-padding: 0.2rem 0.45rem;
  --bp-filter-chip-font-size: 0.75rem;
}

.bp-filter-chip-size-large {
  --bp-filter-chip-padding: 0.5rem 0.8rem;
  --bp-filter-chip-font-size: 0.95rem;
}

.bp-filter-chip-variant-outline {
  --bp-filter-chip-bg: transparent;
  --bp-filter-chip-border: var(--bp-outline);
}

.bp-filter-chip-variant-solid {
  --bp-filter-chip-bg: var(--bp-ink);
  --bp-filter-chip-border: var(--bp-ink);
  --bp-filter-chip-fg: var(--bp-surface);
}

.bp-filter-chip-prefix,
.bp-filter-chip-suffix,
.bp-filter-chip-label {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}

.bp-filter-chip-remove {
  border: none;
  background: transparent;
  color: inherit;
  font-size: inherit;
  line-height: 1;
  padding: 0 0.2rem;
  border-radius: 999px;
  cursor: pointer;
}

.bp-filter-chip-remove:disabled {
  cursor: not-allowed;
}

.bp-sort-menu {
  display: grid;
  gap: var(--bp-sort-menu-gap, 0.5rem);
}

.bp-sort-menu-label {
  font-size: 0.85rem;
  color: var(--bp-subtle);
}

.bp-sort-menu-list {
  display: grid;
  gap: var(--bp-sort-menu-gap, 0.5rem);
}

.bp-sort-menu-row {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--bp-sort-menu-row-gap, 0.5rem);
}

.bp-sort-menu-select {
  min-width: var(--bp-sort-menu-select-min-width, 10rem);
}

.bp-sort-menu-direction,
.bp-sort-menu-action {
  border-radius: 10px;
  border: 1px solid var(--bp-control-border);
  background: var(--bp-control-bg);
  color: var(--bp-control-fg);
  padding: 0.35rem 0.6rem;
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease;
}

.bp-sort-menu-direction:hover:not(:disabled),
.bp-sort-menu-action:hover:not(:disabled) {
  background: var(--bp-control-bg-hover);
  border-color: var(--bp-control-border-hover);
}

.bp-sort-menu-direction:focus-visible,
.bp-sort-menu-action:focus-visible {
  outline: none;
  box-shadow: var(--bp-focus-ring);
}

.bp-sort-menu-direction:disabled,
.bp-sort-menu-action:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.bp-sort-menu-actions {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.bp-sort-menu-loading,
.bp-sort-menu-empty {
  font-size: 0.85rem;
  color: var(--bp-muted);
}

.bp-advanced-search {
  display: grid;
  gap: var(--bp-advanced-search-gap, 0.75rem);
  padding: var(--bp-advanced-search-padding, 1rem);
  border: 1px solid var(--bp-outline-muted);
  border-radius: var(--bp-radius-lg);
  background: var(--bp-surface);
  color: var(--bp-ink);
}

.bp-advanced-search-bar {
  display: flex;
  flex-wrap: var(--bp-advanced-search-bar-wrap, wrap);
  align-items: center;
  gap: var(--bp-advanced-search-gap, 0.75rem);
}

.bp-advanced-search-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--bp-advanced-search-gap, 0.75rem);
}

.bp-advanced-search-query {
  flex: 1 1 16rem;
  min-width: 12rem;
}

.bp-advanced-search-actions {
  display: flex;
  align-items: center;
  gap: var(--bp-advanced-search-actions-gap, 0.5rem);
  flex-wrap: wrap;
}

.bp-advanced-search-actions-left {
  justify-content: flex-start;
}

.bp-advanced-search-actions-right {
  margin-left: auto;
  justify-content: flex-end;
}

.bp-advanced-search-actions-justify {
  flex: 1 1 auto;
  justify-content: space-between;
}

.bp-advanced-search-action {
  min-width: var(--bp-advanced-search-action-min-width, auto);
}

.bp-advanced-search-filters {
  display: flex;
  flex-wrap: wrap;
  gap: var(--bp-advanced-search-gap, 0.75rem);
}

.bp-advanced-search-summary {
  font-size: 0.85rem;
  color: var(--bp-muted);
}

.bp-facet-list {
  display: grid;
  gap: var(--bp-facet-list-gap, 1rem);
}

.bp-facet-list-disabled {
  opacity: 0.7;
}

.bp-facet-search {
  display: grid;
}

.bp-facet-groups {
  display: grid;
  gap: var(--bp-facet-list-gap, 1rem);
}

.bp-facet-group {
  display: grid;
  gap: 0.5rem;
}

.bp-facet-group-title {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--bp-subtle);
  font-weight: 600;
}

.bp-facet-group-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.bp-facet-items {
  display: grid;
  gap: 0.35rem;
}

.bp-facet-item {
  width: 100%;
  border: 1px solid var(--bp-outline-muted);
  border-radius: var(--bp-facet-item-radius, 12px);
  background: var(--bp-surface);
  padding: var(--bp-facet-item-padding, 0.45rem 0.75rem);
  display: flex;
  align-items: center;
  gap: 0.5rem;
  justify-content: space-between;
  cursor: pointer;
  text-align: left;
  transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease;
}

.bp-facet-item:focus-visible {
  outline: none;
  box-shadow: var(--bp-focus-ring);
}

.bp-facet-item-selected {
  background: var(--bp-accent-muted);
  border-color: var(--bp-accent);
  color: var(--bp-accent-strong);
}

.bp-facet-item-selected .bp-facet-item-count,
.bp-facet-item-selected .bp-facet-item-description {
  color: inherit;
  opacity: 0.8;
}

.bp-facet-item-disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.bp-facet-item-body {
  display: grid;
  gap: 0.15rem;
}

.bp-facet-item-prefix,
.bp-facet-item-suffix {
  display: inline-flex;
  align-items: center;
}

.bp-facet-item-label {
  font-weight: 600;
}

.bp-facet-item-description {
  font-size: 0.85rem;
  color: var(--bp-muted);
}

.bp-facet-item-count {
  font-size: 0.85rem;
  color: var(--bp-muted);
}

.bp-facet-item-meta {
  display: inline-flex;
  align-items: center;
  gap: var(--bp-facet-item-count-gap, 0.35rem);
}

.bp-facet-item-badge {
  display: inline-flex;
  align-items: center;
}

.bp-facet-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.bp-facet-action {
  border-radius: 10px;
  border: 1px solid var(--bp-control-border);
  background: var(--bp-control-bg);
  color: var(--bp-control-fg);
  padding: 0.35rem 0.6rem;
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease;
}

.bp-facet-action:hover:not(:disabled) {
  background: var(--bp-control-bg-hover);
  border-color: var(--bp-control-border-hover);
}

.bp-facet-action:focus-visible {
  outline: none;
  box-shadow: var(--bp-focus-ring);
}

.bp-facet-action:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.bp-facet-loading,
.bp-facet-empty {
  color: var(--bp-muted);
  font-size: 0.9rem;
}

.bp-query-builder {
  display: grid;
  gap: var(--bp-query-builder-gap, 0.75rem);
  padding: var(--bp-query-builder-padding, 1rem);
  border: 1px solid var(--bp-outline-muted);
  border-radius: var(--bp-radius-lg);
  background: var(--bp-surface);
  color: var(--bp-ink);
}

.bp-query-builder-disabled {
  opacity: 0.7;
}

.bp-query-builder-search {
  display: grid;
}

.bp-query-builder-list {
  display: grid;
  gap: 0.5rem;
}

.bp-query-builder-row {
  display: grid;
  gap: 0.5rem;
  grid-template-columns: minmax(10rem, 1.2fr) minmax(8rem, 1fr) minmax(10rem, 1.2fr) auto;
  align-items: center;
}

.bp-query-builder-select,
.bp-query-builder-input {
  width: 100%;
}

.bp-query-builder-action {
  border-radius: 10px;
  border: 1px solid var(--bp-control-border);
  background: var(--bp-control-bg);
  color: var(--bp-control-fg);
  padding: 0.35rem 0.6rem;
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease;
}

.bp-query-builder-action:hover:not(:disabled) {
  background: var(--bp-control-bg-hover);
  border-color: var(--bp-control-border-hover);
}

.bp-query-builder-action:focus-visible {
  outline: none;
  box-shadow: var(--bp-focus-ring);
}

.bp-query-builder-action:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.bp-query-builder-validation {
  font-size: 0.85rem;
  color: var(--bp-muted);
}

.bp-query-builder-error {
  font-size: 0.85rem;
  color: var(--bp-danger);
}

.bp-query-builder-empty {
  color: var(--bp-muted);
  font-size: 0.9rem;
}

.bp-filter-drawer {
  display: grid;
  gap: 0.75rem;
  padding: var(--bp-filter-drawer-padding, 1rem);
  border: 1px solid var(--bp-outline-muted);
  border-radius: var(--bp-radius-lg);
  background: var(--bp-surface);
  color: var(--bp-ink);
  max-width: var(--bp-filter-drawer-max-width, 100%);
}

.bp-filter-drawer-disabled {
  opacity: 0.7;
}

.bp-filter-drawer-header {
  display: grid;
  gap: var(--bp-filter-drawer-header-gap, 0.5rem);
}

.bp-filter-drawer-header-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.bp-filter-drawer-heading {
  display: grid;
  gap: 0.15rem;
}

.bp-filter-drawer-title {
  font-weight: 600;
}

.bp-filter-drawer-description {
  font-size: 0.85rem;
  color: var(--bp-muted);
}

.bp-filter-drawer-search {
  display: grid;
}

.bp-filter-drawer-close {
  border: none;
  background: transparent;
  color: var(--bp-muted);
  font-size: 0.85rem;
  padding: 0.2rem 0.45rem;
  border-radius: 999px;
  cursor: pointer;
}

.bp-filter-drawer-close:hover:not(:disabled) {
  color: var(--bp-ink);
}

.bp-filter-drawer-close:focus-visible {
  outline: none;
  box-shadow: var(--bp-focus-ring);
}

.bp-filter-drawer-close:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.bp-filter-drawer-header-sticky {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--bp-surface);
}

.bp-filter-drawer-body {
  display: grid;
  gap: 0.75rem;
}

.bp-filter-drawer-footer {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  align-items: center;
  border-top: var(--bp-filter-drawer-footer-border, 1px solid var(--bp-outline-muted));
  padding-top: 0.75rem;
}

.bp-filter-drawer-footer-sticky {
  position: sticky;
  bottom: 0;
  z-index: 2;
  background: var(--bp-surface);
}

.bp-filter-drawer-actions {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.bp-filter-drawer-action {
  border-radius: 10px;
  border: 1px solid var(--bp-control-border);
  background: var(--bp-control-bg);
  color: var(--bp-control-fg);
  padding: 0.35rem 0.6rem;
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease;
}

.bp-filter-drawer-action:hover:not(:disabled) {
  background: var(--bp-control-bg-hover);
  border-color: var(--bp-control-border-hover);
}

.bp-filter-drawer-action:focus-visible {
  outline: none;
  box-shadow: var(--bp-focus-ring);
}

.bp-filter-drawer-action:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.bp-saved-views {
  display: grid;
  gap: var(--bp-saved-views-gap, 0.75rem);
  max-width: var(--bp-saved-views-max-width, 100%);
}

.bp-saved-views-disabled {
  opacity: 0.7;
}

.bp-saved-views-header {
  display: grid;
  gap: 0.35rem;
}

.bp-saved-views-search {
  display: grid;
}

.bp-saved-views-list {
  display: grid;
  gap: var(--bp-saved-views-list-gap, 0.5rem);
}

.bp-saved-view-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.bp-saved-view-item {
  flex: 1 1 auto;
  width: 100%;
  border: 1px solid var(--bp-outline-muted);
  border-radius: var(--bp-saved-view-radius, 12px);
  background: var(--bp-surface);
  padding: var(--bp-saved-view-padding, 0.6rem 0.75rem);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--bp-saved-view-gap, 0.75rem);
  cursor: pointer;
  text-align: left;
}

.bp-saved-view-item:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.bp-saved-view-item:focus-visible {
  outline: none;
  box-shadow: var(--bp-focus-ring);
}

.bp-saved-view-item-active {
  border-color: var(--bp-accent);
  box-shadow: var(--bp-shadow-1);
}

.bp-saved-view-body {
  display: grid;
  gap: 0.15rem;
}

.bp-saved-view-label {
  font-weight: 600;
}

.bp-saved-view-description {
  font-size: 0.85rem;
  color: var(--bp-muted);
}

.bp-saved-view-meta {
  display: flex;
  gap: 0.35rem;
}

.bp-saved-view-badge {
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--bp-saved-view-badge-color, var(--bp-muted));
  background: var(--bp-saved-view-badge-bg, transparent);
  border: 1px solid var(--bp-saved-view-badge-border, transparent);
  border-radius: var(--bp-saved-view-badge-radius, 999px);
  padding: var(--bp-saved-view-badge-padding, 0);
}

.bp-saved-view-item-actions {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.bp-saved-view-remove {
  border: none;
  background: transparent;
  color: var(--bp-muted);
  font-size: 0.75rem;
  cursor: pointer;
}

.bp-saved-view-remove:hover:not(:disabled) {
  color: var(--bp-ink);
}

.bp-saved-view-remove:focus-visible {
  outline: none;
  border-radius: 999px;
  box-shadow: var(--bp-focus-ring);
}

.bp-saved-view-remove:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.bp-saved-views-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}

.bp-saved-views-actions {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.bp-saved-views-action {
  border-radius: 10px;
  border: 1px solid var(--bp-control-border);
  background: var(--bp-control-bg);
  color: var(--bp-control-fg);
  padding: 0.35rem 0.6rem;
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease;
}

.bp-saved-views-action:hover:not(:disabled) {
  background: var(--bp-control-bg-hover);
  border-color: var(--bp-control-border-hover);
}

.bp-saved-views-action:focus-visible {
  outline: none;
  box-shadow: var(--bp-focus-ring);
}

.bp-saved-views-action:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.bp-saved-views-loading,
.bp-saved-views-empty {
  font-size: 0.85rem;
  color: var(--bp-muted);
}

.bp-column-chooser {
  display: grid;
  gap: 0.75rem;
  max-width: var(--bp-column-chooser-max-width, 100%);
}

.bp-column-chooser-header {
  display: grid;
  gap: 0.35rem;
}

.bp-column-chooser-list {
  display: grid;
  gap: var(--bp-column-chooser-row-gap, 0.5rem);
}

.bp-column-chooser-item {
  display: flex;
  align-items: var(--bp-column-chooser-checkbox-align, center);
  justify-content: space-between;
  gap: 0.5rem;
  padding: var(--bp-column-chooser-item-padding, 0);
}

.bp-column-chooser-required {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--bp-muted);
}

.bp-column-chooser-search {
  display: grid;
}

.bp-column-chooser-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.bp-column-chooser-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.bp-column-chooser-groups {
  display: grid;
  gap: 0.75rem;
}

.bp-column-chooser-group {
  display: grid;
  gap: 0.5rem;
}

.bp-column-chooser-group-title {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--bp-subtle);
  font-weight: 600;
}

.bp-column-chooser-loading,
.bp-column-chooser-empty {
  color: var(--bp-muted);
  font-size: 0.9rem;
}

.bp-date-range-filter {
  display: grid;
  gap: 0.75rem;
  max-width: var(--bp-date-range-filter-max-width, 100%);
}

.bp-date-range-filter-header {
  display: grid;
  gap: var(--bp-date-range-filter-header-gap, 0.35rem);
}

.bp-date-range-filter-body {
  display: grid;
  gap: var(--bp-date-range-filter-body-gap, 0.75rem);
  grid-template-columns: var(--bp-date-range-filter-body-columns, 1fr);
}

.bp-date-range-filter-inputs {
  display: grid;
  gap: 0.5rem;
}

.bp-date-range-filter-presets {
  display: flex;
  flex-wrap: wrap;
  gap: var(--bp-date-range-filter-preset-gap, 0.5rem);
}

.bp-date-range-filter-preset {
  display: inline-flex;
}

.bp-date-range-filter-preset-selected .bp-btn {
  border-color: var(--bp-accent);
  color: var(--bp-accent-strong);
}

.bp-date-range-filter-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.bp-date-range-filter-loading,
.bp-date-range-filter-empty {
  color: var(--bp-muted);
  font-size: 0.9rem;
}

.bp-query-chips-bar {
  display: flex;
  flex-wrap: wrap;
  gap: var(--bp-query-chips-gap, 0.5rem);
  align-items: center;
  padding: var(--bp-query-chips-padding, 0);
}

.bp-query-chips-bar-disabled {
  opacity: 0.7;
}

.bp-query-chips-leading,
.bp-query-chips-trailing {
  display: inline-flex;
  align-items: center;
}

.bp-query-chips-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--bp-query-chips-gap, 0.5rem);
  align-items: center;
}

.bp-query-chip {
  display: inline-flex;
  align-items: center;
  gap: var(--bp-query-chip-gap, 0.35rem);
  padding: var(--bp-query-chip-padding, 0.3rem 0.6rem);
  border-radius: 999px;
  border: 1px solid var(--bp-outline-muted);
  background: var(--bp-surface-muted);
}

.bp-query-chip-prefix,
.bp-query-chip-suffix {
  display: inline-flex;
  align-items: center;
}

.bp-query-chip-label {
  font-weight: 600;
}

.bp-query-chip-value {
  font-size: 0.85rem;
  color: var(--bp-muted);
}

.bp-query-chip-remove {
  border: none;
  background: transparent;
  color: var(--bp-muted);
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  cursor: pointer;
}

.bp-query-chip-remove:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.bp-query-chip-overflow {
  border-style: dashed;
  background: var(--bp-surface);
  color: var(--bp-muted);
}

.bp-query-chip-overflow:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.bp-query-chips-actions {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
}

.bp-query-chips-action {
  border-radius: 10px;
  border: 1px solid var(--bp-control-border);
  background: var(--bp-control-bg);
  color: var(--bp-control-fg);
  padding: 0.35rem 0.6rem;
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease;
}

.bp-query-chips-action:hover:not(:disabled) {
  background: var(--bp-control-bg-hover);
  border-color: var(--bp-control-border-hover);
}

.bp-query-chips-action:focus-visible {
  outline: none;
  box-shadow: var(--bp-focus-ring);
}

.bp-query-chips-action:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.bp-query-chips-loading,
.bp-query-chips-empty {
  font-size: 0.85rem;
  color: var(--bp-muted);
}

@media (max-width: 720px) {
  .bp-query-builder-row {
    grid-template-columns: 1fr;
  }
}