/* ============================================================================
   10h-dla-klienta-okno.css — OKNO „DLA KLIENTA” (centralny panel handlowca) WG WZORU (PROJEKT-OKIEN/artefakt, wersja 182, 19.10.2026)
   ----------------------------------------------------------------------------
   Reguły przeniesione ze wzoru (blok „Dla klienta”, prefiksy .dk- / .dc-) z zamianą tokenów wzoru na tokeny programu (--pow = --surface,
   --linia = --line, --tusz = --text, --ak = --accent, --uw = --warn-strong, --t-1…8 = --t-xs…3xl, --r-s = --r-sm, --h-k = --h-control)
   i klas klocków (.btn = .button, .btn.gl = .button.primary, .ui-seg = .segmented). Klocki wspólne (.ui-sw, .ui-jedn, .ui-st, .ui-ost)
   są w 3-komponenty/11-klocki-wzoru.css. Układ okna: .modal.dk-okno (położenie i wysokość — 3-komponenty/20-okna-polozenie.css).
   Zapytania kontenerowe (@container) liczą szerokość `.dc` (sekcja okna), jak we wzorze; progi „ramki aplikacji” wzoru (1180) = @media 1180.
   Telefon: css/9-telefon/4e-dla-klienta-okno.css (wyłącznie :root[data-ui="mobile"]). Zero !important.
   ============================================================================ */
