/*
 * Schnellsuche über eine Filament-Tabelle.
 *
 * Diese Datei wird über FilamentAsset angemeldet und kommt deshalb ohne
 * `@layer` in die Seite - sie steht damit über jeder Regel aus einer
 * Kaskadenebene der Anwendung. Sie bleibt aus genau diesem Grund winzig und eng
 * selektiert.
 */

/* Die Fundstellen. Ein eigener Ton statt der Browser-Vorgabe, damit die
   Markierung sich nicht mit der Textsuche des Browsers verwechseln lässt. */
::highlight(quick-search) {
    background-color: #fde68a;
    color: #1c1917;
}

.dark ::highlight(quick-search) {
    background-color: #a16207;
    color: #fafaf9;
}

/* Zeilen ohne Treffer. Abgeblendet, nicht ausgeblendet: Die Liste behält ihre
   Länge, und man sieht, wonach man gerade nicht gesucht hat. */
.fi-ta-row.fi-quick-search-dimmed {
    opacity: 0.35;
}

/* Wer eine abgeblendete Zeile doch anfasst, soll sie lesen können. */
.fi-ta-row.fi-quick-search-dimmed:hover,
.fi-ta-row.fi-quick-search-dimmed:focus-within {
    opacity: 1;
}

@media (prefers-reduced-motion: no-preference) {
    .fi-ta-row {
        transition: opacity 150ms ease-out;
    }
}

/* Das Feld selbst nimmt sich so viel Breite wie Filaments eigene Suchleiste. */
.fi-quick-search {
    max-width: 20rem;
}