/* ============================================================
   „Zegar stoi” — zakładka rejestru „Chronieni w lejku” (kadencja czasowa, 24.09).
   Makieta: public/sandbox/kadencja-czasowa/zegar-stoi.html. Wyłącznie tokeny, zero !important.
   Dane: GET /api/admin/chronieni → zegarStoi (ten sam zegar co automat rezygnacji).
   ============================================================ */
#view-chronieni .nh-zs-sub { display: flex; gap: 6px; flex-wrap: wrap; margin: -4px 0 12px; }
#view-chronieni .nh-zs-subchip { font: 500 11.5px var(--nh-font-mono); padding: 3px 10px; border-radius: 999px; border: 1px solid var(--nh-line);
  background: var(--nh-surface); color: var(--nh-text-2); cursor: pointer; }
#view-chronieni .nh-zs-subchip.is-on { background: var(--nh-text); color: var(--nh-text-on-dark); }
#view-chronieni .nh-zs-card { background: var(--nh-surface); border: 1px solid var(--nh-line); border-radius: var(--radius-md); overflow: hidden; }
#view-chronieni .nh-zs-scroll { overflow-x: auto; }
#view-chronieni .nh-zs-t { width: 100%; border-collapse: collapse; font-size: 13.5px; min-width: 980px; }
#view-chronieni .nh-zs-t th { text-align: left; font: 500 11px var(--nh-font-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--nh-text-muted);
  padding: 12px 14px; border-bottom: 1px solid var(--nh-line); background: var(--nh-field); white-space: nowrap; }
#view-chronieni .nh-zs-t td { padding: 12px 14px; border-bottom: 1px solid var(--nh-line); vertical-align: top; }
#view-chronieni .nh-zs-t tbody tr { cursor: pointer; }
#view-chronieni .nh-zs-t tbody tr:hover td, #view-chronieni .nh-zs-t tbody tr.is-focus td { background: var(--nh-row-select); }
#view-chronieni .nh-zs-name { font: 600 14px var(--nh-font-head); color: var(--nh-text); }
#view-chronieni .nh-zs-meta { font: 400 11.5px var(--nh-font-mono); color: var(--nh-text-muted); margin-top: 2px; }
#view-chronieni .nh-zs-why { display: inline-flex; align-items: center; gap: 5px; font: 500 11.5px var(--nh-font-mono); padding: 3px 9px; border-radius: 999px;
  white-space: nowrap; --icon-color: currentColor; }
#view-chronieni .nh-zs-why--task { background: var(--nh-group-blue); color: var(--nh-accent); }
#view-chronieni .nh-zs-why--poczekalnia { background: var(--nh-warn-bg); color: var(--nh-warn-text); }
#view-chronieni .nh-zs-why--sms { background: var(--nh-chip-bg); color: var(--nh-chip-tx); }
#view-chronieni .nh-zs-why--visit { background: var(--nh-ok-bg); color: var(--nh-ok-text); }
#view-chronieni .nh-zs-whytxt { font-size: 12.5px; color: var(--nh-text); margin-top: 5px; max-width: 32ch; line-height: 1.4; }
#view-chronieni .nh-zs-date { font: 400 12px var(--nh-font-mono); color: var(--nh-text-2); white-space: nowrap; }
#view-chronieni .nh-zs-next { font-size: 12.5px; color: var(--nh-text); max-width: 26ch; line-height: 1.4; }
#view-chronieni .nh-zs-next.is-soon { color: var(--nh-miss-text); }
#view-chronieni .nh-zs-notes { max-width: 42ch; }
#view-chronieni .nh-zs-n { font-size: 12.5px; line-height: 1.4; color: var(--nh-text); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
#view-chronieni .nh-zs-n + .nh-zs-n { margin-top: 6px; color: var(--nh-text-2); }
#view-chronieni .nh-zs-n i { font-style: normal; font: 400 11px var(--nh-font-mono); color: var(--nh-text-muted); margin-right: 4px; }
#view-chronieni .nh-zs-empty { padding: 44px; text-align: center; color: var(--nh-text-muted); }
#view-chronieni .nh-zs-btn { font: 600 12.5px var(--nh-font-head); border: 1px solid var(--nh-line); background: var(--nh-surface); color: var(--nh-accent);
  border-radius: 999px; padding: 5px 13px; white-space: nowrap; cursor: pointer; }