.app-search-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

/* The search input keeps its own min/max width (set by the host page); never shrinks to nothing. */
.app-search-bar__search {
  flex: 0 1 auto;
}

.app-search-bar__filters,
.app-search-bar__add {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

/* Pushed variant: absorb free space so the Add-filter region sits at the right edge. */
.app-search-bar__add.is-pushed {
  margin-left: auto;
}

/* Lock the filter tags to the house 13px so their text size never changes between the
   "just added" / "value applied" states. */
.app-search-bar__filters .ant-tag,
.app-search-bar__filters .ant-tag span {
  font-size: 13px;
}