/*
 * Die Filterleiste im Kontrollbuch.
 *
 * Das Buch liest sich der Reihe nach – alle drei Arten durcheinander, so wie
 * sie draußen angefallen sind. Die Leiste ist für den anderen Fall: wenn
 * jemand gezielt sucht, etwa alle Halteverbotsprotokolle einer Stelle.
 *
 * Struktur, keine Gestaltung: Farben und Rundungen gehören in app.css.
 * Deshalb liegt diese Datei davor.
 */

.buch-filter {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}

.buch-filter button {
    min-height: 2.2rem;
    padding: .3rem .8rem;
    border: 1px solid rgba(128, 128, 128, .35);
    border-radius: 999px;
    background: transparent;
    color: inherit;
    font: inherit;
    font-size: .85rem;
    cursor: pointer;
}

/* Welcher Ausschnitt gerade gilt, muss auf einen Blick zu sehen sein –
   sonst hält man eine gefilterte Liste für das ganze Buch. */
.buch-filter button.aktiv {
    border-color: currentColor;
    font-weight: 600;
    box-shadow: inset 0 0 0 1px currentColor;
}