/* ============================================================================
   9-telefon/3d-kalkulator-powrot-i-zestaw.css — TELEFON: „‹ Koszty” i ostrzeżenie „niezapisany zestaw” w oknie Kalkulatora (18.10.2026)
   ----------------------------------------------------------------------------
   Zastępuje 3d-kalkulator-konstrukcja-uklad.css: zaznaczanie konstrukcji, wiersz konstrukcji i „Zaznacz wszystkie | Odznacz” na telefonie
   przejął wzór (przełącznik 34 × 20, kontenery @container ked / @media w 4-widoki/11i-kalkulator-wzor-konstrukcje.css).
   (4) „‹ Koszty” — przycisk 48 px w kolorze akcentu (telefon pionowo: tam jest ekran listy → edytor);
   (5) blok „niezapisany zestaw” w arkuszu Wynik (11h). Tokeny; zero !important.
   ============================================================================ */

/* === 4. „‹ KOSZTY”: przycisk 48 px w kolorze akcentu (nadpisuje link 44 px z 3b) === */
:root[data-ui="mobile"]:not([data-telefon-poziomo]) form.pcost-v15 .pcost-wroc { display: inline-flex; align-items: center; align-self: flex-start; gap: var(--s-2); min-height: 48px; margin: 0 0 var(--s-2); padding: 0 var(--s-4) 0 var(--s-3); border: 1px solid color-mix(in srgb, var(--accent) 40%, transparent); border-radius: var(--r); background: var(--accent-soft); color: var(--accent-strong); font-size: var(--t-md); font-weight: var(--w-bold); cursor: pointer; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) form.pcost-v15 .pcost-wroc > .icon { width: 22px; height: 22px; }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) form.pcost-v15 .pcost-wroc:active { transform: scale(.97); }
:root[data-ui="mobile"]:not([data-telefon-poziomo]) form.pcost-v15 .pcost-wroc:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }

/* === 5. Ostrzeżenia „niezapisany zestaw” na telefonie (11h): blok w arkuszu Wynik węższy w marginesach, przycisk na całą szerokość 44 px === */
:root[data-ui="mobile"] .pcost-zestaw { align-items: flex-start; }   /* ikona przy pierwszej linii, nie pośrodku wysokiego tekstu */
:root[data-ui="mobile"] .pcost-zestaw.pcost-zestaw-wynik { margin: var(--s-2) var(--s-3) 0; }
:root[data-ui="mobile"] .pcost-zestaw-przycisk { flex: 1 1 100%; min-height: 44px; }