/* ============================================================
   Panel zarządzania recepcją (zarzadzanie.js) — scoped #view-zarzadzanie; okno „Wyślij do omówienia” globalnie (.zr-dlg).
   WYŁĄCZNIE tokeny z tokens.css; zero literałów kolorów, zero !important. 2 rozmiary pisma w wierszach, oddech 12×16 px.
   ============================================================ */
/* (15.10) bez overflow — Hub przewija całą stronę (check:widoki-bez-przewijania); zarzadzanie.js i tak przewija okno */
#view-zarzadzanie { padding: var(--space-5) var(--space-6);
  /* (14.10) rytm odstępów (Sonia: „czytelność i trochę większe odstępy”): między blokami strony / między grupami w sekcji / podpis pod tabelą */
  --zr-gap: var(--space-5); --zr-gap-in: var(--space-5); --zr-gap-cap: var(--space-3); }
#view-zarzadzanie .zr { max-width: 1180px; margin: 0 auto; color: var(--nh-text); font-family: var(--nh-font-body); font-size: 14px; line-height: 1.5; }
/* (14.10) Czytelność — runda 3 (Sonia: „subtelniej, żeby pasowało do minimalizmu górnego paska, menu i ekranu logowania”):
   małe rozmiary, średnie grubości, cienkie linie, dużo światła; jedyny akcent = cienka ciepła kreska pod aktywną zakładką
   (ta sama co przy aktywnej pozycji menu bocznego, --nh-accent-warm). Układ bez zmian: sekcje zwijane, podsumowanie w nagłówku, „Pokaż kolejne”. */
