/* Only listing filters: creation forms and popup contents retain their own layout. */
.ui-index-filters { align-items:end; gap:12px; container:index-filters / inline-size; }
.ui-index-filters:not(.sales-index-filters):not(.ui-index-filters-inline) {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,11rem),1fr));
}
.ui-index-filters > * { min-width:0; }
.ui-index-filters:not(.sales-index-filters):not(.ui-index-filters-inline) > * { grid-column:auto; }
.ui-index-filters:not(.sales-index-filters) > .ui-index-query { grid-column:1 / -1; }
.ui-index-filters > div > label,
.ui-index-filters > .ui-field > label {
  display:block;
  font-family:inherit;
  font-size:var(--ui-field-label-size,.8125rem);
  font-weight:600;
  line-height:1.4;
  letter-spacing:normal;
  text-transform:none;
  margin:0;
}
.ui-index-filters > div > label + :is(input:not([type="hidden"]),select:not(.sr-only)),
.ui-index-filters > .ui-field:has(> label) > .ui-field-control { margin-top:var(--ui-field-gap,.375rem); }
.ui-index-filters > div > :is(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),select:not(.sr-only)),
.ui-index-filters > .ui-field > .ui-field-control > :is(.search-select-trigger,.date-picker-trigger),
.ui-index-filters > div > :is(input[type="submit"],button,a),
.ui-index-filters > :is(input[type="submit"],button,a) {
  box-sizing:border-box;
  min-height:44px;
  height:44px;
  font-family:inherit;
  font-size:var(--ui-field-value-size,.875rem);
  line-height:1.4;
  border-radius:.75rem;
}
.ui-index-filters > div > :is(input:not([type="hidden"]):not([type="submit"]),select:not(.sr-only)) { display:block; width:100%; }
.ui-index-filters > .ui-field > .ui-field-control > :is(.search-select-trigger,.date-picker-trigger) { margin-top:0; }
.ui-index-filters > div:has(> input[type="submit"]) { align-self:end; display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.ui-index-filters > div > :is(input[type="submit"],button,a),
.ui-index-filters > :is(input[type="submit"],button,a) { display:inline-flex; align-items:center; justify-content:center; white-space:nowrap; margin-top:0; }
@container index-filters (min-width:40rem) {
  .ui-index-filters:not(.sales-index-filters) > .ui-index-query { grid-column:span 2; }
}