.query-filter-builder {
  width: 100%;
}

.query-filter-builder__toolbar {
  width: 100%;
}

.query-filter-builder__preset {
  min-width: 180px;
}

.query-filter-builder__rows {
  width: 100%;
}

.query-filter-builder__row {
  display: grid;
  grid-template-columns: minmax(140px, 1fr) minmax(132px, 0.8fr) minmax(180px, 1.4fr) auto;
  gap: 8px;
  align-items: center;
  width: 100%;
}

.query-filter-builder__row--compact {
  grid-template-columns: minmax(120px, 1fr) minmax(112px, 0.8fr) minmax(140px, 1.2fr) auto;
}

.query-filter-builder__field,
.query-filter-builder__operator,
.query-filter-builder__value {
  min-width: 0;
}

.query-filter-builder__summary {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

@media (max-width: 720px) {
  .query-filter-builder__toolbar {
    align-items: stretch;
  }

  .query-filter-builder__preset {
    width: 100%;
  }

  .query-filter-builder__row,
  .query-filter-builder__row--compact {
    grid-template-columns: 1fr;
  }
}
