/* ============================================================================
   9-telefon/3b-kalkulator-ekrany.css — TELEFON: OKNO KOSZTÓW v15 (krok K7d) — ekrany „lista kafli → edytor”, Wynik jako arkusz
   ----------------------------------------------------------------------------
   Wzór: scratchpad/pulpit/Kalkulator.html, widok „Telefon” i „Telefon ↔”. Działa wyłącznie przy :root[data-ui="mobile"]
   i tylko dla okna z klasą .pcost-v15 (dawne zakładki Zakres / Koszty / Wynik z 3-kalkulator.css już się tu nie zakładają).
   Ekran trzyma formularz: data-ekran="lista" | "edytor" (okna/koszty-12-telefon.js). Stopka okna jedzie w arkuszu Wynik.
   Selektory z #modal-root tam, gdzie trzeba przykryć dawne reguły telefonu o tej samej wadze (bez !important).
   ============================================================================ */

/* === 1. Formularz pionowo: jedna kolumna, przewija się w całości; widać jeden ekran. Poziomo — dwie kolumny (§1b) === */
:root[data-ui="mobile"]:not([data-telefon-poziomo]) #modal-root .modal.project-costs-modal > form.project-costs-form.pcost-v15 { display: block; position: relative; height: auto; min-height: 0; padding: 0; overflow-y: auto; overscroll-behavior: contain; background: var(--tlo-telefonu); }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) #modal-root form.pcost-v15 > :is(.project-cost-category-panel, .project-cost-center-panel) { width: 100%; max-height: none; overflow: visible; border: 0; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) form.pcost-v15 > .project-cost-category-panel { padding: 0 var(--s-3) var(--s-2); background: var(--surface); }   /* wzór: lista kafli na białym tle, kafle z samą ramką */
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pcost-kafle .pcost-kafel { box-shadow: none; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) form.pcost-v15 > .project-cost-center-panel { padding: var(--s-2) var(--s-3) var(--s-5); background: var(--surface); }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) form.pcost-v15:not([data-ekran="edytor"]) > .project-cost-center-panel,
:root[data-ui="mobile"]:not([data-telefon-poziomo]) form.pcost-v15[data-ekran="edytor"] > .project-cost-category-panel { display: none; }
/* „‹ Koszty” nad edytorem — 44 px, w kolorze akcentu, jak powrót w innych oknach telefonu. */
:root[data-ui="mobile"]:not([data-telefon-poziomo]) form.pcost-v15 .pcost-wroc { display: inline-flex; align-items: center; gap: var(--s-1); min-height: 44px; margin: calc(2px - var(--s-2)) 0 calc(var(--s-2) + 2px) calc(2px - var(--s-2)); padding: 0 var(--s-2) 0 var(--s-1); border: 0; border-radius: var(--r); background: transparent; color: var(--text); font: inherit; font-size: var(--t-sm); font-weight: var(--w-regular); cursor: pointer; }   /* ZK1: jak narysowane we wzorze — pismo okna 13/400 */
:root[data-ui="mobile"]:not([data-telefon-poziomo]) form.pcost-v15 .pcost-wroc > .icon { width: 16px; height: 16px; }

/* === 1b. Telefon poziomo (v15 b19, ZK2): dwie kolumny jak we wzorze „Telefon ↔” — kafle 300 px | edytor, każda przewija się sama.
   Siatkę i wygląd kolumn daje 11c (próg 1180 px); tu tylko zdjęcie jednokolumnowych reguł telefonu z 3-kalkulator.css. === */
:root[data-ui="mobile"][data-telefon-poziomo] #modal-root .modal.project-costs-modal > form.project-costs-form.pcost-v15 { display: grid; gap: 0; height: 100%; padding: 0; overflow: hidden; }

/* === 2. Lista kafli pionowo: kafel na całą szerokość, kwota po prawej jak we wzorze (poziomo kafel jak na tablecie) === */
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pcost-kafle .pcost-kafel > .project-cost-category-card > .project-cost-category-kwota { grid-column: auto; justify-content: flex-end; font-size: var(--t-base); text-align: right; }
/* v15 b19 (ZN4, wzór telefonu): suwak marży zaczyna się od lewej krawędzi kafla (bez wcięcia pod ikonę), kwota 14 px. */
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pcost-kafle .pcost-kafel-suwak { padding: 0 var(--s-3) var(--s-1); }

