/* ============================================================================
   12f-kartoteki-transport-stawki-km.css — okno pozycji transportu: sekcja „Stawki za km wg kraju” (19.10.2026).
   Siedzi w panelu „Rozliczenie” pod stawką podstawową: wiersz = kraj + stawka za km (w walucie pozycji) + usuń, pod listą „Dodaj kraj”
   (okna/kartoteki-transport-stawki-km.js). Klocki jak reszta okna pozycji: .component-table-toolbar, .field-hint, .icon-button.
   Czerwone podświetlenie błędu = wspólne .field-required-missing / .field-alarm (03-kontrolki.css). Tokeny jak w całym programie.
   Komputer i tablet tutaj; telefon: css/9-telefon/23-kartoteki-transport-stawki-km.css (tylko :root[data-ui="mobile"]).
   ============================================================================ */

.transport-km-kraje { display: grid; gap: var(--s-2); margin-top: var(--s-3); padding-top: var(--s-3); border-top: 1px solid var(--line); }
.transport-km-kraje[hidden] { display: none; }
.transport-km-kraje .field-hint { margin: 0; }
.transport-km-kraje-lista { display: grid; gap: var(--s-2); }
.transport-km-kraj { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) minmax(3ch, auto) auto; align-items: center; gap: var(--s-2); }
.transport-km-kraj > .combo, .transport-km-kraj > [data-km-kraj-stawka] { width: 100%; min-width: 0; }   /* kraj = lista wyboru programu (combo), nie goła kontrolka */
.transport-km-kraj-waluta { color: var(--text-muted); font-size: var(--t-sm); font-weight: var(--w-bold); }
.transport-km-kraj > .combo.field-required-missing { border-radius: var(--r); box-shadow: 0 0 0 1px var(--danger); }
.transport-km-kraj > .combo.field-required-missing .combo-input { border-color: var(--danger); }   /* błąd kraju (brak / powtórzony) — na całej liście wyboru */