/* ============================================================================
   14-design-zakres.css — OKNO PRZENOSZENIA KONSTRUKCJI na telefonie (M5, 18.10.2026)
   ----------------------------------------------------------------------------
   Układ podstawowy (komputer i tablet) jest w 4-widoki/25e-design-zakres.css. Tu tylko to, czym różni się telefon wg wzoru v99
   (okna_css.txt: .ramka.tel / .ramka.telp, `.dsg-zk-w` jedna kolumna, miniatura 56 px, podsumowanie w stopce ukryte, kartoteka
   2 kolumny pionowo i 3 poziomo). Okno na cały ekran (bez przyklejania do dołu z komputera).
   ============================================================================ */
:root[data-ui="mobile"] #modal-root .modal-backdrop:has(.modal.design-zakres-modal) { padding: 0; align-items: stretch; }
:root[data-ui="mobile"] #modal-root .modal.design-zakres-modal { height: 100dvh; max-height: 100dvh; border-radius: 0; }
:root[data-ui="mobile"] #modal-root .modal.design-zakres-modal > header { padding: var(--s-3) var(--s-2) var(--s-3) var(--s-4); }
:root[data-ui="mobile"] #modal-root .modal.design-zakres-modal > header :is(.modal-help-btn, .icon-button) { width: var(--h-control); height: var(--h-control); }
:root[data-ui="mobile"] #modal-root .modal.design-zakres-modal > form { padding: var(--s-3) var(--s-4); }
:root[data-ui="mobile"] #modal-root .modal.design-zakres-modal > footer { padding: var(--s-2) var(--s-4); }
:root[data-ui="mobile"] .dzk-w { grid-template-columns: minmax(0, 1fr); }
:root[data-ui="mobile"] .dzk-mi { width: 56px; }
:root[data-ui="mobile"] #modal-root .modal.design-zakres-modal > footer > .dzk-sum { display: none; }
/* telefon poziomo: nagłówek jednowierszowy (bez podtytułu), jak w oknie Design */
:root[data-ui="mobile"][data-telefon-poziomo] #modal-root .modal.design-zakres-modal > header { align-items: center; }
:root[data-ui="mobile"][data-telefon-poziomo] #modal-root .modal.design-zakres-modal > header > div:first-child > p { display: none; }
:root[data-ui="mobile"] .dzk-us { justify-self: stretch; }
:root[data-ui="mobile"] .design-katalog-modal .kat-l { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-2); }
:root[data-ui="mobile"][data-telefon-poziomo] .design-katalog-modal .kat-l { grid-template-columns: repeat(3, minmax(0, 1fr)); }
:root[data-ui="mobile"] .kat-t { padding: var(--s-2); }
:root[data-ui="mobile"] .kat-t b { font-size: var(--t-sm); }
/* edytor opisu poprawek: pasek formatowania telefonu daje 9-telefon/11-edytor-pasek.css; pole na całą wysokość */
:root[data-ui="mobile"] .dzk-poprawki .rich-editor { min-height: 0; }