/* === 3. Edytor na telefonie: kwota w nagłówku pod nazwą === */
/* (układ nagłówka — kwota pod ikoną, bez opisu — przychodzi z 11c dla okna ≤ 1180 px, jak we wzorze) */
/* ZK1: pola edytora na telefonie w wymiarach wzoru — 44 px, promień 8.
   ZK2: pismo pól w spoczynku jak we wzorze (14 px); 16 px wraca tylko w polu, w którym się pisze (:focus) — iPhone nie powiększa
   wtedy strony. Kanon telefonu (1-podstawa §8) czyta --pole-dotyk, więc wystarczy podmienić zmienną poza fokusem. */
:root[data-ui="mobile"] #modal-root .modal.project-costs-modal :is(input, select, textarea):not(:focus) { --pole-dotyk: var(--t-base); }
:root[data-ui="mobile"] #modal-root .modal.project-costs-modal .pcost-kafle .project-cost-category-margin-input > input:not(:focus), :root[data-ui="mobile"] #modal-root .modal.project-costs-modal .pcost-stopka :is(select, input.combo-input):not(:focus) { --pole-dotyk: var(--t-sm); }   /* wzór: pole marży na kaflu i listy stopki 13 px */
:root[data-ui="mobile"] #modal-root .modal.project-costs-modal .project-cost-editor-column :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]), select) { height: 44px; min-height: 0; border-radius: var(--r-sm); }
:root[data-ui="mobile"] #modal-root .modal.project-costs-modal .project-cost-editor-column input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not(.combo-input) { padding-inline: var(--s-2); }
/* DC12: pole z „%” (stawka prowizji, profil marż konstrukcji) — liczba nie stoi pod znakiem „%” (ta sama poprawka co na komputerze). */
:root[data-ui="mobile"] #modal-root .modal.project-costs-modal .project-cost-editor-column .project-cost-version-table-value > input[type="number"]:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not(.combo-input) { padding-right: 20px; padding-left: var(--s-1); }
:root[data-ui="mobile"] #modal-root .modal .pcost-v15 .project-cost-mode-check > input[type="checkbox"] { width: 22px; height: 22px; }
/* pole marży na kaflu: 56 × 44, promień 8 (wzór .k-kslv na dotyku) */
:root[data-ui="mobile"] #modal-root .modal .pcost-kafle .pcost-kafel-suwak .project-cost-category-margin-input > input { height: 44px; min-height: 0; padding: 0 6px; border-radius: var(--r-sm); }

/* === 4. Arkusz Wynik: na wierzchu ekranu (fixed), jedna kolumna, Podsumowanie na górze, stopka na dole arkusza === */
/* Dawna reguła telefonu `… > form.project-costs-form > * { max-height: none }` (3-kalkulator.css, z #modal-root) — przykrywamy tą samą wagą. */
:root[data-ui="mobile"] #modal-root .modal.project-costs-modal > form.project-costs-form.pcost-v15 > .project-costs-results.pcost-wynik { position: fixed; z-index: 50; width: auto; max-height: 88dvh; border-radius: var(--arkusz-r) var(--arkusz-r) 0 0; }
:root[data-ui="mobile"] .pcost-v15 > .pcost-wynik-zaslona { position: fixed; z-index: 49; }
/* ZK7 (wzór .k-wc3 na telefonie): karty co 8 px; karta bez dolnego odstępu, nagłówek 44 px na szarym tle, tytuł i kwota 13/400;
   karta Konstrukcje z brakami w czerwonej ramce, kwoty w kolorze stanu zestawienia (dawne reguły telefonu barwiły je na czarno). */