#view-zarzadzanie .zr-head { margin-top: var(--space-5); }
#view-zarzadzanie .zr-eyebrow { margin: 0; font: 600 11px/1.2 var(--nh-font-head); letter-spacing: .16em; text-transform: uppercase; color: var(--nh-text-2); }
#view-zarzadzanie .zr-h1 { margin: 6px 0 0; font: 600 22px/1.25 var(--nh-font-head); color: var(--nh-text); }
#view-zarzadzanie .zr-sub { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 6px; margin: 4px 0 0; font-size: 13px; color: var(--nh-text-2); }
#view-zarzadzanie .zr-sub-adm { font-size: 12px; color: var(--nh-text-2); }
#view-zarzadzanie .zr-sub-adm::before { content: '·'; margin-right: 6px; }
#view-zarzadzanie .zr-hintline { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 6px; margin: var(--space-3) 0 0; font-size: 12px; color: var(--nh-text-2); max-width: 80ch; }
/* sekcja zwijana: [numer] tytuł + ⓘ / podsumowanie w jednym zdaniu · liczba · „więcej” · strzałka */
#view-zarzadzanie .zr-sec { background: var(--nh-surface); border: 1px solid var(--nh-line); border-radius: var(--radius-md); margin-top: var(--space-3); }
#view-zarzadzanie .zr-sec-h { display: flex; align-items: center; gap: var(--space-3) var(--space-4); padding: 14px var(--space-5); cursor: pointer; }
#view-zarzadzanie .zr-sec-h:hover h2 { color: var(--nh-accent); }
#view-zarzadzanie .zr-sec-n { flex: 0 0 auto; width: 24px; height: 24px; box-sizing: border-box; border: 1px solid var(--nh-line); border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: var(--nh-text-2); font: 600 12px var(--nh-font-body); font-variant-numeric: tabular-nums; }
#view-zarzadzanie .zr-sec-tt { flex: 1 1 auto; min-width: 0; }
#view-zarzadzanie .zr-sec-tt h2 { display: flex; align-items: center; gap: 6px; margin: 0; font: 600 15px/1.3 var(--nh-font-head); color: var(--nh-text); }
#view-zarzadzanie .zr-sec-sum { margin: 2px 0 0; font-size: 13px; color: var(--nh-text-2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-variant-numeric: tabular-nums; }
#view-zarzadzanie .zr-sec-sum b { font-weight: 600; color: var(--nh-text); }
#view-zarzadzanie .zr-sec-sum b.is-ok { color: var(--nh-ok-ink); }
#view-zarzadzanie .zr-sec-sum b.is-warn { color: var(--nh-warn-text); }
#view-zarzadzanie .zr-sec-sum b.is-miss { color: var(--nh-miss-text); }
#view-zarzadzanie .zr-sec.is-open > .zr-sec-h .zr-sec-sum { white-space: normal; }
#view-zarzadzanie .zr-sec-c { flex: 0 0 auto; color: var(--nh-text-2); font: 600 13px var(--nh-font-body); font-variant-numeric: tabular-nums; }
#view-zarzadzanie .zr-sec-more { flex: 0 0 auto; }
#view-zarzadzanie .zr-sec-tg { flex: 0 0 auto; width: 28px; height: 28px; border: 0; border-radius: 50%; background: transparent; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; --icon-color: var(--nh-text-2); }
#view-zarzadzanie .zr-sec-tg:hover { background: var(--nh-field); }
#view-zarzadzanie .zr-sec-tg .nh-icon { transition: transform .15s; }
#view-zarzadzanie .zr-sec.is-open > .zr-sec-h .zr-sec-tg .nh-icon { transform: rotate(180deg); }
#view-zarzadzanie .zr-sec-tg:focus-visible { outline: 2px solid var(--nh-accent); outline-offset: 2px; }
#view-zarzadzanie .zr-sec-b { padding: 0 var(--space-5) var(--space-5); }
#view-zarzadzanie .zr-sec-b > .zr-tblwrap:first-child, #view-zarzadzanie .zr-sec-b > .zr-list:first-child { margin-top: 0; }
#view-zarzadzanie .zr-help { margin: 0 0 var(--space-3); max-width: 80ch; font-size: 13px; color: var(--nh-text-2); }   /* „jak używać” — widać dopiero po rozwinięciu sekcji; definicja zostaje w ⓘ */
#view-zarzadzanie .zr-help + .zr-tblwrap, #view-zarzadzanie .zr-help + .zr-list { margin-top: 0; }
/* sekcja w sekcji (listy pod tabelą „Na osobę”): bez ramki, oddzielona kreską */
#view-zarzadzanie .zr-subs { margin-top: var(--space-4); }
#view-zarzadzanie .zr-sec--sub { margin: 0; border: 0; border-top: 1px solid var(--nh-line-soft); border-radius: 0; background: transparent; }
#view-zarzadzanie .zr-sec--sub > .zr-sec-h { padding: var(--space-3) 0; }
#view-zarzadzanie .zr-sec--sub > .zr-sec-h h2 { font-size: 14px; }
#view-zarzadzanie .zr-sec--sub > .zr-sec-b { padding: 0 0 var(--space-4); }
/* kafle z liczbą: białe, cienka ramka, liczba średnią grubością; cienki pasek (+ kreska celu) tylko tam, gdzie jest postęp */
#view-zarzadzanie .zr-kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: var(--space-3); margin-top: var(--space-4); }
#view-zarzadzanie .zr-kpi { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; min-width: 0; padding: 14px var(--space-4); border: 1px solid var(--nh-line); border-radius: var(--radius-md); background: var(--nh-surface); color: var(--nh-text); text-align: left; font: inherit; cursor: pointer; }
#view-zarzadzanie .zr-kpi:hover { border-color: var(--nh-chip-br); }
#view-zarzadzanie .zr-kpi:focus-visible { outline: 2px solid var(--nh-accent); outline-offset: 2px; }
#view-zarzadzanie .zr-kpi b { font: 600 22px/1.15 var(--nh-font-head); color: var(--nh-text); font-variant-numeric: tabular-nums; }
#view-zarzadzanie .zr-kpi b i { font-style: normal; font-size: 14px; font-weight: 500; margin-left: 1px; }
#view-zarzadzanie .zr-kpi span { font-size: 13px; color: var(--nh-text-2); }
#view-zarzadzanie .zr-kpi small { font-size: 12px; color: var(--nh-text-2); }
#view-zarzadzanie .zr-kpi.is-miss small { color: var(--nh-miss-text); }
#view-zarzadzanie .zr-kpi.is-warn small { color: var(--nh-warn-text); }
#view-zarzadzanie .zr-kpi-bar { position: relative; align-self: stretch; height: 3px; margin-top: 8px; border-radius: 2px; background: var(--nh-line); }
#view-zarzadzanie .zr-kpi-bar i { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 2px; background: var(--nh-accent); }
#view-zarzadzanie .zr-kpi-bar em { position: absolute; top: -3px; bottom: -3px; width: 1px; background: var(--nh-text-2); }
/* „Pokaż kolejne” pod listą = lekki odnośnik (jak akcje w wierszach), strony tylko w archiwum */
#view-zarzadzanie .zr-more-bar { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-2) var(--space-4); margin-top: var(--space-3); }
#view-zarzadzanie .zr-more { display: inline-flex; align-items: center; gap: 4px; padding: 0; border: 0; background: none; color: var(--nh-accent); font: 600 13px var(--nh-font-body); cursor: pointer; --icon-color: currentColor; }
#view-zarzadzanie .zr-more:hover { text-decoration: underline; text-underline-offset: 3px; }
#view-zarzadzanie .zr-more:focus-visible, #view-zarzadzanie .zr-pg:focus-visible { outline: 2px solid var(--nh-accent); outline-offset: 2px; }
#view-zarzadzanie .zr-more-meta { font-size: 12px; color: var(--nh-text-2); font-variant-numeric: tabular-nums; }
#view-zarzadzanie .zr-more-bar--pg { gap: 4px; }
#view-zarzadzanie .zr-more-bar--pg .zr-more-meta { margin-right: var(--space-3); }
#view-zarzadzanie .zr-pg { min-width: 28px; height: 28px; padding: 0 6px; border: 1px solid var(--nh-line); border-radius: var(--radius-sm); background: var(--nh-surface); color: var(--nh-text-2); font: 500 12px var(--nh-font-body); cursor: pointer; font-variant-numeric: tabular-nums; }
#view-zarzadzanie .zr-pg.is-on { border-color: var(--nh-chip-br); background: var(--nh-field); color: var(--nh-text); font-weight: 700; }
#view-zarzadzanie .zr-pg[disabled] { cursor: default; color: var(--nh-text-muted); }
/* dopisek pod tabelą (np. „Poza osobami: …”) — zwykła linijka, bez ramki */
#view-zarzadzanie .zr-callout { margin: var(--space-3) 0 0; font-size: 12px; color: var(--nh-text-2); }
/* „Tablica recepcji” — ramka z tą samą stroną co Analityka → Tablica wyników recepcji (tryb osadzony ?wys=auto, zarzadzanie.js) */
#view-zarzadzanie .zr-board { margin-top: var(--space-4); border: 1px solid var(--nh-line); border-radius: var(--nh-r-card); background: var(--nh-surface); overflow: hidden; }
#view-zarzadzanie .zr-frame { display: block; width: 100%; min-height: 480px; border: 0; background: transparent; }
/* (12.10) Ramka ma wysokość całej tablicy, przewija się strona. Otwarta szuflada tablicy = strona stoi; gutter zostaje, żeby treść nie skakała w bok. */
html.zr-lock { overflow: hidden; scrollbar-gutter: stable; }
/* „Stan recepcji teraz” — kafle: liczba + nazwa, ⓘ = definicja (wspólny dymek NH.tipMark), klik = lista spraw */
#view-zarzadzanie .zr-now-bar { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); flex-wrap: wrap; }
#view-zarzadzanie .zr-now-at { margin: 0; font-size: 13px; color: var(--nh-text-2); font-variant-numeric: tabular-nums; }
#view-zarzadzanie .zr-tiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: var(--space-4); }
#view-zarzadzanie .zr-tile { position: relative; min-width: 0; border: 1px solid var(--nh-line-soft); border-radius: var(--nh-r-card); background: var(--nh-surface); }
#view-zarzadzanie .zr-tile-b { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; padding: 12px 40px 12px 16px; border: 0; border-radius: inherit; background: transparent; font: inherit; color: var(--nh-text); text-align: left; cursor: pointer; }
#view-zarzadzanie .zr-tile-b:hover { background: var(--nh-row-select); }
#view-zarzadzanie .zr-tile-b:focus-visible { outline: 2px solid var(--nh-accent); outline-offset: 2px; }
#view-zarzadzanie .zr-tile-b b { font: 600 26px/1.1 var(--nh-font-head); font-variant-numeric: tabular-nums; }
#view-zarzadzanie .zr-tile-b span { font-size: 13px; color: var(--nh-text-2); }
#view-zarzadzanie .zr-tile-b em { font-style: normal; font-size: 12px; color: var(--nh-text-muted); }   /* (12.10) druga linijka kafla, np. „w tym 13 z ostatnich 7 dni” */
#view-zarzadzanie .zr-calls { margin-top: var(--space-3); }   /* grupa „Rozmowa bez raportu” = wiersze NH.callRow */
#view-zarzadzanie .zr-tile.is-alarm { border-color: var(--nh-miss-text); }
#view-zarzadzanie .zr-tile.is-alarm .zr-tile-b b { color: var(--nh-miss-text); }
#view-zarzadzanie .zr-tile-i { position: absolute; top: 12px; right: 12px; }
/* „Sprawy otwarte” — tabele jak w makiecie: te same kolumny we wszystkich grupach; czerwony = 3 dni robocze lub dłużej */
#view-zarzadzanie .zr-zone-h { display: flex; align-items: baseline; gap: var(--space-2) var(--space-3); flex-wrap: wrap; }
#view-zarzadzanie .zr-cnt { font: 600 15px var(--nh-font-body); color: var(--nh-text-2); font-variant-numeric: tabular-nums; }
#view-zarzadzanie .zr-bar-sp { flex: 1 1 auto; }
#view-zarzadzanie .zr-tblwrap { overflow-x: auto; margin-top: var(--space-3); }
#view-zarzadzanie table.zr-tbl { width: 100%; border-collapse: collapse; font-size: 14px; }
#view-zarzadzanie .zr-tbl th { text-align: left; font: 600 12px var(--nh-font-body); color: var(--nh-text-muted); padding: 8px 12px; border-bottom: 1px solid var(--nh-line); white-space: nowrap; }
#view-zarzadzanie .zr-tbl td { padding: 10px 12px; border-bottom: 1px solid var(--nh-line-soft); vertical-align: top; }
#view-zarzadzanie .zr-tbl td.num, #view-zarzadzanie .zr-tbl th.num { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
#view-zarzadzanie .zr-tbl td small { display: block; font-size: 12px; color: var(--nh-text-2); font-weight: 400; }
#view-zarzadzanie .zr-tbl tr.is-click { cursor: pointer; }
#view-zarzadzanie .zr-tbl tr.is-click:hover td { background: var(--nh-row-select); }
#view-zarzadzanie .zr-tbl td.is-red { color: var(--nh-miss-text); font-weight: 600; }
#view-zarzadzanie .zr-tbl td.is-empty { color: var(--nh-text-muted); }
#view-zarzadzanie table.zr-tbl--cases { table-layout: fixed; }
#view-zarzadzanie .zr-tbl--cases col.c-pat { width: 30%; }
#view-zarzadzanie .zr-tbl--cases col.c-who { width: 18%; }
#view-zarzadzanie .zr-tbl--cases col.c-days { width: 16%; }
#view-zarzadzanie .zr-tbl--cases col.c-why { width: 36%; }
#view-zarzadzanie .zr-grp { margin-top: var(--space-4); }
#view-zarzadzanie .zr-grp h3 { font: 600 14px var(--nh-font-body); margin: 0; display: flex; gap: 8px; align-items: center; }
#view-zarzadzanie .zr-grp h3 span { font-weight: 500; color: var(--nh-text-2); font-variant-numeric: tabular-nums; }
/* (12.10) „Sprawy otwarte” w trzech częściach (makieta PqPPKoN63PA6nq3UPgipy7): ③ Teraz, pilne · ① Na osobę · ② Wspólne sprawy recepcji */
#view-zarzadzanie .zr-zone--now { background: var(--nh-group-neutral); }
#view-zarzadzanie .zr-nowlist { list-style: none; margin: var(--space-3) 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 24px; }
#view-zarzadzanie .zr-nowlist li { display: flex; align-items: baseline; gap: 8px; font-size: 14px; }
#view-zarzadzanie .zr-nowlist b { font: 600 18px var(--nh-font-head); font-variant-numeric: tabular-nums; }
#view-zarzadzanie .zr-nowlist small { font-size: 12px; color: var(--nh-text-2); }
#view-zarzadzanie details.zr-now-more { margin-top: var(--space-3); }
#view-zarzadzanie details.zr-now-more > summary { cursor: pointer; font: 600 13px var(--nh-font-body); color: var(--nh-accent); }
#view-zarzadzanie .zr-tbl td.zr-c-n b { font-weight: 600; }
#view-zarzadzanie .zr-tbl td.zr-c-n.is-zero { color: var(--nh-text-muted); }
#view-zarzadzanie .zr-tbl tr.is-aside td { color: var(--nh-text-2); background: var(--nh-group-neutral); font-size: 13px; }
#view-zarzadzanie .zr-sub-h { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; margin: var(--space-5) 0 0; }
#view-zarzadzanie .zr-sub-h h3 { margin: 0; font: 600 15px var(--nh-font-head); }
#view-zarzadzanie .zr-sub-h span { font-weight: 500; color: var(--nh-text-2); font-variant-numeric: tabular-nums; }
#view-zarzadzanie .zr-kinds { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: var(--space-4); }
#view-zarzadzanie .zr-kind { min-width: 0; text-align: left; border: 1px solid var(--nh-line-soft); border-radius: var(--nh-r-card); background: var(--nh-surface); padding: 12px 16px; font: inherit; color: var(--nh-text); cursor: pointer; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 12px; }
#view-zarzadzanie .zr-kind:hover { background: var(--nh-row-select); }
#view-zarzadzanie .zr-kind[aria-expanded="true"] { border-color: var(--nh-accent); box-shadow: inset 0 0 0 1px var(--nh-accent); }
#view-zarzadzanie .zr-kind:focus-visible { outline: 2px solid var(--nh-accent); outline-offset: 2px; }
#view-zarzadzanie .zr-kind b { font: 600 14px var(--nh-font-body); }
#view-zarzadzanie .zr-kind .zr-kind-n { font: 600 22px/1 var(--nh-font-head); font-variant-numeric: tabular-nums; grid-row: span 2; align-self: center; }
#view-zarzadzanie .zr-kind small { font-size: 12px; color: var(--nh-text-2); }
#view-zarzadzanie .zr-kind small.is-red { color: var(--nh-miss-text); font-weight: 600; }
#view-zarzadzanie .zr-kind-detail { margin-top: var(--space-2); }
#view-zarzadzanie .zr-tbl--kind col.c-pat { width: 30%; }
#view-zarzadzanie .zr-tbl--kind col.c-days { width: 18%; }
#view-zarzadzanie .zr-tbl--kind col.c-why { width: 52%; }
/* (13.10, D4) „Zadania do zamknięcia” — PRZENIESIONE z Panelu admina: linijka stanu (podział bez reszty), lista z zaznaczaniem, znacznik „ma wizytę” */
#view-zarzadzanie .zr-stan { margin: var(--space-3) 0 0; font-size: 13px; color: var(--nh-text-2); font-variant-numeric: tabular-nums; }
#view-zarzadzanie .zr-stan b { color: var(--nh-text); font-weight: 600; }
#view-zarzadzanie .zr-kontrola { display: flex; align-items: center; gap: 6px; margin: var(--space-2) 0 0; font-size: 13px; color: var(--nh-warn-text); --icon-color: currentColor; }
#view-zarzadzanie .zr-close-empty { margin-top: var(--space-3); }
#view-zarzadzanie table.zr-tbl--close { table-layout: fixed; }
#view-zarzadzanie .zr-tbl--close col.c-chk { width: 44px; }
#view-zarzadzanie .zr-tbl--close col.c-task { width: 26%; }
#view-zarzadzanie .zr-tbl--close col.c-who { width: 16%; }
#view-zarzadzanie .zr-tbl--close col.c-pat { width: 26%; }
#view-zarzadzanie .zr-tbl--close col.c-why { width: auto; }
#view-zarzadzanie .zr-tbl--close .c-chk { text-align: center; cursor: default; }
#view-zarzadzanie .zr-tbl--close input[type="checkbox"] { width: 18px; height: 18px; margin: 0; accent-color: var(--nh-accent); cursor: pointer; vertical-align: middle; }
#view-zarzadzanie .zr-tbl--close tr.is-sel td { background: var(--nh-group-blue); }
#view-zarzadzanie .zr-why { display: inline-flex; align-items: center; height: 24px; padding: 0 10px; border-radius: var(--nh-r-pill); font: 600 12px var(--nh-font-body); white-space: nowrap; background: var(--nh-chip-bg); color: var(--nh-chip-tx); }
#view-zarzadzanie .zr-tbl--close .zr-why + small { margin-top: 4px; }
#view-zarzadzanie .zr-mark { display: inline-flex; align-items: center; gap: 4px; margin-top: 4px; font-size: 12px; color: var(--nh-text-2); --icon-color: currentColor; }
.zr-btn[disabled] { cursor: default; opacity: .5; }
/* „Z Tablicy PDCA: do omówienia” — tytuł + jedno zdanie na pozycję (dane z NH.pdcaTodo, te same co sekcja Tablicy); kolor tytułu = waga, jak ikona na Tablicy */
#view-zarzadzanie .zr-todo { list-style: none; margin: var(--space-2) 0 0; padding: 0; }
#view-zarzadzanie .zr-todo li { display: flex; flex-direction: column; gap: 2px; padding: 8px 0; border-bottom: 1px solid var(--nh-line-soft); }
#view-zarzadzanie .zr-todo li:last-child { border-bottom: 0; }
#view-zarzadzanie .zr-todo li b { font-weight: 600; }
#view-zarzadzanie .zr-todo li span { font-size: 13px; color: var(--nh-text-2); }
#view-zarzadzanie .zr-todo li.is-miss b { color: var(--nh-miss-text); }
#view-zarzadzanie .zr-todo li.is-warn b { color: var(--nh-warn-text); }
#view-zarzadzanie .zr-mlab { display: none; }
#view-zarzadzanie .zr-opt--n { display: flex; justify-content: space-between; gap: 12px; }
#view-zarzadzanie .zr-opt--n b { font-weight: 600; color: var(--nh-text-2); font-variant-numeric: tabular-nums; }
/* „Wyniki na osobę” — kolor = realizacja celu (NH.pdcaRules); ikona niesie stan także bez koloru */
#view-zarzadzanie .zr-sel-l { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; color: var(--nh-text-2); }
#view-zarzadzanie .zr-select { height: 32px; border: 1px solid var(--nh-line); border-radius: var(--radius-sm); background: var(--nh-surface); color: var(--nh-text); font: inherit; font-size: 13px; padding: 0 8px; }
#view-zarzadzanie .zr-tbl th small { display: block; font-weight: 500; color: var(--nh-text-2); }
#view-zarzadzanie .zr-tbl tr.is-team td { font-weight: 600; background: var(--nh-group-neutral); }
#view-zarzadzanie .zr-tbl tr.is-muted td { color: var(--nh-text-2); }
#view-zarzadzanie .zr-tbl td.is-ok { color: var(--nh-ok-text); }
#view-zarzadzanie .zr-tbl td.is-warn { color: var(--nh-warn-text); }
#view-zarzadzanie .zr-tbl td.is-miss { color: var(--nh-miss-text); }
#view-zarzadzanie .zr-tbl td.is-ok, #view-zarzadzanie .zr-tbl td.is-warn, #view-zarzadzanie .zr-tbl td.is-miss { font-weight: 600; }
/* (28.10, decyzja 3A) mniej niż NH.pdcaRules.MIN_SPRAW spraw — bez koloru oceny, liczba zostaje */
#view-zarzadzanie .zr-tbl td.is-few { color: var(--nh-text-2); }
/* komórka wyniku z liczbą spraw = przycisk „pokaż sprawy” (13.10): wartość podkreślona kropkami, na najechaniu linią ciągłą */
#view-zarzadzanie .zr-cellbtn { display: block; width: 100%; font: inherit; color: inherit; text-align: inherit; background: none; border: 0; padding: 0; cursor: pointer; border-radius: var(--radius-sm); }
#view-zarzadzanie .zr-cellbtn .zr-v { text-decoration: underline dotted; text-decoration-thickness: 1px; text-underline-offset: 4px; }
#view-zarzadzanie .zr-cellbtn:hover .zr-v { text-decoration-style: solid; }
#view-zarzadzanie .zr-cellbtn:focus-visible { outline: 2px solid var(--nh-accent); outline-offset: 2px; }
#view-zarzadzanie .zr-legend { display: flex; flex-wrap: wrap; gap: 6px 16px; margin: var(--space-3) 0 0; font-size: 12px; }
#view-zarzadzanie .zr-legend span { display: inline-flex; align-items: center; gap: 4px; font-weight: 600; --icon-color: currentColor; }
#view-zarzadzanie .zr-legend .is-ok { color: var(--nh-ok-text); }
#view-zarzadzanie .zr-legend .is-warn { color: var(--nh-warn-text); }
#view-zarzadzanie .zr-legend .is-miss { color: var(--nh-miss-text); }
#view-zarzadzanie .zr-legend .is-few { color: var(--nh-text-2); font-weight: 500; }
#view-zarzadzanie .zr-legend--txt { gap: 4px 8px; color: var(--nh-text-2); font-weight: 500; }
/* „Na zebranie”: „Od czego zacząć” = jasna karta jak pozostałe: od kiedy liczymy + 3 kroki (bieżący = cienka ciepła obwódka, jak w menu) */
#view-zarzadzanie .zr-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--space-3) var(--space-6); align-items: center; margin-top: var(--space-4); padding: var(--space-4) var(--space-5); border: 1px solid var(--nh-line); border-radius: var(--radius-md); background: var(--nh-surface); }
#view-zarzadzanie .zr-hero-eb { margin: 0; font: 600 11px/1.2 var(--nh-font-head); letter-spacing: .16em; text-transform: uppercase; color: var(--nh-text-2); }
#view-zarzadzanie .zr-hero h2 { margin: 6px 0 0; font: 600 15px/1.3 var(--nh-font-head); color: var(--nh-text); }
#view-zarzadzanie .zr-hero p { margin: 4px 0 var(--space-3); font-size: 13px; max-width: 56ch; color: var(--nh-text-2); }
#view-zarzadzanie .zr-steps { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
#view-zarzadzanie .zr-steps li { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 0 10px; align-items: center; color: var(--nh-text-2); }
#view-zarzadzanie .zr-steps li b { font-weight: 500; font-size: 13px; }
#view-zarzadzanie .zr-steps li small { grid-column: 2; font-size: 12px; }
#view-zarzadzanie .zr-steps li[aria-current="step"] { color: var(--nh-text); }
#view-zarzadzanie .zr-steps li[aria-current="step"] b { font-weight: 600; }
#view-zarzadzanie .zr-step-n { grid-row: span 2; width: 24px; height: 24px; box-sizing: border-box; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font: 600 12px var(--nh-font-body); border: 1px solid var(--nh-line); background: var(--nh-surface); }
#view-zarzadzanie .zr-steps li[aria-current="step"] .zr-step-n { border-color: var(--nh-accent-warm); box-shadow: inset 0 0 0 1px var(--nh-accent-warm); color: var(--nh-text); }
#view-zarzadzanie .zr-steps li.is-done .zr-step-n { border-color: var(--nh-ok-br); color: var(--nh-ok-ink); }
/* tabele: nagłówek drobnym szarym pismem z cienką kreską (bez wypełnienia), „Razem” na lekkim tle */
#view-zarzadzanie .zr-tbl thead th { color: var(--nh-text-2); font-weight: 500; }
/* rozmowa do omówienia: zwinięta = jeden wiersz (stan · kto · kiedy · komentarz), klik rozwija rozmowę z odsłuchem i notatką */
#view-zarzadzanie .zr-rv-h { display: grid; grid-template-columns: 128px 120px 128px minmax(0, 1fr) 20px; align-items: center; gap: var(--space-3); width: 100%; padding: var(--space-3) var(--space-4); border: 0; background: transparent; font: inherit; font-size: 13px; color: var(--nh-text); text-align: left; cursor: pointer; --icon-color: var(--nh-text-2); }
#view-zarzadzanie .zr-rv-h:hover { background: var(--nh-row-select); }
#view-zarzadzanie .zr-rv-h:focus-visible { outline: 2px solid var(--nh-accent); outline-offset: -2px; }
#view-zarzadzanie .zr-rv-h .zr-chip { justify-self: start; }
#view-zarzadzanie .zr-rv-who { font-weight: 600; }
#view-zarzadzanie .zr-rv-when { color: var(--nh-text-2); font-variant-numeric: tabular-nums; }
#view-zarzadzanie .zr-rv-c { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--nh-text-2); }
#view-zarzadzanie .zr-rv-h .nh-icon { transition: transform .15s; }
#view-zarzadzanie .zr-rv.is-open > .zr-rv-h { border-bottom: 1px solid var(--nh-line-soft); }
#view-zarzadzanie .zr-rv.is-open > .zr-rv-h .nh-icon { transform: rotate(180deg); }
#view-zarzadzanie .zr-rv.is-open > .zr-rv-h .zr-rv-c { white-space: normal; color: var(--nh-text); }
#view-zarzadzanie .zr-list { gap: var(--space-2); }
#view-zarzadzanie .zr-foot { gap: var(--space-3); }
#view-zarzadzanie .zr-foot--l { justify-content: flex-start; margin-top: var(--space-3); }
/* udział w zespole (Kto ile rozmawiał): pasek + procent w jednej komórce */
#view-zarzadzanie .zr-share { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
#view-zarzadzanie .zr-share i { display: inline-block; width: 56px; height: 6px; border-radius: 3px; background: var(--nh-field); overflow: hidden; }
#view-zarzadzanie .zr-share i b { display: block; height: 100%; background: var(--nh-accent); }
#view-zarzadzanie .zr-zone { background: var(--nh-surface); border: 1px solid var(--nh-line); border-radius: var(--radius-lg); padding: var(--space-4) var(--space-5); margin-top: var(--space-4); }
#view-zarzadzanie .zr-zone-h h2 { margin: 0; font: 700 17px/1.3 var(--nh-font-head); color: var(--nh-navy); }
#view-zarzadzanie .zr-desc { margin: 4px 0 0; font-size: 13px; color: var(--nh-text-2); max-width: 80ch; }
#view-zarzadzanie .zr-bar { display: flex; align-items: center; gap: var(--space-2) var(--space-3); flex-wrap: wrap; margin-top: var(--space-4); }
#view-zarzadzanie .zr-bar--top { margin-top: 0; }
#view-zarzadzanie .zr-seg { display: inline-flex; border: 1px solid var(--nh-line); border-radius: var(--nh-r-badge); overflow: hidden; }
#view-zarzadzanie .zr-seg button { height: 32px; border: 0; background: var(--nh-surface); color: var(--nh-text-2); font: 500 13px var(--nh-font-body); padding: 0 14px; cursor: pointer; }
#view-zarzadzanie .zr-seg button[aria-pressed="true"] { background: var(--nh-group-blue); color: var(--nh-accent); font-weight: 600; }
#view-zarzadzanie .zr-opts { display: flex; flex-direction: column; gap: 2px; min-width: 200px; }
#view-zarzadzanie .zr-opts-h { margin: 0 0 4px; font-size: 12px; color: var(--nh-text-2); }
#view-zarzadzanie .zr-opt { border: 0; background: transparent; text-align: left; padding: 8px 10px; border-radius: var(--radius-sm); font: inherit; color: var(--nh-text); cursor: pointer; }
#view-zarzadzanie .zr-opt:hover { background: var(--nh-field); }
#view-zarzadzanie .zr-opt[aria-pressed="true"] { background: var(--nh-group-blue); color: var(--nh-accent); font-weight: 600; }
#view-zarzadzanie .zr-list { display: flex; flex-direction: column; gap: var(--space-3); margin-top: var(--space-4); }
#view-zarzadzanie .zr-rv { border: 1px solid var(--nh-line-soft); border-radius: var(--nh-r-card); background: var(--nh-surface); overflow: hidden; }
#view-zarzadzanie .zr-rv .nh-calllist { border: 0; border-radius: 0; }
/* w omówieniu nie dzwonimy i nie zmieniamy rozmowy — „Zadzwoń” i menu „⋯” schowane tylko tutaj */
#view-zarzadzanie .zr-rv .nh-callrow__call, #view-zarzadzanie .zr-rv .nh-callrow__more { display: none; }
#view-zarzadzanie .zr-missing { margin: 0; padding: 12px 16px; font-size: 13px; color: var(--nh-text-2); }
#view-zarzadzanie .zr-rv-b { border-top: 1px solid var(--nh-line-soft); background: var(--nh-group-neutral); padding: 12px 16px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px 24px; }
#view-zarzadzanie .zr-col { min-width: 0; display: flex; flex-direction: column; gap: 6px; }
#view-zarzadzanie .zr-who { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; font-size: 12px; color: var(--nh-text-2); }
#view-zarzadzanie .zr-who b { color: var(--nh-text); font-weight: 600; }
#view-zarzadzanie .zr-txt { margin: 0; font-size: 14px; line-height: 1.5; white-space: pre-wrap; }
#view-zarzadzanie .zr-muted { margin: 0; font-size: 13px; color: var(--nh-text-muted); }
#view-zarzadzanie .zr-note { width: 100%; min-height: 64px; resize: vertical; border: 1px solid var(--nh-line); border-radius: var(--radius-sm); background: var(--nh-surface); color: var(--nh-text); font: 400 14px var(--nh-font-body); padding: 8px 10px; }
#view-zarzadzanie .zr-act { grid-column: 1 / -1; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
#view-zarzadzanie .zr-act .zr-chip { margin-right: auto; }
#view-zarzadzanie .zr-chip { display: inline-flex; align-items: center; height: 24px; padding: 0 10px; border-radius: var(--nh-r-pill); font: 600 12px var(--nh-font-body); white-space: nowrap; background: var(--nh-chip-bg); color: var(--nh-chip-tx); }
#view-zarzadzanie .zr-chip.is-todo { background: var(--nh-warn-bg); color: var(--nh-warn-text); }
#view-zarzadzanie .zr-chip.is-ready { background: var(--nh-group-blue); color: var(--nh-accent); }
#view-zarzadzanie .zr-chip.is-done { background: var(--nh-ok-bg); color: var(--nh-ok-text); }
#view-zarzadzanie .zr-empty { margin: var(--space-4) 0 0; font-size: 13px; color: var(--nh-text-2); }
#view-zarzadzanie .zr-err-box { margin-top: var(--space-4); background: var(--nh-miss-bg); color: var(--nh-miss-text); border-radius: var(--radius-sm); padding: 8px 12px; font-size: 13px; }
#view-zarzadzanie .zr-foot { display: flex; justify-content: flex-end; margin-top: var(--space-4); }
#view-zarzadzanie .zr-confirm { margin-top: var(--space-4); border: 1px solid var(--nh-line); border-radius: var(--nh-r-card); padding: var(--space-3) var(--space-4); display: flex; gap: var(--space-3); align-items: center; flex-wrap: wrap; }
#view-zarzadzanie .zr-confirm p { margin: 0; flex: 1 1 320px; min-width: 0; font-size: 13px; color: var(--nh-text-2); }
#view-zarzadzanie .zr-confirm b { color: var(--nh-text); }
.zr-btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 36px; padding: 0 16px; border-radius: var(--nh-r-btn); font: 600 13px var(--nh-font-btn); cursor: pointer; border: 1px solid var(--btn-ghost-border); background: var(--btn-ghost-bg); color: var(--nh-text); white-space: nowrap; }
.zr-btn:hover { background: var(--btn-ghost-bg-hover); }
.zr-btn.is-pri { background: var(--btn-primary-bg); color: var(--btn-primary-fg); border-color: var(--btn-primary-bg); }
.zr-btn.is-pri:hover { background: var(--btn-primary-bg-hover); }
.zr-btn--sm { height: 32px; padding: 0 12px; font-size: 12px; }
.zr-link { border: 0; background: none; padding: 0; cursor: pointer; font: 600 13px var(--nh-font-body); color: var(--nh-accent); text-decoration: underline; text-underline-offset: 3px; }
.zr-link--quiet { color: var(--nh-text-2); font-weight: 500; }
.zr-link.is-danger { color: var(--nh-miss-text); }
.zr-btn:focus-visible, .zr-link:focus-visible, #view-zarzadzanie .zr-seg button:focus-visible { outline: 2px solid var(--nh-accent); outline-offset: 2px; }
/* okno „Wyślij do omówienia” (poza widokiem — otwiera się z listy połączeń) */
.zr-scrim { position: fixed; inset: 0; background: var(--nh-text); opacity: .35; z-index: 900; }
.zr-dlg { position: fixed; z-index: 901; left: 50%; top: var(--nh-okno-top); transform: translateX(-50%); width: min(520px, calc(100vw - 32px)); max-height: calc(100dvh - var(--nh-okno-top) - var(--nh-okno-dol)); overflow: auto; background: var(--nh-surface); border-radius: var(--nh-r-modal); box-shadow: var(--nh-sh-modal); padding: var(--space-5); font-family: var(--nh-font-body); color: var(--nh-text); }
.zr-dlg h3 { margin: 0; font: 600 17px var(--nh-font-head); }
.zr-dlg .zr-dlg-call { margin: 8px 0 12px; font-size: 13px; color: var(--nh-text-2); }
.zr-dlg label { display: block; font: 600 13px var(--nh-font-body); margin-bottom: 6px; }
.zr-dlg textarea { width: 100%; min-height: 96px; resize: vertical; border: 1px solid var(--nh-line); border-radius: var(--radius-sm); font: 400 14px var(--nh-font-body); padding: 8px 10px; color: var(--nh-text); background: var(--nh-surface); }
.zr-dlg .zr-hint { margin: 6px 0 0; font-size: 12px; color: var(--nh-text-2); }
.zr-dlg .zr-err { color: var(--nh-miss-text); }
.zr-dlg .zr-foot { display: flex; justify-content: flex-end; gap: var(--space-3); margin-top: var(--space-4); }
/* „Obsada linii” (krok 3, 12.10; makieta PqPPKoN6…) — dzień = oś godzin linii 100/103 (+ opiekunka dla wiadomości), tydzień = obsadzone godziny i luki.
   Pozycje odcinków liczy zarzadzanie.js (style left/width); siatka godzin = --zr-h (liczba godzin na osi). */
