/* ============================================================================
   31-plan-produkcji-wg-wzoru.css — OKNO „PLAN PRODUKCJI” NA TELEFONIE (pion i poziom), 20.10.2026
   Wzór: Produkcja.html — `.ramka.tel .ppr-k` / `.ramka.telp .ppr-k` (siatka 2 × 2: nazwa · status, Od · Do), nagłówki Od / Do ukryte, podpisy pól widoczne;
   panel „Zaproponuj daty” w układzie: nazwa · dni, daty, opis. Reguły tylko pod :root[data-ui="mobile"] (kanon telefonu, K13).
   ============================================================================ */
:root[data-ui="mobile"] .ppr-k { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-areas: "n s" "od do" "m m"; gap: var(--s-2) var(--s-3); }
:root[data-ui="mobile"] .ppr-h { display: none; }
:root[data-ui="mobile"] .ppr-kr:has(.ppr-h) .ppr-k .field > label { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
:root[data-ui="mobile"] .ppr-pc > .field { max-width: none; }
:root[data-ui="mobile"] .ppr-pw { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "n d" "t t" "s s"; gap: var(--s-1) var(--s-2); }
:root[data-ui="mobile"] .ppr-pw > b { grid-area: n; }
:root[data-ui="mobile"] .ppr-pw .ppr-dni { grid-area: d; }
:root[data-ui="mobile"] .ppr-pw .ppr-dt { grid-area: t; }
:root[data-ui="mobile"] .ppr-pw .ppr-sk { grid-area: s; }
:root[data-ui="mobile"] .ppr-ml { grid-template-columns: minmax(0, 1fr); }
:root[data-ui="mobile"] .ppr-osoba { min-height: var(--h-control); }
/* nagłówek: tytuł 19 px, odstępy 12 / 8 / 8 / 16 (wzór: .ui-ok > header; program miał 16 px i 8 ze wszystkich stron) */
:root[data-ui="mobile"] #modal-root .modal.pp-okno > header { min-height: 0; padding: var(--s-3) var(--s-2) var(--s-2) var(--s-4); }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) #modal-root .modal.pp-okno > header h2 { font-size: var(--t-lg); }   /* poziomo 16 px jak w pozostałych oknach (2-okna.css); 24.10.2026 miał 19 px */
/* treść: odstępy 12 / 16; podpisy pól 12 px / 700 w odstępie 4 px od pola (wzór: .ui-f) */
:root[data-ui="mobile"] #modal-root .modal.pp-okno > form { padding: var(--s-3) var(--s-4); }
:root[data-ui="mobile"] #modal-root .modal.pp-okno .ppr .field { gap: var(--s-1); }
:root[data-ui="mobile"] #modal-root .modal.pp-okno .ppr .field > label { font-size: var(--t-xs); font-weight: var(--w-bold); }
/* pola i lista statusu: cel dotyku 44 px (było 46), róg 8, wcięcie 8 — rozmiar pisma 16 px zostaje (iOS nie powiększa wtedy strony po stuknięciu w pole) */
:root[data-ui="mobile"] #modal-root .modal.pp-okno .ppr-k :is(input:not([type="checkbox"]):not([type="radio"]), .combo-input) { box-sizing: border-box; min-height: var(--h-control); height: var(--h-control); padding-block: 0; padding-left: var(--s-2); border-radius: var(--r-sm); font-weight: var(--w-regular); }
/* stopka: Anuluj z boku, „Zapisz plan” rozciągnięty obok (wzór: `.ramka.tel .ui-ok > footer .btn.gl { flex: 1 }`) */
:root[data-ui="mobile"] #modal-root .modal.pp-okno > footer { flex-wrap: nowrap; padding: var(--s-2) var(--s-4) calc(var(--s-2) + var(--bezpieczny-dol)); }
:root[data-ui="mobile"] #modal-root .modal.pp-okno > footer > .button { min-height: var(--h-control); height: var(--h-control); font-size: var(--t-base); }
:root[data-ui="mobile"] #modal-root .modal.pp-okno > footer > .button:not(.primary) { flex: 0 0 auto; }
:root[data-ui="mobile"] #modal-root .modal.pp-okno > footer > .button.primary { flex: 1 1 0; }
/* 23.10.2026 (przegląd telefonu): listy wyboru w „Planie produkcji” miały 13 px (reguła okna z komputera) — iPhone przybliżał stronę po kliknięciu.
   Pola telefonu mają 17,8 px (16 px na ekranie przy skali 0,9). */
:root[data-ui="mobile"] #modal-root .modal.pp-okno .ppr-ks .combo-input { font-size: var(--t-pole-dotyk); }