/*
 * PixelHobel – gemeinsame Filterleiste (.phx-filter)
 *
 * Der Kasten über einer Arbeitsliste, mit dem eingegrenzt, gesucht und
 * sortiert wird, dazu die Zeile darunter („214 Treffer" links, Seitengröße
 * rechts). Feldhöhen wie im Formular- und Knopf-Standard, damit alles auf
 * einer Linie sitzt.
 */
.phx-filter {
  display: flex; flex-wrap: wrap; gap: .8rem; align-items: end;
  padding: 1rem; margin-bottom: 1rem; border-radius: 6px;
  background: var(--ars-bg-soft, #f1f6f5);
}
.phx-filter__feld {
  display: flex; flex-direction: column; gap: .25rem; flex: 1 1 12rem;
  font-size: .9rem; font-weight: 600;
}
.phx-filter__feld :is(input, select, textarea) {
  box-sizing: border-box; height: 50px; padding: .4rem .6rem;
  border: 1px solid var(--ars-border, #d9dedf); border-radius: 6px;
  font: inherit; font-weight: 400;
  color: var(--ars-text, #20252b); background: var(--ars-bg, #fff);
}
.phx-filter__feld textarea { height: auto; min-height: 72px; }
.phx-filter__feld--check { justify-content: flex-end; }
.phx-filter__aktionen { display: flex; flex-wrap: wrap; gap: .5rem; }

/* Kästchen mit Beschriftung, das auf einer Linie mit den Feldern sitzt. */
.phx-checkzeile { display: flex; align-items: center; gap: .45rem; height: 50px; font-weight: 600; }
.phx-checkzeile input { width: 1.1rem; height: 1.1rem; flex: 0 0 auto; }

/* Zeile unter dem Filter: Trefferzahl links, Seitengröße rechts. */
.phx-ergebniszeile {
  display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;
  gap: .6rem; margin: .2rem 0 .8rem;
}
.phx-ergebnis { font-size: .9rem; margin: .2rem 0; }
.phx-proseite { display: flex; align-items: center; gap: .45rem; font-size: .9rem; }
.phx-proseite select {
  box-sizing: border-box; height: 40px; padding: .2rem 1.6rem .2rem .6rem;
  border: 1px solid var(--ars-border, #d9dedf); border-radius: 6px; font: inherit;
  color: var(--ars-text, #20252b); background: var(--ars-bg, #fff);
}