#view-zarzadzanie .zr-day-nav { display: inline-flex; align-items: center; gap: 4px; }
#view-zarzadzanie .zr-day-nav b { font: 600 14px var(--nh-font-body); min-width: 112px; text-align: center; font-variant-numeric: tabular-nums; }
#view-zarzadzanie .zr-iconbtn { width: 32px; height: 32px; border: 1px solid var(--nh-line); border-radius: var(--radius-sm); background: var(--nh-surface); color: var(--nh-text-2); cursor: pointer; font: 600 14px var(--nh-font-body); }
#view-zarzadzanie .zr-iconbtn:hover { background: var(--nh-field); color: var(--nh-text); }
#view-zarzadzanie .zr-iconbtn[disabled] { cursor: default; color: var(--nh-text-muted); background: var(--nh-field); }
#view-zarzadzanie .zr-iconbtn:focus-visible { outline: 2px solid var(--nh-accent); outline-offset: 2px; }
#view-zarzadzanie .zr-tl-wrap { overflow-x: auto; margin-top: var(--space-4); }
#view-zarzadzanie .zr-tl { min-width: 720px; display: grid; grid-template-columns: 168px minmax(0, 1fr); row-gap: 10px; }
#view-zarzadzanie .zr-tl-axis { position: relative; height: 18px; font-size: 12px; color: var(--nh-text-2); font-variant-numeric: tabular-nums; }
#view-zarzadzanie .zr-tl-axis span { position: absolute; transform: translateX(-50%); white-space: nowrap; }
#view-zarzadzanie .zr-tl-lbl { display: flex; flex-direction: column; justify-content: center; gap: 2px; padding-right: 12px; }
#view-zarzadzanie .zr-tl-lbl b { font: 600 14px var(--nh-font-body); }
#view-zarzadzanie .zr-tl-lbl small { font-size: 12px; color: var(--nh-text-2); }
#view-zarzadzanie .zr-tl-row { position: relative; height: 44px; border-radius: var(--radius-sm); background-color: var(--nh-field);
  background-image: linear-gradient(90deg, var(--nh-line) 1px, transparent 1px); background-size: calc(100% / var(--zr-h, 10)) 100%; }
