/* ============================================================================
   12d-kartoteki-transport-i-montaz.css — blok „Transport i montaż” (18.10.2026, wzór: PROJEKT-OKIEN/artefakt/Kartoteki.html: .kr-podgr, .kr-pow)
   ----------------------------------------------------------------------------
   Trzy rzeczy w jednym miejscu, bo należą do jednej funkcji (kartoteki ekipy · transport · stawki kontenerów · dojazd ekipy):
     1. podnagłówek bloku w menu bocznym (.nav-podgrupa) i ikona statku,
     2. (pas powiązań usunięty — zakładki w 12e),
     3. drobiazgi okna „Stawka kontenera” (.sea-rate-form).
   Komputer i tablet tutaj; telefon: css/9-telefon/18-kartoteki-transport-i-montaz.css (tylko :root[data-ui="mobile"]).
   Tokeny jak w całym programie — zero wartości na sztywno.
   ============================================================================ */

/* === 1. MENU: podnagłówek bloku i ikona ======================================================================== */
.nav-podgrupa { margin: var(--s-2) var(--s-2) var(--s-1); padding-top: var(--s-2); border-top: 1px solid var(--line); color: var(--text-faint); font-size: var(--t-xs); font-weight: var(--w-bold); }
.nav-podgrupa[hidden] { display: none; }
/* Szyna samych ikon: nagłówek znika, zostaje sama kreska oddzielająca blok. */
@container menu (width < 120px) {
  .sidebar .nav-podgrupa { margin-block: var(--s-1); padding: 0; font-size: 0; }
}
.icon-ship { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 16.5l1.6 3h14.8l1.6-3M5.5 16.5L7 11h10l1.5 5.5M9 11V7.5h6V11M12 4.5v3'/%3E%3C/svg%3E"); }

/* (pas powiązań „Transport i montaż” usunięty 18.10.2026 — zakładki Transportu: 12e-kartoteki-transport-zakladki.css) */

/* Lista stawek: usługa, cena i data nie łamią się w wąskich kolumnach (tablet). */
.sea-rate-table .sea-rate-nw { white-space: nowrap; }

/* === 3. OKNO „STAWKA KONTENERA” ================================================================================ */
.modal.catalog-modal:has(.sea-rate-form) { width: min(720px, calc(100vw / var(--skala-ui) - var(--s-5))); }
.sea-rate-form .form-grid { align-items: start; row-gap: var(--s-3); }   /* podpowiedź pod polem nie spycha sąsiada w dół (wspólna siatka wyrównuje do dołu) */
.sea-rate-form .segmented { display: flex; }
.sea-rate-form .segmented > button { flex: 1 1 0; justify-content: center; }
.sea-rate-form .field-hint { display: block; margin-top: var(--s-1); font-size: var(--t-xs); line-height: var(--lh-base); }
.sea-rate-form .sea-rate-nota { margin: var(--s-2) 0 0; }
.sea-rate-form .sea-rate-ostrzezenie { color: var(--warn-strong); font-weight: var(--w-bold); }
.sea-rate-form > .supplier-editor-panel > .field.full { margin-bottom: var(--s-3); }