/* ============================================================================
   29-kartoteki-materialy-pasek-wg-wzoru.css — TELEFON: pasek listy Materiałów wg zaakceptowanego wzoru (19.10.2026); od 20.10.2026 także pasek i ramka list kartotek z .kt-lista (Atrakcje i pozostałe, wzór Kartoteki.html)
   ----------------------------------------------------------------------------
   Wzór: PROJEKT-OKIEN\artefakt\Materialy.html (.kl-pas, .pt-szuk, .mt-dodaj; przy węższym ekranie pole szukania · Filtry · „+" w jednym rzędzie).
   Pasek ma stałą kreskę pod spodem i odstęp od listy jak we wzorze; „Dodaj materiał" to kwadratowy przycisk „+" w pasku
   (dotąd pływające „+" z dołu ekranu — js/ui/aplikacja-mobilna.js nie pokazuje go już dla Materiałów, jak dla Klientów).
   Przy otwartych filtrach zostają wszystkie dodatkowe akcje (Importuj, Eksportuj, Dostawca) z pełnymi napisami.
   Działa wyłącznie przy :root[data-ui="mobile"].
   ============================================================================ */

:root[data-ui="mobile"] #content .panel:has(> .table-wrap > :is(.mt-lista, .kt-lista)) > .catalog-toolbar[data-mobilne-filtry] { align-items: center; margin: calc(var(--s-3) * -1) 0 var(--s-3); border-bottom: 1px solid var(--line); }
:root[data-ui="mobile"] #content .panel:has(> .table-wrap > :is(.mt-lista, .kt-lista)) > .catalog-toolbar .catalog-search-field .search,
:root[data-ui="mobile"] #content .panel:has(> .table-wrap > :is(.mt-lista, .kt-lista)) > .catalog-toolbar .mobilne-filtry-przelacznik { height: var(--h-control); min-height: var(--h-control); }

/* filtry zamknięte: w rzędzie tylko „+" (reszta akcji czeka pod „Filtry") */
:root[data-ui="mobile"] #content .panel:has(> .table-wrap > :is(.mt-lista, .kt-lista)) > .catalog-toolbar[data-mobilne-filtry]:not(.is-filtry-otwarte) > .inline-actions { display: contents; }
:root[data-ui="mobile"] #content .panel:has(> .table-wrap > :is(.mt-lista, .kt-lista)) > .catalog-toolbar[data-mobilne-filtry]:not(.is-filtry-otwarte) > .inline-actions > :not(.button.primary) { display: none; }
:root[data-ui="mobile"] #content .panel:has(> .table-wrap > :is(.mt-lista, .kt-lista)) > .catalog-toolbar[data-mobilne-filtry]:not(.is-filtry-otwarte) > .inline-actions > .button.primary { display: inline-flex; flex: none; justify-content: center; width: var(--h-control); height: var(--h-control); min-height: var(--h-control); padding: 0; gap: 0; font-size: 0; }
:root[data-ui="mobile"] #content .panel:has(> .table-wrap > :is(.mt-lista, .kt-lista)) > .catalog-toolbar .inline-actions > .button.primary .icon { width: var(--s-4); height: var(--s-4); }

/* karta listy: cienka ramka jak we wzorze (.mt-kl), tekst 12 px od krawędzi (wzór .mt-k) */
:root[data-ui="mobile"] #content [data-catalog-table-wrap] .catalog-table:is(.mt-lista, .kt-lista) tbody { border: 1px solid var(--line); border-radius: var(--r); }
:root[data-ui="mobile"] #content .catalog-table:is(.mt-lista, .kt-lista) tbody tr { padding-left: var(--s-3); }

/* pole szukania i „Filtry": 44 px i jedna ramka (dotąd pole 42 px, a „Filtry" miał ramkę z cieniem obok obramowania) */
:root[data-ui="mobile"] #content .panel:has(> .table-wrap > :is(.mt-lista, .kt-lista)) > .catalog-toolbar .catalog-search-field .search > input { height: var(--h-control); min-height: var(--h-control); }
:root[data-ui="mobile"] #content .panel:has(> .table-wrap > :is(.mt-lista, .kt-lista)) > .catalog-toolbar .mobilne-filtry-przelacznik { border: 1px solid var(--line-strong); box-shadow: none; }