#view-zarzadzanie .zr-tl-row.is-fixed { height: 36px; }
#view-zarzadzanie .zr-tl-work { position: absolute; top: 0; bottom: 0; background: var(--nh-surface); border-left: 1px dashed var(--nh-line); border-right: 1px dashed var(--nh-line); }
#view-zarzadzanie .zr-tl-nodata { position: absolute; top: 0; bottom: 0; background: repeating-linear-gradient(45deg, var(--nh-line-soft) 0 4px, transparent 4px 8px); }
#view-zarzadzanie .zr-tl-seg { position: absolute; top: 5px; bottom: 5px; border-radius: var(--radius-sm); background: var(--nh-group-blue); border: 1px solid var(--nh-accent); display: flex; align-items: center; gap: 6px; padding: 0 8px; overflow: hidden; white-space: nowrap; font-size: 12px; min-width: 2px; box-sizing: border-box; }
#view-zarzadzanie .zr-tl-seg b { font-weight: 600; }
#view-zarzadzanie .zr-tl-seg span { color: var(--nh-text-2); font-variant-numeric: tabular-nums; overflow: hidden; text-overflow: ellipsis; }
#view-zarzadzanie .zr-tl-seg.is-fixed { background: var(--nh-group-neutral); border-color: var(--nh-line); color: var(--nh-text-2); }
#view-zarzadzanie .zr-tl-gap { position: absolute; top: 5px; bottom: 5px; border-radius: var(--radius-sm); border: 1px dashed var(--nh-miss-text); box-sizing: border-box;
  background: repeating-linear-gradient(45deg, var(--nh-miss-bg) 0 6px, transparent 6px 12px); display: flex; align-items: center; justify-content: center; font: 600 12px var(--nh-font-body); color: var(--nh-miss-text); overflow: hidden; white-space: nowrap; }
