/* ============================================================================
   9-telefon/22-kartoteki-transport-zakladki.css — TELEFON: zakładki kartoteki „Transport” (18.10.2026, wzór: Kartoteki.html #tel / #telp:
   .ramka.tel .kr-segt — cztery kolumny; .kr-segp — dwie kolumny pod spodem).
   Działa wyłącznie przy :root[data-ui="mobile"]. Komputer i tablet: css/4-widoki/12e-kartoteki-transport-zakladki.css (tam opis całości).
   ============================================================================ */

:root[data-ui="mobile"] .kr-trz { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--s-2); }
:root[data-ui="mobile"] .kr-trz-zakl { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); width: 100%; overflow: visible; }
:root[data-ui="mobile"] .kr-trz-zakl { gap: 2px; padding: 3px 2px; }
:root[data-ui="mobile"] .kr-trz .kr-trz-zakl button { min-width: 0; min-height: var(--h-tab); padding: 0 2px; font-size: var(--t-xs); justify-content: center; }
:root[data-ui="mobile"] .kr-trz-pod { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; overflow: visible; }
:root[data-ui="mobile"] .kr-trz-pod button { min-height: var(--h-tab); }
:root[data-ui="mobile"] .kr-trz-hint { display: block; }
/* Sekcja „Stawki morskie” w oknie kontenera: przycisk i podpis jeden pod drugim, każda stawka jako karta (bez przewijania w bok). */
:root[data-ui="mobile"] .transport-stawki-stopka { display: grid; }
:root[data-ui="mobile"] .transport-stawki-przewijak { overflow: visible; border: 0; }
:root[data-ui="mobile"] .transport-stawki-tabela { display: block; min-width: 0; }
:root[data-ui="mobile"] .transport-stawki-tabela thead { display: none; }
:root[data-ui="mobile"] .transport-stawki-tabela tbody { display: grid; gap: var(--s-2); }
:root[data-ui="mobile"] .transport-stawki-tabela tbody tr { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1fr); gap: var(--s-2) var(--s-3); padding: var(--s-3); border: 1px solid var(--line); border-radius: var(--r); background: var(--surface); }
:root[data-ui="mobile"] .transport-stawki-tabela tbody td { display: block; min-width: 0; padding: 0; border: 0; }
:root[data-ui="mobile"] .transport-stawki-tabela tbody td[data-label]::before { content: attr(data-label); display: block; margin-bottom: 2px; color: var(--text-muted); font-size: var(--t-xs); font-weight: var(--w-medium); }
:root[data-ui="mobile"] .transport-stawki-tabela tbody td:first-child, :root[data-ui="mobile"] .transport-stawki-tabela tbody td:last-child { grid-column: 1 / -1; }
:root[data-ui="mobile"] .transport-stawki-tabela tbody td[colspan] { grid-column: 1 / -1; }