/* Bereich «Aufgaben» (aufgaben.js, Schalter aufgaben): Reiter, Filter und Liste. Tabelle, Pillen und Dialog aus
   styles.css; hier nur die Anordnung. Telefon 375px: alles untereinander, Felder volle Breite, Knöpfe 44px. */
.af-inhalt { margin-top: 16px; }
.af-filter { display: grid; gap: 12px; margin: 0 0 16px; }
.af-chips { display: flex; flex-wrap: wrap; gap: 8px 24px; }
.af-felder { display: grid; gap: 8px; grid-template-columns: minmax(180px, 2fr) repeat(3, minmax(140px, 1fr)); }
.af-felder .input, .af-felder .select { min-height: 44px; width: 100%; min-width: 0; }
.af-titel { font-weight: 600; overflow-wrap: anywhere; }
.af-leise { color: var(--color-muted-fg); font-size: 13px; }
.af-knoepfe { flex-wrap: wrap; }
.af-knoepfe .btn, .af-filter .filter-tab { min-height: 44px; }
@media (max-width: 767px) {
  .af-felder { grid-template-columns: 1fr 1fr; }
  .af-suche { grid-column: 1 / -1; }
}