#view-zarzadzanie .zr-tl-now { position: absolute; top: -3px; bottom: -3px; width: 0; border-left: 2px solid var(--nh-accent); pointer-events: none; }
#view-zarzadzanie .zr-tl-sum { grid-column: 2; margin: -4px 0 0; font-size: 12px; color: var(--nh-text-2); }
#view-zarzadzanie .zr-tl-sum b { color: var(--nh-text); font-weight: 600; }
#view-zarzadzanie .zr-tl-sum .is-red { color: var(--nh-miss-text); font-weight: 600; }
#view-zarzadzanie .zr-events { list-style: none; margin: var(--space-3) 0 0; padding: 0; }
#view-zarzadzanie .zr-events li { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 12px; padding: 8px 0; border-bottom: 1px solid var(--nh-line-soft); font-size: 14px; }
#view-zarzadzanie .zr-events li:last-child { border-bottom: 0; }
#view-zarzadzanie .zr-events time { font-variant-numeric: tabular-nums; color: var(--nh-text-2); }
#view-zarzadzanie .zr-events small { color: var(--nh-text-2); font-size: 12px; }
#view-zarzadzanie .zr-cov { display: flex; flex-direction: column; gap: 4px; min-width: 150px; }
#view-zarzadzanie .zr-cov i { display: block; height: 8px; border-radius: 4px; background: var(--nh-field); overflow: hidden; }
#view-zarzadzanie .zr-cov i b { display: block; height: 100%; background: var(--nh-accent); }
#view-zarzadzanie .zr-cov span { font-size: 12px; color: var(--nh-text-2); font-variant-numeric: tabular-nums; }
#view-zarzadzanie .zr-cov span.is-red { color: var(--nh-miss-text); font-weight: 600; }
#view-zarzadzanie .zr-tbl--ln td small { margin-top: 4px; }
#view-zarzadzanie .zr-legend2 { display: flex; flex-wrap: wrap; gap: 6px 18px; margin-top: var(--space-3); font-size: 12px; color: var(--nh-text-2); }
#view-zarzadzanie .zr-legend2 span { display: inline-flex; align-items: center; gap: 6px; }
#view-zarzadzanie .zr-legend2 i { width: 18px; height: 10px; border-radius: 3px; display: inline-block; box-sizing: border-box; }
#view-zarzadzanie .zr-legend2 .l-seg { background: var(--nh-group-blue); border: 1px solid var(--nh-accent); }
#view-zarzadzanie .zr-legend2 .l-gap { border: 1px dashed var(--nh-miss-text); background: repeating-linear-gradient(45deg, var(--nh-miss-bg) 0 3px, transparent 3px 6px); }
#view-zarzadzanie .zr-legend2 .l-work { background: var(--nh-surface); border: 1px dashed var(--nh-line); }
#view-zarzadzanie .zr-legend2 .l-nodata { background: repeating-linear-gradient(45deg, var(--nh-line) 0 3px, transparent 3px 6px); border: 1px solid var(--nh-line); }
/* (12.10, makieta v2) połączenia pod osobą: górna część wiersza = odcinki i luki, dolny pas = połączenia (szerokość = czas rozmowy), × = nieodebrane */
#view-zarzadzanie .zr-tl-row.has-calls { height: 56px; }
#view-zarzadzanie .zr-tl-row.has-calls::after { content: ''; position: absolute; left: 0; right: 0; bottom: 18px; border-top: 1px solid var(--nh-line); pointer-events: none; }
#view-zarzadzanie .zr-tl-row.has-calls .zr-tl-seg, #view-zarzadzanie .zr-tl-row.has-calls .zr-tl-gap { top: 4px; bottom: 22px; }
#view-zarzadzanie .zr-tl-call { position: absolute; bottom: 4px; height: 10px; border-radius: 2px; }
#view-zarzadzanie .zr-tl-call.is-in { background: var(--nh-accent); }
#view-zarzadzanie .zr-tl-call.is-out { background: var(--nh-text-2); }
#view-zarzadzanie .zr-tl-call.is-try { width: 1px; height: 8px; bottom: 5px; background: var(--nh-text-muted); }
#view-zarzadzanie .zr-tl-miss { position: absolute; bottom: 0; transform: translateX(-50%); font: 700 15px/18px var(--nh-font-body); cursor: default; }
#view-zarzadzanie .zr-tl-row.is-ivr { height: 22px; background: transparent; background-image: none; border: 1px dashed var(--nh-line); box-sizing: border-box; }
#view-zarzadzanie .zr-tl-row.is-ivr .zr-tl-miss { bottom: 1px; }
#view-zarzadzanie .c-luka { color: var(--nh-miss-text); }
#view-zarzadzanie .c-zajeci { color: var(--nh-warn-text); }
#view-zarzadzanie .c-free { color: var(--nh-text); }
#view-zarzadzanie .c-short { color: var(--nh-text-muted); }
#view-zarzadzanie .zr-tl-miss-sum { margin: var(--space-3) 0 0; font-size: 13px; color: var(--nh-text-2); font-variant-numeric: tabular-nums; }
#view-zarzadzanie .zr-legend2 .l-in { background: var(--nh-accent); height: 6px; }
#view-zarzadzanie .zr-legend2 .l-out { background: var(--nh-text-2); height: 6px; }
#view-zarzadzanie .zr-legend2 .l-try { width: 1px; background: var(--nh-text-muted); }
#view-zarzadzanie .zr-legend2 .l-x { font: 700 14px var(--nh-font-body); }
#view-zarzadzanie .zr-tbl--miss th small { display: block; font-weight: 500; color: var(--nh-text-2); }
/* (13.10) „Bez osoby — do przypisania” (decyzje Soni, makieta Dftyru3mkCpSQNqNPJ75A7): ciąg rozmów = karta; rozmowy w wierszach z wyborem osoby */
#view-zarzadzanie .zr-runs { display: flex; flex-direction: column; gap: var(--space-3); margin-top: var(--space-4); }
#view-zarzadzanie .zr-run { min-width: 0; border: 1px solid var(--nh-line); border-radius: var(--radius-md); background: var(--nh-surface); }
#view-zarzadzanie .zr-runs { gap: var(--space-2); }
/* (14.10) ciąg zwinięty = jeden wiersz: kiedy · ile · podpowiedź · „Przypisz”; szczegóły po rozwinięciu */
#view-zarzadzanie .zr-run-row { display: flex; align-items: center; gap: var(--space-3); padding-right: var(--space-4); }
#view-zarzadzanie .zr-run-x { flex: 1 1 auto; min-width: 0; display: grid; grid-template-columns: 170px minmax(0, 1fr) minmax(0, 220px) 20px; align-items: center; gap: var(--space-3); padding: var(--space-3) var(--space-4); border: 0; background: transparent; font: inherit; font-size: 13px; color: var(--nh-text); text-align: left; cursor: pointer; border-radius: var(--radius-md); --icon-color: var(--nh-text-2); }
#view-zarzadzanie .zr-run-x:hover { background: var(--nh-row-select); }
#view-zarzadzanie .zr-run-x:focus-visible { outline: 2px solid var(--nh-accent); outline-offset: -2px; }
#view-zarzadzanie .zr-run-when, #view-zarzadzanie .zr-run-what { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
#view-zarzadzanie .zr-run-when b, #view-zarzadzanie .zr-run-what b { font-weight: 700; color: var(--nh-navy); }
#view-zarzadzanie .zr-run-when span, #view-zarzadzanie .zr-run-what span { font-size: 12px; color: var(--nh-text-2); font-variant-numeric: tabular-nums; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#view-zarzadzanie .zr-run-sug { font-size: 12px; color: var(--nh-text-2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#view-zarzadzanie .zr-run-x .nh-icon { transition: transform .15s; }
#view-zarzadzanie .zr-run.is-open .zr-run-x .nh-icon { transform: rotate(180deg); }
#view-zarzadzanie .zr-run-q { flex: 0 0 auto; --icon-color: currentColor; }
#view-zarzadzanie .zr-run > .zr-confirm { margin: 0 var(--space-4) var(--space-3); }
#view-zarzadzanie .zr-run-det { padding: 0 var(--space-4) var(--space-3); border-top: 1px solid var(--nh-line-soft); }
#view-zarzadzanie .zr-run-facts { list-style: none; margin: var(--space-2) 0 0; padding: 0; display: flex; flex-direction: column; gap: 4px; font-size: 13px; }
#view-zarzadzanie .zr-run-facts li { display: grid; grid-template-columns: 18px minmax(0, 1fr); gap: 8px; align-items: start; color: var(--nh-text-2); --icon-color: var(--nh-text-muted); }
#view-zarzadzanie .zr-run-facts li .nh-icon { margin-top: 2px; }
#view-zarzadzanie .zr-run-facts b { color: var(--nh-text); font-weight: 600; }
#view-zarzadzanie .zr-run-acts { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2) var(--space-4); margin-top: var(--space-3); }
#view-zarzadzanie .zr-run-acts .zr-btn, #view-zarzadzanie .zr-run-acts .zr-link { --icon-color: currentColor; }
#view-zarzadzanie .zr-run-acts .zr-link .nh-icon { vertical-align: -3px; }
#view-zarzadzanie .zr-run-hint { margin: var(--space-2) 0 0; font-size: 12px; color: var(--nh-text-2); }
#view-zarzadzanie .zr-run .zr-confirm { margin-top: var(--space-3); }
#view-zarzadzanie .zr-cm-list { list-style: none; margin: var(--space-3) 0 0; padding: 0; border-top: 1px solid var(--nh-line-soft); }
#view-zarzadzanie .zr-cm { display: grid; grid-template-columns: 44px 22px minmax(0, 1fr) 190px; gap: 2px 10px; align-items: center; padding: 8px 0; border-bottom: 1px solid var(--nh-line-soft); }
#view-zarzadzanie .zr-cm-t { font-weight: 600; font-variant-numeric: tabular-nums; }
#view-zarzadzanie .zr-cm-ic { display: inline-flex; --icon-color: var(--nh-text-2); }
#view-zarzadzanie .zr-cm-d { min-width: 0; }
#view-zarzadzanie .zr-cm-d small { display: block; font-size: 12px; color: var(--nh-text-2); }
#view-zarzadzanie .zr-cm-d small.is-norep { color: var(--nh-warn-text); }
#view-zarzadzanie .zr-cm-pat { border: 0; background: none; padding: 0; font: 600 14px var(--nh-font-body); color: var(--nh-text); text-align: left; }
#view-zarzadzanie button.zr-cm-pat { cursor: pointer; }
#view-zarzadzanie button.zr-cm-pat:hover { color: var(--nh-accent); text-decoration: underline; text-underline-offset: 3px; }
/* (28.10, 2A) „Raport zapisała inna osoba” — jedna rozmowa = jeden wiersz: kiedy · pacjent i kto · „Zostaw” / „Przypisz” (podgląd 9cRGh5mRTBTVjtXB1YgSdH) */
#view-zarzadzanie .zr-io-row { display: grid; grid-template-columns: 200px minmax(0, 1fr) auto; gap: var(--space-3); align-items: center; padding: var(--space-3) var(--space-4); }
#view-zarzadzanie .zr-io-acts { display: flex; flex-wrap: wrap; gap: var(--space-2); justify-content: flex-end; }
#view-zarzadzanie .zr-io-tryb { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); margin-top: var(--space-3); font-size: var(--nh-text-sm); color: var(--nh-text-2); }
#view-zarzadzanie button.zr-cm-pat:focus-visible { outline: 2px solid var(--nh-accent); outline-offset: 2px; }
#view-zarzadzanie .zr-cm-sel { width: 100%; }
/* (14.10) RYTM ODSTĘPÓW — na końcu, żeby wygrywał z wcześniejszymi marginesami stref. Bloki strony (karta startowa, kafle, sekcje,
   stopka) = --zr-gap; w rozwiniętej sekcji: od nagłówka do treści i między grupami (listy pod tabelą, grupy Tablicy PDCA, ciągi) = --zr-gap-in;
   podpis / legenda / „Pokaż kolejne” zostają blisko swojej tabeli (--zr-gap-cap). */
