/* ============================================================================
   10l-dla-klienta-ksiazka.css — okno „Generuj książkę materiałów” w panelu „Dla klienta” (20.10.2026). Markup: js/okna/dla-klienta-ksiazka.js.
   Nakładka .app-confirm (ramka, cień, stopka; telefon = arkusz od dołu z 9-telefon/2-okna.css). Tu: lista konstrukcji, podsumowanie, uwagi i braki
   tłumaczeń. Kolory z tokenów: czerwień = błąd do poprawy, bursztyn = brak tłumaczenia (da się wygenerować), zieleń = komplet.
   ============================================================================ */
.app-confirm.dk-ksg { max-height: calc(100vh / var(--skala-ui) - var(--s-6)); display: flex; flex-direction: column; }
.dk-ksg > div:first-child { min-height: 0; overflow-y: auto; }
.dk-ksg-nota { margin: 0; font-size: var(--t-sm); color: var(--text-muted); }
.dk-ksg-blad { margin: 0; font-size: var(--t-base); font-weight: var(--w-bold); color: var(--danger); }
.dk-ksg-ok { margin: 0; font-size: var(--t-sm); font-weight: var(--w-bold); color: var(--ok); }
.dk-ksg-sum { margin: 0; font-size: var(--t-base); color: var(--text); }
.dk-ksg-zakres { display: grid; gap: var(--s-1); min-width: 0; margin: 0; padding: 0; border: 0; }
.dk-ksg-zakres legend { padding: 0; margin-bottom: var(--s-1); font-size: var(--t-sm); font-weight: var(--w-bold); color: var(--text-muted); }
.dk-ksg-kon { display: flex; align-items: center; gap: var(--s-2); min-height: var(--h-control); padding: 0 var(--s-2); border: 1px solid var(--line); border-radius: var(--r-sm); background: var(--surface); cursor: pointer; }
.dk-ksg-kon.wyl { background: var(--surface-3); cursor: default; }
.dk-ksg-kon > span { display: grid; min-width: 0; }
.dk-ksg-kon b { font-weight: var(--w-bold); overflow-wrap: anywhere; }
.dk-ksg-kon small { font-size: var(--t-xs); color: var(--text-faint); }
.dk-ksg-bl, .dk-ksg-tl { display: grid; gap: var(--s-1); padding: var(--s-2) var(--s-3); border-radius: var(--r-sm); font-size: var(--t-sm); }
.dk-ksg-bl { background: var(--danger-soft); color: var(--danger); }
.dk-ksg-tl { background: var(--warn-soft); color: var(--warn-strong); }
.dk-ksg-bl ul, .dk-ksg-tl ul { display: grid; gap: var(--s-1); margin: 0; padding: 0; list-style: none; max-height: calc(var(--h-control) * 4); overflow-y: auto; }
.dk-ksg-tl li { display: grid; min-width: 0; }
.dk-ksg-tl li span { font-weight: var(--w-bold); overflow-wrap: anywhere; }
.dk-ksg-tl li small { font-size: var(--t-xs); }
.dk-ksg-tl .dk-ksg-nota { color: var(--warn-strong); }