/* ══════════════════════════════════════════════════════════════════════
   DZIENNIK ZDARZEŃ, EKSPORT DANYCH, USUNIĘCIE GABINETU (dane-gabinetu.js)
   i NALEŻNOŚCI WG WIEKU (naleznosci-wiek.js). Kolory z palety.
   ══════════════════════════════════════════════════════════════════════ */
.dg{max-width:1080px}
.dg .karta,.dg .ust-niebezp{margin-top:var(--s5)}
.dg h3{font-size:var(--fs-3);font-weight:600;margin:0 0 var(--s3)}
.dg code{font-family:var(--fm,monospace);font-size:.92em}
.dg-filtry{display:flex;flex-wrap:wrap;gap:var(--s3);align-items:end;margin:var(--s4) 0}
.dg-filtry select{min-height:40px;font:inherit;font-size:var(--fs-2);padding:0 var(--s3);border:var(--bw) solid var(--line2);border-radius:var(--r-kontrolka);background:var(--white);color:var(--t1)}
.dg-tab{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.dg-tab th,.dg-tab td{text-align:left;padding:var(--s2) var(--s3);border-bottom:var(--bw) solid var(--line2);vertical-align:top}
.dg-tab thead th{font-size:var(--fs-1);font-weight:500;color:var(--t3)}
.dg-kiedy{white-space:nowrap}
.dg-rola{display:block;font-size:var(--fs-1);color:var(--t3)}
.dg-opis{overflow-wrap:anywhere}
.dg-skrot{font-family:var(--fm,monospace);font-size:var(--fs-1);color:var(--t2);white-space:nowrap}
.dg-brak{color:var(--t3)}
.dg-lista{margin:0 0 var(--s4);padding-left:1.2em;font-size:var(--fs-2);line-height:1.55;color:var(--t2)}
.dg-lista li+li{margin-top:var(--s2)}
.dg-potwierdz{display:grid;gap:var(--s3);max-width:34rem}
.dg-potwierdz input[type=text],.dg-potwierdz input:not([type]){min-height:44px;width:100%}
.dg-zgoda{display:flex;gap:var(--s2);align-items:flex-start;font-size:var(--fs-2);min-height:44px}
.dg-zgoda input{width:18px;height:18px;margin-top:3px}
.dg-zlecone{display:grid;gap:4px;padding:var(--s3) var(--s4);border-left:3px solid var(--risk);background:var(--paper);margin:0 0 var(--s4);font-size:var(--fs-2)}
@media (max-width:640px){.dg-filtry{display:grid;grid-template-columns:1fr}}

/* ── należności wg wieku ── */
.nw{max-width:1080px;margin-top:var(--s5)}
.nw h2{font-size:var(--fs-3);font-weight:600;margin:0 0 var(--s2)}
.nw-tab{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.nw-tab th,.nw-tab td{padding:var(--s2) var(--s3);border-bottom:var(--bw) solid var(--line2);text-align:right}
.nw-tab th:first-child,.nw-tab td:first-child{text-align:left}
.nw-tab thead th{font-size:var(--fs-1);font-weight:500;color:var(--t3)}
.nw-tab tfoot th,.nw-tab tfoot td{font-weight:600;border-top:var(--bw) solid var(--t3)}
.nw-ostrz{margin:0 0 var(--s3);padding:var(--s3) var(--s4);border-left:3px solid var(--warn);background:var(--paper);list-style:none;font-size:var(--fs-1);line-height:1.5}
.nw-akcje{display:flex;gap:var(--s2);flex-wrap:wrap;margin-top:var(--s3)}
.nw-zal{font-size:var(--fs-1);color:var(--t2);line-height:1.55}

/* ── L5a (19.10.2026): Należności na telefonie — zwarte wiersze, lista z limitem ──
   Pozycji jest kilkaset (w przykładzie 133), a każda zajmowała 132 px (cztery
   linie z etykietami). Teraz: dwie linie na pozycję (pacjent i kwota | zabieg,
   data, wiek), podział wg wieku w jednej linii, a poza pierwszymi dziesięcioma
   pozycjami lista jest pod „Pokaż wszystkie (N)”. */
.nw-wiecej{margin-top:var(--s3);padding-top:0;border-top:0}
.nw-wiecej>summary{min-height:44px;display:flex;align-items:center}
@media (max-width:560px){
  .t.mob-lista.nw-tab tbody>tr{grid-template-columns:minmax(0,1fr) auto auto;gap:0 var(--s3);padding:var(--s2) 0}
  .t.mob-lista.nw-tab th,.t.mob-lista.nw-tab td{padding:0;border:0}
  .t.mob-lista.nw-tab tbody>tr{align-items:baseline}
  .t.mob-lista.nw-tab td[data-et]{grid-column:auto;display:block}
  .t.mob-lista.nw-tab td[data-et]::before{display:none}
  .t.mob-lista.nw-tab th[scope=row]{grid-column:1;text-align:left}
  .t.mob-lista.nw-tab[data-nw-lista] th[scope=row],.t.mob-lista.nw-tab[data-nw-lista-reszta] th[scope=row]{grid-column:1 / 3;grid-row:1}
  .t.mob-lista.nw-tab td[data-et="Do zapłaty"]{grid-column:3}
  .t.mob-lista.nw-tab[data-nw-lista] td[data-et="Do zapłaty"],.t.mob-lista.nw-tab[data-nw-lista-reszta] td[data-et="Do zapłaty"]{grid-row:1;font-weight:600}
  .t.mob-lista.nw-tab td[data-et="Zabieg"]{grid-column:1;grid-row:2;text-align:left;color:var(--t2)}
  .t.mob-lista.nw-tab td[data-et="Wykonano"]{grid-column:2;grid-row:2;color:var(--t2)}
  .t.mob-lista.nw-tab td[data-et="Wiek"]{grid-column:3;grid-row:2;color:var(--t2)}
}

/* ── L5c (19.10.2026): Ustawienia na telefonie — laboratoria, stanowiska i lekarze w zwartych wierszach ──
   Laboratoria i stanowiska: nazwa i „Usuń” w pierwszej linii, trzy pola obok siebie z podpisem nad polem.
   Lekarze: nazwisko i specjalizacja z „Usuń” obok, stawka i podstawa pod spodem. */
@media (max-width:560px){
  .t.mob-lista.mob-zw3 tbody>tr{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s2) var(--s3);padding:var(--s3) 0}
  .t.mob-lista.mob-zw3 td.mob-tytul{grid-column:1 / 3;grid-row:1;margin-bottom:0}
  .t.mob-lista.mob-zw3 td.k:last-child{grid-column:3;grid-row:1;align-self:center}
  .t.mob-lista.mob-zw3 td[data-et]{grid-column:auto;grid-row:2;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:2px}
  .t.mob-lista.mob-zw3 td[data-et]::before{flex:0 0 auto;text-align:left}
  .t.mob-lista.mob-zw3 td[data-et]>.inp{max-width:none !important;margin-left:0 !important;flex:0 0 auto}
  .t.mob-lista.mob-zlek tbody>tr:not(.lk-ed-wiersz){grid-template-columns:minmax(0,1fr) auto}
  .t.mob-lista.mob-zlek td.mob-tytul{grid-column:1;grid-row:1;margin-bottom:0}
  .t.mob-lista.mob-zlek td.k:last-child{grid-column:2;grid-row:1;align-self:start}
}

/* ── L6b (19.10.2026): Ustawienia na telefonie — „Gdzie są te dane”, pracownie i stanowiska pod przyciskiem ──
   Na komputerze przycisk jest ukryty, a treść widoczna jak dotąd. */
.ust-zw,.ust-zw-tresc{display:contents}
.ust-zwin{display:none}
@media (max-width:560px){
  .ust-zw{display:block;margin-top:var(--s3)}
  .ust-zwin{display:flex;align-items:center;gap:var(--s3);width:100%;min-height:44px;padding:0 var(--s3);border:var(--bw) solid var(--line);
    border-radius:var(--r-wewn);background:var(--karta);color:var(--t1);font:inherit;font-size:var(--fs-2);font-weight:500;text-align:left;cursor:pointer}
  .ust-zwin-t{flex:1 1 auto;min-width:0}
  .ust-zwin-w{font-size:var(--fs-1);color:var(--t3);font-weight:400}
  .ust-zwin::after{content:"";width:8px;height:8px;border-right:2px solid var(--t2);border-bottom:2px solid var(--t2);transform:rotate(45deg);margin:-4px 4px 0 0;flex:0 0 auto}
  .ust-zw.otw>.ust-zwin::after{transform:rotate(-135deg);margin:4px 4px 0 0}
  .ust-zw:not(.otw)>.ust-zw-tresc{display:none}
  .ust-zw.otw>.ust-zw-tresc{display:block;margin-top:var(--s3)}
}

/* ── L6c (19.10.2026): „Lekarze po marży” na telefonie — marża na godzinę przy nazwisku, nie w ostatniej kolumnie ──
   Dotąd siedem kolumn wymagało przewijania w bok, a rozstrzygająca liczba (marża na godzinę) była
   ostatnia, poza ekranem. Teraz: nazwisko i marża na godzinę w pierwszej linii, reszta po trzy w rzędzie. */
@media (max-width:560px){
  .t.mob-lista.mob-rank tbody>tr{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s2) var(--s3);padding:var(--s3) 0}
  .t.mob-lista.mob-rank td.mob-tytul{grid-column:1 / 3;grid-row:1;margin-bottom:0}
  .t.mob-lista.mob-rank td.mob-glowna{grid-column:3;grid-row:1;align-self:start}
  .t.mob-lista.mob-rank td[data-et]{display:block;grid-column:auto;text-align:left}
  .t.mob-lista.mob-rank td[data-et]::before{display:block;margin-bottom:2px;white-space:normal;overflow-wrap:anywhere;line-height:1.25}
  .t.mob-lista.mob-rank td[data-et]{min-width:0;white-space:normal}
  .t.mob-lista.mob-rank td.mob-glowna{text-align:right}
  .t.mob-lista.mob-rank td.mob-glowna::before{text-align:right}
}

/* ── L6c (19.10.2026): Należności na telefonie — opis pod główną liczbą, nie nad nią ──
   Tytuł, potem kwota „Do zapłaty”, potem zdanie wyjaśniające. Kolejność w kodzie bez zmian
   (czytnik ekranu czyta jak dotąd), zmienia się tylko kolejność wizualna. */
@media (max-width:560px){
  .nw[data-nw-sekcja]{display:flex;flex-direction:column}
  .nw[data-nw-sekcja]>.dz-naglowek{display:contents}
  .nw[data-nw-sekcja]>.dz-naglowek>h2{order:-2;margin-bottom:var(--s3)}
  .nw[data-nw-sekcja]>.finlinia{order:-1}
  .nw[data-nw-sekcja]>.dz-naglowek>p{margin:var(--s3) 0 var(--s5)}
}