#view-zarzadzanie .zr-pane > :first-child { margin-top: var(--zr-gap); }
#view-zarzadzanie .zr-hero, #view-zarzadzanie .zr-kpis, #view-zarzadzanie .zr-sec, #view-zarzadzanie .zr-zone, #view-zarzadzanie .zr-pane > .zr-foot, #view-zarzadzanie .zr-pane > .zr-confirm { margin-top: var(--zr-gap); }
#view-zarzadzanie .zr-pane > .zr-bar + .zr-kpis { margin-top: var(--space-4); }   /* pasek filtra należy do kafli pod nim */
#view-zarzadzanie .zr-sec-b { padding-top: var(--space-2); }
#view-zarzadzanie .zr-help { margin-bottom: var(--space-4); }
#view-zarzadzanie .zr-subs, #view-zarzadzanie .zr-grp + .zr-grp, #view-zarzadzanie .zr-sec-b > .zr-grp ~ .zr-foot, #view-zarzadzanie .zr-sec-b .zr-foot--l { margin-top: var(--zr-gap-in); }
#view-zarzadzanie .zr-sec-b > :first-child, #view-zarzadzanie .zr-help + .zr-grp, #view-zarzadzanie .zr-help + .zr-kinds { margin-top: 0; }
#view-zarzadzanie .zr-sec--sub { margin-top: 0; }
#view-zarzadzanie .zr-sec--sub > .zr-sec-h { padding: var(--space-4) 0; }
#view-zarzadzanie .zr-sec--sub > .zr-sec-b { padding: 0 0 var(--space-5); }
#view-zarzadzanie .zr-stan + .zr-runs, #view-zarzadzanie .zr-stan + .zr-tblwrap { margin-top: var(--space-4); }
#view-zarzadzanie .zr-runs { gap: var(--space-3); }
#view-zarzadzanie .zr-list { gap: var(--space-3); }
#view-zarzadzanie .zr-tblwrap + .zr-hintline, #view-zarzadzanie .zr-tblwrap + .zr-legend, #view-zarzadzanie .zr-tblwrap + .zr-callout, #view-zarzadzanie .zr-legend + .zr-hintline, #view-zarzadzanie .zr-hintline + .zr-callout,
#view-zarzadzanie .zr-list + .zr-more-bar, #view-zarzadzanie .zr-tblwrap + .zr-more-bar, #view-zarzadzanie .zr-runs + .zr-more-bar, #view-zarzadzanie .zr-todo + .zr-more-bar,
#view-zarzadzanie .zr-more-bar + .zr-foot--l, #view-zarzadzanie .zr-tblwrap + .zr-foot--l { margin-top: var(--zr-gap-cap); }
@media (max-width: 720px) {
  #view-zarzadzanie .zr-io-row { grid-template-columns: minmax(0, 1fr); gap: var(--space-2); }
  #view-zarzadzanie .zr-io-acts { justify-content: flex-start; }
  /* dół z zapasem na pływający przycisk czatu zespołu (inaczej zasłania „Zebranie odbyte”) */
  #view-zarzadzanie { padding: var(--space-3) var(--space-3) calc(var(--space-6) * 3); --zr-gap: calc(var(--space-4) + var(--space-1)); --zr-gap-in: calc(var(--space-4) + var(--space-1)); }   /* telefon: 20 px */
  #view-zarzadzanie .zr-zone { padding: var(--space-4); }
  #view-zarzadzanie .zr-hero { grid-template-columns: minmax(0, 1fr); padding: var(--space-4); }
  #view-zarzadzanie .zr-h1 { font-size: 22px; }
  #view-zarzadzanie .zr-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-2); }
  #view-zarzadzanie .zr-kpi { padding: var(--space-3); }
  #view-zarzadzanie .zr-kpi b { font-size: 20px; }
  /* telefon: nagłówek sekcji = siatka [numer] [tytuł + podsumowanie] [liczba] [strzałka]; „więcej” pod tytułem */
  #view-zarzadzanie .zr-sec-h { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; padding: var(--space-3) var(--space-4); gap: var(--space-1) var(--space-3); }
  #view-zarzadzanie .zr-sec-h--n { grid-template-columns: auto minmax(0, 1fr) auto auto; }
  #view-zarzadzanie .zr-sec-n { grid-column: 1; grid-row: 1 / span 2; align-self: start; }
  #view-zarzadzanie .zr-sec-tt { grid-column: 1; grid-row: 1; }
  #view-zarzadzanie .zr-sec-c { grid-column: 2; grid-row: 1; }
  #view-zarzadzanie .zr-sec-tg { grid-column: 3; grid-row: 1; }
  #view-zarzadzanie .zr-sec-more { grid-column: 1 / -1; grid-row: 2; justify-self: start; }
  #view-zarzadzanie .zr-sec-h--n .zr-sec-tt { grid-column: 2; }
  #view-zarzadzanie .zr-sec-h--n .zr-sec-c { grid-column: 3; }
  #view-zarzadzanie .zr-sec-h--n .zr-sec-tg { grid-column: 4; }
  #view-zarzadzanie .zr-sec-h--n .zr-sec-more { grid-column: 2 / -1; }
  #view-zarzadzanie .zr-sec-tt h2 { font-size: 15px; }
  #view-zarzadzanie .zr-sec-sum { white-space: normal; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
  #view-zarzadzanie .zr-sec-b { padding: var(--space-2) var(--space-4) var(--space-4); }
  #view-zarzadzanie .zr-rv-h { grid-template-columns: minmax(0, 1fr) auto 20px; gap: 4px var(--space-3); }
  #view-zarzadzanie .zr-rv-h .zr-chip { grid-column: 1 / -1; }
  #view-zarzadzanie .zr-rv-c { grid-column: 1 / -1; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
  #view-zarzadzanie .zr-rv-h .nh-icon { grid-row: 2; grid-column: 3; }
  #view-zarzadzanie .zr-rv-b { grid-template-columns: minmax(0, 1fr); }
  /* telefon: tabele spraw = karty (nagłówek znika, podpis przy liczbie, powód w pełnej szerokości) */
  #view-zarzadzanie .zr-tbl--people thead, #view-zarzadzanie .zr-tbl--cases thead { display: none; }
  #view-zarzadzanie .zr-tbl--people, #view-zarzadzanie .zr-tbl--people tbody, #view-zarzadzanie .zr-tbl--cases, #view-zarzadzanie .zr-tbl--cases tbody { display: block; }
  #view-zarzadzanie .zr-tbl--people tr, #view-zarzadzanie .zr-tbl--cases tr { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 12px; padding: 10px 0; border-bottom: 1px solid var(--nh-line-soft); }
  #view-zarzadzanie .zr-tbl--people td, #view-zarzadzanie .zr-tbl--cases td { display: block; padding: 0; border: 0; }
  #view-zarzadzanie .zr-tbl--cases td:nth-child(2) { grid-column: 1; color: var(--nh-text-2); font-size: 13px; }
  #view-zarzadzanie .zr-tbl--cases td:nth-child(3) { grid-column: 2; grid-row: 1; }
  #view-zarzadzanie .zr-tbl--cases td:nth-child(4), #view-zarzadzanie .zr-tbl--people td:nth-child(4) { grid-column: 1 / -1; font-size: 13px; color: var(--nh-text-2); }
  #view-zarzadzanie .zr-tbl--people td:nth-child(3) { grid-column: 2; grid-row: 1; }
  #view-zarzadzanie .zr-tbl--people td:nth-child(2) { grid-column: 1; grid-row: 2; }
  #view-zarzadzanie .zr-tbl td.is-empty { display: none; }
  #view-zarzadzanie .zr-mlab { display: inline; }
  #view-zarzadzanie .zr-kinds { grid-template-columns: minmax(0, 1fr); }
  /* telefon: „Bez osoby — do przypisania” — wybór osoby pod opisem rozmowy, przycisk i wybór „cały ciąg” na całą szerokość */
  #view-zarzadzanie .zr-run-row { flex-wrap: wrap; padding: 0 var(--space-3) var(--space-3); }
  #view-zarzadzanie .zr-run-x { flex-basis: 100%; grid-template-columns: minmax(0, 1fr) 20px; gap: 4px var(--space-3); padding: var(--space-3); margin: 0 calc(-1 * var(--space-3)); }
  #view-zarzadzanie .zr-run-when { flex-direction: row; flex-wrap: wrap; gap: 0 8px; }
  #view-zarzadzanie .zr-run-when span, #view-zarzadzanie .zr-run-what span, #view-zarzadzanie .zr-run-sug { white-space: normal; }
  #view-zarzadzanie .zr-run-x .nh-icon { grid-column: 2; grid-row: 1; }
  #view-zarzadzanie .zr-run-what, #view-zarzadzanie .zr-run-sug { grid-column: 1 / -1; }
  #view-zarzadzanie .zr-run-q { width: 100%; text-align: center; }   /* (26.10) przyciski na szerokość napisu, na środku */
  #view-zarzadzanie .zr-run-q .zr-btn { min-width: min(var(--nh-btn-tel-min), 100%); }
  #view-zarzadzanie .zr-run-det { padding: 0 var(--space-3) var(--space-3); }
  #view-zarzadzanie .zr-cm { grid-template-columns: 40px 20px minmax(0, 1fr); }
  #view-zarzadzanie .zr-cm-sel { grid-column: 3; }
  #view-zarzadzanie .zr-run-acts .zr-btn, #view-zarzadzanie .zr-run-acts .zr-run-all { width: 100%; }
  /* telefon: „Zadania do zamknięcia” = karta: pole wyboru po lewej, obok zadanie · osoba · pacjent · powód (nagłówek znika, „Zaznacz wszystkie” zostaje) */
  #view-zarzadzanie .zr-tbl--close, #view-zarzadzanie .zr-tbl--close thead, #view-zarzadzanie .zr-tbl--close tbody { display: block; }
  #view-zarzadzanie .zr-tbl--close thead tr { display: flex; align-items: center; padding: 0 0 8px; border-bottom: 1px solid var(--nh-line); white-space: nowrap; }
  #view-zarzadzanie .zr-tbl--close thead th { display: none; padding: 0; border: 0; }
  #view-zarzadzanie .zr-tbl--close thead th.c-chk { display: block; width: 44px; }
  #view-zarzadzanie .zr-tbl--close thead tr::after { content: 'Zaznacz wszystkie'; font: 500 13px var(--nh-font-body); color: var(--nh-text-2); }
  #view-zarzadzanie .zr-tbl--close tbody tr { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 2px 0; padding: 10px 0; border-bottom: 1px solid var(--nh-line-soft); }
  #view-zarzadzanie .zr-tbl--close td { display: block; padding: 0; border: 0; }
  #view-zarzadzanie .zr-tbl--close td.c-chk { grid-row: 1 / span 4; display: flex; justify-content: center; padding-top: 2px; }
  #view-zarzadzanie .zr-tbl--close td.c-task { font-weight: 600; }
  #view-zarzadzanie .zr-tbl--close td.c-task small { display: inline; margin-left: 6px; font-weight: 400; }
  #view-zarzadzanie .zr-tbl--close td.c-who, #view-zarzadzanie .zr-tbl--close td.c-pat { font-size: 13px; color: var(--nh-text-2); }
  #view-zarzadzanie .zr-tbl--close td.c-who small, #view-zarzadzanie .zr-tbl--close td.c-pat small { display: inline; margin-left: 6px; }
  #view-zarzadzanie .zr-tbl--close td.c-why { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 8px; margin-top: 4px; }
  #view-zarzadzanie .zr-tbl--close td.c-why small { margin: 0; }
  #view-zarzadzanie .zr-tbl--close tr.is-sel td { background: transparent; }
  #view-zarzadzanie .zr-tbl--close tr.is-sel { background: var(--nh-group-blue); }
  #view-zarzadzanie .zr-tbl--own thead { display: none; }
  #view-zarzadzanie .zr-tbl--own, #view-zarzadzanie .zr-tbl--own tbody { display: block; }
  #view-zarzadzanie .zr-tbl--own tr { display: block; padding: 10px 0; border-bottom: 1px solid var(--nh-line-soft); }
  #view-zarzadzanie .zr-tbl--own td { display: flex; justify-content: space-between; gap: 12px; padding: 3px 0; border: 0; text-align: right; white-space: normal; }
  #view-zarzadzanie .zr-tbl--own td:first-child { display: block; font-weight: 600; text-align: left; }
  #view-zarzadzanie .zr-tbl--own td[data-label]::before { content: attr(data-label); text-align: left; font-size: 12px; color: var(--nh-text-2); font-weight: 500; }
  #view-zarzadzanie .zr-tbl--own td.zr-c-n small { display: inline; margin-left: 6px; }
  #view-zarzadzanie .zr-tbl--own td:empty { display: none; }
  /* telefon: tabela wyników = karta osoby; podpis komórki z data-label (nagłówek znika) */
  #view-zarzadzanie .zr-tbl--kpi thead { display: none; }
  #view-zarzadzanie .zr-tbl--kpi, #view-zarzadzanie .zr-tbl--kpi tbody { display: block; }
  #view-zarzadzanie .zr-tbl--kpi tr { display: block; padding: 10px 0; border-bottom: 1px solid var(--nh-line-soft); }
  /* komórka = wiersz karty: podpis | wartość; „x z y” pod wartością, do prawej (nie wystaje poza ekran — zrzut 390 px 09.10) */
  #view-zarzadzanie .zr-tbl--kpi td { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: baseline; gap: 0 12px; padding: 4px 0; border: 0; text-align: right; white-space: normal; }
  #view-zarzadzanie .zr-tbl--kpi td:first-child { display: block; font-weight: 600; text-align: left; padding-bottom: 6px; }
  #view-zarzadzanie .zr-tbl--kpi td.num::before { content: attr(data-label); flex: 1 1 55%; text-align: left; font-weight: 500; font-size: 12px; color: var(--nh-text-2); }
  #view-zarzadzanie .zr-tbl--kpi td small { flex: 0 0 100%; display: block; text-align: right; margin: 0; }
  #view-zarzadzanie .zr-tbl--kpi td .zr-cellbtn { display: inline-block; width: auto; flex: 0 1 auto; text-align: right; }   /* podpis + wartość w jednym wierszu karty */
  #view-zarzadzanie .zr-tbl--kpi tr.is-team td { background: transparent; }
  /* telefon: kafel = wiersz (liczba | nazwa), żeby długie nazwy nie łamały się na 4 linie */
  #view-zarzadzanie .zr-tiles { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  #view-zarzadzanie .zr-tile-b { flex-direction: row; align-items: center; gap: 12px; padding: 10px 40px 10px 16px; }
  #view-zarzadzanie .zr-tile-b b { min-width: 48px; font-size: 22px; }
  #view-zarzadzanie .zr-tile-i { top: 50%; transform: translateY(-50%); }
  /* telefon: tydzień obsady = karta dnia; podpis linii z data-label (nagłówek znika) */
  #view-zarzadzanie .zr-tbl--ln thead { display: none; }
  #view-zarzadzanie .zr-tbl--ln, #view-zarzadzanie .zr-tbl--ln tbody { display: block; }
  #view-zarzadzanie .zr-tbl--ln tr { display: block; padding: 10px 0; border-bottom: 1px solid var(--nh-line-soft); }
  #view-zarzadzanie .zr-tbl--ln td { display: block; padding: 4px 0; border: 0; }
  #view-zarzadzanie .zr-tbl--ln td:first-child { font-weight: 600; }
  #view-zarzadzanie .zr-tbl--ln td[data-label]::before { content: attr(data-label); display: block; font-size: 12px; color: var(--nh-text-2); margin-bottom: 2px; }
  #view-zarzadzanie .zr-tbl--ln tr.is-team td { background: transparent; }
  #view-zarzadzanie .zr-day-nav b { min-width: 0; }
  /* telefon: oś dnia na całą szerokość (cały dzień na raz, bez przewijania w bok) — etykieta linii NAD paskiem, na skali co druga godzina */
  #view-zarzadzanie .zr-tl { grid-template-columns: minmax(0, 1fr); min-width: 0; row-gap: 6px; }
  #view-zarzadzanie .zr-tl > div:first-child { display: none; }
  #view-zarzadzanie .zr-tl-axis span:nth-child(even), #view-zarzadzanie .zr-tl-axis span:last-child { display: none; }
  #view-zarzadzanie .zr-tl-gap.is-short { font-size: 0; }   /* krótka luka: samo czerwone kreskowanie (napis „nikt” by się uciął) */
  #view-zarzadzanie .zr-tl-lbl { flex-direction: row; justify-content: flex-start; align-items: baseline; gap: 6px; padding: 6px 0 0; }
  #view-zarzadzanie .zr-tl-seg { padding: 0 4px; }
  #view-zarzadzanie .zr-tl-sum { grid-column: 1; margin: 0; }
}
/* (15.10) JEDNA STRONA — pasek skrótów przyklejony pod górnym paskiem Huba (na telefonie lista „Przejdź do sekcji”), sekcje z numerem,
   tabele sekcji 1–5 (zr-tbl--zt) i chipy stanu. Tylko tokeny, zero !important. */
