/* 21-design-prezentacja-klienta.css — telefon: „Prezentacja klienta” w oknie Design (GUI-DESIGN-FIX5, 18.10.2026).
   Wzór (Design.html, zmierzone na żywo; okna_css.txt .ramka.tel / .ramka.telp .mp-*): nagłówek panelu 14 px / 700, przycisk „Dodaj do prezentacji” z odstępem 0 / 12,
   pole „Dodaj …” w kolumnie (napis wyśrodkowany), pola nazw 44 px, siatka kafelków od 200 px. Telefon PIONOWO: podpis „W prezentacji Designu …” znika,
   podzakładki to siatka 2 kolumn (przyciski min. 52 px, 12 px, napis i licznik w jednym rzędzie), „Kolejność” bez napisu (same strzałki).
   Reguły tylko dla `.dsg-mp` (panel „Prezentacja klienta”); komputer i tablet — 4-widoki/25l-design-prezentacja-klienta.css. */
:root[data-ui="mobile"] #modal-root .dsg-tp > .form-panel > .form-panel-head h3 { font-size: var(--t-base); }   /* wzór: nagłówki paneli okna 14 px na każdym urządzeniu */
:root[data-ui="mobile"] .dsg-mp .button.dsg-btn-miekki { padding: 0 var(--s-3); }
:root[data-ui="mobile"] .dsg-mp-zd { flex-direction: column; gap: var(--s-1); text-align: center; }
:root[data-ui="mobile"] #modal-root .dsg-mp-d input { min-height: var(--h-control); box-sizing: border-box; }
:root[data-ui="mobile"] .dsg-mp-zg { grid-template-columns: repeat(auto-fill, minmax(min(100%, 200px), 1fr)); }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .dsg-mp > .form-panel-head small { display: none; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) #modal-root .dsg-mp-z { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-self: stretch; width: 100%; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) #modal-root .dsg-mp-z button { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 6px; min-height: calc(var(--h-control) + var(--s-2)); height: auto; padding: 2px; font-size: var(--t-xs); line-height: 1.15; white-space: nowrap; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) #modal-root .dsg-mp-z button small { margin: 0; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .dsg-mp-kol { display: none; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) #modal-root .dsg-mp-z button > span::after { content: none; }