:root[data-ui="mobile"] #modal-root form.pcost-v15 .pcost-wynik > .project-cost-summary-panel.pcost-wynik-kolumny { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--s-2); padding: var(--s-3); }
:root[data-ui="mobile"] #modal-root form.pcost-v15 .pcost-wynik .project-cost-result-block.pcost-wynik-blok { padding: 0; border: 1px solid var(--line); border-radius: var(--r); }
:root[data-ui="mobile"] #modal-root form.pcost-v15 .pcost-wynik .project-cost-result-block.pcost-wynik-blok.is-braki { border-color: var(--brak-bom-ramka); }
:root[data-ui="mobile"] #modal-root form.pcost-v15 .pcost-wynik .project-cost-result-block.pcost-wynik-blok > summary.project-cost-result-section-title { min-height: 44px; margin: 0; padding: 0 var(--s-3); border-bottom: 0; background: var(--surface-2); font-size: var(--t-sm); font-weight: var(--w-regular); }
:root[data-ui="mobile"] #modal-root form.pcost-v15 .pcost-wynik .money.money-bom-error { color: var(--brak-bom); }
:root[data-ui="mobile"] #modal-root form.pcost-v15 .pcost-wynik .money.money-bom-ok { color: var(--ok-strong); }
:root[data-ui="mobile"] .pcost-wynik-kolumny > .pcost-wynik-kolumna:nth-child(3) { order: -1; }
/* Kolejność jak we wzorze: Podsumowanie → VAT lokalny → Razem (dawna reguła telefonu stawiała „Razem” nad VAT, z kreską i pismem 28 px). */
:root[data-ui="mobile"] #modal-root form.pcost-v15 .pcost-wynik .project-cost-total-result { order: 0; margin: 0; padding: var(--s-1) var(--s-1) 0; border-bottom: 0; }
:root[data-ui="mobile"] #modal-root form.pcost-v15 .pcost-wynik .project-cost-total-result > span { font-size: var(--t-sm); font-weight: var(--w-regular); }
:root[data-ui="mobile"] #modal-root form.pcost-v15 .pcost-wynik .project-cost-total-result > strong { font-size: var(--t-xl); font-weight: var(--w-bold); line-height: 1.4; }
/* Pole stawki VAT 46 × 44, promień 8, pismo 13 px w spoczynku (16 px tylko w polu, w którym się pisze — kanon telefonu). */
:root[data-ui="mobile"] #modal-root .modal .pcost-wynik .project-cost-summary-vat > .project-cost-vat-rate > input:not([type="checkbox"]):not([type="radio"]) { width: 46px; height: 44px; min-height: 0; padding: 0 var(--s-2); border-radius: var(--r-sm); }
:root[data-ui="mobile"] #modal-root .modal.project-costs-modal .pcost-wynik .project-cost-vat-rate > input:not(:focus) { --pole-dotyk: var(--t-sm); }
/* „Historia ceny” / „Rozliczenie projektu” 13/400 jak we wzorze (.kw-hc .btn). */
:root[data-ui="mobile"] #modal-root form.pcost-v15 .pcost-wynik .analizy-ceny-przyciski > .button { padding: 0 var(--s-4); font-size: var(--t-sm); font-weight: var(--w-regular); }
/* Pionowo: kafelki „Narzut efektywny” / „Marża projektu” w jednej linii (liczba „ok. 12,6%” nie łamie kafelka) — równe jak we wzorze,
   odstęp boczny 4 px, żeby napis programu z „ok.” zmieścił się bez wielokropka (wielokropek dopiero na węższym telefonie). */
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pcost-wp-wskazniki > span { gap: var(--s-1); min-width: 0; padding-inline: var(--s-1); white-space: nowrap; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pcost-wp-wskazniki > span > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pcost-wp-wskazniki > span > b { flex: none; }
/* STOPKA W ARKUSZU (wzór .k-tel-akcje / .k-tprof): „Profil marż” (etykieta + kropka „zmieniony”), pod nią [lista | Zapisz profil | kosz];
   rząd programu [lista Design | Porównaj]; [Dla klienta] i [Zapisz] obok siebie.
   Bez kreski i tła — treść arkusza przewija się nad stopką. Przyciski 48 px, 13/400; listy 48 px, promień 8. */
:root[data-ui="mobile"] .pcost-wynik > .project-cost-footer.pcost-stopka { display: grid; flex: none; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: center; gap: var(--s-2); min-height: 0; margin: 0; padding: 0 var(--s-3) calc(var(--s-4) + var(--bezpieczny-dol, 0px)); border-top: 0; background: transparent; }
:root[data-ui="mobile"] .pcost-wynik > .pcost-stopka > :is(.pcost-st-zakres, .pcost-st-rozpycha, .pcost-st-grupa:not(.pcost-st-profil):not(.pcost-st-design)) { display: none; }
:root[data-ui="mobile"] .pcost-wynik > .pcost-stopka > :is(.pcost-st-profil, .pcost-st-design, .pcost-prezentacja-powod, .pcost-st-zapisz) { grid-column: 1 / -1; padding: 0; border: 0; }
:root[data-ui="mobile"] .pcost-wynik > .pcost-stopka > .project-cost-footer-group { margin: 0; }
:root[data-ui="mobile"] .pcost-wynik > .pcost-stopka > .pcost-st-prezentacja { grid-column: 1; }
:root[data-ui="mobile"] .pcost-wynik > .pcost-stopka > .pcost-st-zapisz { grid-column: 2; }   /* „Dla klienta” i „Zapisz” obok siebie — stopka tak niska jak przed zmianą */
:root[data-ui="mobile"] .pcost-wynik > .pcost-stopka > .pcost-st-profil { display: grid; grid-template-columns: auto minmax(0, 1fr) auto 48px; }
:root[data-ui="mobile"] .pcost-wynik > .pcost-stopka > .pcost-st-profil > .pcost-st-etykieta { display: block; grid-column: 1; grid-row: 1; }
:root[data-ui="mobile"] .pcost-wynik > .pcost-stopka > .pcost-st-profil > .pcost-zmieniony { grid-column: 2 / -1; grid-row: 1; justify-self: start; }
:root[data-ui="mobile"] .pcost-wynik > .pcost-stopka > .pcost-st-profil > :is(select, .combo) { grid-column: 1 / 3; grid-row: 2; }
:root[data-ui="mobile"] .pcost-wynik > .pcost-stopka > .pcost-st-profil > .pcost-st-zbedne { display: inline-flex; grid-column: 3; grid-row: 2; }
:root[data-ui="mobile"] .pcost-wynik > .pcost-stopka > .pcost-st-profil > .pcost-st-zbedne.pcost-ikonka { grid-column: 4; }
:root[data-ui="mobile"] .pcost-wynik > .pcost-stopka > .pcost-st-design { display: grid; grid-template-columns: minmax(0, 1fr) auto; }
:root[data-ui="mobile"] .pcost-wynik > .pcost-stopka .pcost-st-grupa :is(select, .combo) { flex: 1 1 auto; width: 100%; max-width: none; }
:root[data-ui="mobile"] #modal-root .pcost-wynik > .pcost-stopka .pcost-st-grupa :is(select, input.combo-input) { height: 48px; min-height: 0; padding-left: var(--s-2); border-radius: var(--r-sm); }
:root[data-ui="mobile"] #modal-root .pcost-wynik > .pcost-stopka .button { min-height: 48px; padding: 0 var(--s-4); border-radius: var(--r); font-size: var(--t-sm); font-weight: var(--w-regular); }
:root[data-ui="mobile"] #modal-root .pcost-wynik > .pcost-stopka > .project-cost-footer-group > .button { width: 100%; }
:root[data-ui="mobile"] #modal-root .pcost-wynik > .pcost-stopka .button.pcost-ikonka { width: 48px; padding: 0; }

/* === 5. Pasek ceny pionowo: ikona uwag z liczbą, sama cena, „Wynik” (poziomo pasek jak na tablecie: Zysk + Cena + „Wynik”) === */
:root[data-ui="mobile"]:not([data-telefon-poziomo]) #modal-root .modal.project-costs-modal > .project-cost-price-bar.pcost-pasek { gap: var(--s-2); padding: var(--s-2) var(--s-3) calc(var(--s-2) + var(--bezpieczny-dol, 0px)); }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pcost-pasek .pcost-uwagi { position: relative; justify-content: center; width: 44px; height: 44px; padding: 0; flex: none; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pcost-pasek .pcost-uwagi > .pcost-liczba { position: absolute; top: 2px; right: 2px; display: grid; place-items: center; min-width: 18px; height: 18px; padding: 0 4px; border-radius: var(--r-pill); background: var(--brak-bom); color: var(--on-accent); font-size: var(--t-xs); }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pcost-pasek .pcost-uwagi > .icon { width: 18px; height: 18px; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pcost-pasek .pcost-rownanie { flex: 1 1 auto; min-width: 0; justify-content: flex-start; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pcost-pasek .pcost-rk:is(.is-zysk, .is-rabat) { display: none; }   /* DC15: rabat jak zysk — w arkuszu „Wynik”; obok ceny nachodził na jej podpis */
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pcost-pasek > .pcost-pasek-rozpycha { display: none; }   /* wzór: cena stoi zaraz za ikoną uwag */
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pcost-pasek .pcost-rk.is-cena > :is(small, b) { justify-self: start; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) .pcost-pasek .pcost-rk.is-cena > b { font-size: var(--t-lg); }
:root[data-ui="mobile"] .pcost-pasek .pcost-wynik-przycisk { height: 44px; }
/* Stopka okna nie stoi pod paskiem na telefonie (jest w arkuszu Wynik) — zanim skrypt ją przeniesie, też jej nie widać. */
:root[data-ui="mobile"] #modal-root .modal.project-costs-modal > .project-cost-footer.pcost-stopka { display: none; }

/* === 6. Telefon poziomo: arkusz Wynik na cały ekran, trzy kolumny, akcje w trzech rzędach === */
/* ZK7 (wzór „Telefon ↔”): Konstrukcje | Usługi | Podsumowanie po 1/3 szerokości; stopka: „Profil marż” + [lista | Zapisz profil | kosz 44],
   rząd programu [lista Design | Porównaj], [Dla klienta | Zapisz]; wersje kalkulacji obok listy Design; przyciski 44 px. */
:root[data-ui="mobile"][data-telefon-poziomo] #modal-root .modal.project-costs-modal > form.project-costs-form.pcost-v15 > .project-costs-results.pcost-wynik { top: 0; max-height: none; border-radius: 0; }
:root[data-ui="mobile"][data-telefon-poziomo] #modal-root form.pcost-v15 .pcost-wynik > .project-cost-summary-panel.pcost-wynik-kolumny { grid-template-columns: repeat(3, minmax(0, 1fr)); padding: var(--s-2) var(--s-3) var(--s-3); }
:root[data-ui="mobile"][data-telefon-poziomo] .pcost-wynik-kolumny > .pcost-wynik-kolumna:nth-child(3) { order: 0; }
/* ZK11 (ergonomia): stopka w DWÓCH rzędach, żeby na wynik zostało tyle miejsca co we wzorze — profil marż i lista Design obok siebie, pod nimi trzy przyciski. */
:root[data-ui="mobile"][data-telefon-poziomo] .pcost-wynik > .project-cost-footer.pcost-stopka { grid-template-columns: repeat(6, minmax(0, 1fr)); align-items: end; padding-bottom: calc(var(--s-3) + var(--bezpieczny-dol, 0px)); }
:root[data-ui="mobile"][data-telefon-poziomo] .pcost-wynik > .pcost-stopka > .pcost-st-profil { grid-column: 1 / 4; }
:root[data-ui="mobile"][data-telefon-poziomo] .pcost-wynik > .pcost-stopka > .pcost-st-design { grid-column: 1 / 4; }
:root[data-ui="mobile"][data-telefon-poziomo] .pcost-wynik > .pcost-stopka > .pcost-st-prezentacja { grid-column: 4 / 7; }
:root[data-ui="mobile"][data-telefon-poziomo] .pcost-wynik > .pcost-stopka > .pcost-st-profil { grid-template-columns: auto minmax(0, 1fr) auto 44px; }
:root[data-ui="mobile"][data-telefon-poziomo] .pcost-wynik > .pcost-stopka > .pcost-st-zapisz { grid-column: 1 / 7; }
:root[data-ui="mobile"][data-telefon-poziomo] .pcost-wynik > .pcost-stopka > .pcost-prezentacja-powod { display: none; }
:root[data-ui="mobile"][data-telefon-poziomo] #modal-root .pcost-wynik > .pcost-stopka .button { min-height: 44px; }
:root[data-ui="mobile"][data-telefon-poziomo] #modal-root .pcost-wynik > .pcost-stopka .pcost-st-grupa :is(select, input.combo-input) { height: 44px; }   /* listy 44 jak przyciski obok (wzór „Telefon ↔”) */
:root[data-ui="mobile"][data-telefon-poziomo] #modal-root .pcost-wynik > .pcost-stopka .button.pcost-ikonka { width: 44px; }

/* === 7. Porównanie Designów (K8): karty jedna pod drugą, kratki wyboru 44 px === */
:root[data-ui="mobile"] .pcost-por { padding: var(--s-2) var(--s-3) var(--s-4); }
:root[data-ui="mobile"] .pcost-por-karty { grid-template-columns: minmax(0, 1fr); }
:root[data-ui="mobile"] .pcost-por-wybor > label { min-height: 44px; }

/* NAGŁÓWEK STRONY na telefonie pionowo (v15 b19, ZK2) — jak wzór `.k-gl`: numer projektu, pod nim nazwa 19 px i klient; „×” 44 px
   z prawej na środku wysokości. Znaczki (wersja, etap) i „?” są schowane jak we wzorze — wersję pokazuje lista „Design” w arkuszu
   Wynik, pomoc jest w „Więcej”. Ostrzeżenia programu („nieprzeliczone”, blokada sprzedaży) zostają obok „×”. */
:root[data-ui="mobile"]:not([data-telefon-poziomo]) #modal-root .modal.project-costs-modal > header.project-cost-head-bar { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 2px var(--s-2); min-height: 0; padding: var(--s-2) var(--s-2) var(--s-2) var(--s-3); }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) #modal-root .project-cost-head-bar > .pcost-head-identity { flex-direction: column; align-items: flex-start; gap: 2px; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) #modal-root .project-cost-head-bar .pcost-head-number { height: 26px; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) #modal-root .modal.project-costs-modal > header.project-cost-head-bar h2.pcost-head-name { max-width: none; font-size: var(--t-lg); white-space: normal; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) #modal-root .project-cost-head-bar .pcost-head-client { max-width: none; line-height: 1.4; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) #modal-root .project-cost-head-bar :is(.pcost-head-version, .pcost-head-pills, .modal-help-btn) { display: none; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) #modal-root .project-cost-head-bar > .project-cost-head-actions { grid-column: 2; }
/* DC11: pole kwoty rabatu konstrukcji — waluta stoi na polu, liczba ma na nią odstęp (ta sama waga co reguła pól telefonu wyżej). */
:root[data-ui="mobile"] #modal-root .modal.project-costs-modal .project-cost-editor-column .project-cost-version-table-value.is-kwota > input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not(.combo-input) { padding-right: 40px; padding-left: var(--s-1); }
/* DC16c — pas blokady sprzedanego projektu na telefonie: tekst nad przyciskiem, przycisk na całą szerokość (cel 44 px). */
:root[data-ui="mobile"] .modal.project-costs-modal > .pcost-blokada { flex-wrap: wrap; gap: var(--s-2); padding: var(--s-2) var(--s-3); font-size: var(--t-xs); }
:root[data-ui="mobile"] .modal.project-costs-modal > .pcost-blokada > p { flex: 1 1 0; }
:root[data-ui="mobile"] .modal.project-costs-modal > .pcost-blokada > .button { flex: 1 1 100%; min-height: 44px; }
/* DC16d — telefon: rabat nie stoi w pasku ceny (jest w arkuszu „Wynik”) — przycisk „Ustaw rabat” na całą szerokość, cel 44 px. */