/* AUFTRAG-BACKOFFICE-OBERFLAECHE-CC.md Paket D: SearchFilterOrder.razor und
   Pagination.razor sind geteilte Bauteile (acht Verbraucher) - Blazors
   Scoped-CSS greift nicht auf das Markup, das eine Kindkomponente rendert
   (MudTextField/MudSelect/MudButton), deshalb global wie event-editor.css und
   stammdaten-formulare.css. Abstaende ausschliesslich aus der Skala in ci.css. */

.sfo-zeile {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: var(--tim-space-3);
  margin-bottom: var(--tim-space-3);
}

.sfo-suchfeld {
  min-width: 220px;
  flex: 1 1 220px;
  max-width: 360px;
}

.sfo-sortierung {
  min-width: 180px;
}

.pgn-leiste {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--tim-space-3);
  margin-top: var(--tim-space-3);
}

.pgn-proseite {
  min-width: 150px;
}

.pgn-seiten {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--tim-space-1);
}