/* ============================================================================
   30-kartoteki-lista-wg-wzoru.css — TELEFON: lista kartoteki (Atrakcje i inne z .kt-lista) wg wzoru Kartoteki.html (.kr-tab, .kr-w.tel, .kr-st)
   ----------------------------------------------------------------------------
   Pasek (kreska pod spodem, „+” w pasku) i ramka karty: css/9-telefon/29-kartoteki-materialy-pasek-wg-wzoru.css (selektor :is(.mt-lista, .kt-lista)).
   Tu to, co wzór ma inaczej niż lista Materiałów: stopka „N wpisów” jako dolna część TEJ SAMEJ karty (.kr-st), druga linia wiersza
   w kolorze --text-faint (wzór: --tusz-3), strzałka wiersza w prawo, po rozwinięciu w dół (wzór .kr-w.tel > .ic, obrót 90°).
   Tokeny wzoru → programu: tusz-3 = text-faint, linia = line, pow-2 = surface-2, r = r. Działa wyłącznie przy :root[data-ui="mobile"].
   ============================================================================ */

/* karta: ramka bez dolnej kreski, stopka domyka ją od dołu (jak komputer: 12g-kartoteki-wzor-lista.css) */
:root[data-ui="mobile"] #content [data-catalog-table-wrap] .catalog-table.kt-lista tbody { border-bottom-width: 0; border-radius: var(--r) var(--r) 0 0; }
:root[data-ui="mobile"] #content .panel:has(> .table-wrap > .kt-lista) > [data-catalog-pager-bottom] .catalog-pager { min-height: 48px; padding: var(--s-2) var(--s-4); border: 1px solid var(--line); border-radius: 0 0 var(--r) var(--r); background: var(--surface-2); }
:root[data-ui="mobile"] #content .panel:has(> .table-wrap > .kt-lista) > [data-catalog-pager-bottom] .catalog-pager .pager-info { color: inherit; font-size: inherit; }

/* druga linia wiersza (kategoria) — wzór: --tusz-3 */
:root[data-ui="mobile"] #content .catalog-table.kt-lista:not(.uzy-master) tbody td[data-karta="podtytul"] { color: var(--text-faint); }

/* strzałka: zwinięty → w prawo, rozwinięty → w dół (program dotąd: w dół / w górę); środek pierwszej linii wiersza */
:root[data-ui="mobile"] #content .catalog-table.kt-lista:not(.uzy-master) tbody tr[data-karta-gotowa]::after { top: calc(var(--wiersz-h) / 2 - var(--s-2)); transform: rotate(-90deg); }
:root[data-ui="mobile"] #content .catalog-table.kt-lista:not(.uzy-master) tbody tr[data-karta-gotowa][data-mrozwin]::after { transform: rotate(0deg); }