.dk-bar { display:grid;grid-template-columns:130px minmax(0,1fr) 48px;gap:var(--s-2);align-items:center;min-height:28px;font-size:var(--t-sm) }
.dk-bar b { text-align:right;font-variant-numeric:tabular-nums }
.dk-tor { height:8px;border-radius:var(--r-pill);background:var(--surface-3);overflow:hidden }
.dk-tor i { display:block;height:100%;background:var(--accent);border-radius:var(--r-pill) }
.modal.dk-okno>.dk-forma { padding:var(--s-3) var(--s-4) }
.dk { display:flex;flex-direction:column;gap:var(--s-3);min-width:0 }
.dk-top { display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3) var(--s-5);padding:var(--s-3) var(--s-4);border:1px solid var(--line);border-radius:var(--r);background:var(--surface-2) }
.dk-kroki { display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--s-2) 0;list-style:none;margin:0;padding:0;min-width:0 }
.dk-kroki>li { display:flex;align-items:center;gap:var(--s-2);position:relative;padding-right:var(--s-5);color:var(--text-faint) }
.dk-kroki>li+li::before { content:"";width:var(--s-4);height:2px;margin:0 var(--s-2) 0 calc(var(--s-5) * -1 + var(--s-2));background:var(--line) }
.dk-kroki>li.ok+li::before,.dk-kroki>li.bie::before { background:var(--accent) }
.dk-kn { display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;border:2px solid var(--line);background:var(--surface);font-size:var(--t-xs);font-weight:700;color:var(--text-faint);font-variant-numeric:tabular-nums }
.dk-kn .ic { width:14px;height:14px }
.dk-kt { display:flex;flex-direction:column;min-width:0 }
.dk-kt b { font-size:var(--t-sm);font-weight:600;white-space:nowrap }
.dk-kt small { font-size:var(--t-xs);font-weight:600;color:var(--warn-strong) }
.dk-kroki>li.ok .dk-kn { border-color:var(--ok);background:var(--ok);color:var(--surface) }
.dk-kroki>li.ok { color:var(--text-muted) }
.dk-kroki>li.bie .dk-kn { border-color:var(--accent);background:var(--accent);color:var(--on-accent) }
.dk-kroki>li.bie { color:var(--text) }
.dk-kroki>li.bie .dk-kt b { font-weight:700 }
.dk-kroki>li.bie.uw .dk-kn { border-color:var(--warn-strong);background:var(--warn-strong);color:var(--surface) }
.dk-fakty { display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-5);margin:0 0 0 auto }
.dk-fakty>div { display:flex;flex-direction:column;gap:2px }
.dk-fakty dt { font-size:var(--t-xs);color:var(--text-faint) }
.dk-fakty dd { display:flex;align-items:center;gap:var(--s-2);margin:0;font-size:var(--t-sm);font-weight:600;white-space:nowrap }
.dk-rail { display:flex;flex-direction:column;gap:var(--s-1);position:sticky;top:0 }
.dk-rail>button { display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:var(--s-2);width:100%;min-height:52px;padding:var(--s-1) var(--s-2);border:1px solid transparent;border-radius:var(--r);background:transparent;font:inherit;color:var(--text);text-align:left;cursor:pointer }
.dk-rail>button:hover { background:var(--surface-2) }
.dk-rail>button:focus-visible { outline:2px solid var(--accent);outline-offset:1px }
.dk-rail>button[aria-current="true"] { border-color:color-mix(in srgb,var(--accent) 40%,transparent);background:var(--accent-soft) }
.dk-ri { display:grid;place-items:center;width:32px;height:32px;border-radius:var(--r-sm);background:var(--surface-3);color:var(--text-muted) }
.dk-ri .ic { width:18px;height:18px }
.dk-rail>button[aria-current="true"] .dk-ri { background:var(--accent);color:var(--on-accent) }
.dk-rt { display:flex;flex-direction:column;min-width:0 }
.dk-rt b { font-size:var(--t-base);font-weight:600 }
.dk-rt small { font-size:var(--t-xs);color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap }
.dk-tr { min-width:0 }
.dk-b { margin:0 }
.dk-blok { display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3);border:1px solid color-mix(in srgb,var(--warn-strong) 35%,transparent);border-radius:var(--r-sm);background:var(--warn-soft) }
.dk-blok>.ic { flex:none;width:18px;height:18px;color:var(--warn-strong) }
.dk-blok p { flex:1;min-width:0;margin:0;font-size:var(--t-sm);line-height:1.4 }
.dk-blok p b { color:var(--warn-strong) }
.dk-lv { grid-column:1/-1;display:flex;align-items:center;gap:var(--s-2);margin:0;font-size:var(--t-sm);font-weight:600;line-height:1.35 }
.dk-lv:empty { display:none }
.dk-lv.nagina { color:var(--warn-strong) }
.dk-lv.ryzyko { padding:var(--s-1) var(--s-3);border-radius:var(--r-sm);background:var(--warn-soft);color:var(--warn-strong);font-weight:700 }
.dk-lv.blokada { padding:var(--s-1) var(--s-3);border-radius:var(--r-sm);background:var(--surface-3);color:var(--text);font-weight:700 }
.dk-lv .ic { width:16px;height:16px;flex:none }
.dk-lnk { display:inline;padding:0;border:0;background:none;font:inherit;font-weight:700;color:var(--accent);text-decoration:underline;text-underline-offset:3px;cursor:pointer }
.dk-zap { display:flex;align-items:center;flex-wrap:wrap;gap:var(--s-2) var(--s-3);padding-top:var(--s-2);border-top:1px solid var(--line-soft) }
.dk-info { display:flex;align-items:center;gap:var(--s-2);font-size:var(--t-sm);color:var(--text-muted) }
.dk-info.blokada { padding:var(--s-1) var(--s-3);border-radius:var(--r-sm);background:var(--surface-3);color:var(--text);font-weight:700 }
.dk-info .ic { width:16px;height:16px }
.dc .dc-ustb span { flex:1 1 auto;min-width:0 }
.dc .dc-ustb i { flex:none }
@container (max-width:519px) {
  .ramka .dk .dc .segmented.dc-vtabs { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;align-self:stretch }
  .dc .dc-vtabs>button { min-width:0;white-space:normal;justify-content:center;text-align:center }
  .dc .dc-h { flex-wrap:wrap }
  .dc .dc-h .ui-sp { display:none }
  .dc .dc-h .dc-licz { flex:1 0 100%;margin:0 }
}
.dk .dc-nag { padding:0;gap:0;background:var(--surface-2);overflow:hidden }
.dk .dc-nagb { display:flex;align-items:center;gap:var(--s-3);width:100%;min-height:52px;padding:var(--s-2) var(--s-4);border:0;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer }
.dk .dc-nagb:hover { background:var(--surface-3) }
.dk .dc-nagk { display:flex;flex-direction:column;gap:1px;min-width:0;flex:1 }
.dk .dc-nagk b { font-size:var(--t-base);font-weight:700 }
.dk .dc-nagk small { font-size:var(--t-sm);color:var(--text-muted) }
.dk .dc-nag.otw .dc-psz i { transform:rotate(90deg) }
.dk .dc-nagc { display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-3) var(--s-4) var(--s-4);border-top:1px solid var(--line) }
.dk .dc-tabs { display:flex;gap:var(--s-1);padding:var(--s-1);border:1px solid var(--line);border-radius:var(--r);background:var(--surface-3);overflow-x:auto }
.dk .dc-tabs>button { flex:1 1 0;justify-content:center;min-height:52px;padding:var(--s-1) var(--s-4);border:0;border-radius:var(--r-sm);color:var(--text-muted);text-align:left }
.dk .dc-tabs>button:hover { background:var(--surface-2);color:var(--text) }
.dk .dc-tabs>button[aria-selected="true"] { background:var(--accent);color:var(--on-accent);box-shadow:var(--cien-1) }
.dk .dc-tabs>button[aria-selected="true"] .dc-tt small { color:inherit;opacity:.85 }
.dk .dc-tabs>button[aria-selected="true"] .dk-ri { background:color-mix(in srgb, var(--on-accent) 22%, transparent);color:inherit }
.dk .segmented { background:var(--surface-3) }
.dk .segmented button[aria-pressed="true"],.dk .segmented button[aria-selected="true"] { background:var(--accent);color:var(--on-accent);box-shadow:none;font-weight:700 }
.dc .dc-jez { display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--s-3) var(--s-4);padding:var(--s-3) var(--s-4);border:1px solid var(--line);border-radius:var(--r);background:var(--surface-2) }
.dc .dc-pgrid { display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-4);align-items:start }
.dc .dc-pk1 { display:flex;flex-direction:column;gap:var(--s-4);min-width:0 }
.dc .dc-kart { display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-4);border:1px solid var(--line);border-radius:var(--r);background:var(--surface) }
.dc .dc-kart h4 { display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--s-1) var(--s-3);margin:0;font-size:var(--t-md);font-weight:700 }
.dc .dc-kart h4 small { font-size:var(--t-sm);font-weight:500;color:var(--text-muted) }
.dc .dc-kart .dk-std { display:flex;flex-wrap:wrap;gap:var(--s-2) }
.dc .dc-roip { display:flex;flex-direction:column;gap:var(--s-3);padding-top:var(--s-3) }
@container (min-width:860px) {
  .dc .dc-pgrid { grid-template-columns:minmax(0,1fr) minmax(0,1fr) }
}
.dc .dc-tv { border:0;background:transparent;border-radius:0;overflow:visible;gap:var(--s-2) }
.dc .dc-tv>.dc-hr { border-radius:var(--r-sm);padding-left:var(--s-4);padding-right:var(--s-4) }
.dc .dc-tv>.dc-vw { border:1px solid var(--line);border-top:1px solid var(--line);border-radius:var(--r);background:var(--surface);overflow:hidden }
.dc .dc-tv>.dc-vw.otw { border:2px solid var(--accent);box-shadow:0 12px 28px -18px color-mix(in srgb, var(--text) 55%, transparent) }
.dc .dc-vw.otw>.dc-rv { background:var(--accent-soft);border-bottom:2px solid var(--accent) }
.dc .dc-det2 { background:var(--surface-2);border-top:0;gap:var(--s-4);padding:var(--s-4) var(--s-5) }
.dc .dc-sh { display:flex;align-items:center;justify-content:space-between;gap:var(--s-3) }
.dc .dc-sh b { font-size:var(--t-lg);font-weight:800;color:var(--accent) }
.dc .dc-sk { display:flex;justify-content:flex-end;padding-top:var(--s-3);border-top:2px dashed var(--line) }
.dc .dc-zw .ic { transform:rotate(-90deg) }
.dc .dc-det2 .dc-tab,.dc-det2 .dc-t { background:var(--surface) }
@container (max-width:759px) {
  .dc .dc-det2 { padding:var(--s-3) }
  .dc .dc-sh b { font-size:var(--t-md) }
}
.dc .dc-th span:nth-child(3),.dc .dc-th span:nth-child(4) { text-align:left }
.dc .dc-pv { justify-content:flex-start }
.dc .dc-pk { margin-left:var(--s-2);min-width:0;text-align:left }
.dc .dc-zw { gap:var(--s-2) }
.dc .dc-pv { display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:var(--s-1) }
.dc .dc-pvg { display:grid;grid-template-columns:44px 76px minmax(0,1fr);align-items:center;gap:var(--s-2) }
.dc .dc-pvg .ui-sw { justify-self:start }
.dc .dc-pk { margin-left:0;min-width:0;text-align:right;white-space:nowrap }
.dc .dc-rb { display:flex;flex-direction:column;justify-content:center;gap:var(--s-1) }
.dc .dc-sl { all: revert; box-sizing: border-box; width:100%;height:20px;margin:0;accent-color:var(--accent);cursor:pointer }   /* wzór: pole suwaka bez skórki programu (UA) */
.dc .dc-sl.lv-nagina { accent-color:var(--warn-strong) }
.dc .dc-sl.lv-ryzyko,.dc .dc-sl.lv-blokada { accent-color:var(--danger) }
.dc .dc-sl:disabled { opacity:.4;cursor:default }
.dc .dc-th span:nth-child(3),.dc .dc-th span:nth-child(4) { text-align:left }
@container (min-width:720px) {
  .dc .dc-th,.dc .dc-w { grid-template-columns:minmax(110px,1.1fr) 112px 232px 132px 120px }
}
.dc .dc-w { align-items:center;min-height:84px }
.dc .dc-tab .dc-w { padding-top:var(--s-3);padding-bottom:var(--s-3) }
@container (max-width:719px) {
  .dc .dc-pvg { grid-template-columns:44px 76px minmax(0,1fr) }
  .dc .dc-pv,.dc .dc-rb { grid-column:1/-1;align-items:stretch }
  .dc .dc-pv::before,.dc .dc-rb::before { margin-right:0 }
}
.dc-nag { display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-4);border:1px solid var(--line);border-radius:var(--r);background:var(--surface-2) }
.dc-nag>.dk-top { padding:0;border:0;background:transparent;border-radius:0 }
.dc-stg { display:grid;grid-template-columns:repeat(auto-fit,minmax(236px,1fr));gap:var(--s-2);padding-top:var(--s-3);border-top:1px solid var(--line) }
.dc-sti { display:flex;align-items:flex-start;gap:var(--s-3);min-height:60px;padding:var(--s-2) var(--s-3);border:1px solid var(--line-soft);border-radius:var(--r-sm);background:var(--surface);color:var(--text);font:inherit;text-align:left;cursor:pointer }
.dc-sti:hover { border-color:var(--accent) }
.dc-ico { display:grid;place-items:center;flex:none;width:26px;height:26px;margin-top:1px;border-radius:50%;background:var(--surface-3);color:var(--text-muted);font-size:var(--t-md);font-weight:800 }
.dc-ico .ic { width:16px;height:16px }
.dc-sti.ok .dc-ico { background:var(--ok-soft);color:var(--ok) }
.dc-sti.uw .dc-ico { background:var(--warn-soft);color:var(--warn-strong) }
.dc-stt { display:flex;flex-direction:column;gap:2px;min-width:0 }
.dc-stt b { font-size:var(--t-base);font-weight:700 }
.dc-stt small { font-size:var(--t-sm);line-height:1.35;color:var(--text-muted) }
.dc-sti.brak .dc-stt b { color:var(--text-muted) }
.dc-tabs { display:flex;gap:var(--s-2);overflow-x:auto;border-bottom:1px solid var(--line);padding-bottom:0 }
.dc-tabs>button { display:flex;align-items:center;gap:var(--s-3);flex:none;min-height:56px;padding:var(--s-2) var(--s-4);border:0;border-bottom:3px solid transparent;background:transparent;color:var(--text-muted);font:inherit;text-align:left;cursor:pointer }
.dc-tabs>button:hover { color:var(--text) }
.dc-tabs>button[aria-selected="true"] { color:var(--text);border-bottom-color:var(--accent) }
.dc-tabs .dk-ri { display:grid;place-items:center;width:32px;height:32px;border-radius:var(--r-sm);background:var(--surface-3) }
.dc-tabs>button[aria-selected="true"] .dk-ri { background:var(--accent);color:var(--on-accent) }
.dc-tt { display:flex;flex-direction:column;gap:1px }
.dc-tt b { font-size:var(--t-md);font-weight:700 }
.dc-tt small { font-size:var(--t-sm);color:var(--text-muted) }
.dk .dk-tr { min-width:0 }
.dc-t { display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--surface) }
.dc-hr,.dc-r { display:grid;grid-template-columns:var(--k);gap:var(--s-3);align-items:center;padding:var(--s-3) var(--s-4) }
.dc-hr { padding-top:var(--s-2);padding-bottom:var(--s-2);background:var(--surface-2);font-size:var(--t-sm);font-weight:700;color:var(--text-muted) }
.dc-r { min-height:64px;border-top:1px solid var(--line-soft);font-size:var(--t-base) }
.dc-c { display:flex;flex-direction:column;gap:2px;min-width:0 }
.dc-c small { font-size:var(--t-sm);color:var(--text-muted) }
.dc-cn { flex-direction:row;align-items:center;gap:var(--s-3) }
.dc-cn>span:last-child { display:flex;flex-direction:column;gap:2px;min-width:0 }
.dc-cn b { font-size:var(--t-md);font-weight:700;overflow-wrap:anywhere }
.dc-ca { flex-direction:row;align-items:center;justify-content:flex-end;gap:var(--s-2) }
.dc-off { color:var(--text-muted) }
.dc-tv { --k:minmax(104px,1.05fr) 118px 150px minmax(150px,1.2fr) 124px 20px }
.dc-tv .dc-cn { flex-direction:column;align-items:flex-start;gap:2px }
.dc-vw { border-top:1px solid var(--line-soft) }
.dc-vw>.dc-r { border-top:0 }
.dc-rv { cursor:pointer }
.dc-rv:hover { background:var(--surface-2) }
.dc-vw.otw>.dc-rv { background:var(--accent-soft) }
.dc-rv:focus-visible { outline:2px solid var(--accent);outline-offset:-2px }
.dc-cc b { font-size:var(--t-md);font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap }
.dc-cp { align-items:flex-start }
.dc-cp .ui-st { align-self:flex-start }
.dc-ra { min-height:36px;width:100% }
.dc-chv { display:grid;place-items:center;color:var(--text-muted);transition:transform .15s }
.dc-vw.otw .dc-chv { transform:rotate(90deg) }
.dc-det2 { display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-4);border-top:1px solid var(--line);background:var(--surface) }
.dc-vtabs { align-self:flex-start;max-width:100% }
.dc-vpane { display:flex;flex-direction:column;gap:var(--s-3);min-width:0 }
.dc-fakty2 { display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--s-2);margin:0 }
.dc-fakty2>div { display:flex;flex-direction:column;gap:2px;padding:var(--s-2) var(--s-3);border-radius:var(--r-sm);background:var(--surface-2) }
.dc-fakty2 dt { font-size:var(--t-sm);color:var(--text-muted) }
.dc-fakty2 dd { margin:0;font-size:var(--t-md);font-weight:700 }
.dc-bary { display:flex;flex-direction:column;gap:var(--s-2) }
.dc-toolb { display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--s-3) }
.dc-tp { --k:minmax(170px,1.6fr) 118px 96px 72px minmax(128px,1fr) 150px }
.dc-tz { --k:128px minmax(150px,1.1fr) minmax(150px,1.5fr) 64px 72px }
.dc-ts { --k:116px 128px 64px 96px minmax(110px,1fr) }
.dc-r select { background:var(--surface);color:var(--text);border:1px solid var(--line-strong);border-radius:var(--r-sm);font:inherit;font-size:var(--t-base);min-height:var(--h-control);padding:0 var(--s-2);max-width:100% }
.dc-pg { min-height:36px;padding:0 var(--s-2) }
.dc-px { min-height:36px }
@container (max-width:759px) {
  .dc-hr { display:none }
  .dc-r { grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-2) var(--s-3);padding:var(--s-3) }
  .dc-r>.dc-cn,.dc-r>.dc-ca { grid-column:1/-1 }
  .dc-r>.dc-c[data-et]::before { content:attr(data-et);font-size:var(--t-sm);font-weight:600;color:var(--text-muted) }
  .dc-r>.dc-cn[data-et]::before { content:none }
  .dc-rv { grid-template-columns:minmax(0,1fr) auto 20px }
  .dc-rv>.dc-cn { grid-column:1 }
  .dc-r.dc-rv>.dc-c[data-et]::before { content:none }
  .dc-rv>.dc-cc { grid-column:2;align-items:flex-end }
  .dc-rv>.dc-chv { grid-column:3;grid-row:1 }
  .dc-rv>.dc-cs,.dc-rv>.dc-cp { grid-column:1/-1;flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--s-2) }
  .dc-rv>.dc-ca { grid-column:1/-1 }
  .dc-det2 { padding:var(--s-3) }
}
.dc-psz { display:flex;align-items:center;gap:var(--s-2);flex:none;font-size:var(--t-base);font-weight:700;color:var(--accent) }
.dc-psz i { display:grid;place-items:center;transition:transform .15s }
.dc-pf { display:flex;flex-direction:column }
.dc-pr1 { display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);min-height:64px;padding:var(--s-3) 0;border-top:1px solid var(--line-soft) }
.dc-pf>.dc-pr1:first-child { border-top:0 }
.dc-pr1.kol { flex-direction:column;align-items:stretch;gap:var(--s-2) }
.dc-pr1 textarea { width:100%;min-height:84px }
.dc-pl2 { display:flex;flex-direction:column;gap:2px;min-width:0 }
.dc-pl2 b { font-size:var(--t-md);font-weight:700 }
.dc-pl2 small { font-size:var(--t-base);color:var(--text-muted);font-weight:400 }
.dc-px { min-height:36px;color:var(--text-muted) }
.dc-pusto { margin:0;padding:var(--s-5) var(--s-4);border:1px dashed var(--line-strong);border-radius:var(--r);text-align:center;font-size:var(--t-md);color:var(--text-muted) }
.dc-dod { display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--s-2) var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--r);border:1px solid var(--line) }
.dc-dod span { display:flex;flex-direction:column;gap:2px }
.dc-dod b { font-size:var(--t-md) }
.dc-dod small { font-size:var(--t-base);color:var(--text-muted) }
.dc-dod.czeka { background:var(--warn-soft);border-color:transparent }
.dc-dod.ok { background:var(--surface-2) }
.dc-nota { margin:0 }
.dc-pick { display:flex;flex-direction:column;gap:var(--s-3) }
.dc-pg2 h4 { display:flex;align-items:baseline;gap:var(--s-2);margin:0 0 var(--s-2);font-size:var(--t-md);font-weight:700 }
.dc-pg2 h4 small { font-size:var(--t-base);font-weight:500;color:var(--text-muted) }
.dc-pkr { display:flex;align-items:center;gap:var(--s-3);min-height:56px;padding:var(--s-2) var(--s-3);border-top:1px solid var(--line-soft);cursor:pointer }
.dc-pkr input { width:20px;height:20px;flex:none }
.dc-pkr:hover { background:var(--surface-2) }
.dc-pkr.juz { opacity:.7;cursor:default }
.dc-zf { display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--s-3) }
.dc-dz { display:grid;place-items:center;color:var(--accent) }
.dc-dz .ic { width:18px;height:18px }
.dc-pr1 textarea,.dc-pick input[type=search] { background:var(--surface);color:var(--text);border:1px solid var(--line-strong);border-radius:var(--r-sm);font:inherit;font-size:var(--t-base);padding:var(--s-2) var(--s-3) }
.dc-pr1 textarea:focus { outline:0;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft) }
@container (max-width:519px) {
  .dc-psz { display:none }
  .dc-pr1 { flex-wrap:wrap }
  .dc-zf .dc-vis { justify-content:flex-start;margin-left:0 }
}
.dc { container-type:inline-size;display:flex;flex-direction:column;gap:var(--s-4);min-width:0 }
.dc-h { display:flex;align-items:center;gap:var(--s-2);margin:var(--s-2) 0 0;font-size:var(--t-lg);font-weight:700;line-height:1.25;color:var(--text) }
.dc-h:first-child { margin-top:0 }
.dc-h small,.dc-licz { font-size:var(--t-base);font-weight:600;color:var(--text-muted) }
.dc-h2 { display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--s-1) var(--s-3);margin:var(--s-3) 0 0;font-size:var(--t-md);font-weight:700;color:var(--text) }
.dc-h2 small { font-size:var(--t-base);font-weight:500;color:var(--text-muted) }
.dc-wb { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto auto;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);min-height:54px;background:transparent;border:0;border-top:1px solid var(--line-soft);color:var(--text);font:inherit;font-size:var(--t-md);text-align:left;cursor:pointer }
.dc-wb b { font-weight:700 }
.dc-wc { font-weight:700;font-variant-numeric:tabular-nums;text-align:right }
.dc-wb:hover { background:var(--surface-2) }
.dc-wb.sel { background:var(--accent-soft) }
.dc-wb.sel b { color:var(--accent) }
.dc-tab { display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r);overflow:hidden }
.dc-th,.dc-w { display:grid;grid-template-columns:minmax(110px,1.2fr) 112px 200px 124px 120px;gap:var(--s-2);align-items:center;padding:var(--s-3) var(--s-3) }
.dc-th { background:var(--surface-2);font-size:var(--t-sm);font-weight:700;color:var(--text-muted) }
.dc-th span:nth-child(n+2) { text-align:right }
.dc-w { border-top:1px solid var(--line-soft);font-size:var(--t-md);min-height:64px }
.dc-n { font-weight:700;overflow-wrap:anywhere }
.dc-f,.dc-k { text-align:right;font-variant-numeric:tabular-nums }
.dc-k { font-weight:800 }
.dc-pv { display:flex;align-items:center;justify-content:flex-end;gap:var(--s-2) }
.dc-pr { width:72px;flex:none }
.dc-pk { min-width:56px;text-align:right;font-size:var(--t-base);color:var(--text-muted);font-weight:600;font-variant-numeric:tabular-nums }
.dc-rb .ui-jedn { width:100%;min-width:0 }
.dc-pr input,.dc-rb input { width:100%;min-width:0;flex:1 1 auto }
.dc-f,.dc-k,.dc-pk,.dc-wc { white-space:nowrap }
.dc-w .dk-lv { grid-column:1/-1 }
.dc-w.wp .dc-f { color:var(--text-muted);font-size:var(--t-base) }
.dc-flow { display:flex;align-items:flex-end;flex-wrap:wrap;gap:var(--s-2) var(--s-3);margin:0;padding:var(--s-3) var(--s-4);border-radius:var(--r);background:var(--surface-2) }
.dc-flow span { display:flex;flex-direction:column;gap:2px }
.dc-flow small { font-size:var(--t-sm);font-weight:600;color:var(--text-muted) }
.dc-flow b { font-size:var(--t-lg);font-variant-numeric:tabular-nums }
.dc-flow i { font-style:normal;font-size:var(--t-lg);color:var(--text-faint);padding-bottom:2px }
.dc-wyn b { font-size:var(--t-xl);color:var(--accent) }
p.dc-flow { font-size:var(--t-base);color:var(--text-muted) }
.dc-ostr { display:flex;align-items:flex-start;gap:var(--s-2);margin:0;padding:var(--s-2) var(--s-3);border-radius:var(--r-sm);background:var(--warn-soft);color:var(--warn-strong);font-size:var(--t-base);font-weight:600 }
.dc-ostr .ic { width:18px;height:18px;flex:none;margin-top:1px }
.dc-stat { display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:var(--s-2);margin:0 }
.dc-stat>div { display:flex;flex-direction:column;gap:2px;padding:var(--s-2) var(--s-3);border-radius:var(--r-sm);background:var(--surface-2) }
.dc-stat dt { font-size:var(--t-sm);color:var(--text-muted) }
.dc-stat dd { margin:0;font-size:var(--t-lg);font-weight:700;font-variant-numeric:tabular-nums }
.dc-brak { margin:0;font-size:var(--t-base);color:var(--text-muted) }
.dc-akc { display:flex;flex-wrap:wrap;gap:var(--s-2) }
.dc-akc .button { min-height:40px }
.dc-ustb { display:flex;align-items:center;gap:var(--s-3);width:100%;min-height:48px;padding:var(--s-2) var(--s-3);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-2);color:var(--text);font:inherit;font-size:var(--t-md);font-weight:700;text-align:left;cursor:pointer }
.dc-ustb small { margin-left:auto;font-size:var(--t-base);font-weight:500;color:var(--text-muted) }
.dc-ustb i { display:grid;place-items:center;transition:transform .15s }
.dc-ustb[aria-expanded="true"] i { transform:rotate(90deg) }
.dc-ustb:hover { border-color:var(--accent) }
.dc-ksa { display:flex;gap:var(--s-2);flex-wrap:wrap;margin-left:auto }
.dc-ksa .button { min-height:40px }
.dc-det .dc-pl { border-top:1px solid var(--line-soft) }
.dc-pl { display:flex;align-items:center;flex-wrap:wrap;gap:var(--s-3);min-height:60px;padding:var(--s-3) var(--s-4);border-top:1px solid var(--line-soft) }
.dc-pi { display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:var(--r-sm);background:var(--surface-3);color:var(--text-muted) }
.dc-pi .ic { width:20px;height:20px }
.dc-pdf { font-size:var(--t-sm);font-weight:800 }
.dc-pn { display:flex;flex-direction:column;gap:2px;flex:1 1 200px;min-width:0 }
.dc-pn b { font-size:var(--t-md);font-weight:700;overflow-wrap:anywhere }
.dc-pn small { font-size:var(--t-base);color:var(--text-muted) }
.dc-vis { display:flex;align-items:center;justify-content:flex-end;gap:var(--s-2);min-width:128px;margin-left:auto;font-size:var(--t-base);font-weight:600;color:var(--text-muted);cursor:pointer }
.dc-pl.on .dc-vis { color:var(--text) }
.dc-lnki { display:flex;font-size:var(--t-base) }
.dc-det { border:1px solid var(--line);border-radius:var(--r);overflow:hidden }
.dc-det summary { display:flex;align-items:center;flex-wrap:wrap;gap:var(--s-2) var(--s-3);min-height:52px;padding:var(--s-3) var(--s-4);font-size:var(--t-md);font-weight:700;cursor:pointer }
.dc-det summary small { font-size:var(--t-base);font-weight:500;color:var(--text-muted) }
.dc-nota { margin:0;padding:0 var(--s-4) var(--s-3);font-size:var(--t-base);color:var(--text-muted) }
@container (max-width:719px) {
  .dc-th { display:none }
  .dc-w { grid-template-columns:minmax(0,1fr) auto;gap:var(--s-2) var(--s-3);padding:var(--s-3) var(--s-4) }
  .dc-n { grid-column:1;grid-row:1 }
  .dc-k { grid-column:2;grid-row:1;font-size:var(--t-lg) }
  .dc-f,.dc-pv,.dc-rb { grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:var(--s-2);min-height:40px }
  .dc-f::before,.dc-pv::before,.dc-rb::before { content:attr(data-et);margin-right:auto;font-size:var(--t-base);font-weight:600;color:var(--text-muted) }
  .dc-rb .ui-jedn { width:140px }
  .dc-wb { grid-template-columns:minmax(0,1fr) auto;row-gap:2px }
  .dc-wc { grid-column:2;grid-row:1 }
  .dc-wb .ui-st { grid-column:2;grid-row:2;justify-self:end }
  .dc-ustb small { display:none }
}
@container (max-width:519px) {
  .dc-ksa { margin-left:0;width:100% }
  .dc-ksa .button { flex:1 1 0 }
  .dc-vis { min-width:0 }
}
.dk-bar { display:grid;grid-template-columns:150px minmax(0,1fr) 52px;align-items:center;gap:var(--s-2);font-size:var(--t-sm) }
.dk-tor { height:8px;border-radius:4px;background:var(--surface-3);overflow:hidden }
.dk-tor i { display:block;height:100%;background:var(--accent) }
.dk-bar b { text-align:right;font-variant-numeric:tabular-nums }
@media (max-width: 1180px) {
  .dk-rail>button { min-height:44px }
}
.dk-nowa { display:flex;align-items:center;flex-wrap:wrap;gap:var(--s-2) var(--s-3);padding:var(--s-2) var(--s-3);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-2);font-size:var(--t-sm) }
.dk-nowa>span { flex:1 1 220px;min-width:0 }
.dk-nowa .button .ic { width:16px;height:16px }
.dk-rp { display:flex;flex-direction:column;gap:2px }
.dk-rp small { font-size:var(--t-xs);color:var(--text-faint) }
.dk-rp .ui-jedn input { width:100%;min-width:0;height:36px }
.dk-std { display:flex;align-items:center;flex-wrap:wrap;gap:var(--s-2) var(--s-3);padding:var(--s-3);border:1px solid var(--line);border-radius:var(--r);background:var(--surface-2) }
.dk-std .ui-nz { flex:1 1 280px;min-width:0 }
.dk-podsek { margin:0 0 var(--s-1);font-size:var(--t-sm) }
.dk-strefy { display:flex;align-items:flex-start;gap:var(--s-2);padding:var(--s-2) var(--s-3);border-radius:var(--r-sm);background:var(--surface-2);font-size:var(--t-sm);line-height:1.45;color:var(--text-muted) }
.dk-strefy>.ic { flex:none;width:18px;height:18px;margin-top:2px;color:var(--text-faint) }
.dk-strefy b { color:var(--text) }
.dk-rs { display:grid;grid-template-columns:minmax(150px,1.1fr) repeat(3,minmax(110px,1fr));align-items:start;gap:var(--s-2) var(--s-3);padding:var(--s-2) var(--s-3);border-top:1px solid var(--line-soft) }
.dk-rn { display:flex;flex-direction:column;padding-top:var(--s-1) }
.dk-rn b { font-weight:600 }
.dk-rn small { font-size:var(--t-xs);color:var(--text-faint) }
.dk-rp>i { font-style:normal;font-size:var(--t-xs);color:var(--text-faint) }
.dk-rg { display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3) }
.dk-rb { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-2) var(--s-3);padding:var(--s-3);border:1px solid var(--line);border-radius:var(--r);align-content:start }
.dk-rb>.dk-podsek { grid-column:1/-1 }
.dk-inw { display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3);border:1px solid var(--line);border-radius:var(--r);background:var(--surface-2) }
.dk-inwk { font-size:var(--t-md);font-variant-numeric:tabular-nums }
.dk-rw { display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--s-2) }
.dk-rw>div { display:flex;flex-direction:column;gap:2px;padding:var(--s-2) var(--s-3);border-radius:var(--r-sm);background:var(--surface-2) }
.dk-rw small { font-size:var(--t-xs);color:var(--text-faint) }
.dk-rw b { font-size:var(--t-base);font-weight:700;font-variant-numeric:tabular-nums }
.dk-rw b.dk-zy { color:var(--ok) }
.dk-dni { max-width:180px }
.dk-dni input { width:100%;min-width:0 }
@media (max-width: 1180px) {
  .dk-rs { grid-template-columns:minmax(0,1fr) repeat(3,minmax(0,1fr)) }
  .dk-rw { grid-template-columns:repeat(3,minmax(0,1fr)) }
  .dk-rg { grid-template-columns:1fr }
}
:root[data-ui="tablet"] .dk-rw { grid-template-columns:repeat(3,minmax(0,1fr)) }
:root[data-ui="tablet"] .dk-rg { grid-template-columns:1fr }
.dk-kt small.dk-kkr { display:none;color:var(--text-faint);font-weight:500 }

