/* ============================================================================
   19-bom-naglowek.css — nagłówek okna „Zestawienie materiałów / Sprawdzenie” na telefonie (Design runda 4, 18.10.2026)
   ----------------------------------------------------------------------------
   Wzór (Design.html, zmierzone na żywo; `.ramka:is(.tel,.telp) .kst-fl`, `.ui-ok:has(.kst-imp)>header …`):
     · przycisku „Wróć” w nagłówku NIE ma (tylko ✕) — to w JS (`bezWroc` w `openModal`, zestawienie-bom-okno.js);
     · słowo „materiałów” chowa się na telefonie: „Zestawienie – <nazwa> / <Design>”;
     · blok tytułu i pusta rozpórka (`.ui-sp`) dzielą szerokość po równo, więc tytuł zajmuje połowę wolnego miejsca
       (telefon pion 153 px, poziom 380 px) i jest ucinany wielokropkiem po 2 liniach;
     · telefon pion: nagłówek z odstępem 12 / 8 / 8 / 16, tytuł 19 px, ✕ przy górnej krawędzi.
   Pozostałe reguły okna na telefonie: 13-zestawienie-okno.css (ten plik ładuje się po nim i ma te same wagi).
   ============================================================================ */

:root[data-ui="mobile"] #modal-root .modal.calculation-modal > header h2 .kst-n-pelny { display: none; }
:root[data-ui="mobile"] #modal-root .modal.calculation-modal > header h2 .kst-n-krotki { display: inline; }
:root[data-ui="mobile"] #modal-root .modal.calculation-modal > header > .calc-header-tytul { order: 0; }
:root[data-ui="mobile"] #modal-root .modal.calculation-modal > header::after { content: ""; flex: 1 1 0; order: 1; }
:root[data-ui="mobile"] #modal-root .modal.calculation-modal > header > .icon-button { order: 2; }
:root[data-ui="mobile"] #modal-root .modal.calculation-modal > header h2,
:root[data-ui="mobile"][data-telefon-poziomo] #modal-root .modal.calculation-modal > header h2 { -webkit-line-clamp: 2; }

/* telefon pion: odstępy i rozmiar tytułu jak we wzorze */
:root[data-ui="mobile"]:not([data-telefon-poziomo]) #modal-root .modal.calculation-modal > header { align-items: flex-start; padding: var(--s-3) var(--s-2) var(--s-2) var(--s-4); }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) #modal-root .modal.calculation-modal > header h2 { font-size: var(--t-lg); }