/* ============================================================================
   10m-dla-klienta-cena-podsumowanie.css — „Dla klienta” → Cena i konstrukcje: suma netto · VAT · brutto i skutek rabatu dla prowizji (20.10.2026)
   ----------------------------------------------------------------------------
   Tylko klasy kfx-dk-… (własna przestrzeń nazw); wnętrze okna „Dla klienta” (.dc-…) zostaje nietknięte. Tokeny, zero !important.
   Markup: okna/cena-dla-klienta-podsumowanie.js. Telefon: css/9-telefon/34-dla-klienta-cena-podsumowanie.css.
   ============================================================================ */

.kfx-dk { display: flex; flex-direction: column; gap: var(--s-2); margin: 0; }
.kfx-dk-suma { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s-2) var(--s-3); margin: 0; padding: var(--s-3) var(--s-4); border-radius: var(--r); background: var(--surface-2); }
.kfx-dk-suma > div { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.kfx-dk-suma dt { color: var(--text-muted); font-size: var(--t-sm); font-weight: var(--w-bold); }
.kfx-dk-suma dd { margin: 0; font-size: var(--t-md); font-weight: var(--w-strong); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.kfx-dk-po { color: var(--text-faint); font-size: var(--t-sm); font-weight: var(--w-medium); }
.kfx-dk-skutki { display: flex; flex-direction: column; gap: var(--s-1); margin: 0; padding: 0 var(--s-4); list-style: none; }
.kfx-dk-skutki li { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--s-1) var(--s-3); color: var(--text-muted); font-size: var(--t-sm); line-height: 1.4; }
.kfx-dk-skutki li b { color: var(--text); font-weight: var(--w-bold); }
.kfx-dk-skutki li span { min-width: 0; overflow-wrap: anywhere; }
.kfx-dk-skutki li.kfx-dk-ponad span { color: var(--warn-strong); font-weight: var(--w-bold); }