/* ============================================================================
   14-pc-szukajka-kartotek.css — FAZA 2 PC (29.10.2026): JEDNA szukajka w pasku każdej kartoteki.
   Wcześniej pole z ikoną (36 px, ramka, promień 8) i ukryta etykieta „Szukaj” miały tylko kartoteki z tabelą `.kt-lista` / `.mt-lista`
   (Klienci, Materiały, Transport, Profile marż…); Bloki, Dostawcy, Użytkownicy i Dziennik zmian miały nad polem widoczną etykietę „Szukaj”
   i węższe pole. Teraz każda kartoteka ma ten sam pasek: pole z ikoną, etykieta tylko dla czytników ekranu. Komputer; tablet i telefon
   mają własne reguły (9-telefon/, data-ui="tablet"). Wymiary wyłącznie z tokenów.
   ============================================================================ */
:root[data-ui="desktop"] .catalog-toolbar .catalog-search-field { flex: 1 1 220px; min-width: 0; max-width: 460px; }
:root[data-ui="desktop"] .catalog-toolbar .catalog-search-field > label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
:root[data-ui="desktop"] .catalog-toolbar .catalog-search-field .search { display: flex; align-items: center; height: var(--h-control); padding: 0 var(--s-3); gap: var(--s-2); border: 1px solid var(--line-strong); border-radius: var(--r-sm); background: var(--surface); color: var(--text-faint); }
:root[data-ui="desktop"] .catalog-toolbar .catalog-search-field .search > .icon { position: static; width: 16px; height: 16px; flex: none; transform: none; }
:root[data-ui="desktop"] .catalog-toolbar .catalog-search-field .search > input { flex: 1; width: auto; min-width: 0; height: 100%; min-height: 0; padding: 0; border: 0; background: transparent; color: var(--text); font-size: var(--t-base); }
:root[data-ui="desktop"] .catalog-toolbar .catalog-search-field .search:focus-within { border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-soft); }