/* --- powłoka okna (programowa; wzór ma ją w `.ui-ok`, zmierzone narzędziem porownaj-wzor): szerokość jak `.ui-ok.l`, nagłówek [tytuł][?][plakietka stanu][×] --- */
.modal.dk-okno { --okno-w: 1180px; --okno-tlo: var(--surface); box-shadow: var(--cien-2); }
.modal.dk-okno > header { align-items: flex-start; gap: var(--s-2); padding: var(--s-4) var(--s-3) var(--s-3) var(--s-5); border-bottom: 1px solid var(--line); }
.modal.dk-okno > header h2 { font-family: var(--font-tytul); font-size: var(--t-lg); font-weight: var(--w-bold); letter-spacing: var(--ls-tytul); line-height: var(--lh-base); }
.modal.dk-okno > header .modal-subtitle { display: block; gap: 0; margin: 2px 0 0; font-size: var(--t-sm); line-height: var(--lh-base); color: var(--text-faint); }
.modal.dk-okno > header :is(.icon-button, .modal-help-btn) { width: var(--h-control); height: var(--h-control); gap: 0; padding: 1px 6px; border: 0; border-radius: var(--r-sm); background: transparent; color: var(--text-muted); }
.modal.dk-okno > header :is(.icon-button, .modal-help-btn):hover { background: var(--surface-3); }
.modal.dk-okno > header .icon { width: 18px; height: 18px; }
.modal.dk-okno > header .dk-stan-pill { display: inline-flex; margin-left: 0; order: 2; }
.modal.dk-okno > header .modal-help-btn { order: 1; margin-left: auto; }
.modal.dk-okno > header .icon-button:last-child { order: 3; margin-left: 0; }
.modal.dk-okno > .dk-forma { display: block; }
.modal.dk-okno > footer { gap: var(--s-2); padding: var(--s-2) var(--s-4); border-top: 1px solid var(--line); background: var(--surface); }
.modal.dk-okno .button { padding-inline: var(--s-3); line-height: var(--lh-base); }
.modal.dk-okno .button.primary { border-color: var(--accent); }
.modal.dk-okno > footer .button.primary[data-action="close-modal"] { background: var(--accent); color: var(--on-accent); }
.modal.dk-okno .segmented { gap: 3px; padding: 3px; border-radius: var(--r); background: var(--surface-3); }
.modal.dk-okno .segmented > button { min-height: var(--h-control); padding: 0 var(--s-3); font-size: var(--t-sm); }
.modal.dk-okno .segmented > button:not([aria-pressed="true"], [aria-selected="true"]) { font-weight: var(--w-bold); }
.button.dk-czerw { border-color: var(--danger-ramka); background: var(--surface); color: var(--danger); }
.button.dk-czerw:hover:not(:disabled) { background: var(--danger-soft); }
.dc-w .dk-lv { font-size: var(--t-xs); }
.dc-tv .dc-cs .ui-st { height: auto; min-height: 26px; padding-block: 2px; white-space: normal; line-height: 1.3; }   /* „wstępna — niezatwierdzona” mieści się w kolumnie (zawija się zamiast ucinać) */
.dc-w.wp .dc-f { white-space: normal; line-height: 1.25; }