/* (19.10) Pasek skrótów (.zr-nav) zastąpił spis treści strony NH.spis (ui/spis.css: karta „Na tej stronie” + pasek przyklejony pod
   górnym paskiem Huba; wysokość paska → --nh-spis-bar-h na widoku). Tu tylko odstęp spisu od nagłówka. */
#view-zarzadzanie .nh-spis-bar { margin-top: var(--space-4); }
/* (18.10) Sekcja główna = NH.sekcja (wygląd: ui/sekcja.css — nagłówek ze skrótem, lustro Tablicy PDCA). Tu tylko: skok ze skrótu
   pod OBA przyklejone paski (górny pasek Huba + pasek skrótów) i rytm w środku (pierwszy blok treści bez dodatkowego oddechu —
   zdanie sekcji już go daje). */
#view-zarzadzanie .zr-sek { scroll-margin-top: calc(var(--nh-topbar-h, 0px) + var(--nh-spis-bar-h, 48px) + var(--space-2)); margin-top: var(--zr-gap); }
/* (19.10) podsekcja grupy („1.3”): skok pod oba paski, pierwszy blok treści bez dodatkowego oddechu */
#view-zarzadzanie .zr-sek-sub { scroll-margin-top: calc(var(--nh-topbar-h, 0px) + var(--nh-spis-bar-h, 48px) + var(--space-1)); }
#view-zarzadzanie .zr-sek-sub > .nh-sec-b > .zr-pane > :first-child { margin-top: 0; }
#view-zarzadzanie .zr-sek--grp > .nh-sec-b > #zrSum:empty { display: none; }
#view-zarzadzanie .zr-sek--grp > .nh-sec-b > #zrSum .zr-hintline { margin-top: 0; }
#view-zarzadzanie .zr-sek > .nh-sec-b > .zr-pane > :first-child { margin-top: 0; }
#view-zarzadzanie .zr-sek > .nh-sec-b > .zr-pane > .zr-grp:first-child, #view-zarzadzanie .zr-sek > .nh-sec-b > .zr-pane > .zr-tblwrap:first-child { margin-top: var(--space-2); }
#view-zarzadzanie #zrSum .zr-kpis { margin-top: var(--space-4); grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); }
#view-zarzadzanie .zr-kpi.is-ok b { color: var(--nh-ok-text); }
#view-zarzadzanie .zr-kpi.is-miss b { color: var(--nh-miss-text); }
#view-zarzadzanie .zr-kpi.is-ok small { color: var(--nh-ok-text); }
#view-zarzadzanie .zr-empty--ok { display: inline-flex; align-items: center; gap: 6px; margin-top: var(--space-3); color: var(--nh-ok-text); font-weight: 600; --icon-color: currentColor; }
#view-zarzadzanie .zr-grp--os > h3 { font: 600 15px var(--nh-font-head); }
#view-zarzadzanie .zr-grp--os > h3 .nh-av-who { gap: var(--space-2); }
#view-zarzadzanie .zr-h4 { margin: var(--space-3) 0 0; font: 600 13px var(--nh-font-body); color: var(--nh-text-2); display: flex; gap: 6px; align-items: baseline; }
#view-zarzadzanie .zr-h4 span { font-weight: 500; font-variant-numeric: tabular-nums; }
#view-zarzadzanie .zr-h4 + .zr-tblwrap { margin-top: var(--space-2); }
#view-zarzadzanie table.zr-tbl--zt { table-layout: fixed; }
#view-zarzadzanie .zr-tbl--zt th.c-pat { width: 20%; }
#view-zarzadzanie .zr-tbl--zt th.c-stan { width: 18%; }
#view-zarzadzanie .zr-tbl--zt td.is-red { color: var(--nh-miss-text); font-weight: 600; }
#view-zarzadzanie .zr-tbl--zt td.is-red small { color: var(--nh-text-2); font-weight: 400; }
#view-zarzadzanie .zr-tbl--zt td .nh-av-who { font-size: 13px; }
#view-zarzadzanie .zr-tbl--zt .zr-link { text-align: left; white-space: normal; }
#view-zarzadzanie .zr-tbl--zt .zr-chip { max-width: 100%; white-space: normal; height: auto; min-height: 24px; padding: 2px 10px; line-height: 1.3; }
#view-zarzadzanie .zr-chip.is-nikt { background: var(--nh-miss-bg); color: var(--nh-miss-text); }
#view-zarzadzanie .zr-chip.is-noans { background: var(--nh-warn-bg); color: var(--nh-warn-text); }
#view-zarzadzanie .zr-chip.is-sms { background: var(--nh-group-blue); color: var(--nh-accent); }
#view-zarzadzanie .zr-chip.is-talk { background: var(--nh-ok-bg); color: var(--nh-ok-text); }
#view-zarzadzanie .zr-park { display: inline-flex; align-items: center; gap: 4px; --icon-color: currentColor; }
#view-zarzadzanie .zr-foot .zr-muted { align-self: center; }
@media (max-width: 720px) {
  #view-zarzadzanie .zr-h1 { font-size: 20px; }
  /* telefon: wiersz sekcji 1–5 = karta: pacjent · stan u góry, reszta jako „podpis: wartość” */
  #view-zarzadzanie .zr-tbl--zt thead { display: none; }
  #view-zarzadzanie .zr-tbl--zt, #view-zarzadzanie .zr-tbl--zt tbody { display: block; }
  #view-zarzadzanie .zr-tbl--zt tr { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 4px 12px; padding: 10px 0; border-bottom: 1px solid var(--nh-line-soft); }
  #view-zarzadzanie .zr-tbl--zt td { display: block; min-width: 0; padding: 0; border: 0; text-align: left; white-space: normal; font-size: 13px; }
  #view-zarzadzanie .zr-tbl--zt td.c-pat { grid-column: 1 / -1; font-size: 14px; }
  #view-zarzadzanie .zr-tbl--zt td.c-stan { grid-column: 1 / -1; }
  #view-zarzadzanie .zr-tbl--zt td:not(.c-pat):not(.c-stan)::before { content: attr(data-label); display: block; font-size: 11px; color: var(--nh-text-2); font-weight: 500; }
  #view-zarzadzanie .zr-foot { flex-wrap: wrap; gap: var(--space-2); }
  #view-zarzadzanie .zr-foot .zr-muted { flex-basis: 100%; }
  #view-zarzadzanie .zr-tbl--zt .zr-link { white-space: normal; text-align: left; }
}
@media (max-width: 640px) {   /* telefon: górny pasek Huba się nie klei (styles.css) → skok tylko pod pasek spisu; pasek spisu na całą szerokość (wcięcie widoku = 12 px) */
  #view-zarzadzanie .zr-sek, #view-zarzadzanie .zr-sek-sub { scroll-margin-top: calc(var(--nh-spis-bar-h, 48px) + var(--space-2)); }
  #view-zarzadzanie { --nh-spis-bleed: var(--space-3); }
}