
:root{--rgb-161b22:22,27,34;--rgb-7b5ea7:123,94,167;--rgb-8a5b08:138,91,8;--rgb-biel:255,255,255;--rgb-bursztyn:245,165,36;--rgb-c63f2d:198,63,45;--rgb-czern:0,0,0;--rgb-czerwien:192,57,43;--rgb-e8590c:232,89,12;--rgb-e8a317:232,163,23;--rgb-f5a623:245,166,35;--rgb-fiolet:122,79,209;--rgb-marchew:230,126,34;--rgb-mieta:46,158,122;--rgb-morze:46,94,150;--rgb-pomarancz:217,115,13;--rgb-zielen:31,122,92;--s-000:#000;--s-161b22:#161b22;--s-17604a:#17604a;--s-1b2230:#1b2230;--s-1f7a5c:#1f7a5c;--s-25190a:#25190a;--s-2e5e96:#2e5e96;--s-2e9e7a:#2e9e7a;--s-3a2a00:#3a2a00;--s-3a2a05:#3a2a05;--s-4e5564:#4e5564;--s-7a4e0b:#7a4e0b;--s-7a4fd1:#7a4fd1;--s-7d8594:#7d8594;--s-8a5b08:#8a5b08;--s-999:#999;--s-9a5b00:#9a5b00;--s-a23325:#a23325;--s-a8b0bf:#a8b0bf;--s-b3261e:#b3261e;--s-b45309:#b45309;--s-b7791f:#b7791f;--s-bbb:#bbb;--s-c0392b:#c0392b;--s-d0584a:#d0584a;--s-d35400:#d35400;--s-d9730d:#d9730d;--s-ddd:#ddd;--s-e0674f:#e0674f;--s-e5484d:#e5484d;--s-e8590c:#e8590c;--s-eee:#eee;--s-f1f2f4:#f1f2f4;--s-f2f2f4:#f2f2f4;--s-f2f4f8:#f2f4f8;--s-f5a524:#f5a524;--s-f5c451:#f5c451;--s-fff:#fff}
.karta.waska{max-width:460px;margin:40px auto}
.formularz{display:grid;gap:12px;margin-top:16px}
.formularz label{display:grid;gap:4px;font-size:14px;color:var(--tekst-2);min-width:0}
.pasek nav form.w-wierszu .przycisk{min-height:0;padding:4px 10px;font-size:12.5px;background:transparent;color:var(--s-a8b0bf);border-color:rgba(var(--rgb-biel),.18)}
.wiecej form .wyloguj{width:100%;border:0;background:none}
.komunikat-ok{color:var(--zielen-2);font-weight:500}
details.moduly{margin-top:6px}details.moduly form{display:grid;gap:4px;margin-top:6px}
.karta h2{font-size:17px;margin-bottom:12px}
@media print{.nie-drukuj{display:none !important}}
.kafel-wzor.stan-odbyte{background:rgba(var(--rgb-zielen),.13);border-left-color:var(--zielen)}
.kafel-wzor.stan-odwolane{background:rgba(var(--rgb-tekst),.06);border-left-color:var(--tekst-3);text-decoration:line-through}
.kafel-wzor.kolizja{outline:2px dashed var(--s-d9730d);outline-offset:-2px}
.kafel-wzor.czeka-zastepstwa{background-image:repeating-linear-gradient(135deg,rgba(var(--rgb-czerwien),.12) 0 6px,transparent 6px 12px)}
.kafel-wzor{display:inline-block;padding:2px 8px;border-radius:6px;border-left:3px solid var(--morze);background:rgba(var(--rgb-morze),.13);font-size:12.5px}
.legenda{font-size:13px;color:var(--tekst-2);display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.przelacznik{display:inline-flex;gap:2px}
dialog.okno{border:0;border-radius:18px;padding:0;width:min(640px,96vw);max-height:92vh;background:var(--karta);color:var(--tekst)}
dialog.okno::backdrop{background:rgba(var(--rgb-tekst),.45)}
.okno-srodek{padding:18px 20px;overflow:auto;max-height:92vh}
.okno-gora{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.okno-gora h2{font-size:18px}
.okno h3{font-size:14px;text-transform:uppercase;letter-spacing:.06em;color:var(--tekst-3);margin:16px 0 6px}
.osoby{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.osoba{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--linia)}
.osoba-nazwa{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.osoba-stan{display:flex;gap:4px;flex-wrap:wrap;align-items:center}
.osoba-wiecej{flex-basis:100%}
.okno-akcje{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
.okno-sekcja{border-top:1px solid var(--linia);padding:10px 0}
.okno-sekcja>summary{cursor:pointer;font-weight:500}
.dwa{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.zaznacz,.formularz label.zaznacz{display:flex;align-items:center;gap:6px}
fieldset{border:1px solid var(--linia);border-radius:10px;padding:10px 12px;display:grid;gap:6px}
.dopisz{margin-top:10px}
.zajecia-karta.dzis{border-color:var(--morze)}
@media (max-width:560px){.dwa{grid-template-columns:minmax(0,1fr)}}
.dwie-kolumny{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px;align-items:start}
@media (max-width:900px){.dwie-kolumny{grid-template-columns:minmax(0,1fr)}}
main select,main input{max-width:100%}
.dwie-kolumny>div{min-width:0}
.filtry{margin-bottom:12px}
details.nowy>summary{list-style:none}
details.nowy>summary::-webkit-details-marker{display:none}
details.nowy[open] .karta{position:absolute;right:20px;z-index:5;width:min(360px,90vw)}
.tekst-czerwony{color:var(--czerwien)}
textarea{font:inherit;font-size:14px;padding:7px 10px;border:1px solid var(--linia);border-radius:8px;background:var(--karta);color:var(--tekst)}
@media (max-width:900px){.podmenu nav{overflow-x:auto;scrollbar-width:none}.podmenu nav::-webkit-scrollbar{display:none}}
.formularz select,.paski select{width:100%;max-width:100%;min-width:0}
.paski select{width:auto}
@media (max-width:700px){.tel-link{display:inline-flex;align-items:center;min-height:44px}}
.pasek-kwoty{display:block;height:10px;border-radius:5px;background:var(--morze);width:calc(var(--ile) * 100%);min-width:2px}
td .pasek-kwoty{min-width:60px}
.pole-linku{width:100%;font-family:var(--mono);font-size:12.5px}
.pole-planu{width:100%;font-family:var(--mono);font-size:14px;line-height:1.6}
.pole-szukaj{width:100%;margin-bottom:8px}
code{font-family:var(--mono);font-size:.92em;background:rgba(var(--rgb-tekst),.06);padding:1px 5px;border-radius:5px}
.blok-planu{margin:10px 0 2px;font-size:14px;color:var(--tekst-2)}
.siatka-kratek{display:grid;grid-template-columns:28px repeat(7,minmax(0,1fr));gap:3px;margin:8px 0 14px;max-width:520px}
.kratka-naglowek{text-align:center;font-size:12px;color:var(--tekst-2)}
.kratka-godzina{font-family:var(--mono);font-size:11.5px;color:var(--tekst-3);align-self:center}
.kratka{display:block;position:relative}
.kratka input{appearance:none;-webkit-appearance:none;display:block;width:100%;height:30px;margin:0;border-radius:6px;
  border:1px solid rgba(var(--rgb-tekst),.28);background:var(--karta);cursor:pointer}
.kratka input:checked{background:var(--zielen);border-color:var(--zielen)}
.kratka input:focus-visible{outline:2px solid var(--morze);outline-offset:1px}
.tablica{background:var(--ciemny);color:var(--s-fff);border-radius:16px;padding:22px;min-height:80vh}
.tablica-gora{display:flex;justify-content:space-between;gap:12px;font-size:22px;margin-bottom:18px}
.tablica-karty{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:14px}
.tablica-karta{background:rgba(var(--rgb-biel),.07);border:1px solid rgba(var(--rgb-biel),.14);border-radius:14px;padding:16px}
.tablica-kto{display:flex;align-items:baseline;gap:12px;margin-bottom:10px}
.tablica-nr{font-size:40px;font-weight:600;line-height:1}
.tablica-imie{font-size:22px}
.tablica-blok{display:flex;gap:10px;margin-top:8px}
.tablica-oznaczenie{font-family:var(--mono);font-size:18px;color:rgba(var(--rgb-biel),.75);min-width:22px}
.tablica-blok ul{list-style:none;margin:0;padding:0;flex:1;min-width:0}
.tablica-blok li{display:flex;justify-content:space-between;gap:10px;font-size:18px;padding:3px 0;border-bottom:1px solid rgba(var(--rgb-biel),.08)}
.tablica-pusto{color:rgba(var(--rgb-biel),.75);font-size:18px}
.tablica-duza .tablica-nr{font-size:64px}
.tablica-duza .tablica-imie,.tablica-duza .tablica-gora{font-size:30px}
.tablica-duza .tablica-blok li,.tablica-duza .tablica-oznaczenie{font-size:26px}
@media print{.bez-druku,.stopka-wersji,footer{display:none}.wydruk{border:0;padding:0;box-shadow:none}body{background:var(--s-fff)}}
.wydruk table{width:100%}
.pasek-podgladu{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;background:var(--ciemny);color:var(--s-fff)}
.sekcje-pulpitu{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:16px;align-items:start}
.sekcje-pulpitu .karta{margin-bottom:0}
.licznik{display:inline-block;min-width:22px;padding:0 7px;border-radius:11px;background:var(--ciemny);color:var(--s-fff);font-size:12.5px;text-align:center}
.pasek nav .licznik,.podmenu nav .licznik,.dolny .licznik{display:inline;min-width:0;text-align:inherit}
.mapa-przewin{overflow-x:auto}
.mapa-oblozenia{border-collapse:separate;border-spacing:3px;min-width:100%}
.mapa-oblozenia th{font-size:12px;color:var(--tekst-2);font-weight:500;text-align:center;padding:2px 4px;border:0}
.mapa-oblozenia td{height:34px;min-width:34px;padding:0;text-align:center;border:0;border-radius:6px;
  background:rgba(var(--rgb-morze),calc(.06 + var(--u,0) * .8))}
.mapa-oblozenia td a{display:block;line-height:34px;color:var(--tekst);text-decoration:none;font-size:13px}
.mapa-oblozenia td.gorace a{color:var(--s-fff);font-weight:600}
@media print{.wydruk + .wydruk{break-before:page}}
.pasek nav button.wyloguj{background:none;border:0;padding:0;margin-left:12px;font:inherit;font-size:inherit;color:var(--s-7d8594);
  cursor:pointer;min-height:44px}
html[data-szklo]:not([data-strona="klient"]) .pasek nav button.wyloguj{color:var(--s-a8b0bf)}   
.pasek nav button.wyloguj:hover,.pasek nav button.wyloguj:focus-visible{color:var(--s-fff);text-decoration:underline}
.pasek nav button.wyloguj.zwykly{margin-left:0;color:var(--s-a8b0bf)}
.pasek nav button.wyloguj.zwykly:hover,.pasek nav button.wyloguj.zwykly:focus-visible{color:var(--s-fff);text-decoration:none}
.pasek nav form.w-wierszu{display:flex;align-items:stretch;margin:0}
.pasek nav form.w-wierszu button.wyloguj{font-size:13.5px;line-height:inherit;min-height:0;display:block;text-align:left;vertical-align:top}
.tekst-wieloliniowy{white-space:pre-line}
.tablica-serie{display:flex;flex-wrap:wrap;gap:4px 10px;justify-content:flex-end}
.tablica-serie b{font-variant-numeric:tabular-nums;white-space:nowrap}
.tablica-serie b.ciezej{color:var(--bursztyn)}
.tablica-razy{font-weight:700;color:var(--bursztyn);margin-left:6px}
.wyplata-wpis{display:flex;gap:6px;align-items:center;justify-content:flex-end;flex-wrap:wrap;margin-top:4px}
.klauzula{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:10px 0}
.klauzula dt{color:var(--tekst-2)}
.klauzula dd{margin:0}
@media (max-width:640px){.klauzula{grid-template-columns:1fr}.klauzula dd{margin-bottom:6px}}
.tekst-zielony{color:var(--zielen)}
.szukaj-duze{width:100%;font-size:16px;padding:12px 14px;border-radius:12px;margin:0 0 14px}
.rozliczenia{display:grid;
  grid-template-columns:minmax(0,1.5fr) 62px minmax(0,110px) minmax(0,110px) minmax(0,120px)
                        minmax(0,130px) minmax(0,380px);
  gap:8px 12px;align-items:center}
.rozliczenia .naglowek-kol{font-size:12px;color:var(--tekst-3);text-transform:uppercase;
  letter-spacing:.06em;margin-bottom:-8px}
.rozliczenia .wiersz{display:contents}
.rozliczenia .nr-roz{color:var(--tekst-3);font-size:13px;font-variant-numeric:tabular-nums;margin-right:6px}   
.rozliczenia .kreska{grid-column:1 / -1;height:1px;background:var(--linia)}
.rozliczenia .do-prawej{text-align:right;font-variant-numeric:tabular-nums}
.rozliczenia .osoba a{font-weight:500;text-decoration:none}
.rozliczenia .osoba small{display:block;color:var(--tekst-2);font-size:12px;margin-top:2px}
.rozliczenia .osoba .tel-roz{color:var(--tekst);font-variant-numeric:tabular-nums}
.rozliczenia .osoba small a.tel-link{font-size:inherit !important;font-weight:400;text-decoration:underline dotted;text-underline-offset:3px}   
.rozliczenia input[type=text]{width:100%;min-width:0;text-align:right}
.rozliczenia .wplata-i-sms{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center}
.rozliczenia .wplata{display:grid;grid-template-columns:90px minmax(0,1fr) auto;gap:6px}
.rozliczenia .przycisk.sms{padding:6px 10px;font-size:12.5px;white-space:nowrap}
.rozliczenia .sms-grupa{display:flex;gap:5px;flex-wrap:wrap}
.rozliczenia .wplata select{padding:6px 6px;font-size:13px}
.rozliczenia .wplata .przycisk{padding:6px 10px;font-size:13px;white-space:nowrap}
.rozliczenia .para-ramka{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;gap:8px 12px;align-items:center;
  border:2px solid rgba(var(--rgb-morze),.45);border-radius:14px;padding:0 10px 10px;margin:6px 0;background:rgba(var(--rgb-morze),.025)}
.rozliczenia .para-ramka > .kreska{background:rgba(var(--rgb-morze),.18)}
@media screen{ .rozliczenia .para-ramka.zwinieta > .wiersz,.rozliczenia .para-ramka.zwinieta > .kreska{display:none !important} }
.rozliczenia .para-ramka.zwinieta{padding-bottom:0}
.rozliczenia .para-ramka.zwinieta .para-glowa{border-radius:12px}
.rozliczenia .para-zwin{border:1px solid var(--linia);background:var(--karta);border-radius:8px;min-width:36px;min-height:36px;
  font-size:16px;line-height:1;cursor:pointer;color:var(--tekst);transition:transform .15s;align-self:center}
.rozliczenia .para-ramka:not(.zwinieta) .para-zwin{transform:rotate(180deg)}
@media print{ .para-zwin{display:none} }   
.rozliczenia .para-glowa{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:4px 16px;align-items:baseline;
  padding:9px 12px;margin:0 -10px;border-radius:12px 12px 0 0;background:rgba(var(--rgb-morze),.08);
  font-size:13.5px;color:var(--tekst-2)}
@media (max-width:1200px){ .rozliczenia .para-ramka{grid-template-columns:1fr;gap:10px}
  .rozliczenia .para-ramka > .kreska{display:none} }
.rozliczenia .para-glowa b{color:var(--tekst)}
.rozliczenia .para-glowa b.dlug{color:var(--czerwien)} .rozliczenia .para-glowa b.nadplata{color:var(--zielen)}
.rozliczenia .para-glowa .para-razem{margin-left:auto;font-variant-numeric:tabular-nums}
.rozliczenia .osoba small.w-parze-z{color:var(--morze);font-size:12px}
.rozliczenia .wplata-pary{flex-basis:100%;display:grid;grid-template-columns:minmax(0,130px) minmax(0,130px) auto auto;
  gap:6px;justify-content:end;margin-top:4px}
.rozliczenia .wplata-pary input{text-align:right}
.rozliczenia .wplata-pary .przycisk{white-space:nowrap}
@media (max-width:700px){ .rozliczenia .wplata-pary{grid-template-columns:1fr 1fr;justify-content:stretch}
  .rozliczenia .wplata-pary input,.rozliczenia .wplata-pary select,.rozliczenia .wplata-pary .przycisk{min-height:44px} }
@media (max-width:700px){ .rozliczenia .para-glowa .para-razem{margin-left:0} }
:where(.ekran-rozliczenia) .dlug{color:var(--czerwien);font-weight:600}
:where(.ekran-rozliczenia) .saldo-dop{display:block;font-size:11.5px;color:var(--tekst-2);font-weight:400;white-space:normal}
:where(.ekran-rozliczenia) .nadplata{color:var(--zielen)}
:where(.ekran-rozliczenia) .pakiet-info{font-size:12.5px;color:var(--tekst-2)}
:where(.ekran-rozliczenia) .pakiet-info b{color:var(--tekst)}
:where(.ekran-rozliczenia) .pakiet-info.konczy{color:var(--czerwien)}
.rozliczenia .etyk{display:none}
@media (max-width:1200px){
  .rozliczenia{grid-template-columns:1fr;gap:10px}
  .rozliczenia .naglowek-kol,.rozliczenia .kreska{display:none}
  .rozliczenia .wiersz{display:grid;grid-column:1 / -1;gap:10px 14px;padding:14px 16px;border:1px solid var(--linia);
    border-radius:14px;align-items:start;
    grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr)) minmax(0,1.2fr);
    grid-template-areas:"osoba zajec nal wpl saldo" "pakiet wplata wplata wplata wplata"}
  .rozliczenia .etyk{display:block;font-size:11px;color:var(--tekst-3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px;font-weight:400}
  .rozliczenia .k-osoba{grid-area:osoba} .rozliczenia .k-zajec{grid-area:zajec} .rozliczenia .k-nal{grid-area:nal}
  .rozliczenia .k-wpl{grid-area:wpl} .rozliczenia .k-saldo{grid-area:saldo} .rozliczenia .k-pakiet{grid-area:pakiet;align-self:center}
  .rozliczenia .wplata-i-sms{grid-area:wplata;grid-template-columns:minmax(0,1fr) auto;gap:8px}
  .rozliczenia .wplata{grid-template-columns:minmax(90px,110px) minmax(110px,1fr) auto;gap:8px}
  .rozliczenia .wplata input[type=text],.rozliczenia .wplata select,.rozliczenia .wplata .przycisk{min-height:44px;font-size:15px}
  .rozliczenia .wplata select{padding:6px 10px;width:100%;min-width:0}
  .rozliczenia .wplata .przycisk{padding:0 16px}
  .rozliczenia .przycisk.sms{min-height:40px;display:inline-flex;align-items:center;padding:0 14px;font-size:14px}
  .rozliczenia .osoba a{font-size:16.5px}
}
@media (max-width:700px){
  .rozliczenia .wiersz{grid-template-columns:repeat(3,minmax(0,1fr));padding:14px;
    grid-template-areas:"osoba osoba saldo" "zajec nal wpl" "pakiet pakiet pakiet" "wplata wplata wplata"}
  .rozliczenia .k-zajec,.rozliczenia .k-nal,.rozliczenia .k-wpl{text-align:left;background:var(--tlo);border-radius:10px;padding:7px 10px}
  .rozliczenia .k-saldo{font-size:17px;white-space:nowrap;justify-self:end}   
  .rozliczenia .k-zajec,.rozliczenia .k-nal,.rozliczenia .k-wpl{font-size:14.5px;padding:7px 9px}
  .rozliczenia .wplata{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}
  .rozliczenia .wplata select{padding:6px 2px 6px 8px;font-size:14.5px}
  .rozliczenia .wplata .przycisk{padding:0 14px}
  .rozliczenia .wplata-i-sms{grid-template-columns:1fr}
  .rozliczenia .k-pakiet:empty{display:none}
}
:where(.ekran-rozliczenia) .szukaj-roz{width:100%;font-size:16px;padding:12px 14px;border-radius:12px;margin:0 0 14px}
:where(.ekran-rozliczenia) .schowany{display:none !important}
@media print{:where(.ekran-rozliczenia) .szukaj-roz{display:none}}
:where(.ekran-rozliczenia) .wiersz.wskazany{outline:2px solid var(--bursztyn,var(--s-d9730d));outline-offset:4px;border-radius:12px}
.karnety-zalegle h2{font-size:16px;margin-bottom:4px}
.karnety-zalegle .wiersz-z{display:grid;grid-template-columns:34px minmax(0,1.4fr) minmax(0,1fr) 110px 110px;gap:10px;align-items:center;
  padding:9px 0;border-bottom:1px solid var(--linia);font-size:14px}
.karnety-zalegle .wiersz-z:last-child{border-bottom:0}
.karnety-zalegle .nr-z{color:var(--tekst-3)}
.karnety-zalegle a{color:inherit;font-weight:600;text-decoration:none;border-bottom:1px dotted var(--tekst-3)}
.karnety-zalegle .dni{color:var(--czerwien);font-weight:600;text-align:right}
.karnety-zalegle .kw{text-align:right;font-variant-numeric:tabular-nums}
@media (max-width:700px){
  .karnety-zalegle .wiersz-z{grid-template-columns:28px minmax(0,1fr) auto;gap:2px 8px}
  .karnety-zalegle .nr-z{grid-row:1} .karnety-zalegle .wiersz-z a{grid-column:2;grid-row:1;justify-self:start}
  .karnety-zalegle .dni{grid-column:3;grid-row:1}
  .karnety-zalegle .opis-k{grid-column:2 / -1;color:var(--tekst-2);font-size:13px}
  .karnety-zalegle .kw{grid-column:2 / -1;text-align:left;font-size:13px}
}
.karnety-zalegle .karnety-opis{margin-bottom:8px}
.rozliczenia .ostatnia-wplata{display:block;color:var(--tekst-3);font-size:11.5px}
:where(.ekran-rozliczenia) .pakiet-info.bez-pakietu{color:var(--tekst-3)}
.rozliczenia .roz-pusto{grid-column:1 / -1}
.rozliczenia .osoba{display:block;padding:0;border-bottom:0}
.rozliczenia .tel-link{display:inline;min-height:0}
.rytm{display:block;font-size:12.5px;color:var(--tekst-2);margin-top:3px}
.rytm b{color:var(--tekst)}
.rytm-uwaga{color:var(--s-9a5b00)}
.rytm-zle{color:var(--czerwien)}
.rytm.rytm-uwaga,.rytm.rytm-zle{font-weight:500}
.numer-tablicy{display:flex;align-items:center;gap:12px;font-weight:500}
.nr-tablicy{width:44px;height:44px;border-radius:50%;display:inline-grid;place-items:center;border:3px solid var(--kolor);
  font-weight:700;font-size:20px;font-variant-numeric:tabular-nums}
.lista-zajec{list-style:none;margin:8px 0 12px;padding:0;display:grid;gap:8px}
.kafel-wzor.r-para{border-left-color:var(--s-d9730d);background:rgba(var(--rgb-pomarancz),.15)}
.kafel-wzor.r-grupa{border-left-color:var(--s-7a4fd1);background:rgba(var(--rgb-fiolet),.12)}
.kafel-wzor.poza-dysp{box-shadow:inset 0 0 0 2px rgba(var(--rgb-bursztyn),.8)}
.kafel-wzor.ponad-limit{background-image:repeating-linear-gradient(135deg,rgba(var(--rgb-marchew),.30) 0 9px,rgba(var(--rgb-marchew),.10) 9px 18px)}
.kafel-wzor.w-zastepstwie{border-left:4px solid var(--s-7a4fd1)}
.kafel-czas{display:block;font-weight:700;font-size:12px;color:var(--morze)}
@media (pointer:coarse){.tylko-mysz{display:none}}
@media (pointer:fine){.tylko-dotyk{display:none}}
.nowe-kolizja{border:1px solid var(--s-d9730d);border-left-width:4px;border-radius:10px;padding:10px 12px;background:rgba(var(--rgb-pomarancz),.06)}
.nowe-kolizja ul{margin:6px 0 10px;padding-left:18px;font-size:13px}
.nowe-kolizja .przyciski{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.podpowiedz-zast{margin:4px 0 6px;font-size:12.5px;color:var(--tekst-2)}
.kal-glowa{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:6px 0 10px}
.kal-glowa h3{margin:0;text-align:center;flex:1;font-size:17px;text-transform:capitalize}
.kal-strzalka{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;border:1px solid var(--linia);
  background:var(--karta);color:var(--tekst);text-decoration:none;font-size:22px}
.kal-strzalka.pusta{opacity:.3}
.kal-dni{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;text-align:center}
.kal-dni span{font-family:var(--mono);font-size:11px;color:var(--tekst-2);padding-bottom:2px}
.kal-dni i{font-style:normal;height:40px;display:grid;place-items:center;border-radius:10px;font-size:14.5px;font-weight:500;position:relative}
@media (min-width:701px){.kal-dni{gap:8px}.kal-dni i{height:52px;font-size:16px}}
.kal-dni i.klik{cursor:pointer}
.kal-dni i.klik:focus-visible{outline:2px solid var(--morze);outline-offset:2px}
.kal-dni i.odbyte,.kal-legenda i.odbyte{background:rgba(var(--rgb-zielen),.16);color:var(--s-17604a);font-weight:700}
.kal-dni i.plan,.kal-legenda i.plan{background:rgba(var(--rgb-bursztyn),.24);color:var(--s-7a4e0b);font-weight:700}
.kal-dni i.nieobecny,.kal-legenda i.nieobecny{background:rgba(var(--rgb-czerwien),.14);color:var(--s-a23325);font-weight:700}
.kal-dni i.absencja,.kal-legenda i.absencja{box-shadow:inset 0 0 0 2px rgba(var(--rgb-czerwien),.5);color:var(--s-a23325)}
.kal-dni i.odwolane,.kal-legenda i.odwolane{background:rgba(var(--rgb-czern),.06);color:var(--tekst-2);text-decoration:line-through}
.kal-dni i.czeka,.kal-legenda i.czeka{box-shadow:inset 0 0 0 2px var(--bursztyn)}
.kal-dni i.czeka::after{content:"?";position:absolute;top:1px;right:5px;font-size:11px;font-weight:700}
.kal-dni i.zmieniony::after,.kal-legenda i.zmieniony::after{content:"";position:absolute;top:4px;right:4px;width:7px;height:7px;border-radius:50%;background:var(--morze)}
.kal-dni i.dzis{box-shadow:inset 0 0 0 2px var(--morze)}
.kal-dni i.wybrany{box-shadow:inset 0 0 0 3px var(--tekst)}
.kal-legenda{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:12px;font-size:12.5px;color:var(--tekst-2)}
.kal-legenda span{display:inline-flex;align-items:center;gap:6px}
.kal-legenda i{display:inline-block;width:16px;height:16px;border-radius:5px;position:relative;text-decoration:none}
.kal-dzis{display:inline-block;margin-top:10px;font-size:14px}
.kal-panel{margin-top:12px;border:1px solid var(--linia);border-radius:16px;padding:14px 16px;display:grid;gap:12px;background:var(--karta)}
.kp-glowa{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:16px}
.kp-zamknij{min-height:36px;min-width:36px}
.kp-zaj{border-top:1px solid var(--linia);padding-top:10px;display:grid;gap:8px}
.kp-zaj:first-of-type{border-top:0;padding-top:0}
.kp-tyt{font-weight:600;font-size:15px}
.kp-stan,.kp-opis{font-size:13.5px;color:var(--tekst-2);margin:0}
.kal-panel form{display:grid;gap:8px}
.kal-panel textarea{font:inherit;font-size:15px;padding:10px 12px;border:1px solid var(--linia);border-radius:12px;width:100%;box-sizing:border-box}
.kp-powody{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:4px 14px}
.kp-powody legend{font-size:13.5px;margin-bottom:4px}
.kp-powody label{display:inline-flex;align-items:center;gap:6px;min-height:36px}
.kp-ok{background:rgba(var(--rgb-zielen),.12);border-radius:12px;padding:8px 12px;font-size:14px}
.blok-glowa .litera{width:40px;height:40px;border-radius:12px;background:var(--ciemny);color:var(--s-fff);display:grid;place-items:center;font-weight:700;font-size:18px;flex:none}
.blok-tr[data-litera="R"] .blok-glowa .litera{background:var(--morze)}
.strzalka{color:var(--tekst-3);font-size:22px;flex:none;line-height:1}
.wiersze{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.cw-karta{background:var(--karta);border-radius:14px;box-shadow:0 1px 2px rgba(var(--rgb-tekst),.06),0 0 0 1px var(--linia);min-width:0}
.cw-kafel .nr{min-width:28px;height:28px;padding:0 5px;border-radius:14px;background:var(--tlo);display:grid;place-items:center;font-size:13px;font-weight:600;color:var(--tekst-2);flex:none}
.kafel-nazwa.puste{color:var(--tekst-3);font-weight:400}
.znaczek{display:inline-block;border-radius:999px;padding:1px 8px;font-size:12px;font-weight:600;background:rgba(var(--rgb-zielen),.12);color:var(--s-17604a)}
.edycja{display:grid;gap:16px}
.edycja[hidden],.edycja [hidden]{display:none !important}
.edycja .rzad{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.pole-z-etykieta{display:grid;gap:6px;justify-items:start;min-width:0}
.pole-z-etykieta.szeroka{justify-items:stretch}
.pole-z-etykieta > span{font-size:12px;color:var(--tekst-3);text-transform:uppercase;letter-spacing:.05em}
.edycja input.cw-nazwa{width:100%;font-size:17px;font-weight:600;padding:12px;border-radius:12px;box-sizing:border-box}
.edycja textarea{width:100%;min-height:80px;font:inherit;font-size:16px;padding:10px 12px;border:1px solid var(--linia);border-radius:12px;resize:vertical;box-sizing:border-box}
.podpowiedzi{display:grid;gap:4px;max-height:220px;overflow:auto;margin-top:6px;width:100%}
.podpowiedzi:empty{display:none}
.podpowiedzi button{display:flex;justify-content:space-between;gap:8px;border:0;background:var(--tlo);border-radius:10px;min-height:44px;padding:0 12px;font:inherit;font-size:15px;text-align:left;cursor:pointer;color:inherit;align-items:center}
.podpowiedzi button small{color:var(--tekst-3)}
.arkusz-akcje .przycisk{min-height:48px;padding:0 20px;font-size:15.5px}
@media (max-width:640px){
  .arkusz-akcje .przycisk{flex:1;padding:0 10px}
}
.tr-kafel{border-radius:14px;padding:10px 14px;margin:8px 0;font-size:14px}
.tr-kafel.cel{background:rgba(var(--rgb-bursztyn),.14)}
.tr-kafel.uwaga{background:rgba(var(--rgb-czerwien),.08);color:var(--s-a23325)}
.tr-kafel.o-kliencie{background:rgba(var(--rgb-bursztyn),.10)}
.plan-odczyt .poz{display:grid;grid-template-columns:auto 1fr auto;gap:2px 10px;padding:6px 0;border-top:1px solid var(--linia);font-size:13.5px}
.plan-odczyt .poz:first-of-type{border-top:0}
.plan-odczyt .poz i{font-style:normal;font-weight:700;color:var(--tekst-3);font-size:12px}
.plan-odczyt .poz small{grid-column:2 / -1;color:var(--tekst-3)}
.plan-odczyt .blok-naglowek .litera{width:26px;height:26px;border-radius:8px;background:var(--ciemny);color:var(--s-fff);display:grid;place-items:center;font-size:13px}
.plan-daty{font-size:12px;background:rgba(var(--rgb-bursztyn),.2);border-radius:999px;padding:2px 8px;font-weight:600}
.wersje-planu .wersja{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--linia);font-size:13.5px}
.pasek-cyklu .zrobione{position:absolute;left:0;top:0;bottom:0;background:var(--morze);border-radius:999px}
.pasek-cyklu .kreska{position:absolute;top:-4px;bottom:-4px;width:3px;margin-left:-1px;background:var(--tekst);border-radius:2px}
.kafle.male{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
.kafle.male .kafel b{font-size:22px}
.tabela-treningow tr.najblizsze td{background:rgba(var(--rgb-bursztyn),.10)}
.wykres-wagi{width:100%;max-width:360px;height:70px;display:block;margin:6px 0}
.wykres-wagi polyline{fill:none;stroke:var(--morze);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
.plakietka.rytm-ok{background:rgba(var(--rgb-zielen),.15);color:var(--s-17604a)}
.plakietka.rytm-uwaga{background:rgba(var(--rgb-bursztyn),.25);color:var(--s-7a4e0b)}
.plakietka.rytm-zle{background:var(--s-c0392b);color:var(--s-fff)}
  .kafle-an{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));margin-bottom:14px}
  .kafle-an .kafel b{font-size:22px}
.tabela-przewijana{overflow-x:auto}
.wykres-m .s:empty{min-height:0}
  .kafle-an .plus b{color:var(--zielen)} .kafle-an .minus b{color:var(--czerwien)}
  .siatka-an{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));align-items:start}
    .legenda-an{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px;color:var(--tekst-2);margin:6px 0 12px}
  .legenda-an i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}
  .k-przychod{background:var(--s-2e5e96)} .k-koszty{background:var(--s-c0392b)} .k-zysk{background:var(--s-1f7a5c)} .k-strata{background:var(--s-e0674f)}
  .k-wplaty{background:var(--s-f5a524)}
  .wykres-m{display:grid;grid-template-columns:repeat(var(--kol),minmax(0,1fr));gap:6px;align-items:end;height:250px;
    position:relative;padding-bottom:22px;overflow-x:auto}
  .wykres-m .kol{display:grid;grid-template-rows:var(--plus) var(--minus) 22px;height:100%;min-width:34px}
  .wykres-m .gora,.wykres-m .dol{display:flex;justify-content:center;gap:2px}
  .wykres-m .gora{align-items:flex-end;border-bottom:1px solid var(--tekst-3)}
  .wykres-m .dol{align-items:flex-start}
  .wykres-m .s{width:22%;max-width:14px;border-radius:3px 3px 0 0;min-height:1px}
  .wykres-m .dol .s{border-radius:0 0 3px 3px}
  .wykres-m .mies{font-size:11px;color:var(--tekst-3);text-align:center;padding-top:4px;white-space:nowrap}
  .wykres-m .kol.wybrany .mies{color:var(--tekst);font-weight:600}
  .wykres-m button.kol{border:0;background:none;padding:0;font:inherit;color:inherit;cursor:pointer;border-radius:8px}
  .wykres-m button.kol:hover,.wykres-m button.kol.dotkniety{background:rgba(var(--rgb-tekst),.05)}
  .wykres-m button.kol:focus-visible{outline:2px solid var(--morze);outline-offset:2px}
  .wykres-m .kol.dotkniety .mies{color:var(--tekst);font-weight:600}
  .wykres-info{border:1px solid var(--linia);border-radius:12px;padding:12px 14px;margin:10px 0 4px;background:var(--tlo)}
  .wykres-info .wi-glowa{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
  .wykres-info .wi-zamknij{border:0;background:none;font-size:16px;min-width:40px;min-height:40px;cursor:pointer;color:var(--tekst-2)}
  .wykres-info dl{margin:0 0 10px;display:grid;gap:4px}
  .wykres-info dl div{display:flex;justify-content:space-between;gap:12px;font-size:14px}
  .wykres-info dt{color:var(--tekst-2)} .wykres-info dd{margin:0;font-variant-numeric:tabular-nums;font-weight:600}
  .wykres-info dt i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
  .wykres-info .wi-drobne{font-size:12.5px} .wykres-info .wi-drobne dt{padding-left:16px} .wykres-info .wi-drobne dd{font-weight:400}
  .wykres-info dd.minus{color:var(--czerwien)}
  .tabela-m{width:100%;font-size:13px;border-collapse:collapse;margin-top:10px}
  .tabela-m td,.tabela-m th{padding:5px 6px;text-align:right;border-bottom:1px solid var(--linia);white-space:nowrap}
  .tabela-m th:first-child,.tabela-m td:first-child{text-align:left}
  .tabela-m .minus{color:var(--czerwien)}
  .poziome{display:grid;gap:7px}
  .poziome .w{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,2fr) auto;gap:10px;align-items:center;font-size:13.5px}
  .poziome .pas{height:12px;border-radius:6px;background:var(--tlo);overflow:hidden}
  .poziome .pas i{display:block;height:100%;border-radius:6px}
  .poziome .kw{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
  .poziome .kw small{color:var(--tekst-3);margin-left:4px}
  .nr-pas{color:var(--tekst-3);font-size:12.5px;font-variant-numeric:tabular-nums;margin-right:5px}   
  .kolo{display:grid;grid-template-columns:170px minmax(0,1fr);gap:16px;align-items:center}
  .kolo svg{width:170px;height:170px;transform:none}
  .kolo .srodek-kola{font-size:4.2px;font-weight:600;fill:var(--tekst)} .kolo .pod-kolem{font-size:2.6px;fill:var(--tekst-3)}
  .kolo ul{list-style:none;margin:0;padding:0;display:grid;gap:5px;font-size:13px}
  .kolo li{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:8px;align-items:center}
  .kolo li i{width:12px;height:12px;border-radius:3px}
  .kolo li span:last-child{color:var(--tekst-2);font-variant-numeric:tabular-nums;white-space:nowrap}
  .k-wyplata{background:var(--s-2e5e96)} .k-studio{background:var(--s-2e9e7a)}
  .tr-lista{display:grid;gap:16px}
  .tr-glowa{display:flex;justify-content:space-between;align-items:baseline;gap:6px 14px;flex-wrap:wrap}
  .tr-glowa a{color:inherit;font-weight:600}
  .tr-glowa small{color:var(--tekst-2);font-size:12.5px;margin-left:6px}
  .tr-suma{font-size:13px;color:var(--tekst-2);font-variant-numeric:tabular-nums}
  .tr-suma b{color:var(--tekst);font-size:14.5px}
  .tr-pas{display:flex;gap:2px;height:14px;margin:6px 0 5px;background:var(--mgla,var(--s-f1f2f4));border-radius:4px;overflow:hidden}
  .tr-pas i{display:block;height:100%}
  .tr-pas i:first-child{border-radius:4px 0 0 4px} .tr-pas i:last-child{border-radius:0 4px 4px 0}
  .tr-pas i:only-child{border-radius:4px}
  .tr-opis{display:flex;flex-wrap:wrap;gap:4px 18px;font-size:13px;color:var(--tekst-2);font-variant-numeric:tabular-nums}
  .tr-opis i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}
  .tr-opis b{color:var(--tekst);font-weight:600}
  .tr-opis .proc{color:var(--tekst-2)}
  .tr-minus{color:var(--czerwien)}
  @media (max-width:640px){
    .kolo{grid-template-columns:1fr;justify-items:center} .kolo ul{width:100%}
    .poziome .w{grid-template-columns:minmax(0,1fr) auto} .poziome .pas{grid-column:1 / -1;order:3}
    .wykres-m{height:210px}
  }
  .zakres-an{padding:14px 16px;margin-bottom:14px}
  .zakres-etykieta{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--tekst-2);margin-bottom:8px}
  .zakres-rzad{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center}
  .segmenty-an{display:inline-flex;border:1px solid var(--linia);border-radius:12px;overflow:hidden;background:var(--karta)}
  .segmenty-an a{padding:0 16px;min-height:42px;display:inline-flex;align-items:center;font-size:14.5px;text-decoration:none;color:var(--tekst-2)}
  .segmenty-an a + a{border-left:1px solid var(--linia)}
  .segmenty-an a.tu{background:var(--ciemny);color:var(--s-fff);font-weight:600}
  .okres-an{display:inline-flex;align-items:center;gap:8px}
  .okres-an form{margin:0}
  .okres-an select{min-height:42px;font-size:15px;padding:0 12px;min-width:170px}
  .okres-an .strz{min-width:44px;min-height:42px;display:inline-flex;align-items:center;justify-content:center;font-size:18px}
  .okres-an .strz.wyl{opacity:.35;pointer-events:none}
  .okres-an .okres-nazwa{font-size:17px;min-width:70px;text-align:center}
  .okres-an .okres-opis{font-size:15px;color:var(--tekst-2)}
  .jak-liczymy{margin-top:12px;font-size:13.5px;color:var(--tekst-2)}
  .jak-liczymy summary{cursor:pointer;color:var(--morze);width:max-content}
  .jak-liczymy ul{margin:8px 0 0;padding-left:18px;display:grid;gap:4px}
  @media (max-width:700px){ .segmenty-an{display:grid;grid-template-columns:repeat(3,1fr);width:100%}
    .segmenty-an a{justify-content:center;padding:0 6px}
    .okres-an{width:100%} .okres-an form{flex:1} .okres-an select{width:100%} }
  @media print{ .zakres-an,.paski{display:none} .karta{break-inside:avoid} }
  #prognoza{margin-bottom:14px} #prognoza h2{font-size:17px;margin-bottom:6px} #prognoza .kafle-an{margin-bottom:0}
  #prognoza .podtytul{margin-top:8px}
  .an-pod-2{margin-bottom:2px} .an-pod-12{margin-bottom:12px}
  :where(.ekran-analiza) .poziome{margin-top:16px} :where(.ekran-analiza) .karta h2{font-size:16.5px;margin-bottom:4px}
.nr-zaj{width:1%;white-space:nowrap;color:var(--tekst-3);font-size:13px;font-variant-numeric:tabular-nums;text-align:right;padding-right:4px}
.cena-w-wierszu{width:84px;text-align:right}
.kwota-wiersz{display:flex;gap:6px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.kwota-wiersz input[name=cena]{width:84px;text-align:right}
.kwota-wiersz .powod-krotki{width:150px;font-size:12.5px}
.pokaz-wszystkie{display:none;width:100%;margin-top:10px}
@media (max-width:700px){.lista-zajec-tab tr.zwiniety{display:none}.pokaz-wszystkie{display:block}}
.opinia{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:6px 16px;padding:12px 8px;border-top:1px solid var(--linia);border-radius:8px}
.opinia:first-child{border-top:0}
.opinia .gw{color:var(--s-9a5b00);font-size:17px;letter-spacing:1px;white-space:nowrap}
.opinia .kto{font-size:14.5px}
.opinia .kto small{display:block;color:var(--tekst-2);font-size:12.5px}
.opinia blockquote{margin:4px 0 0;color:var(--tekst);font-size:14.5px}
.opinia.slaba{background:rgba(var(--rgb-czerwien),.05)}
.gwiazdka{font-size:16px;color:var(--s-9a5b00)}
@media (max-width:700px){.opinia{grid-template-columns:1fr}.opinia.zwiniety{display:none}}
.ramka-prawnik{background:rgba(var(--rgb-bursztyn),.14);border:1px solid rgba(var(--rgb-bursztyn),.5);font-size:14.5px}
.lista-brakow,.lista-zdrowia,.lista-retencji{margin:8px 0;padding-left:22px;display:grid;gap:6px;font-size:14.5px}
.lista-brakow li{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.lista-brakow .zwiniety,.lista-zdrowia .zwiniety,.lista-retencji .zwiniety{display:none}
.przycisk.maly{min-height:32px;padding:0 10px;font-size:13px}
.zgody-opis{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:8px;font-size:14px}
.zgody-opis small{display:block}
.pole-okresu{width:72px}
.klauzula-stala{background:var(--tlo);border:1px solid var(--linia);border-radius:12px;padding:10px 14px}
.porzadki{margin-top:12px}
.zakladki-tygodni{display:flex;gap:6px;overflow-x:auto;padding:2px 0 8px;margin-bottom:6px;scrollbar-width:thin}
.zakladki-tygodni a{flex:none;padding:8px 12px;border-radius:10px;border:1px solid var(--linia);background:var(--karta);text-decoration:none;color:var(--tekst-2);font-size:14px;white-space:nowrap}
.zakladki-tygodni a.tu{background:var(--ciemny);color:var(--s-fff);border-color:var(--ciemny);font-weight:600}
.kropka-zmiany{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--bursztyn);vertical-align:2px}
.kratka{position:relative}
.kratka-liczba{position:absolute;top:1px;right:3px;font-size:10px;font-weight:700;color:var(--morze);pointer-events:none}
.legenda-kratek .kratka-liczba{position:static}
.legenda-kratek{font-size:12.5px;color:var(--tekst-2);display:flex;gap:6px 14px;align-items:center;flex-wrap:wrap}
.kratka-przyklad{display:inline-block;width:14px;height:14px;border-radius:4px;border:1px solid var(--linia);vertical-align:-2px}
.kratka-przyklad.wl{background:rgba(var(--rgb-mieta),.35)}
.szybkie{margin-bottom:6px}
.lista-po-co{margin:6px 0 0;padding-left:18px;display:grid;gap:6px;font-size:14px}
.chipy-filtru{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.chip{border:1px solid var(--linia);background:var(--karta);border-radius:999px;padding:6px 12px;font:inherit;font-size:13.5px;cursor:pointer;color:var(--tekst-2);min-height:36px}
.chip b{margin-left:4px;color:var(--tekst)}
.chip[aria-pressed="true"]{background:var(--ciemny);color:var(--s-fff);border-color:var(--ciemny)}
.chip[aria-pressed="true"] b{color:var(--s-fff)}
.lista-kolizji{display:grid;gap:10px}
.kolizja.pilna{background:rgba(var(--rgb-czerwien),.06);border-left:4px solid var(--czerwien)}
.kolizja.uwaga{border-left:4px solid var(--bursztyn)}
.kolizja-glowa{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;flex-wrap:wrap}
.kolizja-glowa h2{font-size:16px;margin:0}
.co-zrobic{font-size:14px;margin:6px 0}
.kolizja-zajecia{list-style:none;margin:6px 0;padding:0;display:grid;gap:6px}
.kolizja-zajecia li{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;font-size:14px}
.pasek-wydarzenia{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:rgba(var(--rgb-bursztyn),.18);border:1px solid rgba(var(--rgb-bursztyn),.55);border-radius:14px;padding:10px 14px;margin-bottom:12px;font-size:14.5px}
.pasek-wydarzenia .przycisk{margin-left:auto}
.sekcje-pulpitu .karta.pusta{opacity:.7;padding-top:10px;padding-bottom:10px}
.sekcje-pulpitu .karta.pusta h2{font-size:15px;color:var(--tekst-2)}
.sekcje-pulpitu .karta.alarm{background:rgba(var(--rgb-czerwien),.06);border-left:4px solid var(--czerwien)}
.teraz-lista .osoba.trwa{background:rgba(var(--rgb-bursztyn),.14);border-radius:10px;padding-left:8px}
.chipy-osob{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.chip-osoby{display:inline-flex;gap:6px;align-items:baseline;border:1px solid var(--linia);border-radius:999px;padding:3px 10px;font-size:13px;background:var(--karta)}
.chip-osoby small{color:var(--tekst-2)}
.tabela-obsady select{max-width:100%;width:100%;min-width:0}
.kto-nieobecny{border:0;padding:0;margin:0;display:flex;gap:16px;align-items:center}
.kto-nieobecny legend{font-size:13px;color:var(--tekst-2);margin-right:8px;float:left}
.szybkie-zakresy .przycisk{min-height:36px}
.okres-miesiaca{display:flex;align-items:center;gap:8px;margin:0 0 14px;flex-wrap:wrap}
.okres-miesiaca b{min-width:150px;text-align:center;font-size:17px;text-transform:capitalize}
.okres-miesiaca .przycisk{min-width:44px;min-height:42px;display:inline-flex;align-items:center;justify-content:center}
.pr-widok{margin:0 0 12px}
.pr-gora{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:6px 0 10px}
.pr-gora h2{font-size:17px;margin:0}
.pr-lista{list-style:none;padding:4px 0;margin:0 0 14px}
.pr-wiersz + .pr-wiersz{border-top:1px solid var(--linia)}
.pr-wiersz a{display:flex;align-items:center;gap:12px;padding:10px 14px;text-decoration:none;color:var(--tekst);min-height:56px}
.pr-wiersz a:hover{background:rgba(var(--rgb-tekst),.03)}
.pr-tekst{flex:1;min-width:0}
.pr-tekst b{font-size:15px}
.pr-tekst small,.pr-kwota small,.wy-kto small{display:block;color:var(--tekst-2);font-size:12.5px;margin-top:2px}
.pr-kwota{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.pr-strzalka{color:var(--tekst-3);font-size:20px}
.pr-nazwa{font-weight:600;text-decoration:none;color:var(--tekst)}
.pr-jak p{margin:6px 0;color:var(--tekst-2);font-size:14px}
.pr-jak b{color:var(--tekst)}
.wy-wszystkim{display:flex;gap:10px;align-items:end;flex-wrap:wrap}
.wy-lista{list-style:none;padding:0;margin:0 0 14px;display:grid;gap:10px}
.wy-wiersz{display:grid;grid-template-columns:minmax(0,1.6fr) 60px 110px 130px minmax(0,1.5fr);gap:10px 14px;align-items:center;
  padding:12px 14px;border:1px solid var(--linia);border-radius:14px;background:var(--karta)}
.wy-wiersz.zrobione{background:var(--tlo)}
.wy-kto{display:flex;gap:10px;align-items:center;min-width:0}
.wy-liczba{text-align:right;font-variant-numeric:tabular-nums}
.wy-liczba > span{display:block;font-size:11px;color:var(--tekst-3);text-transform:uppercase;letter-spacing:.06em}
.wy-formularz{display:grid;grid-template-columns:minmax(80px,110px) minmax(130px,150px) auto;gap:6px;justify-content:end}
.wy-formularz input{min-width:0;text-align:right}
.wy-stan{text-align:right}
.wy-zalegle ul{margin:6px 0 0;padding-left:20px}
.wy-zalegle li{margin:4px 0}
@media (max-width:900px){
  .wy-wiersz{grid-template-columns:repeat(3,minmax(0,1fr))}
  .wy-kto{grid-column:1 / -1}
  .wy-liczba{text-align:left}
  .wy-formularz,.wy-stan{grid-column:1 / -1;justify-content:stretch;text-align:left;grid-template-columns:1fr 1fr auto}
}
@media print{.pr-widok,.pr-gora .przycisk,.wy-formularz,.wy-wszystkim,.okres-miesiaca .przycisk{display:none}}
.dane-trenera summary{cursor:pointer;min-height:36px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.dane-trenera .formularz{margin-top:12px}
.arch-sekcja{border:1px solid rgba(var(--rgb-czerwien),.30)}
.arch-sekcja h2{font-size:17px;margin:0 0 6px}
.kl-szukaj{display:flex;gap:8px;align-items:center;margin:0 0 10px}
.kl-szukaj input[type=search]{flex:1;min-width:0;font-size:16px;padding:11px 14px;border-radius:12px}
.kl-uklad{display:flex;gap:4px;flex:none}
.kl-uklad button{border:1px solid var(--linia);background:var(--karta);border-radius:999px;padding:8px 12px;font:inherit;font-size:13.5px;cursor:pointer;color:var(--tekst-2);min-height:40px}
.kl-uklad button[aria-pressed="true"]{background:var(--ciemny);color:var(--s-fff);border-color:var(--ciemny)}
.kl-filtry{display:flex;gap:6px;margin:0 0 12px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
.kl-filtry .chip{white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;gap:6px;flex:none}
.kl-filtry .chip.wybrany{background:var(--ciemny);color:var(--s-fff);border-color:var(--ciemny)}
.chip .licznik{font-size:12px;opacity:.75;font-variant-numeric:tabular-nums}
.kl-lista{list-style:none;margin:0 0 14px;padding:4px 0;background:var(--karta);border:1px solid var(--linia);border-radius:16px}
.kl-wiersz{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:4px 10px;align-items:center;padding:9px 14px}
.kl-wiersz + .kl-wiersz{border-top:1px solid var(--linia)}
.kl-wiersz:hover{background:rgba(var(--rgb-tekst),.03)}
.kl-wiersz.wylaczony .kl-nazwa{color:var(--tekst-2)}
.kl-nr{color:var(--tekst-3);font-size:13px;font-variant-numeric:tabular-nums}
.kl-inicjaly{display:none}
.kl-dane{min-width:0}
.kl-nazwa{font-weight:600;color:var(--tekst);text-decoration:none;font-size:15px}
.kl-nazwa::after{content:"";position:absolute;inset:0}
.kl-dane small{display:block;color:var(--tekst-2);font-size:12.5px;margin-top:2px}
.kl-dane .tel-link{position:relative;z-index:1;color:var(--tekst-2);text-decoration:none;min-height:0;display:inline}
.kl-kwota{text-align:right;white-space:nowrap}
.kl-kwota small{display:block;color:var(--tekst-3);font-size:11.5px;margin-top:2px}
.kl-lista.jako-kafelki{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:10px;background:none;border:0;padding:0}
.kl-lista.jako-kafelki .kl-wiersz{grid-template-columns:auto minmax(0,1fr) auto;border:1px solid var(--linia);border-radius:14px;background:var(--karta);padding:12px}
.kl-lista.jako-kafelki .kl-nr{display:none}
.kl-lista.jako-kafelki .kl-inicjaly{display:grid}
.kl-wiersz[hidden]{display:none}
@media (max-width:700px){
  .kl-uklad .napis{display:none}
  .kl-wiersz{grid-template-columns:24px minmax(0,1fr) auto;padding:8px 10px}
}
.bilans{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));margin-bottom:10px}
.bilans .kafel b{font-variant-numeric:tabular-nums}
.bilans .kafel.wynik{border:1px solid var(--linia)}
.bilans .kafel.wynik.plus b{color:var(--zielen-2)}
.bilans .kafel.wynik.minus b{color:var(--czerwien)}
.szesc{display:grid;gap:6px;margin:6px 0 22px}
.szesc .rz{display:grid;grid-template-columns:64px minmax(0,1fr) 110px;gap:10px;align-items:center;font-size:13.5px;
  padding:6px 0;border-bottom:1px solid var(--linia)}
.szesc .rz:last-child{border-bottom:0}
.szesc .dwa{display:grid;gap:4px}
.szesc .linia{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:8px;align-items:center}
.szesc .linia small{font-size:12px;color:var(--tekst-2);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.szesc .pas{height:10px;border-radius:5px;background:var(--tlo);overflow:hidden}
.szesc .pas i{display:block;height:100%;border-radius:5px}
.szesc .pas i.przych{background:var(--s-2e9e7a)}
.szesc .pas i.wydatki{background:var(--s-d0584a)}
.szesc .kw small{display:block;font-size:11px;color:var(--tekst-3);font-weight:400}
.legenda-6 .p::before,.legenda-6 .w::before{content:"";display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}
.legenda-6 .p::before{background:var(--s-2e9e7a)} .legenda-6 .w::before{background:var(--s-d0584a)}
.szesc .rz.wybrany{font-weight:600}
.szesc .slupki{position:relative;height:12px;border-radius:6px;background:var(--tlo);overflow:hidden}
.szesc .slupki i{position:absolute;top:0;bottom:0;left:0;border-radius:6px}
.szesc .slupki i.przych{background:rgba(var(--rgb-zielen),.35)}
.szesc .slupki i.wydatki{background:rgba(var(--rgb-czerwien),.55);height:6px;top:3px}
.szesc .kw{text-align:right;font-variant-numeric:tabular-nums}
.szesc .kw.minus{color:var(--czerwien)}
.legenda-6{font-size:12px;color:var(--tekst-3);display:flex;gap:14px;flex-wrap:wrap}
.legenda-6 span::before{content:'';display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}
.legenda-6 .p::before{background:rgba(var(--rgb-zielen),.35)} .legenda-6 .w::before{background:rgba(var(--rgb-czerwien),.55)}
.grupy-kos{display:grid;gap:4px 16px;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));align-items:start}
.grupa-blok{min-width:0}
.grupy-kos.jako-lista{grid-template-columns:1fr}   
.grupy-kos:not(.jako-lista){align-items:stretch;gap:8px 16px}
.grupy-kos:not(.jako-lista) .grupa-blok,.grupy-kos:not(.jako-lista) .kafle-kos{display:contents}
.grupy-kos:not(.jako-lista) .grupa-kos{grid-column:1 / -1;margin-top:6px}
#przel-kos h2{flex:1}
.kafle-kos{display:grid;gap:8px}
.kafel-kos{display:flex;gap:12px;align-items:center;width:100%;border:0;background:var(--karta);border-radius:14px;
  box-shadow:0 1px 2px rgba(var(--rgb-tekst),.06),0 0 0 1px var(--linia);padding:12px 14px;min-height:64px;cursor:pointer;
  text-align:left;font:inherit;color:inherit}
.kafel-kos.poza{background:var(--tlo);box-shadow:0 0 0 1px var(--linia)}   
.kafel-kos .ik{font-size:22px;flex:none;width:30px;text-align:center}
.kafel-kos .dane{flex:1;min-width:0}
.kafel-kos .dane b{display:block;font-size:15.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kafel-kos .dane small{display:block;color:var(--tekst-2);font-size:13px}
.kafel-kos .kwota{flex:none;font-weight:600;font-size:16px;text-align:right;font-variant-numeric:tabular-nums}
.kafel-kos .kwota small{display:block;font-weight:400;font-size:11.5px;color:var(--tekst-3)}
.grupa-kos{font-size:12.5px;color:var(--tekst-3);text-transform:uppercase;letter-spacing:.06em;margin:16px 0 6px}
.sekcja-kos{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:8px 0 4px}
.sekcja-kos h2{font-size:17px}
.sekcja-kos .przycisk{min-height:44px}
dialog.okno-kos{border:0;padding:0;width:min(480px,100vw);max-width:100vw;border-radius:20px;background:var(--karta);color:var(--tekst);
  box-shadow:0 30px 80px rgba(var(--rgb-tekst),.35)}
dialog.okno-kos::backdrop{background:rgba(var(--rgb-tekst),.45)}
.okno-kos form{padding:18px 20px calc(18px + env(safe-area-inset-bottom));display:grid;gap:12px}
.okno-kos h3{font-size:18px;margin:0}
.okno-kos label{display:grid;gap:5px;font-size:12.5px;color:var(--tekst-2)}
.okno-kos input,.okno-kos select{font-size:16px;padding:11px 12px;border-radius:12px;width:100%;min-width:0}
.okno-kos .rzad{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.okno-kos .rzad[hidden],.okno-kos label[hidden]{display:none}
.okno-kos .akcje{display:flex;gap:10px}
.okno-kos .akcje .przycisk{flex:1;min-height:48px;justify-content:center;font-size:15px}
.okno-kos .akcje.pion{flex-direction:column}  
.okno-kos .podpowiedz{font-size:12.5px;color:var(--tekst-3);margin:-6px 0 0}
@media (max-width:640px){ dialog.okno-kos{margin:auto 0 0;width:100vw;border-radius:20px 20px 0 0} }
.szesc a.rz{text-decoration:none;color:inherit}
.szesc .dwa{grid-template-columns:none}
.slupki{display:flex;align-items:flex-end;gap:10px;height:230px;margin-top:20px;
  padding-bottom:26px;position:relative;overflow-x:auto}
.slupek{flex:1;min-width:38px;display:flex;flex-direction:column;justify-content:flex-end;
  align-items:center;height:100%;position:relative}
.slupek .kolumna{width:100%;border-radius:8px 8px 0 0;background:var(--morze-tlo);position:relative;
  min-height:2px;transition:filter .15s}
.slupek .kolumna .zaplacone{position:absolute;left:0;right:0;bottom:0;background:var(--zielen-tlo);
  border-radius:0 0 0 0}
.slupek:hover .kolumna{filter:brightness(1.12)}
.slupek .kwota{font-size:11.5px;font-family:var(--mono);color:var(--tekst-2);margin-bottom:5px;
  white-space:nowrap}
.slupek .podpis{position:absolute;bottom:-22px;font-size:11px;color:var(--tekst-3);
  font-family:var(--mono)}
.mapa{display:grid;grid-template-columns:44px repeat(15,minmax(0,1fr));gap:3px;margin-top:18px}
.mapa .etykieta-wiersza{font-size:12px;color:var(--tekst-3);display:flex;align-items:center}
.mapa .komorka{aspect-ratio:1;border-radius:5px;background:rgba(var(--rgb-morze),.08);
  display:grid;place-items:center;font-size:10.5px;color:var(--k-1b2a3d);font-family:var(--mono);
  font-weight:600;text-decoration:none}
.mapa .komorka.mocna{color:var(--s-fff);background:var(--s-2e5e96) !important}   
.mapa a.komorka:hover{outline:2px solid var(--morze);outline-offset:1px}
.mapa .komorka.pusta{cursor:default}
.mapa .naglowek-kolumny{font-size:10.5px;color:var(--tekst-3);text-align:center;font-family:var(--mono)}
.paski-poziome{margin-top:18px}
.mies-lista{display:grid;gap:10px;margin-top:14px}
.mies-w{display:grid;grid-template-columns:90px minmax(0,1fr) 150px;gap:12px;align-items:center;font-size:14px}
.mies-nazwa small,.mies-kw small{display:block;font-size:11.5px;color:var(--tekst-3)}
.mies-pas{display:flex;height:18px;border-radius:6px;background:var(--tlo);overflow:hidden}
.mies-pas i{display:block;height:100%} .mies-pas i.z{background:var(--zielen-tlo)} .mies-pas i.n{background:var(--morze-tlo)}
.mies-kw{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}
.mies-kw small{font-weight:400}
.legenda-mies{display:flex;gap:14px;font-size:12.5px;color:var(--tekst-2);margin-top:10px}
.legenda-mies i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}
@media (max-width:700px){ .mies-w{grid-template-columns:70px minmax(0,1fr) 110px;gap:8px;font-size:13px} }
.pasek-klienta{display:grid;grid-template-columns:170px 1fr 110px;gap:12px;align-items:center;
  padding:7px 0}
.pasek-klienta a{text-decoration:none}
.pasek-klienta .tor{height:22px;background:rgba(var(--rgb-morze),.08);border-radius:6px;overflow:hidden}
.pasek-klienta .wypelnienie{height:100%;background:var(--morze-tlo);border-radius:6px}
.pasek-klienta .wartosc{text-align:right;font-family:var(--mono);font-size:13px;color:var(--tekst-2)}
@media (max-width:760px){
  .pasek-klienta{grid-template-columns:120px 1fr 90px}
  .mapa{grid-template-columns:36px repeat(15,minmax(0,1fr));gap:2px}
}
.st-pod-ruch{margin:-4px 0 16px} .st-proby{margin:6px 0 0;font-size:15px} .st-proc{color:var(--tekst-2)} .st-pod-4{margin-top:4px}
.legenda-mies i.z{background:var(--zielen-tlo)} .legenda-mies i.n{background:var(--morze-tlo)}
.st-tabela{margin-top:12px} :where(.ekran-statystyki) .nr-pas{margin-right:4px}
:where(.ekran-statystyki) .karta h2{font-size:17px;margin-bottom:0} :where(.ekran-statystyki) .karta h2.st-h2{margin-bottom:12px}
.plakietka.st-grupowe{background:rgba(var(--rgb-fiolet),.14);color:var(--k-5b32a8)} .plakietka.st-pary{background:rgba(var(--rgb-morze),.12);color:var(--morze)}
.stan-oplaty{display:inline-block;font-size:11.5px;font-weight:600;border-radius:999px;padding:2px 9px;white-space:nowrap;text-decoration:none}
.stan-oplaty.ok{background:rgba(var(--rgb-zielen),.13);color:var(--zielen-2)}
.stan-oplaty.zle{background:rgba(var(--rgb-czerwien),.12);color:var(--czerwien)}
.stan-oplaty.cykl{background:rgba(var(--rgb-morze),.13);color:var(--k-23497a)}
.stan-oplaty.zero{background:rgba(var(--rgb-tekst),.07);color:var(--tekst-2)}
a.stan-oplaty:hover{text-decoration:underline}
:where(.ekran-raport) .nr-raport{width:36px;color:var(--tekst-3);font-variant-numeric:tabular-nums}
:where(.ekran-raport) .klient-link{color:inherit;font-weight:600;text-decoration:none;border-bottom:1px dotted var(--tekst-3)}
:where(.ekran-raport) .klient-link:hover{color:var(--morze);border-bottom-color:var(--morze)}
@media print{ :where(.ekran-raport) .klient-link{border:0;font-weight:inherit} }
.raport-tel{display:none}
.raport-tel .rt{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:4px 10px;align-items:center;padding:10px 2px;
  border-bottom:1px solid var(--linia);text-decoration:none;color:inherit}
.raport-tel .rt:last-of-type{border-bottom:0}
.raport-tel .nr{color:var(--tekst-3);font-size:13px;font-variant-numeric:tabular-nums;text-align:right}
.raport-tel .kto b{display:block;font-size:15.5px}
.raport-tel small{display:block;font-size:12.5px;color:var(--tekst-2)}
.raport-tel .kw{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.raport-tel .kw b{display:block;font-size:15.5px}
.raport-tel .kw b.dlug{color:var(--czerwien)} .raport-tel .kw b.ok{color:var(--zielen)}
.raport-tel .razem{display:flex;justify-content:space-between;gap:10px;padding:12px 2px 2px;border-top:2px solid var(--linia);font-weight:600}
@media (max-width:700px){ .raport-tabela{display:none} .raport-tel{display:block} }
@media print{ .raport-tabela{display:block !important} .raport-tel{display:none !important} }
.wyp-okres{display:flex;align-items:center;gap:8px;margin:0 0 14px;flex-wrap:wrap}
.wyp-okres b{min-width:150px;text-align:center;font-size:17px;text-transform:capitalize}
.wyp-okres .przycisk{min-width:44px;min-height:42px;display:inline-flex;align-items:center;justify-content:center}
.wyp-okres .wyl{opacity:.35;pointer-events:none}
.wyp-lista{display:grid;gap:10px}
.wyp-w{display:grid;grid-template-columns:minmax(0,1.6fr) 70px 120px 150px minmax(0,1.4fr);gap:10px 14px;align-items:center;
  padding:12px 14px;border:1px solid var(--linia);border-radius:14px;background:var(--karta)}
.wyp-w.zrobione{background:var(--tlo)}
.wyp-w .kto a{font-weight:600;text-decoration:none;font-size:15.5px}
.wyp-w .kto small{display:block;color:var(--tekst-2);font-size:12.5px;margin-top:2px;padding-left:28px}
.nr-wyp{display:inline-block;min-width:28px;color:var(--tekst-3);font-size:13px;font-variant-numeric:tabular-nums}   
.wyp-w .liczba{text-align:right;font-variant-numeric:tabular-nums}
.wyp-w .etyk{display:block;font-size:11px;color:var(--tekst-3);text-transform:uppercase;letter-spacing:.06em;font-weight:400}
.wyp-w .ok{color:var(--zielen);font-weight:600}
.wyp-w form{display:grid;grid-template-columns:minmax(90px,110px) minmax(150px,160px) auto;gap:6px;justify-content:end}
.wyp-w form input{text-align:right;min-width:0}
.wyp-wszystkim{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 14px}
.wyp-zalegle li{margin:4px 0}
@media (max-width:900px){
  .wyp-w{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"kto kto stan" "zaj nal wyp" "form form form"}
  .wyp-w .kto{grid-area:kto} .wyp-w .k-zaj{grid-area:zaj;text-align:left} .wyp-w .k-nal{grid-area:nal;text-align:left}
  .wyp-w .k-wyp{grid-area:wyp;text-align:left} .wyp-w .k-stan{grid-area:stan} .wyp-w form{grid-area:form;justify-content:stretch;grid-template-columns:1fr 1fr auto}
  .wyp-w form input,.wyp-w form .przycisk{min-height:44px}
}
.wyp-zapisano{background:rgba(var(--rgb-zielen),.10);color:var(--zielen-2)}
.wyp-czerwone{color:var(--czerwien)}
.wyp-w .wyp-kiedy{display:block;color:var(--tekst-3);font-size:11.5px}
.karta.wyp-zalegle{margin-top:16px}
.wyp-zalegle h2{font-size:16px;margin-bottom:4px}
.mr-kafle{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));margin-bottom:14px}
.mr-tab td.kw,.mr-tab th.kw{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.mr-tab tr.biezacy td{background:rgba(var(--rgb-f5a623),.10)}
.mr-zostalo{color:var(--czerwien);font-weight:600}
.mr-ok{color:var(--zielen);font-weight:600}
.mr-data{color:var(--tekst-3)}
.nal-kafle{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:10px;margin-bottom:16px}
.nal-kafle .kafel.zle b{color:var(--czerwien)}
.nal-grupa h2{font-size:17px;margin-bottom:10px}
.nal-grupa .osoba-nal{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:8px 0;border-top:1px solid var(--linia)}
.nal-grupa .osoba-nal:first-of-type{border-top:0}
.nal-grupa .kto{min-width:0}
.nal-grupa small{display:block;color:var(--tekst-2)}
.nal-grupa .tel-link{display:inline;min-height:0}
.kasa-okres{display:flex;gap:8px;flex-wrap:wrap;align-items:end;margin-bottom:14px}
.kasa-okres label{display:grid;gap:4px;font-size:13px;color:var(--tekst-2)}
.kasa-szybko{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.kasa-kafle{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:10px;margin-bottom:16px}
.kasa-opis{color:var(--tekst-2)}
@media print{.kl-filtry,.kasa-okres,.kasa-szybko,.naglowek .przycisk{display:none}}
:where(.ekran-grafik-trenera) .panel-skrot{display:none}   :where(.ekran-grafik-trenera) .wybor{display:flex;gap:14px 22px;align-items:flex-end;flex-wrap:wrap}
:where(.ekran-grafik-trenera) .wybor .grupa{display:grid;gap:5px;min-width:0}
:where(.ekran-grafik-trenera) .etykieta-grupy{font-size:12.5px;color:var(--tekst-2)}
:where(.ekran-grafik-trenera) .segmenty{display:inline-flex;flex-wrap:wrap;border:1px solid var(--linia);border-radius:10px;overflow:hidden;background:var(--karta)}
:where(.ekran-grafik-trenera) .segmenty button{border:0;border-right:1px solid var(--linia);background:none;padding:8px 13px;font:inherit;font-size:13.5px;color:var(--tekst-2);cursor:pointer;min-height:38px}
:where(.ekran-grafik-trenera) .segmenty button:last-child{border-right:0}
:where(.ekran-grafik-trenera) .segmenty button[aria-pressed="true"]{background:var(--ciemny);color:var(--s-fff)}
:where(.ekran-grafik-trenera) .wlasny{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;width:100%}
:where(.ekran-grafik-trenera) .wlasny[hidden]{display:none}
:where(.ekran-grafik-trenera) .druk{margin-left:auto;align-self:flex-end;position:relative}
:where(.ekran-grafik-trenera) .druk[open] .druk-opcje{position:absolute;right:0;top:calc(100% + 6px);z-index:20;background:var(--karta);border-radius:12px;
  padding:12px;box-shadow:0 12px 32px rgba(var(--rgb-tekst),.16),0 0 0 1px var(--linia);width:min(420px,90vw)}
:where(.ekran-grafik-trenera) .druk > summary{list-style:none;display:inline-flex;align-items:center;cursor:pointer;min-height:40px}
:where(.ekran-grafik-trenera) .druk > summary::-webkit-details-marker{display:none}
:where(.ekran-grafik-trenera) .druk[open] > summary{background:var(--tlo)}
:where(.ekran-grafik-trenera) .druk-opcje{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:10px}
:where(.ekran-grafik-trenera) .druk .podpowiedz{color:var(--tekst-3);font-size:12.5px}
:where(.ekran-grafik-trenera) .wybor .przel-dysp{min-height:38px}
@media (max-width:700px){
  :where(.ekran-grafik-trenera) .wybor .grupa{width:100%}
  :where(.ekran-grafik-trenera) .segmenty{display:flex;width:100%}
  :where(.ekran-grafik-trenera) .segmenty button{flex:1 1 auto;min-height:44px;font-size:14px;padding:8px 10px}
  :where(.ekran-grafik-trenera) .druk .przycisk{flex:1}
  :where(.ekran-grafik-trenera) .druk > summary{width:100%;justify-content:center}
  :where(.ekran-grafik-trenera) .druk{margin-left:0;width:100%} :where(.ekran-grafik-trenera) .druk[open] .druk-opcje{position:static;box-shadow:none;padding:10px 0 0;width:auto}
  :where(.ekran-grafik-trenera) .panel-wyboru.zwiniety .wybor{display:none}
  :where(.ekran-grafik-trenera) .panel-skrot{display:flex;width:100%;min-height:44px;align-items:center;justify-content:space-between;gap:8px;border:0;
    background:none;font:inherit;font-size:15px;color:var(--tekst);text-align:left;padding:0;cursor:pointer}
  :where(.ekran-grafik-trenera) .panel-wyboru:not(.zwiniety) .panel-skrot{margin-bottom:12px}
}
:where(.ekran-grafik-trenera) .wybor label{display:block;font-size:12.5px;color:var(--tekst-2);margin-bottom:5px}
:where(.ekran-grafik-trenera) .szybkie{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
:where(.ekran-grafik-trenera) .szybkie .przycisk{padding:5px 10px;font-size:12.5px}
:where(.ekran-grafik-trenera) .wydruk-naglowek{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap;
  margin:22px 0 14px}
:where(.ekran-grafik-trenera) .wydruk-naglowek h1{font-size:24px}
:where(.ekran-grafik-trenera) .wydruk-naglowek .podtytul{margin-top:4px}
:where(.ekran-grafik-trenera) .dzien{margin-bottom:18px}
:where(.ekran-grafik-trenera) .dzien h2{font-size:15px;margin:0 0 6px;text-transform:capitalize;break-after:avoid;page-break-after:avoid}
:where(.ekran-grafik-trenera) .grafik tr{break-inside:avoid;page-break-inside:avoid}
:where(.ekran-grafik-trenera) .grafik thead{display:table-header-group}
:where(.ekran-grafik-trenera) .grafik{width:100%;border-collapse:collapse;background:var(--karta);border:1px solid var(--linia);
  border-radius:12px;overflow:hidden;font-size:14px}
:where(.ekran-grafik-trenera) .grafik th{padding:8px 10px;background:var(--tlo);color:var(--tekst-2)}
:where(.ekran-grafik-trenera) .grafik td{padding:9px 10px;vertical-align:top;border-top:1px solid var(--linia);border-bottom:0}
:where(.ekran-grafik-trenera) .grafik td.godz{width:108px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
:where(.ekran-grafik-trenera) .grafik td.trener{width:160px;color:var(--tekst-2)}
:where(.ekran-grafik-trenera) .grafik td.zaj{width:190px}
:where(.ekran-grafik-trenera) .grafik td.zaj small{display:block;color:var(--tekst-3);font-size:12px}
:where(.ekran-grafik-trenera) .grafik ol{margin:0;padding-left:20px}
:where(.ekran-grafik-trenera) .grafik li{padding:1px 0;break-inside:avoid;white-space:nowrap}
:where(.ekran-grafik-trenera) .grafik ol.wiele{columns:2;column-gap:18px}
:where(.ekran-grafik-trenera) .tr-druk{display:none}
body.z-treningami .tr-druk{display:block;margin:2px 0 6px 17px;font-size:12px;line-height:1.35;color:var(--tekst-2);break-inside:avoid}
body.z-treningami .grafik ol.wiele{columns:1}
:where(.ekran-grafik-trenera) .tr-druk b{display:block;font-weight:600;color:var(--tekst)}
:where(.ekran-grafik-trenera) .tr-druk span{display:block}
:where(.ekran-grafik-trenera) .tr-druk i{font-style:normal;font-weight:700;font-size:10.5px;display:inline-block;min-width:20px}
:where(.ekran-grafik-trenera) label.z-treningami{display:flex;gap:6px;align-items:center;font-size:13.5px;color:var(--tekst-2);min-height:44px}
:where(.ekran-grafik-trenera) .grafik li .kratka{display:inline-block;width:11px;height:11px;border:1px solid var(--tekst-3);
  border-radius:2px;margin-right:7px;vertical-align:-1px}
:where(.ekran-grafik-trenera) .grafik li.nieobecny{color:var(--tekst-3);text-decoration:line-through}
:where(.ekran-grafik-trenera) .grafik td.uwagi{width:18%}
:where(.ekran-grafik-trenera) .brak{color:var(--tekst-3);font-style:italic}
:where(.ekran-grafik-trenera) .sekcja-tytul{font-size:18px;margin:26px 0 12px}
:where(.ekran-grafik-trenera) .druk-przyciski{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
:where(.ekran-grafik-trenera) [data-z]{cursor:pointer}
:where(.ekran-grafik-trenera) .plan-pod{margin-top:6px;padding:8px 10px;background:var(--mgla);border-radius:9px;font-size:13px}
:where(.ekran-grafik-trenera) .plan-pod > b{display:block;margin-bottom:4px}
:where(.ekran-grafik-trenera) .poz-pod{display:grid;grid-template-columns:26px 1fr;gap:6px;padding:2px 0;line-height:1.35}
:where(.ekran-grafik-trenera) .poz-pod b{font-family:var(--mono);font-size:12px;color:var(--tekst-2)}
:where(.ekran-grafik-trenera) .poz-pod span{color:var(--tekst-2)}
:where(.ekran-grafik-trenera) .kafel-kal:hover,:where(.ekran-grafik-trenera) .kafel-kal:focus{box-shadow:0 2px 10px rgba(var(--rgb-tekst),.2);z-index:3;outline:none}
:where(.ekran-grafik-trenera) .grafik tr[data-z]:hover td,:where(.ekran-grafik-trenera) .grafik tr[data-z]:focus td{background:rgba(var(--rgb-morze),.05)}
:where(.ekran-grafik-trenera) .grafik tr[data-z]:focus{outline:none}
:where(.ekran-grafik-trenera) dialog.podglad{border:0;border-radius:16px;padding:0;max-width:480px;width:92vw;
  box-shadow:0 30px 80px rgba(var(--rgb-tekst),.35)}
:where(.ekran-grafik-trenera) dialog.podglad::backdrop{background:rgba(var(--rgb-tekst),.45)}
:where(.ekran-grafik-trenera) dialog.podglad .srodek{padding:20px 22px;max-height:80vh;overflow:auto}
:where(.ekran-grafik-trenera) dialog.podglad h2{font-size:19px;margin:0}
:where(.ekran-grafik-trenera) dialog.podglad .osoba-pod{padding:9px 0;border-top:1px solid var(--linia);font-size:14px}
:where(.ekran-grafik-trenera) dialog.podglad .osoba-pod.nieobecny b{text-decoration:line-through;color:var(--tekst-3)}
:where(.ekran-grafik-trenera) dialog.podglad .osoba-pod div{color:var(--tekst-2);font-size:13px;white-space:pre-line;margin-top:2px}
:where(.ekran-grafik-trenera) dialog.podglad .osoba-pod .wewn{color:var(--czerwien)}
:where(.ekran-grafik-trenera) dialog.podglad .osoba-pod .o-kl{background:rgba(var(--rgb-bursztyn),.12);border-radius:6px;padding:3px 7px;margin:4px 0}
:where(.ekran-grafik-trenera) .poz-pod.wzrost b{color:var(--zielen)}
:where(.ekran-grafik-trenera) dialog.podglad .tylko-odczyt{font-size:12px;color:var(--tekst-3);margin-top:12px}
@media (max-width:700px){
  :where(.ekran-grafik-trenera) .grafik td.uwagi,:where(.ekran-grafik-trenera) .grafik th.uwagi{display:none}
  :where(.ekran-grafik-trenera) .grafik td.trener{width:auto}
  :where(.ekran-grafik-trenera) .grafik td.godz{width:auto;white-space:normal}
  :where(.ekran-grafik-trenera) .grafik{font-size:13.5px}
  :where(.ekran-grafik-trenera) .grafik td,:where(.ekran-grafik-trenera) .grafik th{padding:8px 7px}
  :where(.ekran-grafik-trenera) .grafik ol.wiele{columns:1}
  :where(.ekran-grafik-trenera) .grafik td.zaj{width:auto}
  :where(.ekran-grafik-trenera) .grafik td.osoby{width:52%}
  :where(.ekran-grafik-trenera) .grafik ol{padding-left:16px}
  :where(.ekran-grafik-trenera) .grafik li{white-space:normal}
}
@media print{
  @page grafik-trenera{size:A4 landscape;margin:9mm}
  .ekran-grafik-trenera{page:grafik-trenera}
  @page lista{size:A4 portrait;margin:12mm 11mm}
  :where(.ekran-grafik-trenera) .sekcja-lista{page:lista}
  body[data-druk="lista"] .wydruk-naglowek{page:lista}
  :where(.ekran-grafik-trenera) .nie-drukuj{display:none !important}
  :where(.ekran-grafik-trenera) main{padding:0;max-width:none}
  body:has(.ekran-grafik-trenera){font-size:11pt}
  :where(.ekran-grafik-trenera) .wydruk-naglowek{margin-top:0}
  :where(.ekran-grafik-trenera) .grafik{border:1px solid var(--s-999);border-radius:0;font-size:10.5pt}
  :where(.ekran-grafik-trenera) .grafik th{background:var(--s-eee);color:var(--s-000)}
  :where(.ekran-grafik-trenera) .grafik td{border-top:1px solid var(--s-bbb)}
  :where(.ekran-grafik-trenera) .grafik td.uwagi{border-left:1px solid var(--s-ddd);width:15%}
  :where(.ekran-grafik-trenera) .grafik td.godz{width:84px}
  :where(.ekran-grafik-trenera) .grafik td.zaj{width:128px}
  :where(.ekran-grafik-trenera) .grafik td.trener{width:100px}
  :where(.ekran-grafik-trenera) .grafik td,:where(.ekran-grafik-trenera) .grafik th{padding:6px 7px}
  :where(.ekran-grafik-trenera) .grafik li.nieobecny{color:var(--k-666)}
  @page kalendarz{size:A4 landscape;margin:9mm}
  :where(.ekran-grafik-trenera) .sekcja-kalendarz{page:kalendarz}
  :where(.ekran-grafik-trenera) .pokaz-kalendarz{display:none !important}
  :where(.ekran-grafik-trenera) .sekcja-lista{break-before:page;page-break-before:always}
  :where(.ekran-grafik-trenera) .sekcja-tytul{margin-top:0}
  body[data-druk="kalendarz"] .sekcja-lista,body[data-druk="lista"] .sekcja-kalendarz{display:none}
  body[data-druk="lista"] .sekcja-lista{break-before:auto;page-break-before:auto}
  body:not([data-druk="lista"]) .wydruk-naglowek{page:kalendarz;margin-bottom:6px}
  body:not([data-druk="lista"]) .wydruk-naglowek h1{font-size:17pt}
  :where(.ekran-grafik-trenera) .kal-przewijany{--h:min(calc(138mm / var(--godzin)), 22mm)}
  :where(.ekran-grafik-trenera) .kal-tydzien{break-inside:avoid;page-break-inside:avoid;margin:0}
  :where(.ekran-grafik-trenera) .kal-tydzien + .kal-tydzien{break-before:page;page-break-before:always}
  :where(.ekran-grafik-trenera) .kal-przewijany{overflow:visible}
  :where(.ekran-grafik-trenera) .kal-siatka{min-width:0;border:1px solid var(--s-999);border-radius:0}
  :where(.ekran-grafik-trenera) .kal-glowka{background:var(--s-eee)}
  :where(.ekran-grafik-trenera) .kafel-kal,:where(.ekran-grafik-trenera) .legenda-kal i{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  :where(.ekran-grafik-trenera) .kafel-kal{font-size:8pt;padding:2px 4px}
  :where(.ekran-grafik-trenera) .kafel-kal b{font-size:8pt}
  :where(.ekran-grafik-trenera) .kafel-kal small{font-size:7.5pt}
}
:where(.ekran-grafik-trenera) .pokaz-kalendarz{display:none}
@media screen and (max-width:700px){
  :where(.ekran-grafik-trenera) .pokaz-kalendarz{display:flex;width:100%;margin:6px 0 14px}
  :where(.ekran-grafik-trenera) .sekcja-kalendarz:not(.widoczny){display:none}
}
:where(.ekran-grafik-trenera) .tylko-druk,:where(.ekran-grafik-trenera) .tylko-druk-blok{display:none}
@media print{ :where(.ekran-grafik-trenera) .tylko-druk{display:flex} :where(.ekran-grafik-trenera) .tylko-druk-blok{display:block} }
@media screen{
  html[data-widok="lista"] .sekcja-kalendarz{display:none !important}
  html:not([data-widok="lista"]) .sekcja-moja-lista{display:none}
}
:where(.ekran-grafik-trenera) .moj-naglowek{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:14px}
:where(.ekran-grafik-trenera) .pokaz-nr-wybor{display:inline-flex;gap:7px;align-items:center;font-size:14px;color:var(--tekst-2);cursor:pointer;
  min-height:40px}
:where(.ekran-grafik-trenera) .pokaz-nr-wybor input{width:18px;height:18px}
:where(.ekran-grafik-trenera) .widok-przelacznik{display:inline-flex;border:1px solid var(--linia);border-radius:999px;overflow:hidden}
:where(.ekran-grafik-trenera) .widok-przelacznik button{border:0;background:none;font:inherit;padding:8px 18px;font-size:14px;color:var(--tekst-2);
  min-height:40px;cursor:pointer}
html[data-widok="kalendarz"] .widok-przelacznik [data-widok="kalendarz"],html[data-widok="lista"] .widok-przelacznik [data-widok="lista"]{background:var(--ciemny);color:var(--s-fff);font-weight:600}
:where(.ekran-grafik-trenera) .podglad-info{background:rgba(var(--rgb-bursztyn),.12);border-color:rgba(var(--rgb-bursztyn),.4);font-size:14px;margin-bottom:12px}
:where(.ekran-grafik-trenera) dialog.podglad .odbyte-pod{margin-top:14px}
:where(.ekran-grafik-trenera) dialog.podglad .odbyte-pod .przycisk{width:100%}
:where(.ekran-grafik-trenera) .rez-lista{margin-top:6px;font-size:12.5px;color:var(--tekst-2);border-top:1px dashed var(--linia);padding-top:5px}
:where(.ekran-grafik-trenera) .kal{--h:48px}
:where(.ekran-grafik-trenera) .kal-tydzien{margin-bottom:22px}
:where(.ekran-grafik-trenera) .kal-tydzien h2{font-size:15px;margin:0 0 8px}
:where(.ekran-grafik-trenera) .kal-tydzien h2 span{color:var(--tekst-2);font-weight:400}
:where(.ekran-grafik-trenera) details.kal-tydzien > summary{list-style:none;cursor:pointer;display:flex;align-items:baseline;gap:8px;
  padding:6px 0;min-height:40px}
:where(.ekran-grafik-trenera) details.kal-tydzien > summary::-webkit-details-marker{display:none}
:where(.ekran-grafik-trenera) details.kal-tydzien > summary::before{content:"▸";color:var(--tekst-3);font-size:13px;transition:transform .15s}
:where(.ekran-grafik-trenera) details.kal-tydzien[open] > summary::before{transform:rotate(90deg)}
:where(.ekran-grafik-trenera) details.kal-tydzien > summary h2{margin:0}
:where(.ekran-grafik-trenera) details.kal-tydzien:not([open]){margin-bottom:6px;border-bottom:1px solid var(--linia)}
:where(.ekran-grafik-trenera) details.lista-tygodnia{margin:10px 0 4px}
:where(.ekran-grafik-trenera) details.lista-tygodnia > summary{cursor:pointer;color:var(--morze);font-size:14px;font-weight:600;min-height:40px;
  display:flex;align-items:center;gap:8px;list-style:none}
:where(.ekran-grafik-trenera) details.lista-tygodnia > summary::-webkit-details-marker{display:none}
:where(.ekran-grafik-trenera) details.lista-tygodnia > summary::before{content:"▸";transition:transform .15s}
:where(.ekran-grafik-trenera) details.lista-tygodnia[open] > summary::before{transform:rotate(90deg)}
:where(.ekran-grafik-trenera) .kal-przewijany{overflow-x:auto}
:where(.ekran-grafik-trenera) .kal-siatka{display:grid;grid-template-columns:44px repeat(7,minmax(0,1fr));min-width:720px;
  border:1px solid var(--linia);border-radius:12px;overflow:hidden;background:var(--karta)}
:where(.ekran-grafik-trenera) .kal-glowka{padding:7px 4px;text-align:center;font-size:12.5px;font-weight:600;
  border-bottom:1px solid var(--linia);border-left:1px solid var(--linia);background:var(--tlo)}
:where(.ekran-grafik-trenera) .kal-glowka:first-child{border-left:0}
:where(.ekran-grafik-trenera) .kal-glowka.dzis{color:var(--morze)}
:where(.ekran-grafik-trenera) .kal-glowka.poza,:where(.ekran-grafik-trenera) .kal-dzien.poza{color:var(--tekst-3);background:repeating-linear-gradient(135deg,
  transparent 0 6px,rgba(var(--rgb-tekst),.035) 6px 12px)}
:where(.ekran-grafik-trenera) .kal-godziny div{height:var(--h);font-family:var(--mono);font-size:10.5px;color:var(--tekst-3);
  text-align:right;padding:1px 6px 0 0;border-top:1px solid var(--linia);box-sizing:border-box}
:where(.ekran-grafik-trenera) .kal-godziny div:first-child{border-top:0}
:where(.ekran-grafik-trenera) .kal-godziny div.przerwa{border-top:2px dashed var(--tekst-3)}
:where(.ekran-grafik-trenera) .kal-przerwa{position:absolute;left:0;right:0;border-top:2px dashed var(--tekst-3);opacity:.55;pointer-events:none}
:where(.ekran-grafik-trenera) .kal-dysp{position:absolute;left:0;right:0;background:rgba(var(--rgb-mieta),.16);pointer-events:none;
  border-top:2px solid var(--s-1f7a5c);border-bottom:2px solid var(--s-1f7a5c);box-sizing:border-box}
:where(.ekran-grafik-trenera) .kafel-kal.poza-dysp{outline:2px dashed var(--s-b45309);outline-offset:-2px}
:where(.ekran-grafik-trenera) .kafel-kal.poza-dysp b::before{content:"⌛ "}
:where(.ekran-grafik-trenera) .legenda-kal i.l-dysp{background:rgba(var(--rgb-mieta),.16);border:0;border-top:2px solid var(--s-1f7a5c);border-bottom:2px solid var(--s-1f7a5c)}
:where(.ekran-grafik-trenera) .legenda-kal i.l-poza{background:transparent;border:2px dashed var(--s-b45309)}
:where(.ekran-grafik-trenera) .przel-dysp{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 12px;border-radius:999px;
  border:1px solid var(--linia);background:var(--karta);color:var(--tekst);text-decoration:none;font-size:13px}
:where(.ekran-grafik-trenera) .przel-dysp[aria-pressed="true"]{border-color:var(--s-1f7a5c);color:var(--zielen);font-weight:600}
@media print{:where(.ekran-grafik-trenera) .kal-dysp{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
:where(.ekran-grafik-trenera) .kal-pusty{padding:14px 16px;border:1px dashed var(--linia);border-radius:12px;color:var(--tekst-2);font-size:14px}
:where(.ekran-grafik-trenera) .kal-dzien{position:relative;border-left:1px solid var(--linia);height:calc(var(--h) * var(--godzin));
  background-image:repeating-linear-gradient(to bottom,transparent 0 calc(var(--h) - 1px),
    var(--linia) calc(var(--h) - 1px) var(--h))}
:where(.ekran-grafik-trenera) .kafel-kal{position:absolute;box-sizing:border-box;border-radius:6px;padding:3px 5px;overflow:hidden;
  font-size:11px;line-height:1.25;border-left:3px solid var(--morze);background:rgba(var(--rgb-morze),.12)}
:where(.ekran-grafik-trenera) .kafel-kal b{display:block;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:where(.ekran-grafik-trenera) .kafel-kal span{display:block;color:var(--tekst-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:where(.ekran-grafik-trenera) .kafel-kal small{display:block;color:var(--tekst-2);font-size:10.5px}
:where(.ekran-grafik-trenera) .kafel-kal.odwolane{opacity:.55}
:where(.ekran-grafik-trenera) .kafel-kal.odwolane b{text-decoration:line-through}
:where(.ekran-grafik-trenera) .kafel-kal.k1{border-left-color:var(--s-1f7a5c);background:rgba(var(--rgb-zielen),.13)}
:where(.ekran-grafik-trenera) .kafel-kal.k2{border-left-color:var(--s-7a4fd1);background:rgba(var(--rgb-fiolet),.12)}
:where(.ekran-grafik-trenera) .kafel-kal.k3{border-left-color:var(--s-b7791f);background:rgba(var(--rgb-bursztyn),.18)}
:where(.ekran-grafik-trenera) .kafel-kal.k4{border-left-color:var(--s-8a5b08);background:rgba(var(--rgb-8a5b08),.10)}
:where(.ekran-grafik-trenera) .kafel-kal.k5{border-left-color:var(--s-4e5564);background:rgba(var(--rgb-tekst),.08)}
:where(.ekran-grafik-trenera) .kafel-kal.r-indyw{border-left-color:var(--s-2e5e96);background:rgba(var(--rgb-morze),.13)}
:where(.ekran-grafik-trenera) .kafel-kal.r-para{border-left-color:var(--s-d9730d);background:rgba(var(--rgb-pomarancz),.15)}
:where(.ekran-grafik-trenera) .kafel-kal.r-grupa{border-left-color:var(--s-7a4fd1);background:rgba(var(--rgb-fiolet),.13)}
:where(.ekran-grafik-trenera) td.zaj .kropka-r{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;vertical-align:1px}
:where(.ekran-grafik-trenera) .kropka-r.r-indyw{background:var(--s-2e5e96)}:where(.ekran-grafik-trenera) .kropka-r.r-para{background:var(--s-d9730d)}:where(.ekran-grafik-trenera) .kropka-r.r-grupa{background:var(--s-7a4fd1)}
:where(.ekran-grafik-trenera) .kafel-kal.zastepstwo{border-left-color:var(--czerwien);background:rgba(var(--rgb-czerwien),.13)}
:where(.ekran-grafik-trenera) .kafel-kal.w-zastepstwie{border-left-color:var(--s-1f7a5c);background:rgba(var(--rgb-zielen),.15)}
:where(.ekran-grafik-trenera) .kafel-kal.w-zastepstwie small::before{content:"↻ "}
:where(.ekran-grafik-trenera) .legenda-kal{display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px;color:var(--tekst-2);margin:0 0 12px}
:where(.ekran-grafik-trenera) .legenda-kal i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;
  vertical-align:-1px;border-left:3px solid}
:where(.ekran-grafik-trenera) .obecnosc-pod{display:inline-flex;gap:4px;margin-left:6px;vertical-align:middle;flex-wrap:wrap}
:where(.ekran-grafik-trenera) .obecnosc-pod button{font:inherit;font-size:12.5px;font-weight:600;padding:3px 10px;border-radius:999px;
  background:var(--karta);cursor:pointer;min-height:30px;border:1.5px solid var(--kolor);color:var(--kolor)}
:where(.ekran-grafik-trenera) .obecnosc-pod button[aria-pressed="true"]{background:var(--kolor);color:var(--s-fff)}
:where(.ekran-grafik-trenera) .obecnosc-pod button[data-w="obecny"]{--kolor:var(--s-1f7a5c)}
:where(.ekran-grafik-trenera) .obecnosc-pod button[data-w="nieobecny"]{--kolor:var(--s-b7791f)}
:where(.ekran-grafik-trenera) .obecnosc-pod button[data-w="nieobecny"][aria-pressed="true"]{background:var(--s-f5c451);border-color:var(--s-f5c451);color:var(--s-3a2a05)}
:where(.ekran-grafik-trenera) .obecnosc-pod button[data-w="odwolal"]{--kolor:var(--s-c0392b)}
:where(.ekran-grafik-trenera) .obecnosc-pod button:disabled{opacity:.6;cursor:not-allowed}
:where(.ekran-grafik-trenera) .kal.ci-1 .kal-siatka{grid-template-columns:44px repeat(1,minmax(0,1fr));min-width:0}
:where(.ekran-grafik-trenera) .kal.ci-3 .kal-siatka{grid-template-columns:44px repeat(3,minmax(0,1fr));min-width:0}
:where(.ekran-grafik-trenera) .legenda-kal i.kafel-kal{position:static}
:where(.ekran-grafik-trenera) .podglad-glowa{justify-content:space-between;align-items:flex-start}
:where(.ekran-grafik-trenera) .podglad-tresc{margin-top:12px}
:where(.ekran-grafik-trenera) .gt-otworz{margin-top:6px;padding:4px 10px;font-size:12.5px}
:where(.ekran-grafik-trenera) .gt-koperta{text-decoration:none}
:where(.ekran-grafik-trenera) td.osoby{display:table-cell}
:where(.ekran-grafik-trenera.tryb-moj) .dzien{margin-bottom:22px}
:where(.ekran-grafik-trenera.tryb-moj) details.tydzien-listy > summary{list-style:none;cursor:pointer;display:flex;align-items:baseline;gap:8px;
  padding:8px 0;min-height:44px}
:where(.ekran-grafik-trenera.tryb-moj) details.tydzien-listy > summary::-webkit-details-marker{display:none}
:where(.ekran-grafik-trenera.tryb-moj) details.tydzien-listy > summary::before{content:"▸";color:var(--tekst-3);font-size:13px;transition:transform .15s}
:where(.ekran-grafik-trenera.tryb-moj) details.tydzien-listy[open] > summary::before{transform:rotate(90deg)}
:where(.ekran-grafik-trenera.tryb-moj) details.tydzien-listy > summary h2{font-size:16px;margin:0}
:where(.ekran-grafik-trenera.tryb-moj) details.tydzien-listy > summary h2 span{color:var(--tekst-2);font-weight:400}
:where(.ekran-grafik-trenera.tryb-moj) details.tydzien-listy:not([open]){border-bottom:1px solid var(--linia);margin-bottom:4px}
:where(.ekran-grafik-trenera.tryb-moj) .dzien h2{font-size:15px;color:var(--tekst-2);font-weight:500;margin:0 0 8px;text-transform:capitalize}
:where(.ekran-grafik-trenera.tryb-moj) .dzien.dzis h2{color:var(--morze);font-weight:600}
:where(.ekran-grafik-trenera.tryb-moj) .dzien{scroll-margin-top:70px}   :where(.ekran-grafik-trenera.tryb-moj) .zaj.w-zastepstwie{border-left-color:var(--s-1f7a5c)}
:where(.ekran-grafik-trenera.tryb-moj) .zaj{background:var(--karta);border:1px solid var(--linia);border-left:3px solid var(--morze);
  border-radius:12px;padding:12px 14px;margin-bottom:9px}
:where(.ekran-grafik-trenera.tryb-moj) .zaj.odbyte{border-left-color:var(--zielen)}
:where(.ekran-grafik-trenera.tryb-moj) .zaj.odwolane{border-left-color:var(--tekst-3);opacity:.7}
:where(.ekran-grafik-trenera.tryb-moj) .zaj.zastepstwo{border-left-color:var(--czerwien)}
:where(.ekran-grafik-trenera.tryb-moj) .zaj .gora{display:flex;justify-content:space-between;gap:10px;align-items:baseline;flex-wrap:wrap}
:where(.ekran-grafik-trenera.tryb-moj) .zaj .gora b{font-size:16px}
:where(.ekran-grafik-trenera.tryb-moj) .zaj .gora span{color:var(--tekst-2);font-size:13px}
:where(.ekran-grafik-trenera.tryb-moj) .osoba{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;
  padding:7px 0;border-top:1px solid var(--linia);font-size:14.5px}
:where(.ekran-grafik-trenera.tryb-moj) .osoba:first-of-type{margin-top:8px}
:where(.ekran-grafik-trenera.tryb-moj) .osoba.nieobecny span{text-decoration:line-through;color:var(--tekst-3)}
:where(.ekran-grafik-trenera.tryb-moj) .osoba select{font-size:14px;padding:6px 8px}
:where(.ekran-grafik-trenera.tryb-moj) .osoba a{font-size:12.5px;margin-left:6px}
:where(.ekran-grafik-trenera.tryb-moj) .osoba .stale-uwagi{display:block;font-size:12.5px;color:var(--uwaga-tekst);background:rgba(var(--rgb-bursztyn),.12);
  border-radius:6px;padding:2px 7px;margin-top:3px;text-decoration:none}
:where(.ekran-grafik-trenera.tryb-moj) .potwierdz{margin-top:10px}
:where(.ekran-grafik-trenera.tryb-moj) .potwierdz .przycisk{width:100%;padding:10px}
:where(.ekran-grafik-trenera.tryb-moj) .osoba .plan-poz{grid-column:1 / -1}
:where(.ekran-grafik-trenera.tryb-moj) .plan-poz{margin:6px 0 2px;padding:8px 10px;background:var(--mgla);border-radius:9px;font-size:13px}
:where(.ekran-grafik-trenera.tryb-moj) .plan-poz > b{display:block;margin-bottom:4px}
:where(.ekran-grafik-trenera.tryb-moj) .plan-poz .poz{display:grid;grid-template-columns:26px 1fr;gap:6px;padding:2px 0;line-height:1.35}
:where(.ekran-grafik-trenera.tryb-moj) .plan-poz .poz b{font-family:var(--mono);font-size:12px;color:var(--tekst-2)}
:where(.ekran-grafik-trenera.tryb-moj) .plan-poz .poz span{color:var(--tekst-2)}
:where(.ekran-grafik-trenera.tryb-moj) .nowe-wiad{display:grid;gap:8px;border:1px solid var(--bursztyn);background:rgba(var(--rgb-bursztyn),.08);border-radius:14px;padding:12px 14px;margin-bottom:16px}
:where(.ekran-grafik-trenera.tryb-moj) .nowe-wiad .glowa{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
:where(.ekran-grafik-trenera.tryb-moj) .nowe-wiad .glowa b{font-size:15.5px}
:where(.ekran-grafik-trenera.tryb-moj) .nowe-wiad a.poz{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;text-decoration:none;color:inherit;
  background:var(--karta);border-radius:10px;padding:9px 12px;min-height:44px}
:where(.ekran-grafik-trenera.tryb-moj) .nowe-wiad a.poz small{color:var(--tekst-3);font-size:12.5px}
:where(.ekran-grafik-trenera.tryb-moj) .nowe-wiad a.poz span.tr{grid-column:1 / -1;color:var(--tekst-2);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:where(.ekran-grafik-trenera.tryb-moj) .mg-czeka{color:var(--czerwien)} :where(.ekran-grafik-trenera.tryb-moj) .mg-za{color:var(--zielen)}
:where(.ekran-grafik-trenera.tryb-moj) .mg-rezerwa{font-size:13px;border-top:1px dashed var(--linia);padding-top:6px;margin-top:6px}
:where(.ekran-grafik-trenera.tryb-moj) .osoba a.plakietka{text-decoration:none} :where(.ekran-grafik-trenera.tryb-moj) .osoba{border-bottom:0}
@media (min-width:1300px){ :where(.ekran-kalendarz) main{max-width:none;padding-left:28px;padding-right:28px} }
:where(.ekran-kalendarz) #kal-tresc.laduje{opacity:.55;transition:opacity .15s .1s;pointer-events:none}
:where(.ekran-kalendarz) .tydzien{display:grid;grid-template-columns:62px repeat(var(--ld),minmax(0,1fr));gap:1px;
  background:var(--linia);border:1px solid var(--linia);border-radius:14px;overflow:hidden}
:where(.ekran-kalendarz) .tydzien > *{background:var(--karta)}
:where(.ekran-kalendarz) .naglowek-dnia{padding:10px 8px;text-align:center}
:where(.ekran-kalendarz) .naglowek-dnia b{display:block;font-size:14px}
:where(.ekran-kalendarz) .naglowek-dnia span{display:block;font-size:11.5px;color:var(--tekst-2);margin-top:2px}  :where(.ekran-kalendarz) .naglowek-dnia.dzis{background:rgba(var(--rgb-morze),.08)}
:where(.ekran-kalendarz) .naglowek-dnia.dzis b{color:var(--morze)}
:where(.ekran-kalendarz) .rog{background:var(--karta)}
:where(.ekran-kalendarz) .siatka{grid-column:1 / -1;display:grid;grid-template-columns:62px repeat(var(--ld),minmax(0,1fr));
  gap:1px;background:var(--linia);position:relative}
:where(.ekran-kalendarz) .kolumna-godzin,:where(.ekran-kalendarz) .kolumna-dnia{background:var(--karta);position:relative}
:where(.ekran-kalendarz) .kolumna-godzin div{height:56px;font-family:var(--mono);font-size:11px;line-height:11px;
  color:var(--tekst-3);text-align:right;padding:0 8px 0 0;border-top:1px solid var(--linia)}
:where(.ekran-kalendarz) .kolumna-godzin div:first-child{border-top:0}
:where(.ekran-kalendarz) .kolumna-dnia{position:relative;height:calc(var(--wierszy) * 14px)}
:where(.ekran-kalendarz) .kolumna-dnia{--wolny-pas:0px}
:where(.ekran-kalendarz) .kolumna-dnia::before{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:var(--linie, repeating-linear-gradient(to bottom,transparent 0 55px,var(--linia) 55px 56px))}
:where(.ekran-kalendarz) .kolumna-dnia.cel{background:rgba(var(--rgb-morze),.05)}
:where(.ekran-kalendarz) .pasek-dni{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 -16px 12px;padding:2px 16px 4px;scroll-snap-type:x proximity}
:where(.ekran-kalendarz) .pasek-dni::-webkit-scrollbar{display:none}
:where(.ekran-kalendarz) .pasek-dni a{flex:none;width:52px;display:grid;justify-items:center;gap:1px;padding:8px 0;border-radius:14px;border:1px solid var(--linia);
  background:var(--karta);text-decoration:none;color:var(--tekst);scroll-snap-align:center}
:where(.ekran-kalendarz) .pasek-dni a small{font-size:11.5px;color:var(--tekst-3);text-transform:uppercase}
:where(.ekran-kalendarz) .pasek-dni a b{font-size:18px}
:where(.ekran-kalendarz) .pasek-dni a.dzis b{color:var(--morze)}
:where(.ekran-kalendarz) .pasek-dni a.tu{background:var(--ciemny);border-color:var(--ciemny);color:var(--s-fff)}
:where(.ekran-kalendarz) .pasek-dni a.tu small,:where(.ekran-kalendarz) .pasek-dni a.tu.dzis b{color:var(--s-fff)}
@media (min-width:701px){ :where(.ekran-kalendarz) .pasek-dni{display:none} }
:where(.ekran-kalendarz) .widok-kal{display:inline-flex;border:1px solid var(--linia);border-radius:12px;overflow:hidden;background:var(--karta)}
:where(.ekran-kalendarz) .widok-kal button{border:0;background:none;font:inherit;font-size:14px;padding:0 16px;min-height:42px;cursor:pointer;color:var(--tekst-2)}
:where(.ekran-kalendarz) .widok-kal button[aria-pressed="true"]{background:var(--ciemny);color:var(--s-fff)}
@media (max-width:700px){ :where(.ekran-kalendarz) .widok-kal{display:grid;grid-template-columns:1fr 1fr;width:100%} }
:where(.ekran-kalendarz) .lista-dnia{display:grid;gap:16px;margin-bottom:16px}
:where(.ekran-kalendarz) .lista-dnia[hidden],.tryb-lista :where(.ekran-kalendarz) #karta-siatki,.tryb-lista :where(.ekran-kalendarz) .przelacz-puste,.tryb-lista :where(.ekran-kalendarz) .tylko-siatka{display:none !important}
:where(.ekran-kalendarz) .dzien-listy h3{font-size:16px;margin:0 0 8px;text-transform:capitalize}
:where(.ekran-kalendarz) .dzien-listy h3 span{font-weight:400;color:var(--tekst-3);font-size:14px}
:where(.ekran-kalendarz) .zaj-listy{display:flex;gap:12px;align-items:stretch;width:100%;border:0;background:var(--karta);border-radius:14px;padding:0;margin-bottom:8px;
  box-shadow:0 1px 2px rgba(var(--rgb-tekst),.06),0 0 0 1px var(--linia);cursor:pointer;text-align:left;font:inherit;color:inherit;overflow:hidden}
:where(.ekran-kalendarz) .zaj-listy .godz{flex:none;width:74px;display:grid;align-content:center;justify-items:center;padding:12px 0;background:rgba(var(--rgb-morze),.10);
  border-left:4px solid var(--morze)}
:where(.ekran-kalendarz) .zaj-listy .godz b{font-size:17px}
:where(.ekran-kalendarz) .zaj-listy .godz small{font-size:12px;color:var(--tekst-3)}
:where(.ekran-kalendarz) .zaj-listy .co{flex:1;min-width:0;padding:12px 12px 12px 0;display:grid;align-content:center;gap:2px}
:where(.ekran-kalendarz) .zaj-listy .co b{font-size:15.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:where(.ekran-kalendarz) .zaj-listy .co small{font-size:13px;color:var(--tekst-2)}
:where(.ekran-kalendarz) .zaj-listy.r-para .godz{background:rgba(var(--rgb-pomarancz),.14);border-left-color:var(--s-d9730d)}
:where(.ekran-kalendarz) .zaj-listy.r-grupa .godz,:where(.ekran-kalendarz) .zaj-listy.grupowe .godz{background:rgba(var(--rgb-fiolet),.12);border-left-color:var(--s-7a4fd1)}
:where(.ekran-kalendarz) .zaj-listy.zastepstwo .godz{background:rgba(var(--rgb-czerwien),.13);border-left-color:var(--s-c0392b)}
:where(.ekran-kalendarz) .zaj-listy.wykluczone{opacity:.6}
:where(.ekran-kalendarz) .zaj-listy .strzalka{align-self:center;color:var(--tekst-3);font-size:22px;padding-right:10px}
:where(.ekran-kalendarz) .wolny-dzien{color:var(--tekst-3);font-size:14.5px;padding:10px 2px}
:where(.ekran-kalendarz) .dodaj-listy{width:100%;min-height:46px;border:1px dashed var(--linia);background:none;border-radius:14px;font:inherit;font-size:15px;
  color:var(--tekst-2);cursor:pointer}
:where(.ekran-kalendarz) .przelacz-puste{display:flex;justify-content:flex-end;margin:0}
:where(.ekran-kalendarz) .przelacz-puste .przycisk[aria-pressed="true"]{background:var(--tlo)}
:where(.ekran-kalendarz) .siatka.zwinieta .kolumna-dnia::before{display:none}
:where(.ekran-kalendarz) .pas-wolny{position:absolute;left:0;right:0;pointer-events:none;border-top:1px solid var(--linia);
  background:repeating-linear-gradient(135deg,transparent 0 5px,rgba(var(--rgb-tekst),.05) 5px 7px)}
:where(.ekran-kalendarz) .kolumna-godzin div.zwinieta{font-size:0;padding:0;overflow:hidden;border-top:0}
:where(.ekran-kalendarz) .pas-wolny-opis{position:absolute;left:0;right:0;height:22px;display:flex;align-items:center;justify-content:center;
  font-size:11.5px;color:var(--tekst-3);pointer-events:none;z-index:2}
@media (max-width:700px){ :where(.ekran-kalendarz) .przelacz-puste{margin:0 0 10px} :where(.ekran-kalendarz) .przelacz-puste .przycisk{width:100%} }
:where(.ekran-kalendarz) .okno-usun{border:0;border-radius:18px;padding:0;max-width:460px;width:calc(100% - 32px);
  box-shadow:0 24px 60px rgba(var(--rgb-tekst),.35)}
:where(.ekran-kalendarz) .okno-usun::backdrop{background:rgba(var(--rgb-tekst),.45)}
:where(.ekran-kalendarz) .okno-usun form{padding:20px;display:grid;gap:10px;background:var(--karta);border-radius:18px}
:where(.ekran-kalendarz) .okno-usun h2{font-size:19px;margin:0}
:where(.ekran-kalendarz) .usun-opcja{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--linia);border-radius:12px;
  padding:10px 12px;cursor:pointer;font-size:14.5px}
:where(.ekran-kalendarz) .usun-opcja input{width:18px;height:18px;margin-top:2px}
:where(.ekran-kalendarz) .usun-opcja small{display:block;color:var(--tekst-2);font-size:12.5px;margin-top:2px}
:where(.ekran-kalendarz) .usun-lista{max-height:180px;overflow:auto;font-size:13.5px;color:var(--tekst-2);display:grid;gap:3px}
:where(.ekran-kalendarz) .usun-lista div{font-family:var(--mono);font-size:12.5px}
:where(.ekran-kalendarz) .usun-uwaga{background:rgba(var(--rgb-bursztyn),.14);border-radius:10px;padding:8px 11px;font-size:13px}
:where(.ekran-kalendarz) .usun-akcje{display:flex;gap:8px;justify-content:flex-end;margin-top:6px}
:where(.ekran-kalendarz) .stan-terminu{font-size:13px;margin-top:4px;min-height:18px;display:flex;align-items:center;gap:6px}
:where(.ekran-kalendarz) .stan-terminu::before{content:"";width:9px;height:9px;border-radius:50%;flex:none;background:var(--tekst-3)}
:where(.ekran-kalendarz) .stan-terminu.zielony{color:var(--zielen)} :where(.ekran-kalendarz) .stan-terminu.zielony::before{background:var(--zielen-tlo)}
:where(.ekran-kalendarz) .stan-terminu.zolty{color:var(--uwaga-tekst)} :where(.ekran-kalendarz) .stan-terminu.zolty::before{background:var(--bursztyn)}
:where(.ekran-kalendarz) .stan-terminu.czerwony{color:var(--czerwien)} :where(.ekran-kalendarz) .stan-terminu.czerwony::before{background:var(--czerwien-tlo)}
:where(.ekran-kalendarz) .dopisz-szybkie{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 8px}
:where(.ekran-kalendarz) .dopisz-szybkie .przycisk{flex:1 1 140px}
:where(.ekran-kalendarz) .dopisz-szybkie .przycisk[aria-pressed="true"]{outline:2px solid var(--morze);outline-offset:1px}
:where(.ekran-kalendarz) .gosc-decyzja{grid-column:1 / -1;display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
:where(.ekran-kalendarz) .gosc-decyzja input{flex:1 1 180px;min-width:0}
:where(.ekran-kalendarz) .wpis{position:absolute;z-index:1;border-radius:8px;padding:4px 7px;overflow:hidden;
  font-size:12px;line-height:1.25;border-left:3px solid var(--morze);cursor:grab;
  background:rgba(var(--rgb-morze),.12);color:var(--tekst);user-select:none}
:where(.ekran-kalendarz) .wpis:hover{box-shadow:0 2px 10px rgba(var(--rgb-tekst),.18)}
:where(.ekran-kalendarz) .wpis.przeciagany{opacity:.55;cursor:grabbing;z-index:5}
:where(.ekran-kalendarz) .wpis{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}   :where(.ekran-kalendarz) .wpis.przeciagany{box-shadow:0 8px 24px rgba(var(--rgb-tekst),.28);transform:scale(1.02)}
:where(.ekran-kalendarz) .wpis b{display:block;font-weight:600;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:where(.ekran-kalendarz) .wpis > span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:where(.ekran-kalendarz) .wpis span{color:var(--tekst-2);font-size:11px}
:where(.ekran-kalendarz) .wpis.r-para{border-left-color:var(--s-d9730d);background:rgba(var(--rgb-pomarancz),.15)}
:where(.ekran-kalendarz) .wpis.wykluczone{border-left-color:var(--tekst-3);background:rgba(var(--rgb-tekst),.06);opacity:.75}
:where(.ekran-kalendarz) .wpis.wykluczone b{text-decoration:line-through}
:where(.ekran-kalendarz) .wpis.prywatne{border-left-color:var(--tekst-3);background:rgba(var(--rgb-tekst),.05);color:var(--tekst-2)}
:where(.ekran-kalendarz) .wpis.grupowe,:where(.ekran-kalendarz) .wpis.r-grupa{border-left-color:var(--s-7a4fd1);background:rgba(var(--rgb-fiolet),.12)}
:where(.ekran-kalendarz) .wpis.poza-godzinami{box-shadow:inset 0 0 0 2px rgba(var(--rgb-bursztyn),.75)}
:where(.ekran-kalendarz) .wpis.poza-godzinami b::after{content:" ⌛";font-size:11px}
:where(.ekran-kalendarz) .wpis.wskazany{outline:3px solid var(--s-e8590c);outline-offset:1px;z-index:11;animation:wskaz 1s ease-in-out 3}
@keyframes wskaz{50%{outline-color:rgba(var(--rgb-e8590c),.25)}}
:where(.ekran-kalendarz) .wpis.w-zastepstwie{border-left:4px solid var(--s-7a4fd1);background:rgba(var(--rgb-fiolet),.12);color:var(--k-3b2470)}
:where(.ekran-kalendarz) .wpis.w-zastepstwie .za-kogo{display:inline-block;margin-top:2px;background:var(--s-7a4fd1);color:var(--s-fff);
  border-radius:999px;padding:0 6px;font-size:10px;line-height:15px;
  max-width:100%;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:top}
:where(.ekran-kalendarz) .wpis.zastepstwo{border-left:4px solid var(--s-c0392b);color:var(--k-7a1f16);
  background:repeating-linear-gradient(135deg,rgba(var(--rgb-czerwien),.22) 0 9px,rgba(var(--rgb-czerwien),.09) 9px 18px);
  box-shadow:inset 0 0 0 1.5px rgba(var(--rgb-czerwien),.6)}
:where(.ekran-kalendarz) .wpis.zastepstwo b{color:var(--k-8c2b20)}
:where(.ekran-kalendarz) .wpis.ponad-limit:not(.zastepstwo){background-image:repeating-linear-gradient(135deg,rgba(var(--rgb-marchew),.30) 0 9px,rgba(var(--rgb-marchew),.10) 9px 18px) !important;
  box-shadow:inset 0 0 0 1.5px rgba(var(--rgb-marchew),.75)}
:where(.ekran-kalendarz) .wpis .limit{display:inline-block;margin-top:2px;background:var(--s-d35400);color:var(--s-fff);border-radius:4px;padding:0 5px;
  font-size:10px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;
  max-width:100%;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:top}
:where(.ekran-kalendarz) .wpis.zastepstwo b::before{content:"\26A0 ";font-weight:700}
:where(.ekran-kalendarz) .wpis.zastepstwo .zast{display:inline-block;margin-top:2px;background:var(--s-c0392b);color:var(--s-fff);
  border-radius:999px;padding:0 7px;font-size:10.5px;font-weight:700;letter-spacing:.02em;
  text-transform:uppercase;white-space:nowrap}
:where(.ekran-kalendarz) .wpis.zastepstwo:hover{box-shadow:inset 0 0 0 1.5px rgba(var(--rgb-czerwien),.6),0 2px 12px rgba(var(--rgb-czerwien),.35)}
:where(.ekran-kalendarz) .wpis .lista-osob{display:none;position:absolute;z-index:20;left:0;top:100%;margin-top:4px;
  background:var(--ciemny);color:var(--s-f2f4f8);border-radius:10px;padding:10px 12px;
  font-size:12px;line-height:1.5;min-width:190px;max-width:260px;
  box-shadow:0 14px 34px rgba(var(--rgb-tekst),.35)}
:where(.ekran-kalendarz) .wpis .lista-osob b{display:block;font-size:11px;color:var(--s-a8b0bf);text-transform:uppercase;
  letter-spacing:.06em;margin-bottom:5px;font-weight:500}
:where(.ekran-kalendarz) .wpis:hover{overflow:visible;z-index:12}
:where(.ekran-kalendarz) .wpis:hover .lista-osob{display:block}
:where(.ekran-kalendarz) .uchwyt{position:absolute;left:0;right:0;bottom:0;height:7px;cursor:ns-resize}
@media (pointer:coarse){ :where(.ekran-kalendarz) .uchwyt{display:none} :where(.ekran-kalendarz) .tylko-mysz{display:none} }
@media (pointer:fine){ :where(.ekran-kalendarz) .tylko-dotyk{display:none} }
:where(.ekran-kalendarz) .uchwyt::after{content:"";display:block;width:26px;height:2px;border-radius:2px;margin:2px auto 0;
  background:rgba(var(--rgb-tekst),.22)}
:where(.ekran-kalendarz) .podglad{position:absolute;border:2px dashed var(--morze);border-radius:8px;z-index:3;
  background:rgba(var(--rgb-morze),.07);pointer-events:none;left:3px;right:3px}
:where(.ekran-kalendarz) .podglad span{position:absolute;top:2px;left:6px;font-family:var(--mono);font-size:11px;
  color:var(--morze);background:var(--karta);padding:0 4px;border-radius:4px}
:where(.ekran-kalendarz) .teraz{position:absolute;left:62px;right:0;height:0;border-top:2px solid var(--s-e5484d);z-index:4;
  pointer-events:none}
:where(.ekran-kalendarz) .teraz::before{content:"";position:absolute;left:-4px;top:-5px;width:9px;height:9px;border-radius:50%;
  background:var(--s-e5484d)}
:where(.ekran-kalendarz) .teraz-godzina{position:absolute;left:-58px;top:-9px;font-family:var(--mono);font-size:10px;
  color:var(--s-fff);background:var(--s-b3261e);padding:1px 5px;border-radius:4px}   :where(.ekran-kalendarz) .legenda{display:flex;gap:16px;flex-wrap:wrap;margin-top:14px;font-size:12.5px;color:var(--tekst-2)}
:where(.ekran-kalendarz) .legenda i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
:where(.ekran-kalendarz) .wskazowka{color:var(--tekst-3);font-size:12.5px;margin-top:6px}
:where(.ekran-kalendarz) .ile-dni{display:inline-flex;border:1px solid var(--linia);border-radius:8px;overflow:hidden}
:where(.ekran-kalendarz) .ile-dni a{padding:7px 12px;font-size:13.5px;text-decoration:none;color:var(--tekst-2);background:var(--karta)}
:where(.ekran-kalendarz) .ile-dni a + a{border-left:1px solid var(--linia)}
:where(.ekran-kalendarz) .ile-dni a.tu{background:var(--ciemny);color:var(--s-fff)}
:where(.ekran-kalendarz) .pasek-kal .nawig .ik{margin-right:4px}
@media (min-width:701px){ :where(.ekran-kalendarz) .pasek-kal .nawig{min-width:118px;justify-content:center;text-align:center} }
:where(.ekran-kalendarz) .szukaj-klienta{position:relative;margin-bottom:6px}
:where(.ekran-kalendarz) .szukaj-klienta input{width:100%}
:where(.ekran-kalendarz) .podpowiedzi-klienta{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:30;background:var(--karta);border-radius:12px;
  box-shadow:0 10px 28px rgba(var(--rgb-tekst),.16),0 0 0 1px var(--linia);padding:4px;max-height:320px;overflow:auto}
:where(.ekran-kalendarz) .podpowiedzi-klienta[hidden]{display:none}
:where(.ekran-kalendarz) .podpowiedzi-klienta button{display:block;width:100%;text-align:left;border:0;background:none;font:inherit;font-size:15px;
  padding:10px 12px;min-height:44px;border-radius:8px;cursor:pointer;color:var(--tekst)}
:where(.ekran-kalendarz) .podpowiedzi-klienta button:hover,:where(.ekran-kalendarz) .podpowiedzi-klienta button.pierwsza{background:var(--tlo)}
:where(.ekran-kalendarz) .podpowiedzi-klienta button.nowa{color:var(--morze)}
@media (min-width:701px){
  :where(.ekran-kalendarz) .naglowek:has(.pasek-kal){flex-wrap:wrap}
  :where(.ekran-kalendarz) .pasek-kal{display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:100%;margin-top:4px}
  :where(.ekran-kalendarz) .pasek-kal .przycisk,:where(.ekran-kalendarz) .pasek-kal .ile-dni a,:where(.ekran-kalendarz) .pasek-kal .widok-kal button{min-height:40px;display:inline-flex;align-items:center}
  :where(.ekran-kalendarz) .pasek-kal .ile-dni{order:5;margin-left:auto;border-radius:12px}
  :where(.ekran-kalendarz) .pasek-kal .ile-dni a{padding:0 14px}
  :where(.ekran-kalendarz) .pasek-kal .widok-kal{order:6;margin:0}
  :where(.ekran-kalendarz) .pasek-kal .przelacz-puste{order:7;margin:0}
}
:where(.ekran-kalendarz) .wybierz-dzien{position:relative;font:inherit;cursor:pointer}
:where(.ekran-kalendarz) .wd-tlo{position:fixed;inset:0;z-index:60;background:transparent}
:where(.ekran-kalendarz) .wd-okno{position:fixed;z-index:61;width:300px;background:var(--karta);border-radius:16px;padding:12px;
  box-shadow:0 12px 32px rgba(var(--rgb-tekst),.18),0 0 0 1px var(--linia)}
:where(.ekran-kalendarz) .wd-okno[hidden],:where(.ekran-kalendarz) .wd-tlo[hidden]{display:none}
:where(.ekran-kalendarz) .wd-glowa{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}
:where(.ekran-kalendarz) .wd-miesiac{font-size:15.5px;text-transform:capitalize;letter-spacing:-.01em}
:where(.ekran-kalendarz) .wd-strz{width:40px;height:40px;border:0;border-radius:10px;background:none;font-size:22px;line-height:1;cursor:pointer;color:var(--tekst)}
:where(.ekran-kalendarz) .wd-strz:hover{background:var(--tlo)}
:where(.ekran-kalendarz) .wd-dni-tyg,:where(.ekran-kalendarz) .wd-siatka{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}
:where(.ekran-kalendarz) .wd-dni-tyg span{text-align:center;font-size:11.5px;color:var(--tekst-3);padding:4px 0;text-transform:uppercase;letter-spacing:.04em}
:where(.ekran-kalendarz) .wd-dzien{aspect-ratio:1;border:0;border-radius:10px;background:none;font:inherit;font-size:14.5px;cursor:pointer;color:var(--tekst);
  font-variant-numeric:tabular-nums;padding:0}
:where(.ekran-kalendarz) .wd-dzien:hover{background:var(--tlo)}
:where(.ekran-kalendarz) .wd-dzien.weekend{color:var(--tekst-2)}
:where(.ekran-kalendarz) .wd-dzien.obcy{color:var(--tekst-3)}
:where(.ekran-kalendarz) .wd-dzien.dzis{box-shadow:inset 0 0 0 1.5px var(--bursztyn);font-weight:700}
:where(.ekran-kalendarz) .wd-dzien.wybrany{background:var(--ciemny);color:var(--s-fff);font-weight:700}
:where(.ekran-kalendarz) .wd-dzien:focus-visible,:where(.ekran-kalendarz) .wd-strz:focus-visible{outline:2px solid var(--morze);outline-offset:1px}
:where(.ekran-kalendarz) .wd-stopka{display:flex;gap:8px;margin-top:10px}
:where(.ekran-kalendarz) .wd-stopka .przycisk{flex:1;min-height:40px;justify-content:center}
@media (max-width:700px){
  :where(.ekran-kalendarz) .wd-tlo{background:rgba(var(--rgb-tekst),.38)}
  :where(.ekran-kalendarz) .wd-okno{left:0;right:0;bottom:0;top:auto;width:auto;border-radius:20px 20px 0 0;
    padding:14px 16px calc(14px + env(safe-area-inset-bottom))}
  :where(.ekran-kalendarz) .wd-dzien{font-size:16px}
  :where(.ekran-kalendarz) .wd-stopka .przycisk{min-height:48px;font-size:15.5px}
}
@media (max-width:700px){
  :where(.ekran-kalendarz) .naglowek{margin-bottom:14px}
  :where(.ekran-kalendarz) .pasek-kal{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%}
  :where(.ekran-kalendarz) .pasek-kal .ile-dni{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,1fr);border-radius:12px}
  :where(.ekran-kalendarz) .pasek-kal .ile-dni a{min-height:44px;display:grid;place-items:center;font-size:14.5px}
  :where(.ekran-kalendarz) .pasek-kal .nawig{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:60px;
    border-radius:12px;font-size:12.5px;color:var(--tekst-2);padding:6px 4px}
  :where(.ekran-kalendarz) .pasek-kal .nawig .ik{margin:0;font-size:24px;line-height:1;color:var(--tekst)}
  :where(.ekran-kalendarz) .pasek-kal .nawig{align-self:stretch;white-space:nowrap}
  :where(.ekran-kalendarz) .pasek-kal .widok-kal,:where(.ekran-kalendarz) .pasek-kal .przelacz-puste{grid-column:1 / -1}
}
:where(.ekran-kalendarz) dialog{border:0;border-radius:16px;padding:0;box-shadow:0 30px 80px rgba(var(--rgb-tekst),.35);max-width:440px;width:92vw}
:where(.ekran-kalendarz) dialog::backdrop{background:rgba(var(--rgb-tekst),.45)}
:where(.ekran-kalendarz) dialog .srodek{padding:22px}
:where(.ekran-kalendarz) dialog h2{font-size:19px;margin-bottom:4px}
:where(.ekran-kalendarz) #panel .srodek{position:relative}
:where(.ekran-kalendarz) #panel h2{padding-right:44px}
:where(.ekran-kalendarz) .panel-x{position:absolute;top:14px;right:14px;width:36px;height:36px;border:0;border-radius:50%;background:var(--tlo);
  color:var(--tekst-2);font-size:16px;cursor:pointer;display:grid;place-items:center}
:where(.ekran-kalendarz) .panel-x:hover{color:var(--tekst)}
:where(.ekran-kalendarz) dialog .pola{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
:where(.ekran-kalendarz) dialog label{font-size:12.5px;color:var(--tekst-2);display:block;margin-bottom:5px}
:where(.ekran-kalendarz) dialog input,:where(.ekran-kalendarz) dialog select{width:100%}
:where(.ekran-kalendarz) dialog .szeroko{grid-column:1 / -1}
:where(.ekran-kalendarz) dialog .para{display:grid;grid-template-columns:1fr 92px;gap:6px}
:where(.ekran-kalendarz) dialog .para-cykl{display:grid;grid-template-columns:1fr 1fr;gap:6px}
:where(.ekran-kalendarz) .pcz-pasek{margin:0 0 12px;padding:12px 14px;border:2px dashed var(--bursztyn);border-radius:12px;
  background:rgba(var(--rgb-bursztyn),.10);font-size:14px;display:grid;gap:8px}
:where(.ekran-kalendarz) .pcz-pasek .pcz-akcje{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
:where(.ekran-kalendarz) .pcz-pasek .pcz-akcje select{max-width:220px}
:where(.ekran-kalendarz) .pcz-dni{display:flex;flex-wrap:wrap;gap:6px;font-size:13px;color:var(--tekst-2);align-items:center}
:where(.ekran-kalendarz) .pcz-dni a{padding:3px 10px;border:1px solid var(--bursztyn);border-radius:999px;color:var(--tekst);text-decoration:none}
:where(.ekran-kalendarz) .pcz-dni a.tu{background:var(--bursztyn);color:var(--s-25190a)}
:where(.ekran-kalendarz) .siatka.z-poczekalnia .kolumna-dnia.ma-propozycje{--wolny-pas:40%}   :where(.ekran-kalendarz) .propozycja{position:absolute;right:3px;width:calc(40% - 6px);z-index:2;border:2px dashed var(--bursztyn);
  background:rgba(var(--rgb-bursztyn),.16);border-radius:8px;padding:3px 6px;text-align:left;font:inherit;font-size:12px;
  line-height:1.25;cursor:pointer;overflow:hidden;color:var(--tekst)}
:where(.ekran-kalendarz) .propozycja b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:where(.ekran-kalendarz) .propozycja span{color:var(--tekst-2);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:where(.ekran-kalendarz) .propozycja:hover,:where(.ekran-kalendarz) .propozycja:focus-visible{background:rgba(var(--rgb-bursztyn),.32)}
:where(.ekran-kalendarz) .propozycja[hidden]{display:none}
:where(.ekran-kalendarz) #pcz-lista{display:grid;gap:8px;margin:12px 0}
:where(.ekran-kalendarz) #pcz-lista .przycisk{justify-content:flex-start;text-align:left}
:where(.ekran-kalendarz) .seria-info{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:8px 0 2px;padding:8px 12px;border:1px solid var(--linia);border-radius:10px;background:var(--tlo);font-size:13.5px;color:var(--tekst-2)}
:where(.ekran-kalendarz) .seria-info b{color:var(--tekst)}
:where(.ekran-kalendarz) .seria-info .przycisk{padding:6px 12px;font-size:13.5px}
:where(.ekran-kalendarz) dialog .para-cykl input[type=date]{grid-column:1 / -1}
:where(.ekran-kalendarz) dialog .podpowiedz{font-size:12px;color:var(--tekst-3);margin-top:7px}
:where(.ekran-kalendarz) dialog .uczestnicy{display:grid;gap:5px;max-height:190px;overflow:auto;margin-top:4px}
:where(.ekran-kalendarz) dialog .uczestnicy .osoba{display:grid;grid-template-columns:1fr 92px auto auto;gap:8px;align-items:center;
  padding:6px 10px;background:var(--tlo);border-radius:8px;font-size:13.5px}
:where(.ekran-kalendarz) dialog .uczestnicy .osoba input.kwota{width:86px;text-align:right;font-size:13px;padding:4px 7px}
:where(.ekran-kalendarz) dialog .uczestnicy .osoba select.obecnosc{font-size:12.5px;padding:4px 6px}
:where(.ekran-kalendarz) dialog .uczestnicy .osoba.nieobecny span:first-child a:first-child{text-decoration:line-through;color:var(--tekst-3)}
:where(.ekran-kalendarz) dialog .uczestnicy .osoba a{color:var(--tekst);text-decoration:none;border-bottom:1px dotted var(--tekst-3)}
:where(.ekran-kalendarz) dialog .uczestnicy .osoba a:hover{color:var(--morze)}
:where(.ekran-kalendarz) dialog .uczestnicy .osoba a.link-trening{font-size:11.5px;color:var(--morze);border:0;margin-left:4px}
:where(.ekran-kalendarz) dialog .uczestnicy .osoba button{border:0;background:none;color:var(--czerwien);cursor:pointer;
  font-size:16px;line-height:1;padding:0 4px}
:where(.ekran-kalendarz) dialog .uczestnicy .pusto-male{color:var(--tekst-3);font-size:13px;padding:6px 0}
:where(.ekran-kalendarz) dialog .para input{text-align:center}
:where(.ekran-kalendarz) dialog .rezerwa{margin-top:10px;border:1px dashed var(--linia);border-radius:12px;padding:10px 12px;display:grid;gap:6px}
:where(.ekran-kalendarz) dialog .rezerwa[hidden]{display:none}
:where(.ekran-kalendarz) dialog .rezerwa-tytul{font-weight:600;font-size:14px}
:where(.ekran-kalendarz) dialog .rezerwa-wolne{background:rgba(var(--rgb-zielen),.12);color:var(--zielen-2);border-radius:10px;padding:8px 10px;font-size:14px}
:where(.ekran-kalendarz) dialog .osoba-rez{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;font-size:14px}
:where(.ekran-kalendarz) dialog .osoba-rez small{color:var(--tekst-3)}
:where(.ekran-kalendarz) dialog .osoba-rez .przycisk{min-height:40px;padding:0 12px}
:where(.ekran-kalendarz) dialog .osoba-rez .przycisk:disabled{opacity:.45;cursor:default}
:where(.ekran-kalendarz) dialog .usun-rez{border:0;background:none;color:var(--czerwien);font-size:18px;cursor:pointer;width:36px;height:36px}
:where(.ekran-kalendarz) dialog .ramka-dopisz{display:grid;gap:8px;margin-top:12px;padding:12px;border:1px solid var(--linia);border-radius:12px}
:where(.ekran-kalendarz) dialog .ramka-dopisz .naglowek-ramki{font-weight:600;color:var(--tekst);font-size:14px;margin:0}
:where(.ekran-kalendarz) dialog .ramka-dopisz [hidden]{display:none}
:where(.ekran-kalendarz) dialog .ramka-dopisz .przycisk:disabled{opacity:.45;cursor:default}
:where(.ekran-kalendarz) dialog .ramka-dopisz .przycisk{min-height:44px;font-size:14.5px}
:where(.ekran-kalendarz) dialog .stopka{display:flex;gap:10px;justify-content:space-between;margin-top:20px;flex-wrap:wrap}
:where(.ekran-kalendarz) dialog .para{grid-template-columns:minmax(0,1fr) 92px}
:where(.ekran-kalendarz) dialog .para-cykl{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
:where(.ekran-kalendarz) dialog .pola > div,:where(.ekran-kalendarz) dialog input,:where(.ekran-kalendarz) dialog select{min-width:0}
:where(.ekran-kalendarz) dialog .uczestnicy .osoba{grid-template-columns:minmax(0,1fr) auto auto auto}
@media (max-width:900px){
  :where(.ekran-kalendarz) .tydzien,:where(.ekran-kalendarz) .siatka{grid-template-columns:44px repeat(var(--ld),minmax(var(--min-dnia),1fr));overflow-x:auto}
  :where(.ekran-kalendarz) dialog .pola{grid-template-columns:1fr}
}
@media (max-width:640px){
  :where(.ekran-kalendarz) dialog#panel{margin:auto 0 0;width:100vw;max-width:100vw;max-height:92vh;border-radius:20px 20px 0 0}
  :where(.ekran-kalendarz) dialog#panel[open]{display:flex;flex-direction:column}
  :where(.ekran-kalendarz) dialog#panel .srodek{padding:18px 16px 0;overflow:auto;flex:1;min-height:0}
  :where(.ekran-kalendarz) dialog#panel .pola{gap:14px;margin-top:14px}
  :where(.ekran-kalendarz) dialog#panel input,:where(.ekran-kalendarz) dialog#panel select{font-size:16px;min-height:46px;border-radius:10px}
  :where(.ekran-kalendarz) dialog#panel .para{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  :where(.ekran-kalendarz) dialog#panel .uczestnicy{max-height:none}
  :where(.ekran-kalendarz) dialog#panel .uczestnicy .osoba{padding:8px 10px;font-size:15px}
  :where(.ekran-kalendarz) dialog#panel .uczestnicy .osoba select.obecnosc,:where(.ekran-kalendarz) dialog#panel .uczestnicy .osoba input.kwota{min-height:40px;font-size:15px}
  :where(.ekran-kalendarz) dialog#panel .uczestnicy .osoba input.kwota{width:78px}
  :where(.ekran-kalendarz) dialog#panel .stopka{position:sticky;bottom:0;background:var(--karta);margin:16px -16px 0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));
    border-top:1px solid var(--linia);flex-wrap:nowrap}
  :where(.ekran-kalendarz) dialog#panel .stopka .przycisk{flex:1;min-height:48px;font-size:15.5px}
}
:where(.ekran-kalendarz) .klient-lista{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;
  border:0!important;opacity:0;overflow:hidden;pointer-events:none}   :where(.ekran-kalendarz) .konsultacja-wybor{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:12px;cursor:pointer;
  background:rgba(var(--rgb-7b5ea7),.08);box-shadow:inset 0 0 0 1px rgba(var(--rgb-7b5ea7),.35)}
:where(.ekran-kalendarz) .konsultacja-wybor input{width:22px;height:22px;flex:none;margin-top:1px}
:where(.ekran-kalendarz) .konsultacja-wybor span{display:grid;gap:2px} :where(.ekran-kalendarz) .konsultacja-wybor small{color:var(--tekst-2)}
:where(.ekran-kalendarz) .kal-zm{display:contents}
:where(.ekran-kalendarz) #karta-siatki{padding:0;overflow:hidden}
:where(.ekran-kalendarz) .legenda .lg-1{background:rgba(var(--rgb-morze),.45)}
:where(.ekran-kalendarz) .legenda .lg-2{background:rgba(var(--rgb-pomarancz),.5)}
:where(.ekran-kalendarz) .legenda .lg-3{background:rgba(var(--rgb-fiolet),.45)}
:where(.ekran-kalendarz) .legenda .lg-4{background:rgba(var(--rgb-tekst),.18)}
:where(.ekran-kalendarz) .legenda .lg-5{background:rgba(var(--rgb-czerwien),.45)}
:where(.ekran-kalendarz) .legenda .lg-6{background:repeating-linear-gradient(135deg,rgba(var(--rgb-marchew),.55) 0 3px,rgba(var(--rgb-marchew),.15) 3px 6px)}
:where(.ekran-kalendarz) .legenda .lg-7{box-shadow:inset 0 0 0 2px rgba(var(--rgb-bursztyn),.75);background:var(--karta)}
:where(.ekran-kalendarz) .powod-abs{color:var(--k-8c2b20)}
.ekran-kalendarz #usun-potwierdz{background:var(--czerwien-tlo);border-color:var(--czerwien);color:var(--s-fff)}
.ekran-kalendarz #p-kolejne{width:100%;margin:10px 0 4px}
.ekran-kalendarz #p-gosc{margin-top:8px}
.ekran-kalendarz #p-limit{color:var(--tekst-3);font-weight:400}
.ekran-kalendarz #p-usun-zajecia{color:var(--czerwien);border-color:rgba(var(--rgb-czerwien),.45)}
  :where(.ekran-trenerzy) .trenerzy-kafle{display:grid;background:var(--karta);border-radius:14px;box-shadow:0 1px 2px rgba(var(--rgb-tekst),.06),0 0 0 1px var(--linia);overflow:hidden}
  :where(.ekran-trenerzy) .trener-kafel{display:flex;gap:12px;align-items:center;padding:12px 16px;min-height:64px;text-decoration:none;color:inherit}
  :where(.ekran-trenerzy) .trener-kafel + .trener-kafel{border-top:1px solid var(--linia)}
  :where(.ekran-trenerzy) .trener-kafel .nr-tr{flex:none;min-width:22px;color:var(--tekst-3);font-size:13px;font-variant-numeric:tabular-nums;text-align:right}
  :where(.ekran-trenerzy) .trener-kafel:hover{background:var(--tlo)}
  :where(.ekran-trenerzy) .trener-kafel:active{background:var(--tlo)}
  :where(.ekran-trenerzy) .trener-kafel .inicjaly{width:42px;height:42px;border-radius:50%;background:var(--ciemny);color:var(--s-fff);display:grid;place-items:center;
    font-weight:600;font-size:14px;flex:none}
  :where(.ekran-trenerzy) .trener-kafel .dane{flex:1;min-width:0}
  :where(.ekran-trenerzy) .trener-kafel .dane b{display:block;font-size:15.5px}
  :where(.ekran-trenerzy) .trener-kafel .dane small{display:block;color:var(--tekst-2);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  :where(.ekran-trenerzy) .trener-kafel .wyplata{flex:none;text-align:right;font-variant-numeric:tabular-nums}
  :where(.ekran-trenerzy) .trener-kafel .wyplata b{display:block;font-size:15px}
  :where(.ekran-trenerzy) .trener-kafel .wyplata small{color:var(--tekst-3);font-size:11.5px}
  :where(.ekran-trenerzy) .trener-kafel .strzalka{color:var(--tekst-3);font-size:22px;flex:none}
  :where(.ekran-trenerzy) .dodaj-trenera{min-height:44px;padding:0 16px}
  :where(.ekran-trenerzy) .okno-trenera h2{font-size:18px;margin:0}
  :where(.ekran-trenerzy) .okno-trenera label{display:grid;gap:5px;font-size:12px;color:var(--tekst-3);text-transform:uppercase;letter-spacing:.05em}
  :where(.ekran-trenerzy) .okno-trenera .akcje .przycisk{flex:1;min-height:48px;font-size:15.5px}
  :where(.ekran-trenerzy) .okno-trenera label.nowy-wlasc{display:flex;gap:10px;align-items:center;text-transform:none;letter-spacing:normal;
    font-size:14.5px;color:var(--tekst);padding:10px 12px;border-radius:12px;border:1px dashed rgba(var(--rgb-tekst),.25);cursor:pointer}
  :where(.ekran-trenerzy) .okno-trenera label.nowy-wlasc input{width:22px !important;min-width:22px;height:22px;padding:0;flex:none}
  :where(.ekran-trenerzy) .okno-trenera label.nowy-wlasc small{color:var(--tekst-2);font-size:12.5px}
  :where(.ekran-trenerzy) .szukaj-tr{width:100%;font-size:16px;padding:12px 14px;border-radius:12px;margin:0 0 12px;border:1px solid var(--linia)}
  :where(.ekran-trenerzy) .anon-zablok{display:inline-flex;flex-direction:column;align-items:center;vertical-align:middle;margin-left:4px}
  :where(.ekran-trenerzy) .anon-zablok .przycisk:disabled{background:var(--tlo);color:var(--tekst-3);border:1px dashed var(--linia);cursor:not-allowed}
  :where(.ekran-trenerzy) .anon-zablok small{font-size:11.5px;color:var(--tekst-2);margin-top:2px}
  :where(.ekran-trenerzy) .pyt-wlasciciel{border:1px solid var(--bursztyn);margin-bottom:12px}
  :where(.ekran-trenerzy) .pw-rzad{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
  :where(.ekran-trenerzy) .pw-tekst{flex:1 1 320px;min-width:0}
  :where(.ekran-trenerzy) .pw-tekst b{display:block;font-size:15.5px}
  :where(.ekran-trenerzy) .pw-tekst small{display:block;color:var(--tekst-2);font-size:13px;margin-top:2px}
  :where(.ekran-trenerzy) .pw-rzad select{min-height:44px;font-size:15px;padding:0 10px;border-radius:12px;flex:1 1 200px;min-width:0}
  :where(.ekran-trenerzy) .pw-rzad .przycisk{min-height:44px}
.ekran-trenerzy .prow-widok{margin-bottom:12px}
.ekran-trenerzy .prow-h2{font-size:17px}
.ekran-trenerzy .prow-h2-ciasny{margin-bottom:4px}
.ekran-trenerzy .prow-h2-luzny{margin-bottom:10px}
.ekran-trenerzy .prow-archiwum{margin-top:10px}
.ekran-trenerzy .prow-dzialania{text-align:right;white-space:nowrap}
.ekran-trenerzy .prow-w-linii{display:inline}
.ekran-trenerzy .prow-gora{justify-content:space-between;margin-bottom:10px}
.ekran-trenerzy .prow-wyplacone{color:var(--zielen)}
.ekran-trenerzy .prow-opis{color:var(--tekst-2);margin:0;font-size:inherit;line-height:inherit}
.ekran-trenerzy .trener-kafel .strzalka{line-height:inherit}
  :where(.ekran-karta-trenera) .pole-wlasciciel{grid-column:1 / -1;display:flex !important;gap:12px;align-items:flex-start;padding:12px 14px;
    border-radius:14px;border:1px dashed rgba(var(--rgb-tekst),.25);background:var(--tlo);cursor:pointer;
    text-transform:none !important;letter-spacing:normal !important;font-size:14.5px !important;color:var(--tekst) !important}
  :where(.ekran-karta-trenera) .pole-wlasciciel.zaznaczone{border:1px solid var(--bursztyn);background:rgba(var(--rgb-e8a317),.10)}
  :where(.ekran-karta-trenera) .pole-wlasciciel input{width:22px !important;min-width:22px;height:22px;margin-top:1px;padding:0;flex:none}
  :where(.ekran-karta-trenera) .pole-wlasciciel > span{flex:1;min-width:0}
  :where(.ekran-karta-trenera) .pole-wlasciciel b{display:block;font-size:15px}
  :where(.ekran-karta-trenera) .pole-wlasciciel small{display:block;color:var(--tekst-2);font-size:13px;margin-top:2px;line-height:1.4;
    text-transform:none;letter-spacing:normal}
  :where(.ekran-karta-trenera) .tryb{display:inline-block;font-size:11.5px;padding:2px 8px;border-radius:999px;font-weight:500}
  :where(.ekran-karta-trenera) .tryb.grupa{background:rgba(var(--rgb-fiolet),.14);color:var(--k-5b32a8)}
  :where(.ekran-karta-trenera) .tryb.para{background:rgba(var(--rgb-morze),.12);color:var(--morze)}
  :where(.ekran-karta-trenera) .tryb.indyw{background:rgba(var(--rgb-tekst),.07);color:var(--tekst-2)}
  :where(.ekran-karta-trenera) .z-kim{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin-top:16px}
  :where(.ekran-karta-trenera) .z-kim a{display:block;padding:12px 14px;border:1px solid var(--linia);border-radius:12px;
    text-decoration:none;color:var(--tekst)}
  :where(.ekran-karta-trenera) .z-kim a:hover{border-color:var(--morze)}
  :where(.ekran-karta-trenera) .z-kim b{display:block;font-size:15px}
  :where(.ekran-karta-trenera) .z-kim span{display:block;color:var(--tekst-2);font-size:12.5px;margin-top:4px}
  :where(.ekran-karta-trenera) .z-kim .zk-tekst{color:var(--tekst);font-size:inherit;margin-top:0}     :where(.ekran-karta-trenera) .z-kim.jako-lista a{display:flex;align-items:baseline;gap:10px}
  :where(.ekran-karta-trenera) .z-kim.jako-lista a::before{flex:none}
  :where(.ekran-karta-trenera) .z-kim.jako-lista .zk-tekst{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 14px}
  :where(.ekran-karta-trenera) .z-kim.jako-lista b{display:inline}
  :where(.ekran-karta-trenera) .z-kim.jako-lista .zk-tekst span{display:inline;margin-top:0}
  @media (min-width:701px){ :where(.ekran-karta-trenera) .z-kim.jako-lista .zk-tekst{flex-wrap:nowrap} :where(.ekran-karta-trenera) .z-kim.jako-lista .zk-tekst span{margin-left:auto;white-space:nowrap} }
  :where(.ekran-karta-trenera) td .osoby{color:var(--tekst-2);font-size:13px}
  :where(.ekran-karta-trenera) .dane-trenera summary{cursor:pointer;min-height:32px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;list-style:none}
  :where(.ekran-karta-trenera) .pola-trenera{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;margin-top:14px}
  :where(.ekran-karta-trenera) .pola-trenera label{display:grid;gap:5px;font-size:12px;color:var(--tekst-3);text-transform:uppercase;letter-spacing:.05em}
  :where(.ekran-karta-trenera) .pola-trenera input,:where(.ekran-karta-trenera) .pola-trenera select{font-size:16px;padding:11px 12px;border-radius:12px;width:100%;min-width:0;text-transform:none;letter-spacing:0}
  :where(.ekran-karta-trenera) .pola-trenera .przycisk{min-height:44px}
  :where(.ekran-karta-trenera) .arch-sekcja{border:1px solid rgba(var(--rgb-c63f2d),.30)}
  :where(.ekran-karta-trenera) .okno-arch{border:0;border-radius:18px;padding:0;max-width:520px;width:calc(100% - 32px)}
  :where(.ekran-karta-trenera) .okno-arch::backdrop{background:rgba(var(--rgb-tekst),.45)}
  :where(.ekran-karta-trenera) .okno-arch form{padding:20px;display:grid;gap:12px;background:var(--karta);border-radius:18px}
  :where(.ekran-karta-trenera) .okno-arch h2{font-size:19px;margin:0}
  :where(.ekran-karta-trenera) .okno-arch ul{margin:6px 0 0;padding-left:20px;display:grid;gap:5px;font-size:14px;color:var(--tekst-2)}
  :where(.ekran-karta-trenera) .okno-arch .arch-lista{max-height:34vh;overflow:auto}
  :where(.ekran-karta-trenera) .okno-arch .arch-lista li{color:var(--tekst)}
  :where(.ekran-karta-trenera) .okno-arch .pusto-arch{color:var(--tekst-2);font-size:14px}
.ekran-karta-trenera .kt-s1{margin:0}
.ekran-karta-trenera .kt-s2{grid-column:1 / -1}
.ekran-karta-trenera .kt-s3{font-size:17px;margin-bottom:6px}
.ekran-karta-trenera .kt-s4{margin-top:12px}
.ekran-karta-trenera .kt-s5{justify-content:flex-end;margin-top:2px}
.ekran-karta-trenera .kt-s6{font-size:17px;margin-bottom:14px}
.ekran-karta-trenera .kt-s7{color:var(--tekst-3);font-size:12px;margin-top:3px}
.ekran-karta-trenera .kt-s8{background:rgba(var(--rgb-mieta),.10);color:var(--zielen-2);margin:10px 0}
.ekran-karta-trenera .kt-s9{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;margin:12px 0}
.ekran-karta-trenera .kt-s10{display:grid;gap:4px;font-size:12.5px;color:var(--tekst-2)}
.ekran-karta-trenera .kt-s11{width:120px}
.ekran-karta-trenera .kt-s12{display:grid;gap:4px;font-size:12.5px;color:var(--tekst-2);flex:1;min-width:180px}
.ekran-karta-trenera .kt-s13{width:100%;border-collapse:collapse;font-size:14px}
.ekran-karta-trenera .kt-s14{text-align:left;padding:6px 8px;border-bottom:1px solid var(--linia)}
.ekran-karta-trenera .kt-s15{text-align:right;padding:6px 8px;border-bottom:1px solid var(--linia)}
.ekran-karta-trenera .kt-s16{padding:6px 8px;border-bottom:1px solid var(--linia)}
.ekran-karta-trenera .kt-s17{padding:6px 8px;border-bottom:1px solid var(--linia);text-align:right}
.ekran-karta-trenera .kt-s18{padding:6px 8px;border-bottom:1px solid var(--linia);text-align:right;color:var(--tekst-3)}
.ekran-karta-trenera .kt-s19{color:var(--bursztyn)}
.ekran-karta-trenera .kt-s20{padding:6px 8px;border-bottom:1px solid var(--linia);color:var(--tekst-2)}
.ekran-karta-trenera .kt-s21{display:inline}
.ekran-karta-trenera .kt-s22{min-height:30px;padding:2px 10px;font-size:12.5px}
.ekran-karta-trenera .kt-s23{margin-top:16px}
.ekran-karta-trenera .kt-s24{font-family:var(--mono)}
  :where(.ekran-dyspozycyjnosc) .dysp-wlacznik{background:var(--karta);border:1px solid var(--linia);border-radius:12px;
    padding:10px 14px;margin:12px 0;font-size:14.5px}
  :where(.ekran-dyspozycyjnosc) .dysp-rozjazd{background:rgba(var(--rgb-bursztyn),.14);border:1px solid rgba(var(--rgb-bursztyn),.5);border-radius:12px;
    padding:10px 14px;margin:12px 0;font-size:14.5px;line-height:1.5}
  :where(.ekran-dyspozycyjnosc) .siatka-dostepnosci{display:grid;grid-template-columns:96px repeat(7,minmax(0,1fr));
    gap:3px;margin-top:18px;user-select:none}
  :where(.ekran-dyspozycyjnosc) .siatka-dostepnosci .naglowek{font-size:12px;color:var(--tekst-3);text-align:center;padding-bottom:4px}
  :where(.ekran-dyspozycyjnosc) .siatka-dostepnosci .godzina{font-family:var(--mono);font-size:11.5px;color:var(--tekst-3);
    display:flex;align-items:center;justify-content:flex-end;padding-right:8px}
  :where(.ekran-dyspozycyjnosc) .okno{height:30px;border-radius:6px;background:var(--tlo);border:1px solid var(--linia);
    cursor:pointer;position:relative;transition:background .08s}
  :where(.ekran-dyspozycyjnosc) .okno:hover{border-color:var(--morze)}
  :where(.ekran-dyspozycyjnosc) .okno.wolny{background:rgba(var(--rgb-zielen),.22);border-color:rgba(var(--rgb-zielen),.4)}
  :where(.ekran-dyspozycyjnosc) .okno .ile{position:absolute;inset:0;display:grid;place-items:center;font-size:10.5px;
    font-family:var(--mono);color:var(--tekst-2)}
  :where(.ekran-dyspozycyjnosc) .okno.wolny .ile{color:var(--k-14533e)}
  :where(.ekran-dyspozycyjnosc) .legenda-siatki{display:flex;gap:18px;flex-wrap:wrap;margin-top:14px;font-size:12.5px;color:var(--tekst-2)}
  :where(.ekran-dyspozycyjnosc) .legenda-siatki i{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:6px;
    vertical-align:-1px;border:1px solid var(--linia)}
  :where(.ekran-dyspozycyjnosc) .tygodnie-dysp{display:flex;gap:6px;overflow-x:auto;padding:2px 0 8px;margin-bottom:6px}
  :where(.ekran-dyspozycyjnosc) .tygodnie-dysp a{flex:none;white-space:nowrap;text-decoration:none;color:var(--tekst);border:1px solid var(--linia);
    background:var(--karta);border-radius:999px;padding:6px 12px;font-size:13.5px;min-height:36px;display:inline-flex;align-items:center;gap:6px}
  :where(.ekran-dyspozycyjnosc) .tygodnie-dysp a.tu{background:var(--ciemny);color:var(--s-fff);border-color:var(--ciemny)}
  :where(.ekran-dyspozycyjnosc) .tygodnie-dysp .kropka-zm{width:7px;height:7px;border-radius:50%;background:var(--bursztyn)}
  :where(.ekran-dyspozycyjnosc) .info-tygodnia{background:var(--tlo);border-radius:10px;padding:9px 12px;font-size:14px;margin:4px 0 10px}
  :where(.ekran-dyspozycyjnosc) .okno.zablokowane{cursor:not-allowed;opacity:.45}
  :where(.ekran-dyspozycyjnosc) .siatka-dostepnosci .naglowek{display:block;margin:0}   :where(.ekran-dyspozycyjnosc) .siatka-dostepnosci .naglowek small{display:block;font-size:11px}
  :where(.ekran-dyspozycyjnosc) .blad-dysp{background:rgba(var(--rgb-czerwien),.08);border:1px solid rgba(var(--rgb-czerwien),.4);border-radius:12px;padding:10px 14px;
    margin:12px 0;font-size:14.5px;color:var(--k-7a1f16)}
  :where(.ekran-dyspozycyjnosc) dialog.zakres-dysp{border:0;border-radius:16px;padding:20px;width:min(420px,94vw);box-shadow:0 30px 80px rgba(var(--rgb-tekst),.35)}
  :where(.ekran-dyspozycyjnosc) dialog.zakres-dysp::backdrop{background:rgba(var(--rgb-tekst),.45)}
  :where(.ekran-dyspozycyjnosc) dialog.zakres-dysp .przycisk{min-height:44px;justify-content:center;display:inline-flex;align-items:center}
  :where(.ekran-dyspozycyjnosc) .pasek-zapisu{position:sticky;bottom:0;background:var(--karta);border-top:1px solid var(--linia);
    padding:14px 0 4px;margin-top:18px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
  @media (max-width:900px){
    :where(.ekran-dyspozycyjnosc) .siatka-dostepnosci{grid-template-columns:64px repeat(7,minmax(38px,1fr));overflow-x:auto}
    :where(.ekran-dyspozycyjnosc) .okno{height:34px}   
  }
.ekran-dyspozycyjnosc .dysp-s1{margin-left:6px}
.ekran-dyspozycyjnosc .dysp-s2{margin:0}
.ekran-dyspozycyjnosc .dysp-s3{color:var(--tekst-3);font-size:13px;margin-left:auto}
.ekran-dyspozycyjnosc .dysp-s4{background:rgba(var(--rgb-zielen),.22)}
.ekran-dyspozycyjnosc .dysp-s5{background:var(--tlo)}
.ekran-dyspozycyjnosc .dysp-s6{display:flex;gap:8px;align-items:flex-start;cursor:pointer}
.ekran-dyspozycyjnosc .dysp-s7{width:20px;height:20px;margin-top:2px}
.ekran-dyspozycyjnosc .dysp-s8{display:block;margin-top:2px}
.ekran-dyspozycyjnosc .dysp-s9{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:10px}
.ekran-dyspozycyjnosc .dysp-s10{display:flex;gap:8px;align-items:center}
.ekran-dyspozycyjnosc .dysp-s11{width:80px}
.ekran-dyspozycyjnosc .dysp-s12{margin:6px 0 0;padding-left:18px}
.ekran-dyspozycyjnosc .dysp-s13{font-size:18px;margin:0 0 6px}
.ekran-dyspozycyjnosc .dysp-s14{margin:0 0 14px}
.ekran-dyspozycyjnosc .dysp-s15{display:grid;gap:8px}
.ekran-dyspozycyjnosc .dysp-s16{margin:0;font-size:12.5px}
.ekran-dyspozycyjnosc .dysp-s17{margin-top:4px}
.ekran-dyspozycyjnosc .dysp-s18{color:var(--tekst-2);font-size:13.5px}
.ekran-dyspozycyjnosc .dysp-s19{font-size:17px;margin-bottom:10px}
.ekran-dyspozycyjnosc .dysp-s20{color:var(--tekst-2);margin:0}
  :where(.ekran-nieobecnosci) .obsada{display:grid;grid-template-columns:150px minmax(0,1fr) minmax(0,1.2fr) 70px minmax(0,320px);
    gap:8px 12px;align-items:center}
  :where(.ekran-nieobecnosci) .obsada .naglowek-kol{font-size:12px;color:var(--tekst-3);text-transform:uppercase;
    letter-spacing:.06em;padding-bottom:8px;border-bottom:1px solid var(--linia)}
  :where(.ekran-nieobecnosci) .obsada .wiersz{display:contents}
  :where(.ekran-nieobecnosci) .obsada .kreska{grid-column:1 / -1;height:1px;background:var(--linia)}
  :where(.ekran-nieobecnosci) .obsada .kto{color:var(--tekst-2);font-size:13px}
  :where(.ekran-nieobecnosci) .obsada .akcje{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px}
  :where(.ekran-nieobecnosci) .obsada .akcje .przycisk{padding:6px 10px;font-size:13px;white-space:nowrap}
  :where(.ekran-nieobecnosci) .pilne{color:var(--czerwien);font-weight:600}
  :where(.ekran-nieobecnosci) .obsada .podpowiedzi{grid-column:1 / -1;display:flex;gap:8px;flex-wrap:wrap;
    padding:0 0 10px 150px;margin-top:-4px}
  :where(.ekran-nieobecnosci) .obsada .kandydat{font-size:12.5px;color:var(--tekst-2);background:var(--tlo);
    border-radius:999px;padding:4px 11px}
  :where(.ekran-nieobecnosci) .obsada .kandydat.najlepszy{background:rgba(var(--rgb-zielen),.14);color:var(--k-14533e)}
  @media (max-width:1100px){:where(.ekran-nieobecnosci) .obsada .podpowiedzi{padding-left:0}}
  :where(.ekran-nieobecnosci) .pola-absencji{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  :where(.ekran-nieobecnosci) .pola-absencji label{font-size:12.5px;color:var(--tekst-2);display:block}
  :where(.ekran-nieobecnosci) .pola-absencji input,:where(.ekran-nieobecnosci) .pola-absencji select{width:100%;min-width:0;margin-top:5px}
  @media (max-width:900px){:where(.ekran-nieobecnosci) .pola-absencji{grid-template-columns:1fr 1fr}}
  @media (max-width:1100px){
    :where(.ekran-nieobecnosci) .obsada{grid-template-columns:1fr}
    :where(.ekran-nieobecnosci) .obsada .naglowek-kol{display:none}
    :where(.ekran-nieobecnosci) .obsada .wiersz{display:grid;gap:8px;padding:14px;border:1px solid var(--linia);border-radius:12px}
    :where(.ekran-nieobecnosci) .obsada .kreska{display:none}
  }
.ekran-nieobecnosci .nieob-s1{grid-column:span 2}
.ekran-nieobecnosci .nieob-s2{margin-top:12px}
.ekran-nieobecnosci .nieob-s3{color:var(--tekst-3);font-size:13px}
.ekran-nieobecnosci .nieob-s4{color:var(--tekst-2);font-size:13.5px}
.ekran-nieobecnosci .nieob-s5{margin-left:auto}
.ekran-nieobecnosci .nieob-s6{font-size:17px;margin-bottom:6px}
.ekran-nieobecnosci .nieob-s7{margin-top:16px}
.ekran-nieobecnosci .nieob-s8{color:var(--tekst-3);font-size:12px}
.ekran-nieobecnosci .nieob-s9{color:var(--czerwien);font-size:12.5px}
.ekran-nieobecnosci .nieob-s10{grid-column:1 / -1}
.ekran-nieobecnosci .nieob-s11{font-size:17px;margin-bottom:14px}
.ekran-nieobecnosci .nieob-s12{color:var(--tekst-3)}
  :where(.ekran-kolizje) .kz-filtry{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
  :where(.ekran-kolizje) .kz-filtry a{padding:6px 14px;border:1px solid var(--linia);border-radius:999px;text-decoration:none;
    color:var(--tekst-2);font-size:13.5px;min-height:36px;display:flex;align-items:center;gap:6px;background:var(--karta)}
  :where(.ekran-kolizje) .kz-filtry a.tu{background:var(--ciemny);color:var(--s-fff);border-color:var(--ciemny)}
  :where(.ekran-kolizje) .kz-filtry .ile{font-size:12px;opacity:.8}
  :where(.ekran-kolizje) .kz-lista{display:grid;gap:8px}
  :where(.ekran-kolizje) .kz{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:6px 14px;align-items:baseline;background:var(--karta);
    border:1px solid var(--linia);border-radius:14px;padding:11px 14px;font-size:14.5px}
  :where(.ekran-kolizje) .kz-akcje{grid-column:2 / -1;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;align-items:center}
  :where(.ekran-kolizje) .kz > .opis + .plakietka{justify-self:end}
  :where(.ekran-kolizje) .kz.pilne{border-color:rgba(var(--rgb-czerwien),.45);background:rgba(var(--rgb-czerwien),.05)}
  :where(.ekran-kolizje) .kz .kiedy{font-family:var(--mono);font-size:13px;color:var(--tekst-2);white-space:nowrap;min-width:104px}
  :where(.ekran-kolizje) .kz .opis{flex:1;min-width:0}
  @media (max-width:700px){                                  :where(.ekran-kolizje) .kz{grid-template-columns:minmax(0,1fr) auto}
    :where(.ekran-kolizje) .kz .kiedy{grid-column:1;grid-row:1;min-width:0} :where(.ekran-kolizje) .kz > .plakietka{grid-column:2;grid-row:1;justify-self:end;white-space:normal;text-align:right;max-width:62vw}
    :where(.ekran-kolizje) .kz .opis{grid-column:1 / -1} :where(.ekran-kolizje) .kz-akcje{grid-column:1 / -1;justify-content:flex-start} }
  :where(.ekran-kolizje) .kz .plakietka{font-size:11.5px;border-radius:999px;padding:2px 9px;background:var(--tlo);color:var(--tekst-2);
    white-space:nowrap}
  @media (max-width:700px){ :where(.ekran-kolizje) .kz > .plakietka{white-space:normal} }   :where(.ekran-kolizje) .kz .akcja{white-space:nowrap}
  :where(.ekran-kolizje) .kz-akcje > form{display:inline-flex !important;margin:0;align-self:center}
  :where(.ekran-kolizje) .kz-akcje > .akcja,:where(.ekran-kolizje) .kz-akcje > form .przycisk,:where(.ekran-kolizje) .kz-akcje > a.przycisk{align-self:center;min-height:34px;display:inline-flex;align-items:center}
  :where(.ekran-kolizje) .kz-pusto{background:rgba(var(--rgb-zielen),.10);color:var(--zielen);border-radius:14px;padding:14px 16px;font-size:15px}
  :where(.ekran-kolizje) .kz-pusto{color:var(--zielen-2)}
.ekran-kolizje .kolz-s1{min-height:34px;padding:3px 12px;font-size:13px}
.ekran-kolizje .kolz-s2{display:inline}
.ekran-kolizje .kolz-s3{font-size:17px;margin:22px 0 10px}
.ekran-kolizje .kolz-s4{color:var(--czerwien)}
.ekran-kolizje .kolz-s5{margin-top:16px}
.ekran-kolizje .kolz-s6{cursor:pointer;font-size:15px}
.ekran-kolizje .kolz-s7{margin:8px 0 10px}
.ekran-kolizje .kolz-s8{opacity:.75}
.ekran-kolizje .kolz-s9{margin:0}
:where(.ekran-klienci) .szukaj{width:100%;font-size:16px;padding:12px 14px;border-radius:12px;margin-bottom:12px}
:where(.ekran-klienci) .filtry{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;margin-bottom:12px}
:where(.ekran-klienci) .filtry .przycisk{white-space:nowrap;min-height:40px;display:inline-flex;align-items:center;border-radius:999px}
:where(.ekran-klienci) .klienci-kafle{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
:where(.ekran-klienci) .klient-kafel{display:flex;gap:12px;align-items:center;width:100%;border:0;background:var(--karta);border-radius:14px;
  box-shadow:0 1px 2px rgba(var(--rgb-tekst),.06),0 0 0 1px var(--linia);padding:12px 14px;min-height:64px;cursor:pointer;
  text-align:left;font:inherit;color:inherit}
:where(.ekran-klienci) .klient-kafel:active{background:var(--tlo)}
:where(.ekran-klienci) .klient-kafel .inicjaly{width:40px;height:40px;border-radius:50%;background:var(--tlo);display:grid;place-items:center;
  font-weight:600;color:var(--tekst-2);flex:none;font-size:14px}
:where(.ekran-klienci) .klient-kafel .dane{flex:1;min-width:0}
:where(.ekran-klienci) #lista{counter-reset:nr-kl}
:where(.ekran-klienci) .klient-kafel:not([hidden]){counter-increment:nr-kl}
:where(.ekran-klienci) .klient-kafel .nr-kl{flex:none;min-width:26px;color:var(--tekst-3);font-size:13px;font-variant-numeric:tabular-nums;text-align:right}
:where(.ekran-klienci) .klient-kafel .nr-kl::before{content:counter(nr-kl) "."}
:where(.ekran-klienci) .klient-kafel .dane b{display:block;font-size:15.5px}
:where(.ekran-klienci) .klient-kafel .dane small{display:block;color:var(--tekst-2);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:where(.ekran-klienci) .klient-kafel .kwota{flex:none;text-align:right}
:where(.ekran-klienci) .klient-kafel.wylaczony{opacity:.6}
:where(.ekran-klienci) .klient-kafel[hidden],:where(.ekran-klienci) .okno-klienta [hidden]{display:none !important}   :where(.ekran-klienci) .dodaj-klienta{min-height:48px;padding:0 18px;font-size:15px}
:where(.ekran-klienci) .zapisano{background:rgba(var(--rgb-zielen),.12);color:var(--zielen-2);border-radius:10px;padding:9px 13px;font-size:14px;margin-bottom:12px}
:where(.ekran-klienci) dialog.okno-klienta{border:0;padding:0;width:min(520px,100vw);max-width:100vw;max-height:92vh;border-radius:20px;
  background:var(--karta);color:var(--tekst);box-shadow:0 30px 80px rgba(var(--rgb-tekst),.35)}
:where(.ekran-klienci) dialog.okno-klienta::backdrop{background:rgba(var(--rgb-tekst),.45)}
:where(.ekran-klienci) dialog.okno-klienta[open]{display:flex;flex-direction:column}
:where(.ekran-klienci) .okno-klienta form{display:flex;flex-direction:column;min-height:0;flex:1}
:where(.ekran-klienci) .okno-klienta .glowa{display:flex;align-items:center;gap:10px;padding:18px 20px 6px}
:where(.ekran-klienci) .okno-klienta h2{font-size:18px;margin:0;flex:1;min-width:0}
:where(.ekran-klienci) .okno-klienta .zamknij{border:0;background:var(--tlo);border-radius:50%;width:36px;height:36px;cursor:pointer;color:var(--tekst-2)}
:where(.ekran-klienci) .okno-klienta .srodek{padding:6px 20px 14px;overflow:auto;display:grid;gap:12px}
:where(.ekran-klienci) .okno-klienta label{display:grid;gap:5px;font-size:12px;color:var(--tekst-3);text-transform:uppercase;letter-spacing:.05em}
:where(.ekran-klienci) .okno-klienta label input,:where(.ekran-klienci) .okno-klienta label textarea{font:inherit;font-size:16px;text-transform:none;letter-spacing:0;color:var(--tekst);
  width:100%;padding:11px 12px;border:1px solid var(--linia);border-radius:12px;background:var(--karta)}
:where(.ekran-klienci) .okno-klienta label textarea{min-height:80px;resize:vertical}
:where(.ekran-klienci) .okno-klienta .rzad{display:grid;grid-template-columns:1fr 1fr;gap:10px}
:where(.ekran-klienci) .okno-klienta .przelacznik{display:flex;gap:10px;align-items:center;font-size:15px;text-transform:none;letter-spacing:0;color:var(--tekst)}
:where(.ekran-klienci) .okno-klienta .przelacznik input{width:22px;height:22px}
:where(.ekran-klienci) .okno-klienta .liczby{display:flex;gap:10px;flex-wrap:wrap;font-size:14px;color:var(--tekst-2)}
:where(.ekran-klienci) .okno-klienta .akcje{display:flex;gap:10px;padding:12px 20px 18px;border-top:1px solid var(--linia)}
:where(.ekran-klienci) .okno-archiwum{padding:0 20px 18px;margin-top:-6px}
:where(.ekran-klienci) .okno-archiwum .przycisk{width:100%;min-height:44px;justify-content:center;color:var(--tekst-2)}
:where(.ekran-klienci) .okno-klienta .akcje .przycisk{min-height:48px;flex:1;display:inline-flex;align-items:center;justify-content:center;font-size:15.5px}
@media (max-width:640px){
  :where(.ekran-klienci) dialog.okno-klienta{margin:auto 0 0;width:100vw;border-radius:20px 20px 0 0}
  :where(.ekran-klienci) .okno-klienta .akcje{padding-bottom:calc(14px + env(safe-area-inset-bottom))}
  :where(.ekran-klienci) .okno-klienta .rzad{grid-template-columns:1fr}
}
:where(.ekran-klienci) .karnet-kafel{display:block;font-size:12.5px;color:var(--tekst-3)}
:where(.ekran-klienci) .karnet-kafel.uwaga b{color:var(--k-9a6206)}
:where(.ekran-klienci) .karnet-kafel.zle b{color:var(--czerwien)}
:where(.ekran-klienci) .szukaj-rzad{display:flex;gap:8px;align-items:flex-start;margin-bottom:12px}
:where(.ekran-klienci) .szukaj-rzad .szukaj{margin-bottom:0;flex:1;min-width:0}
:where(.ekran-klienci) .uklad-kl{display:flex;flex:none;background:var(--tlo);border-radius:12px;padding:3px;box-shadow:0 0 0 1px var(--linia)}
:where(.ekran-klienci) .uklad-kl button{border:0;background:none;font:inherit;font-size:14px;color:var(--tekst-2);border-radius:9px;
  min-height:40px;padding:0 12px;cursor:pointer;white-space:nowrap}
:where(.ekran-klienci) .uklad-kl button[aria-pressed="true"]{background:var(--karta);color:var(--tekst);font-weight:600;box-shadow:0 1px 2px rgba(var(--rgb-tekst),.12)}
:where(.ekran-klienci) .klienci-kafle.jako-lista{grid-template-columns:1fr;gap:0;background:var(--karta);border-radius:14px;overflow:hidden;
  box-shadow:0 1px 2px rgba(var(--rgb-tekst),.06),0 0 0 1px var(--linia)}
:where(.ekran-klienci) .jako-lista .klient-kafel{border-radius:0;box-shadow:none;border-bottom:1px solid var(--linia);min-height:0;padding:9px 14px}
:where(.ekran-klienci) .jako-lista .klient-kafel:last-child{border-bottom:0}
:where(.ekran-klienci) .jako-lista .klient-kafel:hover{background:var(--tlo)}
:where(.ekran-klienci) .jako-lista .klient-kafel .inicjaly{display:none}
:where(.ekran-klienci) .jako-lista .klient-kafel .dane b{font-size:15px}
@media (min-width:760px){
  :where(.ekran-klienci) .jako-lista .klient-kafel .dane{display:grid;grid-template-columns:minmax(170px,1fr) minmax(0,1.7fr) minmax(0,1.1fr);gap:14px;align-items:center}
  :where(.ekran-klienci) .jako-lista .klient-kafel .karnet-kafel{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  :where(.ekran-klienci) .jako-lista .klient-kafel .karnet-kafel b{display:inline}
  :where(.ekran-klienci) .jako-lista .klient-kafel .kwota{min-width:112px}   
}
@media (max-width:420px){ :where(.ekran-klienci) .uklad-kl button{padding:0 9px} :where(.ekran-klienci) .uklad-kl .napis{display:none} }
:where(.ekran-klienci) .klient-kafel .tel-link{display:inline;min-height:0}
  :where(.ekran-karta-klienta) .odbiorcy{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:12px}
  :where(.ekran-karta-klienta) #pola-platnika[hidden]{display:none !important}
  @media (max-width:700px){
    :where(.ekran-karta-klienta) .kontakt-klienta,:where(.ekran-karta-klienta) #pola-platnika{grid-template-columns:1fr !important;gap:12px !important}
    :where(.ekran-karta-klienta) .kontakt-klienta > div:empty{display:none}
    :where(.ekran-karta-klienta) .kontakt-klienta input[type=text],:where(.ekran-karta-klienta) .kontakt-klienta textarea{font-size:16px !important;padding:11px 12px !important;border-radius:12px !important}
    :where(.ekran-karta-klienta) .kontakt-klienta .przycisk{min-height:44px;display:inline-flex;align-items:center}
    :where(.ekran-karta-klienta) .karta input[readonly]{min-width:0 !important}
    :where(.ekran-karta-klienta) .dwie-kolumny{grid-template-columns:1fr !important}
    :where(.ekran-karta-klienta) .dwie-kolumny input{min-width:0}
  }
  :where(.ekran-karta-klienta) .odbiorca{border:1px solid var(--linia);border-radius:12px;padding:14px}
  :where(.ekran-karta-klienta) .odbiorca b{display:block;font-size:14px}
  :where(.ekran-karta-klienta) .odbiorca > span{color:var(--tekst-2);font-size:13px}
    :where(.ekran-karta-klienta) .kn-glowa{display:flex;gap:10px 18px;align-items:baseline;flex-wrap:wrap}
    :where(.ekran-karta-klienta) .kn-ile{font-size:30px;font-weight:800;line-height:1}
    :where(.ekran-karta-klienta) .kn-pasek{height:10px;border-radius:999px;background:var(--tlo);overflow:hidden;margin:12px 0 6px}
    :where(.ekran-karta-klienta) .kn-pasek i{display:block;height:100%;background:var(--bursztyn);border-radius:999px}
    :where(.ekran-karta-klienta) .kn-wiersz{display:flex;gap:10px 14px;align-items:center;flex-wrap:wrap;font-size:14.5px;
      border-top:1px solid var(--linia);padding:9px 0}
    :where(.ekran-karta-klienta) .kn-wiersz form{margin:0}
    :where(.ekran-karta-klienta) .kn-wiersz .przycisk{min-height:38px;padding:4px 13px;font-size:13.5px}
    :where(.ekran-karta-klienta) .kn-prog{font-family:var(--mono);font-size:13px;background:var(--tlo);border-radius:999px;padding:3px 10px;white-space:nowrap}
    :where(.ekran-karta-klienta) .kn-czeka{border:1px solid rgba(var(--rgb-bursztyn),.55);background:rgba(var(--rgb-bursztyn),.10);border-radius:12px;
      padding:10px 12px;margin-top:10px}
    .postep{display:grid;grid-template-columns:minmax(0,1fr) 124px auto;gap:12px;align-items:center;
      padding:10px 0;border-top:1px solid var(--linia)}
    .postep:first-of-type{border-top:0}
    .postep b{display:block;font-size:14.5px}
    .postep small{color:var(--tekst-2);font-size:12.5px}
    .postep .wynik{text-align:right;font-size:13px;color:var(--tekst-2);white-space:nowrap}
    .postep .wynik b{font-size:15px;color:var(--tekst)}
    .postep details{grid-column:1 / -1;font-size:13px;color:var(--tekst-2)}
    .postep details summary{cursor:pointer;color:var(--morze);font-size:12.5px}
    .postep details div{padding:3px 0 0 14px}
    .wykres polyline{fill:none;stroke:var(--morze);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
    .wykres circle{fill:var(--morze)}
    :where(.ekran-karta-klienta) .trening-wiersz td{vertical-align:top}
    :where(.ekran-karta-klienta) .trening-wiersz .tekst{white-space:pre-line;font-size:13.5px;color:var(--tekst-2);max-width:420px}
    :where(.ekran-karta-klienta) .trening-wiersz.odbyte td{background:rgba(var(--rgb-zielen),.07)}
    :where(.ekran-karta-klienta) .trening-wiersz.odbyte td:first-child{box-shadow:inset 3px 0 0 var(--s-1f7a5c)}
    :where(.ekran-karta-klienta) .trening-wiersz.odbyte .data-tr{color:var(--zielen-2)}
    :where(.ekran-karta-klienta) .trening-wiersz.biezacy td{background:rgba(var(--rgb-f5a623),.12)}
    :where(.ekran-karta-klienta) .trening-wiersz.biezacy td:first-child{box-shadow:inset 3px 0 0 var(--bursztyn)}
    :where(.ekran-karta-klienta) .znacznik-tr{display:inline-block;font-size:11px;font-weight:600;border-radius:999px;padding:1px 8px;margin-left:6px;vertical-align:1px}
    :where(.ekran-karta-klienta) .znacznik-tr.teraz{background:var(--bursztyn);color:var(--s-25190a)}
    :where(.ekran-karta-klienta) .znacznik-tr.byl{background:rgba(var(--rgb-zielen),.14);color:var(--zielen-2)}
    :where(.ekran-karta-klienta) .trening-wiersz[hidden]{display:none}
    :where(.ekran-karta-klienta) .rozwin-tr{width:100%;border:1px dashed var(--linia);background:none;border-radius:10px;min-height:40px;
      color:var(--tekst-2);font:inherit;font-size:13.5px;cursor:pointer;margin:6px 0}
    :where(.ekran-karta-klienta) .rozwin-tr:hover{color:var(--tekst);border-color:var(--tekst-3)}
    @media print{:where(.ekran-karta-klienta) .rozwin-tr{display:none} :where(.ekran-karta-klienta) .trening-wiersz[hidden]{display:table-row}}
    @media (max-width:700px){   :where(.ekran-karta-klienta) .trening-wiersz.odbyte td,:where(.ekran-karta-klienta) .trening-wiersz.biezacy td{padding-left:12px;padding-right:10px}
      :where(.ekran-karta-klienta) .trening-wiersz.odbyte td{box-shadow:inset 3px 0 0 var(--s-1f7a5c) !important}
      :where(.ekran-karta-klienta) .trening-wiersz.biezacy td{box-shadow:inset 3px 0 0 var(--bursztyn) !important}
      :where(.ekran-karta-klienta) tr.biezace-kl td{padding-left:12px;box-shadow:inset 3px 0 0 var(--bursztyn) !important}
    }
  :where(.ekran-karta-klienta,.ekran-trening) .dz-trener summary{cursor:pointer;display:flex;gap:6px 10px;align-items:center;flex-wrap:wrap;min-height:40px}
  :where(.ekran-karta-klienta,.ekran-trening) .dz-t-dni{display:grid;gap:10px;margin-top:10px}
  :where(.ekran-karta-klienta,.ekran-trening) .dz-t-dzien{background:var(--tlo);border-radius:12px;padding:10px 12px}
  :where(.ekran-karta-klienta,.ekran-trening) .dz-t-dzien b{text-transform:capitalize}
  :where(.ekran-karta-klienta,.ekran-trening) .dz-t-dzien ul{margin:6px 0 0;padding-left:18px;font-size:14px;color:var(--tekst-2)}
  :where(.ekran-karta-klienta) .pom-kafle{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,130px),1fr));gap:8px;margin-bottom:12px}
  :where(.ekran-karta-klienta) .pom-kafel{background:var(--mgla, var(--tlo));border-radius:14px;padding:10px 12px}
  :where(.ekran-karta-klienta) .pom-kafel .et{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--tekst-3)}
  :where(.ekran-karta-klienta) .pom-kafel b{font-size:19px;display:block;margin-top:2px}
  :where(.ekran-karta-klienta) .pom-kafel small{font-size:12px;color:var(--tekst-2)}
  :where(.ekran-karta-klienta) .pom-kafel .w-dol{color:var(--zielen)} :where(.ekran-karta-klienta) .pom-kafel .w-gore{color:var(--czerwien)}
  :where(.ekran-karta-klienta) .pom-wykresy{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:12px}
  :where(.ekran-karta-klienta) .pom-w{background:var(--mgla, var(--tlo));border-radius:16px;padding:12px 14px}
  :where(.ekran-karta-klienta) .pom-w h4{margin:0;font-size:14px;font-weight:600}
  :where(.ekran-karta-klienta) .pom-w .zakres{font-size:12px;color:var(--tekst-3)}
  :where(.ekran-karta-klienta) .pom-linia{position:relative;height:74px;margin:8px 6px 4px}
  :where(.ekran-karta-klienta) .pom-linia svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
  :where(.ekran-karta-klienta) .pom-linia polyline{fill:none;stroke:var(--morze);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
  :where(.ekran-karta-klienta) .pom-linia i{position:absolute;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;background:var(--karta);border:2px solid var(--morze)}
  :where(.ekran-karta-klienta) .pom-linia i.ostatni{width:11px;height:11px;margin:-5.5px 0 0 -5.5px;background:var(--bursztyn);border-color:var(--bursztyn)}
  :where(.ekran-karta-klienta) .pom-tabela{width:100%;border-collapse:collapse;font-size:13.5px;margin-top:12px}
  :where(.ekran-karta-klienta) .pom-tabela th,:where(.ekran-karta-klienta) .pom-tabela td{padding:6px 8px;border-bottom:1px solid var(--linia);text-align:right;white-space:nowrap}
  :where(.ekran-karta-klienta) .pom-tabela th:first-child,:where(.ekran-karta-klienta) .pom-tabela td:first-child{text-align:left}
  :where(.ekran-karta-klienta) .pom-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,110px),1fr));gap:10px;margin-top:14px}
  :where(.ekran-karta-klienta) .pom-form label{display:grid;gap:4px;font-size:12.5px;color:var(--tekst-2);min-width:0}
  :where(.ekran-karta-klienta) .pom-form input{font:inherit;font-size:15px;padding:8px 10px;border:1px solid var(--linia);border-radius:10px;min-height:42px;
    background:var(--karta, var(--karta));color:inherit;width:100%;min-width:0;box-sizing:border-box}
  :where(.ekran-karta-klienta) .pom-form .szeroko{grid-column:1 / -1}
  :where(.ekran-karta-klienta) #zgody > h2,:where(.ekran-karta-klienta) #odwolania > h2{font-size:22.5px;letter-spacing:-.45px;line-height:32.625px;margin:0}
  :where(.ekran-karta-klienta) #treningi .naglowek h2{margin:0}
  :where(.ekran-karta-klienta) #tablica > h2{margin-bottom:4px}
  :where(.ekran-karta-klienta) .kk-uwagi-sa{background:rgba(var(--rgb-bursztyn),.08)}
  :where(.ekran-karta-klienta) .kk-saldo-trwa{color:var(--tekst)}
  :where(.ekran-karta-klienta) .kk-link-jest{margin-top:14px}
  :where(.ekran-karta-klienta) .kk-link-akcje{margin-top:10px}
.ekran-karta-klienta .kk-s1{background:rgba(var(--rgb-zielen),.10);color:var(--zielen-2)}
.ekran-karta-klienta .kk-s2{font-size:17px;margin-bottom:14px}
.ekran-karta-klienta .kk-s3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ekran-karta-klienta .kk-s4{font-size:12.5px;color:var(--tekst-2);display:block;margin-bottom:5px}
.ekran-karta-klienta .kk-s5{width:100%}
.ekran-karta-klienta .kk-s6{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:10px}
.ekran-karta-klienta .kk-s7{grid-column:1 / -1}
.ekran-karta-klienta .kk-s8{color:var(--tekst-3)}
.ekran-karta-klienta .kk-s9{width:100%;font:inherit;font-size:14px;padding:8px 10px;border:1px solid var(--linia); border-radius:8px;resize:vertical}
.ekran-karta-klienta .kk-s10{color:var(--czerwien);margin-top:4px}
.ekran-karta-klienta .kk-s11{font-size:13.5px;color:var(--tekst-2);display:flex;gap:7px;align-items:center;cursor:pointer}
.ekran-karta-klienta .kk-s12{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ekran-karta-klienta .kk-s13{grid-column:1 / -1;display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.ekran-karta-klienta .kk-s14{font-size:13.5px;color:var(--tekst-2);display:flex;gap:7px;align-items:center}
.ekran-karta-klienta .kk-s15{margin-top:16px;padding-top:16px;border-top:1px solid var(--linia)}
.ekran-karta-klienta .kk-s16{font-size:12.5px;color:var(--tekst-2);margin-bottom:10px}
.ekran-karta-klienta .kk-s17{margin-top:8px}
.ekran-karta-klienta .kk-s18{color:var(--tekst-3);font-size:12.5px;margin-top:10px}
.ekran-karta-klienta .kk-s19{font-size:17px;margin-bottom:6px}
.ekran-karta-klienta .kk-s20{min-height:38px;padding:4px 13px;font-size:13.5px}
.ekran-karta-klienta .kk-s21{margin-top:12px}
.ekran-karta-klienta .kk-s22{font-size:15px;margin-bottom:2px}
.ekran-karta-klienta .kk-s23{flex:1;min-width:0}
.ekran-karta-klienta .kk-s24{margin-top:10px}
.ekran-karta-klienta .kk-s25{font-size:17px;margin-bottom:4px}
.ekran-karta-klienta .kk-s26{margin-bottom:8px}
.ekran-karta-klienta .kk-s27{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.ekran-karta-klienta .kk-s28{min-height:44px;flex:1 1 260px;min-width:0}
.ekran-karta-klienta .kk-s29{margin-top:6px}
.ekran-karta-klienta .kk-s30{display:grid;gap:8px}
.ekran-karta-klienta .kk-s31{display:flex;gap:9px;align-items:flex-start;font-size:14.5px}
.ekran-karta-klienta .kk-s32{width:19px;height:19px;margin-top:2px}
.ekran-karta-klienta .kk-s33{display:block;margin:0}
.ekran-karta-klienta .kk-s34{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.ekran-karta-klienta .kk-s35{margin-top:14px; border-top:1px solid var(--linia);padding-top:12px}
.ekran-karta-klienta .kk-s36{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px;align-items:center}
.ekran-karta-klienta .kk-s37{flex:1;min-width:200px}
.ekran-karta-klienta .kk-s38{font-size:17px}
.ekran-karta-klienta .kk-s39{white-space:nowrap}
.ekran-karta-klienta .kk-s40{font-size:12.5px;margin:2px 0 0}
.ekran-karta-klienta .kk-s41{color:var(--czerwien)}
.ekran-karta-klienta .kk-s42{font-size:15px;margin:20px 0 4px}
.ekran-karta-klienta .kk-s43{border-left:4px solid var(--czerwien);background:rgba(var(--rgb-czerwien),.07);margin:10px 0}
.ekran-karta-klienta .kk-s44{background:rgba(var(--rgb-zielen),.10);color:var(--zielen-2);margin:10px 0 0;padding:10px 12px}
.ekran-karta-klienta .kk-s45{margin-top:14px}
.ekran-karta-klienta .kk-s46{flex:1;min-width:260px;font-family:var(--mono);font-size:13px}
.ekran-karta-klienta .kk-s47{margin-top:16px;border-top:1px solid var(--linia);padding-top:12px}
.ekran-karta-klienta .kk-s48{cursor:pointer;font-weight:600}
.ekran-karta-klienta .kk-s49{margin:0}
.ekran-karta-klienta .kk-s50{margin:8px 0}
.ekran-karta-klienta .kk-s51{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:6px 14px;margin-bottom:12px}
.ekran-karta-klienta .kk-s52{display:flex;gap:8px;align-items:center;min-height:34px;font-size:14.5px}
.ekran-karta-klienta .kk-s53{width:18px;height:18px}
.ekran-karta-klienta .kk-s54{margin-bottom:6px}
.ekran-karta-klienta .kk-s55{display:flex;gap:8px;flex-wrap:wrap}
.ekran-karta-klienta .kk-s56{margin-top:16px}
.ekran-karta-klienta .kk-s57{font-size:20px}
.ekran-karta-klienta .kk-s58{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px}
.ekran-karta-klienta .kk-s59{font-size:15px;margin-bottom:10px}
.ekran-karta-klienta .kk-s60{width:110px}
.ekran-karta-klienta .kk-s61{font-size:15px;margin-bottom:4px}
.ekran-karta-klienta .kk-s62{font-size:12.5px;margin-bottom:10px}
.ekran-karta-klienta .kk-s63{margin-top:22px}
.ekran-karta-klienta .kk-s64{cursor:pointer;font-weight:600;min-height:40px;display:flex;align-items:center;gap:8px}
.ekran-karta-klienta .kk-s65{justify-content:space-between;padding:8px 0;border-top:1px solid var(--linia)}
:is(.ekran-karta-klienta,.ekran-trening) .dzt-s1{margin:0}
.ekran-karta-klienta .pom-s1{overflow-x:auto}
.ekran-karta-klienta .pom-s2{text-align:left;white-space:normal}
.ekran-karta-klienta .pom-s3{display:inline}
.ekran-karta-klienta .pom-s4{min-height:32px;padding:2px 10px;font-size:13px}
.ekran-karta-klienta .pom-s5{color:var(--czerwien)}
.ekran-karta-klienta .pom-s6{max-width:220px}
  :where(.ekran-polacz) .polacz{max-width:720px}
  :where(.ekran-polacz) .dwie-osoby{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:center;margin:16px 0}
  :where(.ekran-polacz) .osoba-karta{background:var(--karta);border:1px solid var(--linia);border-radius:14px;padding:14px}
  :where(.ekran-polacz) .osoba-karta small{display:block;color:var(--tekst-3);font-size:12px;text-transform:uppercase;letter-spacing:.06em}
  :where(.ekran-polacz) .osoba-karta b{display:block;font-size:17px;margin-top:4px}
  :where(.ekran-polacz) .osoba-karta span{display:block;color:var(--tekst-2);font-size:13.5px}
  :where(.ekran-polacz) .strzalka-duza{font-size:26px;color:var(--tekst-3)}
  :where(.ekran-polacz) .co-przejdzie{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;margin-top:10px}
  :where(.ekran-polacz) .co-przejdzie div{background:var(--tlo);border-radius:10px;padding:10px 12px;font-size:14px}
  :where(.ekran-polacz) .co-przejdzie b{font-size:18px;display:block}
  :where(.ekran-polacz) .konflikt{background:rgba(var(--rgb-czerwien),.10);color:var(--czerwien);border-radius:12px;padding:12px 14px;margin:14px 0}
  @media (max-width:560px){ :where(.ekran-polacz) .dwie-osoby{grid-template-columns:1fr} :where(.ekran-polacz) .strzalka-duza{transform:rotate(90deg);justify-self:center} }
  :where(.ekran-polacz) .polacz .karta > h2{margin:0}
  :where(.ekran-polacz) .osoba-karta .tel-link{display:inline;min-height:0}
.ekran-polacz .pol-s1{font-size:16px}
.ekran-polacz .pol-s2{margin-top:12px}
:where(.ekran-wiadomosci) .rozmowy{display:grid;gap:8px}
:where(.ekran-wiadomosci) .rozmowa{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;align-items:center;padding:12px 14px;border-radius:14px;
  background:var(--karta);border:1px solid var(--linia);text-decoration:none;color:inherit;min-height:44px}
:where(.ekran-wiadomosci) .rozmowa.nowa{border-color:var(--bursztyn);box-shadow:0 0 0 1px var(--bursztyn) inset}
:where(.ekran-wiadomosci) .rozmowa b{font-size:15px}
:where(.ekran-wiadomosci) .rozmowa .kiedy{font-size:12.5px;color:var(--tekst-3)}
:where(.ekran-wiadomosci) .rozmowa .ostatnia{grid-column:1 / -1;font-size:14px;color:var(--tekst-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:where(.ekran-wiadomosci) .rozmowa .ile{font-size:12px;border-radius:999px;padding:2px 8px;background:var(--bursztyn);color:var(--s-25190a);font-weight:600}
  :where(.ekran-prosby) .pt-akcje{display:grid;gap:8px;margin-top:10px}
  :where(.ekran-prosby) .pt-rzad{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}
  :where(.ekran-prosby) .pt-rzad input[type=text]{flex:1;min-width:220px}
  :where(.ekran-prosby) .pt-albo{font-size:12.5px;color:var(--tekst-3);display:flex;align-items:center;gap:10px}
  :where(.ekran-prosby) .pt-albo::before,:where(.ekran-prosby) .pt-albo::after{content:"";flex:1;height:1px;background:var(--linia)}
  :where(.ekran-prosby) .pt-przyjmij{align-self:flex-end}
  :where(.ekran-prosby) .pt-mimo{display:flex;gap:6px;align-items:center;font-size:13.5px;align-self:flex-end;min-height:40px}
  :where(.ekran-prosby) .pt-wybor{display:grid;gap:3px;font-size:12px;color:var(--tekst-2)}
  :where(.ekran-prosby) .pt-wybor select{font:inherit;font-size:14px;padding:7px 9px;border:1px solid var(--linia);
    border-radius:10px;min-height:40px;max-width:200px}
  :where(.ekran-prosby) .pt-mozliwe{background:var(--tlo);border-radius:12px;padding:9px 12px;margin:8px 0;font-size:13.5px;line-height:1.5}
  :where(.ekran-prosby) .pt-wolni{margin-top:4px;color:var(--tekst-2)}
  :where(.ekran-prosby) .pt-kto{display:inline-block;background:rgba(var(--rgb-zielen),.14);border-radius:999px;padding:1px 9px;margin:2px 4px 0 0}
  :where(.ekran-prosby) .pt-lista{display:grid;gap:10px}
  :where(.ekran-prosby) .pt{border:1px solid var(--linia);border-radius:14px;padding:14px 16px;background:var(--karta);display:grid;gap:8px}
  :where(.ekran-prosby) .pt.nowa{border-color:var(--bursztyn);box-shadow:0 0 0 1px var(--bursztyn) inset}
  :where(.ekran-prosby) .pt .glowa{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline}
  :where(.ekran-prosby) .pt .glowa b{font-size:16px}
  :where(.ekran-prosby) .pt .termin{font-size:16px;font-weight:600}
  :where(.ekran-prosby) .pt .stary{color:var(--tekst-3);text-decoration:line-through;font-size:14px}
  :where(.ekran-prosby) .pt .opis{color:var(--tekst-2);font-size:14px}
  :where(.ekran-prosby) .pt .wiadomosc{background:var(--tlo);border-radius:10px;padding:8px 12px;font-size:14px}
  :where(.ekran-prosby) .pt .kolizja{background:rgba(var(--rgb-czerwien),.1);color:var(--czerwien);border-radius:10px;padding:8px 12px;font-size:13.5px}
  :where(.ekran-prosby) .pt .akcje{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
  :where(.ekran-prosby) .pt .akcje input[type=text]{font:inherit;font-size:14px;padding:8px 10px;border:1px solid var(--linia);border-radius:10px;min-height:40px;min-width:180px;flex:1}
  :where(.ekran-prosby) .pt .plakietka{font-size:12.5px}
  :where(.ekran-prosby) .pt.bez-odp{border-color:rgba(var(--rgb-czerwien),.55) !important;background:rgba(var(--rgb-czerwien),.04)}
  :where(.ekran-prosby) .pt-pusto{color:var(--tekst-2)}
  :where(.ekran-prosby) .karta > h2{font-size:22.5px;letter-spacing:-.45px;line-height:32.625px;margin:0}
  :where(.ekran-prosby) .pt .tel-link{display:inline;min-height:0}
.ekran-prosby .pt-s1{color:inherit}
.ekran-prosby .pt-s2{margin:0}
.ekran-prosby .pt-s3{color:var(--bursztyn)}
.ekran-prosby .pt-s4{width:18px;height:18px}
.ekran-prosby .pt-s5{margin-top:16px}
.ekran-prosby .pt-s6{margin-top:10px}
.ekran-prosby .pt-s7{width:38px}
.ekran-prosby .pt-s8{text-align:right}
  .wpis-historii td{vertical-align:top}
  .wpis-historii td.kiedy{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--tekst-2);width:128px}
  .wpis-historii td.kto{white-space:nowrap;width:150px}
  .wpis-historii td.kto small{display:block;color:var(--tekst-3);font-size:11.5px}
  .wpis-historii td.co b{font-weight:600}
  .wpis-historii td.co div{color:var(--tekst-2);font-size:13px;margin-top:2px}
  .wpis-historii ul{margin:0;padding-left:16px;font-size:13px;color:var(--tekst-2)}
  .wpis-historii tr.alarm td.co b{color:var(--czerwien)}
  @media (max-width:760px){
    .wpis-historii thead{display:none}
    .wpis-historii tr{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--linia);padding:8px 0}
    .wpis-historii td{border:0;padding:3px 6px;width:auto !important}
    .wpis-historii td.co,.wpis-historii td.zmiany{grid-column:1 / -1}
  }
  .wpis-historii li{margin:0;line-height:inherit}
.ekran-historia .hist-s1{margin-top:10px}
  :where(.ekran-konta) .konta{max-width:900px}
  :where(.ekran-konta) .konta-lista{display:grid;gap:10px}
  :where(.ekran-konta) .konto{background:var(--karta);border:1px solid var(--linia);border-radius:14px;padding:14px 16px;display:grid;gap:8px;
    scroll-margin-top:80px}
  :where(.ekran-konta) .konto.wylaczone{opacity:.6}
  :where(.ekran-konta) .konto-glowa{display:flex;gap:12px;align-items:center}
  :where(.ekran-konta) .konto-glowa .inicjaly{width:42px;height:42px;border-radius:50%;background:var(--ciemny);color:var(--s-fff);display:grid;place-items:center;font-weight:600;flex:none}
  :where(.ekran-konta) .konto-glowa .inicjaly.koord{background:var(--s-2e5e96)}
  :where(.ekran-konta) .konto-glowa .inicjaly.trener{background:var(--s-1f7a5c)}
  :where(.ekran-konta) .konto-glowa b{display:block;font-size:16px}
  :where(.ekran-konta) .konto-glowa small{color:var(--tekst-2);font-size:13px}
  :where(.ekran-konta) .konto .slad{font-size:13.5px;color:var(--tekst-2)}
  :where(.ekran-konta) .konto .akcje{display:flex;gap:8px 14px;flex-wrap:wrap;align-items:center}
  :where(.ekran-konta) .konto details summary{cursor:pointer;color:var(--morze);font-size:14px;min-height:32px;display:flex;align-items:center}
  :where(.ekran-konta) .pola-konta{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px;margin-top:10px}
  :where(.ekran-konta) .pola-konta label{display:grid;gap:5px;font-size:12.5px;color:var(--tekst-2)}
  :where(.ekran-konta) .pola-konta input,:where(.ekran-konta) .pola-konta select{width:100%;min-width:0;font-size:16px;padding:10px 12px;border-radius:10px}
  :where(.ekran-konta) .komunikat{border-radius:10px;padding:10px 13px;font-size:14px;margin-bottom:14px}
  :where(.ekran-konta) .komunikat.ok{background:rgba(var(--rgb-zielen),.12);color:var(--zielen-2)}
  :where(.ekran-konta) .komunikat.zle{background:rgba(var(--rgb-czerwien),.10);color:var(--czerwien)}
  :where(.ekran-konta) .sekcja-kont{font-size:17px;margin:24px 0 10px;display:flex;align-items:baseline;gap:8px;scroll-margin-top:80px}
  :where(.ekran-konta) .sekcja-kont small{font-weight:400;color:var(--tekst-2);font-size:13.5px}
  :where(.ekran-konta) .moduly-konta{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:6px 14px;margin-top:10px}
  :where(.ekran-konta) .moduly-konta label{display:flex;gap:8px;align-items:flex-start;font-size:14px;min-height:30px}
  :where(.ekran-konta) .moduly-konta label small{display:block;color:var(--tekst-3);font-size:12px}
  :where(.ekran-konta) .wyjatek{font-size:11.5px;font-weight:600;border-radius:999px;padding:1px 7px;margin-left:4px}
  :where(.ekran-konta) .wyjatek.plus{background:rgba(var(--rgb-zielen),.14);color:var(--zielen-2)}
  :where(.ekran-konta) .wyjatek.minus{background:rgba(var(--rgb-czerwien),.12);color:var(--czerwien)}
  :where(.ekran-konta) .plakietki-mod{display:flex;flex-wrap:wrap;gap:5px}
  :where(.ekran-konta) .plakietki-mod span{font-size:12px;background:var(--mgla);border-radius:999px;padding:2px 8px;color:var(--tekst-2)}
  :where(.ekran-konta) .role-tabela{width:100%;border-collapse:collapse;font-size:14px}
  :where(.ekran-konta) .role-tabela th,:where(.ekran-konta) .role-tabela td{padding:9px 8px;border-top:1px solid var(--linia);text-align:left;vertical-align:top}
  :where(.ekran-konta) .role-tabela th{font-size:12.5px;color:var(--tekst-2);font-weight:600;border-top:0}
  :where(.ekran-konta) .role-tabela td.kol,:where(.ekran-konta) .role-tabela th.kol{text-align:center;width:110px}
  :where(.ekran-konta) .role-tabela td small{display:block;color:var(--tekst-3);font-size:12px}
  :where(.ekran-konta) .role-tabela input[type=checkbox]{width:20px;height:20px}
  :where(.ekran-konta) .trener-wiersz{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
  :where(.ekran-konta) .role-tabela .krotko{display:none}
  @media (max-width:700px){
    :where(.ekran-konta) .role-tabela{font-size:13.5px}
    :where(.ekran-konta) .role-tabela th,:where(.ekran-konta) .role-tabela td{padding:8px 4px}
    :where(.ekran-konta) .role-tabela td.kol,:where(.ekran-konta) .role-tabela th.kol{width:48px;text-align:center}
    :where(.ekran-konta) .role-tabela .dlugo{display:none} :where(.ekran-konta) .role-tabela .krotko{display:inline}
    :where(.ekran-konta) .role-tabela td small{font-size:11.5px}
  }
  :where(.ekran-konta) .opis-kont{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:12px 18px}
  :where(.ekran-konta) .rola-opis{display:flex;gap:10px;align-items:flex-start}
  :where(.ekran-konta) .rola-opis .inicjaly{width:34px;height:34px;border-radius:50%;background:var(--ciemny);color:var(--s-fff);display:grid;place-items:center;font-weight:600;flex:none}
  :where(.ekran-konta) .rola-opis .inicjaly.koord{background:var(--s-2e5e96)} :where(.ekran-konta) .rola-opis .inicjaly.trener{background:var(--s-1f7a5c)}
  :where(.ekran-konta) .rola-opis b{display:block} :where(.ekran-konta) .rola-opis small{color:var(--tekst-2);font-size:13px}
  :where(.ekran-konta) .karta-tytul{font-size:17px;margin-bottom:4px}
  :where(.ekran-konta) .grupa-kont{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--tekst-2);margin:16px 0 8px;font-weight:600}
  :where(.ekran-konta) .grupa-kont small{text-transform:none;letter-spacing:0;font-weight:400}
  :where(.ekran-konta) details.konto{padding:0}
  :where(.ekran-konta) details.konto > summary{list-style:none;cursor:pointer;padding:12px 16px;min-height:60px}
  :where(.ekran-konta) details.konto > summary::-webkit-details-marker{display:none}
  :where(.ekran-konta) details.konto .kto{flex:1;min-width:0}
  :where(.ekran-konta) details.konto .strz{color:var(--tekst-3);transition:transform .15s}
  :where(.ekran-konta) details.konto[open] .strz{transform:rotate(180deg)}
  :where(.ekran-konta) .konto-srodek{padding:12px 16px 14px;display:grid;gap:10px;border-top:1px solid var(--linia)}
  :where(.ekran-konta) .plakietka-rola{font-size:12px;border-radius:999px;padding:3px 10px;background:var(--ciemny);color:var(--s-fff);white-space:nowrap}
  :where(.ekran-konta) .plakietka-rola.koord{background:var(--s-2e5e96)} :where(.ekran-konta) .plakietka-rola.trener{background:var(--s-1f7a5c)}
  :where(.ekran-konta) .etyk-sekcji{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--tekst-3)}
  :where(.ekran-konta) .tabela-kont{margin-top:18px} :where(.ekran-konta) .tabela-kont > summary{cursor:pointer;list-style:none}
  :where(.ekran-konta) .tabela-kont > summary::-webkit-details-marker{display:none}
  :where(.ekran-konta) .tabela-kont > summary::before{content:"▸ ";color:var(--tekst-2)} :where(.ekran-konta) .tabela-kont[open] > summary::before{content:"▾ "}
  :where(.ekran-konta) .przewijana{overflow-x:auto;margin-top:10px}
  :where(.ekran-konta) .tabela-kont th small{display:block;font-weight:400;color:var(--tekst-3);font-size:11px}
  :where(.ekran-konta) .tabela-kont input.podglad-pola{accent-color:var(--s-1f7a5c);cursor:default;pointer-events:none;width:20px;height:20px}
.ekran-konta .knt-s1{grid-column:1 / -1;margin:0}
.ekran-konta .knt-s2{margin-top:10px}
.ekran-konta .knt-s3{display:flex;align-items:flex-end}
.ekran-konta .knt-s4{text-decoration:line-through}
.ekran-konta .knt-s5{display:block;margin-top:6px}
.ekran-konta .knt-s6{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap}
.ekran-konta .knt-s7{display:inline}
.ekran-konta .knt-s8{display:inline;margin-left:6px}
.ekran-konta .knt-s9{margin-top:16px}
.ekran-konta .knt-s10{margin-bottom:8px}
.ekran-konta .knt-s11{margin-top:12px}
.ekran-konta .karta-tytul{margin-bottom:4px}
  :where(.ekran-sesje) .ses{max-width:900px}
  :where(.ekran-sesje) .ses-lista{display:grid;gap:10px}
  :where(.ekran-sesje) .ses-poz{background:var(--karta);border:1px solid var(--linia);border-radius:14px;padding:13px 15px;
    display:flex;gap:12px;align-items:center;flex-wrap:wrap}
  :where(.ekran-sesje) .ses-poz.ja{border-color:var(--zielen);background:rgba(var(--rgb-mieta),.06)}
  :where(.ekran-sesje) .ses-poz.cicha{background:var(--tlo);border-style:dashed}   :where(.ekran-sesje) .ses-poz .kropka{width:10px;height:10px;border-radius:50%;background:var(--zielen-tlo);flex:none}
  :where(.ekran-sesje) .ses-poz.cicha .kropka{background:var(--tekst-3)}
  :where(.ekran-sesje) .ses-poz .kto{flex:1;min-width:190px}
  :where(.ekran-sesje) .ses-poz .kto b{display:block;font-size:15.5px}
  :where(.ekran-sesje) .ses-poz .kto small{color:var(--tekst-2);font-size:13px}
  :where(.ekran-sesje) .ses-poz .skad{font-size:13.5px;color:var(--tekst-2);min-width:150px}
  :where(.ekran-sesje) .ses-wyl{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
  :where(.ekran-sesje) .ses-wyl select{min-width:0;max-width:100%}
  :where(.ekran-sesje) .ses-koniec{font-size:13.5px;color:var(--tekst-2);display:grid;gap:4px;margin-top:6px}
:where(.ekran-sesje) .ses-historia summary{cursor:pointer;list-style:none} :where(.ekran-sesje) .ses-historia summary::-webkit-details-marker{display:none}
  :where(.ekran-sesje) .ses-historia summary::before{content:"▸ ";color:var(--tekst-2)} :where(.ekran-sesje) .ses-historia[open] summary::before{content:"▾ "}
.ekran-sesje .ses-s1{flex:1;min-width:220px}
.ekran-sesje .ses-s2{font-weight:600;font-size:15.5px}
.ekran-sesje .ses-s3{margin:2px 0 0}
.ekran-sesje .ses-s4{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.ekran-sesje .ses-s5{margin:0;flex:1;min-width:200px}
.ekran-sesje .ses-s6{margin-top:16px}
.ekran-sesje .ses-s7{font-size:17px;display:inline}
.ekran-sesje .ses-s8{display:inline;margin-left:8px}
.ekran-sesje .ses-s9{margin-top:10px}
  :where(.ekran-logowanie) .logowanie{max-width:380px;margin:8vh auto 0}
  :where(.ekran-logowanie) .logowanie .marka{display:flex;align-items:center;gap:9px;font-weight:600;font-size:17px;margin-bottom:22px}
  :where(.ekran-logowanie) .logowanie .marka i{width:10px;height:10px;border-radius:50%;background:var(--bursztyn)}
  :where(.ekran-logowanie) .logowanie label{display:block;font-size:12.5px;color:var(--tekst-2);margin:14px 0 5px}
  :where(.ekran-logowanie) .logowanie select,:where(.ekran-logowanie) .logowanie input{width:100%;font-size:16px;padding:10px 12px}
  :where(.ekran-logowanie) .logowanie .przycisk{width:100%;margin-top:20px;padding:11px;font-size:15px}
  :where(.ekran-logowanie) .logowanie .blad{background:rgba(var(--rgb-czerwien),.1);color:var(--czerwien);border-radius:8px;
    padding:9px 12px;font-size:13.5px;margin-top:14px}
  :where(.ekran-logowanie) .logowanie{max-width:380px;margin:8vh auto 0}
  :where(.ekran-logowanie) .logowanie .marka{display:flex;align-items:center;gap:9px;font-weight:600;font-size:17px;margin-bottom:22px}
  :where(.ekran-logowanie) .logowanie .marka i{width:10px;height:10px;border-radius:50%;background:var(--bursztyn)}
  :where(.ekran-logowanie) .logowanie label{display:block;font-size:12.5px;color:var(--tekst-2);margin:14px 0 5px}
  :where(.ekran-logowanie) .logowanie input{width:100%;font-size:16px;padding:10px 12px}
  :where(.ekran-logowanie) .logowanie .przycisk{width:100%;margin-top:20px;padding:11px;font-size:15px}
  :where(.ekran-logowanie) .logowanie .ok{border-radius:8px;padding:10px 12px;font-size:14px;margin-top:14px}
.ekran-logowanie .loglo-s1{font-size:21px}
.ekran-logowanie .loglo-s2{background:rgba(var(--rgb-bursztyn),.14);color:var(--uwaga-tekst)}
.ekran-logowanie .loglo-s3{margin:14px 0 0;font-size:14px;text-align:center}
.ekran-logowanie .logpr-s1{font-size:21px}
.ekran-logowanie .logpr-s2{display:block}
.ekran-logowanie .logpr-s3{margin-top:14px}
.ekran-logowanie .logpr-s4{margin-top:16px;font-size:14px}
.ekran-logowanie .logre-s1{max-width:420px;margin:8vh auto 0}
.ekran-logowanie .logre-s2{font-size:21px}
.ekran-logowanie .logre-s3{margin-top:16px}
.ekran-logowanie .logre-s4{margin-top:16px;font-size:14px}
  :where(.ekran-rodo) .rd-karty{display:grid;grid-template-columns:1fr;gap:16px}
  :where(.ekran-rodo) .rd-karty table{margin-top:10px}
  :where(.ekran-rodo) .rd-karty td{vertical-align:middle}
  :where(.ekran-rodo) .rd-braki{display:flex;gap:5px;flex-wrap:wrap}
  :where(.ekran-rodo) .rd-braki .plakietka{cursor:help}
  :where(.ekran-rodo) .rd-karty .kiedy{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--tekst-2)}
  :where(.ekran-rodo) .rd-lista li{margin-bottom:6px}
  :where(.ekran-rodo) .rd-brak{color:var(--czerwien);font-size:13px}
  :where(.ekran-rodo) .rd-ok{color:var(--zielen);font-weight:600}
  :where(.ekran-rodo) .rd-pole{margin-bottom:12px}
  :where(.ekran-rodo) .rd-pole label{font-size:12.5px;color:var(--tekst-2);display:block;margin-bottom:4px}
  :where(.ekran-rodo) .rd-pole input,:where(.ekran-rodo) .rd-pole textarea{width:100%;font:inherit;font-size:14px;padding:8px 10px;
    border:1px solid var(--linia);border-radius:8px;box-sizing:border-box}
  :where(.ekran-rodo) .rd-wzor{background:var(--tlo);border-radius:10px;padding:10px 12px;font-size:13.5px;color:var(--tekst-2);white-space:pre-line}
  .ramka-uwagi{background:rgba(var(--rgb-bursztyn),.14);border-radius:12px;padding:12px 14px;font-size:14px;margin-bottom:16px}
  :where(.ekran-rodo) .rd-prosba{border:1px solid var(--linia);border-radius:12px;padding:10px 12px;margin-bottom:8px;font-size:14px}
  :where(.ekran-rodo) .rd-prosba.nowa{border-color:var(--bursztyn)}
:where(.ekran-rodo) .przejrzyj{list-style:none;margin:0;padding:0}
          :where(.ekran-rodo) .przejrzyj li{display:flex;flex-wrap:wrap;gap:2px 10px;align-items:center;min-height:40px;border-bottom:1px solid var(--linia)}
          :where(.ekran-rodo) .przejrzyj a{display:inline-flex;align-items:center;min-height:36px;font-weight:600}
:where(.ekran-rodo) .okresy{width:100%;border-collapse:collapse;font-size:14px}:where(.ekran-rodo) .okresy th,:where(.ekran-rodo) .okresy td{text-align:left;vertical-align:top;padding:8px 6px;border-bottom:1px solid var(--linia)}
      :where(.ekran-rodo) .okresy th{font-size:12px;color:var(--tekst-2);text-transform:uppercase;letter-spacing:.04em}
      @media (max-width:700px){:where(.ekran-rodo) .okresy,:where(.ekran-rodo) .okresy tbody,:where(.ekran-rodo) .okresy tr,:where(.ekran-rodo) .okresy td{display:block}:where(.ekran-rodo) .okresy thead{display:none}:where(.ekran-rodo) .okresy tr{padding:8px 0;border-bottom:1px solid var(--linia)}:where(.ekran-rodo) .okresy td{border:0;padding:2px 0}}
.ekran-rodo .rdo-s1{background:rgba(var(--rgb-zielen),.10);color:var(--zielen)}
.ekran-rodo .rdo-s2{margin-top:10px}
.ekran-rodo .rdo-s3{margin:4px 0 8px}
.ekran-rodo .rdo-s4{margin:0}
.ekran-rodo .rdo-s5{margin-top:6px}
.ekran-rodo .rdo-s6{border-left:4px solid var(--zielen)}
.ekran-rodo .rdo-s7{margin:8px 0 24px}
.ekran-rodo .rdo-s8{text-align:right}
.ekran-rodo .rdo-s9{background:rgba(var(--rgb-bursztyn),.08)}
.ekran-rodo .rdo-s10{margin:2px 0 0}
.ekran-rodo .rdo-s11{display:inline}
.ekran-rodo .rdo-s12{margin-top:16px}
.ekran-rodo .rdo-s13{color:var(--czerwien)}
.ekran-rodo .rdo-s14{margin-top:12px;max-width:760px}
.ekran-rodo .rdo-s15{margin-bottom:10px}
.ekran-rodo .rdo-s16{margin-top:8px}
.ekran-rodo .rd-pole textarea{background:Field;color:FieldText}
:is(.ekran-rodo,.ekran-kopia) .karta h2{font-size:22.5px;margin:0}
:is(.ekran-rodo,.ekran-kopia) code{font-family:monospace;font-size:inherit;line-height:inherit;padding:0;background:none;border-radius:0}
  :where(.ekran-kopia) .kp-karty{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:16px}
  :where(.ekran-kopia) .kp-karty form{display:grid;gap:10px}
  :where(.ekran-kopia) .kp-karty input[type=password],:where(.ekran-kopia) .kp-karty input[type=file]{width:100%;font:inherit;font-size:14px;padding:9px 11px;
    border:1px solid var(--linia);border-radius:10px;box-sizing:border-box}
  .ramka-uwagi{background:rgba(var(--rgb-bursztyn),.14);border-radius:12px;padding:12px 14px;font-size:14px;margin-bottom:16px}
  :where(.ekran-kopia) .kp-groza{background:rgba(var(--rgb-czerwien),.10);border-radius:12px;padding:12px 14px;font-size:14px}
  :where(.ekran-kopia) .kp-blad{background:rgba(var(--rgb-czerwien),.12);border-radius:12px;padding:10px 14px;margin-bottom:14px;font-size:14.5px}
  :where(.ekran-kopia) .kp-ok{background:rgba(var(--rgb-zielen),.12);border-radius:12px;padding:10px 14px;margin-bottom:14px;font-size:14.5px}
  :where(.ekran-kopia) .kp-lista{font-size:13.5px;color:var(--tekst-2)}
  :where(.ekran-kopia) .kp-lista li{margin-bottom:3px}
.ekran-kopia .kop-s1{margin-top:8px}
.ekran-kopia .kop-s2{margin-top:12px}
.ekran-kopia .kop-s3{margin-top:6px}
.ekran-kopia .kop-s4{margin-top:10px}
  :where(.ekran-cennik) .kafle-cen{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
  :where(.ekran-cennik) .kafel-cen{display:flex;gap:12px;align-items:center;width:100%;border:0;background:var(--karta);border-radius:14px;
    box-shadow:0 1px 2px rgba(var(--rgb-tekst),.06),0 0 0 1px var(--linia);padding:12px 14px;min-height:64px;cursor:pointer;
    text-align:left;font:inherit;color:inherit}
  :where(.ekran-cennik) .kafel-cen:active{background:var(--tlo)}
  :where(.ekran-cennik) .kafel-cen .dane{flex:1;min-width:0}
  :where(.ekran-cennik) .kafel-cen .dane b{display:block;font-size:15.5px}
  :where(.ekran-cennik) .kafel-cen .dane small{display:block;color:var(--tekst-2);font-size:13px}
  :where(.ekran-cennik) .kafel-cen .kwota{flex:none;font-weight:600;font-size:16px;text-align:right}
  :where(.ekran-cennik) .kafel-cen .kwota small{display:block;font-weight:400;font-size:12px;color:var(--tekst-3)}
  :where(.ekran-cennik) .kafel-cen .strzalka{color:var(--tekst-3);font-size:22px;flex:none}
  :where(.ekran-cennik) .sekcja-cen{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
  :where(.ekran-cennik) .sekcja-cen h2{font-size:17px;flex:1}
  :where(.ekran-cennik) .sekcja-cen .przycisk{min-height:44px}
  :where(.ekran-cennik) .grupa-cen{font-size:12.5px;color:var(--tekst-3);text-transform:uppercase;letter-spacing:.06em;margin:14px 0 6px}
  :where(.ekran-cennik) .okno-cen .akcje{display:flex;gap:10px;flex-wrap:wrap}
  :where(.ekran-cennik) .sekcja-cen h2{margin-bottom:0}
.ekran-cennik .cen-s1{cursor:pointer;font-weight:600}
.ekran-cennik .cen-s2{color:var(--tekst-2);margin:10px 0 0}
:where(.ekran-ustawienia) .konsultacja-ust{border:1px solid var(--linia);border-radius:14px;padding:10px 14px}
    :where(.ekran-ustawienia) .konsultacja-ust legend{font-weight:600;padding:0 6px}
    :where(.ekran-ustawienia) .konsultacja-ust label{display:flex;gap:10px;align-items:flex-start;cursor:pointer}
    :where(.ekran-ustawienia) .konsultacja-ust input[type=checkbox]{width:22px;height:22px;flex:none;margin-top:1px}
    :where(.ekran-ustawienia) .konsultacja-ust span{display:grid;gap:3px} :where(.ekran-ustawienia) .konsultacja-ust small{color:var(--tekst-2);font-size:13px}
  :where(.ekran-ustawienia) .sk-siatka{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:6px 14px}
  :where(.ekran-ustawienia) .sk-siatka label{display:flex;gap:8px;align-items:center;min-height:38px;font-size:14.5px;cursor:pointer}
  :where(.ekran-ustawienia) .sk-siatka input{width:18px;height:18px}
  :where(.ekran-ustawienia) #kolejnosc-lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:6px;max-width:470px}
  :where(.ekran-ustawienia) #kolejnosc-lista li{min-width:0}
  :where(.ekran-ustawienia) #kolejnosc-lista li{display:flex;align-items:center;gap:8px;min-height:46px;background:var(--tlo);
    border:1px solid var(--linia);border-radius:12px;padding:6px 10px;font-size:14.5px;touch-action:none}
  :where(.ekran-ustawienia) #kolejnosc-lista li.ciagniety{opacity:.9;box-shadow:0 10px 26px rgba(var(--rgb-tekst),.22);border-color:var(--bursztyn)}
  :where(.ekran-ustawienia) #kolejnosc-lista li.cel{border-style:dashed;border-color:var(--bursztyn)}
  :where(.ekran-ustawienia) .kol-numer{color:var(--tekst-2);min-width:20px;font-variant-numeric:tabular-nums}
  :where(.ekran-ustawienia) .kol-chwyt{cursor:grab;color:var(--tekst-3);font-size:18px;padding:0 4px;line-height:1;user-select:none}
  :where(.ekran-ustawienia) #kolejnosc-lista li.ciagniety .kol-chwyt{cursor:grabbing}
  :where(.ekran-ustawienia) .kol-nazwa{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  :where(.ekran-ustawienia) .kol-strzalki{display:flex;gap:4px}
  :where(.ekran-ustawienia) .kol-strzalki .przycisk{padding:4px 10px;min-height:34px}
  .zakladki-wygladu{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 16px}
  .zakladki-wygladu a{padding:8px 16px;border-radius:999px;border:1px solid var(--linia);background:var(--karta);
    color:var(--tekst-2);text-decoration:none;font-size:14.5px;min-height:40px;display:inline-flex;align-items:center}
  .zakladki-wygladu a.tu{background:var(--ciemny);border-color:var(--ciemny);color:var(--s-fff);font-weight:600}
  :where(.ekran-ustawienia) .ust-v4{display:grid;gap:12px}
  :where(.ekran-ustawienia) .konsultacja-ust .ust-v4 label{display:grid;gap:5px;font-size:12.5px;color:var(--tekst-2);cursor:auto}
  :where(.ekran-ustawienia) .konsultacja-ust .ust-v4 input{width:100%;font-size:14px}
  :where(.ekran-ustawienia) .karta h2{font-size:1.5em;margin:0}
.ekran-ustawienia .ustni-s1{background:rgba(var(--rgb-zielen),.10);color:var(--zielen)}
.ekran-ustawienia .ustni-s2{display:grid;gap:14px;max-width:760px}
.ekran-ustawienia .ustni-s3{font-size:12.5px;color:var(--tekst-2);display:block;margin-bottom:5px}
.ekran-ustawienia .ustni-s4{width:100%;font:inherit;font-size:14px;padding:8px 10px;border:1px solid var(--linia);border-radius:8px;resize:vertical}
.ekran-ustawienia .ustni-s5{width:100%}
.ekran-ustawienia .ustni-s6{border-top:1px solid var(--linia);padding-top:12px}
.ekran-ustawienia .ustni-s7{margin-top:16px}
.ekran-ustawienia .ustny-s1{background:rgba(var(--rgb-zielen),.10);color:var(--zielen)}
.ekran-ustawienia .ustny-s2{display:grid;gap:16px;max-width:760px}
.ekran-ustawienia .ustny-s3{margin:2px 0 10px}
.ekran-ustawienia .ustny-s4{display:grid;gap:14px}
.ekran-ustawienia .ustny-s5{display:flex;gap:10px;align-items:flex-start;cursor:pointer}
.ekran-ustawienia .ustny-s6{width:20px;height:20px;margin-top:2px}
.ekran-ustawienia .ustny-s7{font-size:14.5px}
.ekran-ustawienia .ustny-s8{display:block;margin:2px 0 0}
.ekran-ustawienia .ustny-s9{font-size:12.5px;color:var(--tekst-2);display:block;margin-bottom:5px}
.ekran-ustawienia .ustny-s10{width:100%}
  :where(.ekran-pulpit) .pul-alarm{border:1px solid var(--linia);border-radius:16px;padding:14px 16px;margin-bottom:14px;background:var(--karta)}
  :where(.ekran-pulpit) .pul-alarm.pul-pierwsze{border-left:5px solid var(--s-2e5e96);background:rgba(var(--rgb-morze),.05)}   :where(.ekran-pulpit) .pul-pierwsze a.kiedy{color:inherit;text-decoration:underline dotted;text-underline-offset:3px}
  :where(.ekran-pulpit) .pul-pierwsze .pierwsze-akcje{margin-left:auto;display:inline-flex;gap:6px;align-self:center}
  :where(.ekran-pulpit) .pul-pierwsze .pierwsze-akcje .przycisk{min-height:34px;padding:3px 12px;font-size:13.5px}
  :where(.ekran-pulpit) .okno-zaj-nagroda{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:6px 0;padding:8px 10px;border-radius:12px;
    background:rgba(var(--rgb-bursztyn),.14);box-shadow:inset 0 0 0 1px rgba(var(--rgb-bursztyn),.5)}
  :where(.ekran-pulpit) .pul-alarm.pilne{border-color:rgba(var(--rgb-czerwien),.45);background:rgba(var(--rgb-czerwien),.05)}
  :where(.ekran-pulpit) .pul-alarm h2{font-size:17px;margin-bottom:6px}
  :where(.ekran-pulpit) .pul-alarm .wiersz{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;padding:7px 0;
    border-top:1px solid var(--linia);font-size:14.5px}
  :where(.ekran-pulpit) .pul-alarm .wiersz:first-of-type{border-top:0}
  :where(.ekran-pulpit) .pul-alarm .kiedy{font-family:var(--mono);font-size:13px;white-space:nowrap;color:var(--tekst-2);min-width:96px}
  :where(.ekran-pulpit) .pul-alarm .opis{flex:1;min-width:0}
  :where(.ekran-pulpit) .pul-alarm .akcja{white-space:nowrap}
  :where(.ekran-pulpit) .pul-alarm .wiersz > form{display:inline-flex !important;margin:0;align-self:center}
  :where(.ekran-pulpit) .pul-alarm .wiersz > .akcja,:where(.ekran-pulpit) .pul-alarm .wiersz > form .akcja{align-self:center;display:inline-flex;align-items:center}
  :where(.ekran-pulpit) .pul-zaj-nazwa{border:0;background:none;padding:0;font:inherit;font-weight:700;color:var(--tekst);cursor:pointer;
    text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}
  :where(.ekran-pulpit) .pul-zaj-nazwa:hover{color:var(--morze)}
  :where(.ekran-pulpit) dialog.okno-zaj{border:0;border-radius:16px;padding:18px 20px;width:min(560px,94vw);max-height:88vh;overflow:auto;
    box-shadow:0 30px 80px rgba(var(--rgb-tekst),.35)}
  :where(.ekran-pulpit) dialog.okno-zaj::backdrop{background:rgba(var(--rgb-tekst),.45)}
  :where(.ekran-pulpit) .okno-zaj-glowa{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:10px}
  :where(.ekran-pulpit) .okno-zaj-glowa h2{font-size:19px;margin:0}
  :where(.ekran-pulpit) .okno-zaj-x{border:0;background:var(--tlo);border-radius:50%;width:36px;height:36px;cursor:pointer;color:var(--tekst-2);flex:none}
  :where(.ekran-pulpit) .okno-zaj-osoba{border-top:1px solid var(--linia);padding:10px 0}
  :where(.ekran-pulpit) .okno-zaj-kto{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}
  :where(.ekran-pulpit) .okno-zaj-cw{margin:4px 0 0;padding-left:20px;font-size:14px;line-height:1.5}
  :where(.ekran-pulpit) .okno-zaj-plan{font-size:14px;color:var(--tekst-2);margin-top:4px}
  @media (max-width:640px){ :where(.ekran-pulpit) dialog.okno-zaj{margin:auto 0 0;width:100vw;max-width:100vw;border-radius:18px 18px 0 0} }
  :where(.ekran-pulpit) .pul-jutro{font-size:14.5px;margin-top:6px}
  :where(.ekran-pulpit) .pul-rodzaje{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 4px}
  :where(.ekran-pulpit) .pul-rodzaje a{font-size:13px;color:var(--tekst);text-decoration:none;border:1px solid rgba(var(--rgb-czerwien),.35);background:var(--karta);
    border-radius:999px;padding:4px 11px}
  :where(.ekran-pulpit) .pul-rodzaje a:hover{border-color:var(--czerwien)}
  :where(.ekran-pulpit) .pul-rodzaje b{color:var(--czerwien)}
  @media (max-width:700px){
    :where(.ekran-pulpit) .pul-alarm .wiersz{gap:6px 8px;padding:10px 0}
    :where(.ekran-pulpit) .pul-alarm .opis{flex-basis:100%}
    :where(.ekran-pulpit) .pul-alarm .akcja{min-height:40px !important;display:inline-flex;align-items:center}
  }
  :where(.ekran-pulpit) .pul-spokoj{color:var(--zielen);font-size:14.5px}
  :where(.ekran-pulpit) .pul-skroty{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}
  :where(.ekran-pulpit) .pul-skroty a{min-height:38px;padding:5px 14px}
  :where(.ekran-pulpit) .pul-licznik{font-size:12.5px;border-radius:999px;padding:2px 9px;background:var(--tlo);color:var(--tekst-2)}
  :where(.ekran-pulpit) .pul-wydarzenie{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px;
    border:1px solid rgba(var(--rgb-bursztyn),.55);background:rgba(var(--rgb-bursztyn),.12);border-radius:14px;
    padding:11px 14px;font-size:14.5px}
  :where(.ekran-pulpit) .pul-wydarzenie .opis{flex:1;min-width:0}
  :where(.ekran-pulpit) .pul-dzwonek{font-size:17px}
  :where(.ekran-pulpit) .pul-teraz .wiersz{border-radius:10px;padding-left:8px;padding-right:8px}
  :where(.ekran-pulpit) .pul-teraz .wiersz.trwa{background:rgba(var(--rgb-bursztyn),.10)}
  :where(.ekran-pulpit) .pul-teraz .kiedy b{color:var(--uwaga-tekst)}   :where(.ekran-pulpit) .pul-osoby{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
  :where(.ekran-pulpit) .pul-osoba{display:grid;gap:1px;border:1px solid var(--linia);border-radius:10px;padding:5px 10px;
    font-size:13.5px;text-decoration:none;color:var(--tekst);background:var(--tlo)}
  :where(.ekran-pulpit) .pul-osoba small{color:var(--tekst-2);font-size:11.5px}
  :where(.ekran-pulpit) .pul-osoba:hover{border-color:var(--bursztyn)}
    :where(.ekran-pulpit) .pul-tablica .pt-rzad{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
    :where(.ekran-pulpit) .pul-tablica .pt-opis{min-width:0;flex:1 1 260px}
    :where(.ekran-pulpit) .pul-tablica .pt-opis b{display:block;font-size:15.5px}
    :where(.ekran-pulpit) .pul-tablica .pt-opis small{color:var(--tekst-2);font-size:13px}
    :where(.ekran-pulpit) .pul-tablica .pt-guziki{display:flex;flex-wrap:wrap;gap:8px}
    :where(.ekran-pulpit) .pul-tablica .pt-guziki .przycisk{min-height:44px}
.ekran-pulpit .pul-s1{margin:0 0 8px}
.ekran-pulpit .pul-s2{color:var(--czerwien)}
.ekran-pulpit .pul-s3{margin:0}
.ekran-pulpit .pul-s4{margin:2px 0 0}
.ekran-pulpit .pul-s5{color:var(--bursztyn)}
.ekran-pulpit .pul-s6{white-space:pre-line}
.ekran-pulpit .pul-s7{margin:4px 0 2px}
.ekran-pulpit .pul-s8{margin:4px 0 0}
.ekran-pulpit .pul-s9{margin-bottom:14px}
.ekran-pulpit .pul-s10{color:var(--zielen)}
.ekran-pulpit .pul-s11{display:inline}
.ekran-pulpit .pul-s12{min-height:34px;padding:3px 12px;font-size:13px}
.ekran-pulpit .pul-s13{margin:2px 0 8px}
.ekran-pulpit .pul-s14{margin-top:10px}
.ekran-pulpit .pul-s15{display:inline-flex;gap:6px;align-items:center}
.ekran-pulpit .pul-s16{min-width:140px;font-size:13px}
.ekran-pulpit .pul-s17{color:var(--zielen, var(--morze))}
.ekran-pulpit .pul-s18{margin-top:8px}
  :where(.ekran-ustawienia) .pulpit-rola{border-top:1px solid var(--linia);padding-top:12px;margin-top:12px}
  :where(.ekran-ustawienia) .pulpit-rola h3{font-size:15px;margin:0 0 8px}
  :where(.ekran-ustawienia) .pulpit-lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:6px;max-width:520px}
  :where(.ekran-ustawienia) .pulpit-lista li{display:flex;align-items:center;gap:8px;min-height:46px;background:var(--tlo);
    border:1px solid var(--linia);border-radius:12px;padding:6px 10px;font-size:14.5px;touch-action:none}
  :where(.ekran-ustawienia) .pulpit-lista li.ciagniety{opacity:.9;box-shadow:0 10px 26px rgba(var(--rgb-tekst),.22);border-color:var(--bursztyn)}
  :where(.ekran-ustawienia) .pulpit-lista .kol-numer{color:var(--tekst-2);min-width:20px;font-variant-numeric:tabular-nums}
  :where(.ekran-ustawienia) .pulpit-lista .kol-chwyt{cursor:grab;color:var(--tekst-3);font-size:18px;padding:0 4px;line-height:1;user-select:none}
  :where(.ekran-ustawienia) .pulpit-lista li.ciagniety .kol-chwyt{cursor:grabbing}
  :where(.ekran-ustawienia) .pulpit-lista .kol-nazwa{flex:1;min-width:0;display:flex;gap:10px;align-items:center;cursor:pointer}
  :where(.ekran-ustawienia) .pulpit-lista li{min-width:0}
  :where(.ekran-ustawienia) .pulpit-lista .kol-nazwa span{min-width:0;overflow-wrap:anywhere;line-height:1.3}
  :where(.ekran-ustawienia) .pulpit-lista .kol-nazwa input{width:20px;height:20px;flex:none}
  :where(.ekran-ustawienia) .pulpit-lista .kol-strzalki{display:flex;gap:4px;flex:none}
  :where(.ekran-ustawienia) .pulpit-lista .kol-strzalki .przycisk{padding:4px 10px;min-height:34px}
  :where(.ekran-ustawienia) .motyw-ust{display:block;border:2px groove ThreeDFace;border-radius:0;padding:.35em .75em .625em;margin:0 2px}
  :where(.ekran-ustawienia) .pulpit-lista .kol-nazwa{white-space:normal;overflow:visible;text-overflow:clip}
.ekran-ustawienia .wyg-s1{background:rgba(var(--rgb-zielen),.10);color:var(--zielen)}
.ekran-ustawienia .wyg-s2{margin-top:16px}
.ekran-ustawienia .wyg-s3{min-width:0}
.ekran-ustawienia .wyg-s4{display:grid;gap:6px;grid-template-columns:minmax(0,1fr);margin-bottom:14px}
.ekran-ustawienia .wyg-s5{width:100%;max-width:100%}
.ekran-ustawienia .wyg-s6{display:grid;gap:6px;grid-template-columns:minmax(0,1fr)}
.ekran-ustawienia .wyg-s7{margin-top:10px}
.ekran-ustawienia .wyg-s8{font-size:17px;margin-bottom:4px}
.ekran-ustawienia .wyg-s9{margin-bottom:12px}
.ekran-ustawienia .wyg-s10{margin-top:8px}
:where(.ekran-zmiany) .zmiany h1{display:none}                                   :where(.ekran-zmiany) .zmiany h2{font-size:18px;margin:26px 0 8px;padding-top:18px;border-top:1px solid var(--linia)}
:where(.ekran-zmiany) .zmiany h2:first-of-type{border-top:0;padding-top:0;margin-top:6px}
:where(.ekran-zmiany) .zmiany ul{margin:0;padding-left:20px;display:grid;gap:6px}
:where(.ekran-zmiany) .zmiany li{line-height:1.5}
:where(.ekran-zmiany) .zmiany p{color:var(--tekst-2);font-size:14px}
:where(.ekran-zmiany) .zmiany > p:first-of-type,:where(.ekran-zmiany) .zmiany > p:nth-of-type(2){display:none}   :where(.ekran-zmiany) .zmiany details.starsze{margin-top:22px;border-top:1px solid var(--linia);padding-top:14px}
:where(.ekran-zmiany) .zmiany details.starsze > summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;
  font-weight:600;font-size:15px;min-height:44px}
:where(.ekran-zmiany) .zmiany details.starsze > summary::-webkit-details-marker{display:none}
:where(.ekran-zmiany) .zmiany details.starsze > summary::before{content:"▸";color:var(--tekst-3);transition:transform .15s}
:where(.ekran-zmiany) .zmiany details.starsze[open] > summary::before{transform:rotate(90deg)}
:where(.ekran-zmiany) .zmiany details.starsze > summary span{color:var(--tekst-2);font-weight:400}
:where(.ekran-instrukcja) .in-komputer{display:none}
@media (min-width:900px){ :where(.ekran-instrukcja) .in-komputer{display:block} :where(.ekran-instrukcja) .in-telefon{display:none} }
html[data-in-wersja="telefon"] .in-telefon{display:block} html[data-in-wersja="telefon"] .in-komputer{display:none}
html[data-in-wersja="komputer"] .in-komputer{display:block} html[data-in-wersja="komputer"] .in-telefon{display:none}
:where(.ekran-instrukcja) .in-przelacznik{display:inline-flex;border:1px solid var(--linia);border-radius:999px;overflow:hidden;margin-top:12px}
:where(.ekran-instrukcja) .in-przelacznik button{border:0;background:none;font:inherit;font-size:14px;padding:8px 16px;min-height:40px;
  color:var(--tekst-2);cursor:pointer}
:where(.ekran-instrukcja) .in-przelacznik button[aria-pressed="true"]{background:var(--ciemny);color:var(--s-fff);font-weight:600}
:where(.ekran-instrukcja) .in-szukaj{width:100%;max-width:420px;min-height:44px;padding:10px 14px;border:1px solid var(--linia);border-radius:12px;font:inherit;background:var(--karta)}
:where(.ekran-instrukcja) .in-pdf{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
:where(.ekran-instrukcja) .in-pdf a{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:8px 14px;border-radius:999px;background:var(--karta);
  border:1px solid var(--linia);color:var(--tekst);text-decoration:none;font-size:14px}
:where(.ekran-instrukcja) .in-pdf a small{color:var(--tekst-3)}
:where(.ekran-instrukcja) .in-wstep{color:var(--tekst-2);margin:0 0 14px}
:where(.ekran-instrukcja) .in-spis{columns:2 260px;column-gap:28px;padding:0;margin:0 0 8px;list-style:none}
:where(.ekran-instrukcja) .in-spis > li{break-inside:avoid;margin-bottom:12px}
:where(.ekran-instrukcja) .in-spis ol{margin:4px 0 0;padding-left:20px;color:var(--tekst-2);font-size:14.5px;line-height:1.6}
:where(.ekran-instrukcja) .in-grupa{margin-top:26px}
:where(.ekran-instrukcja) .in-grupa h2{font-size:20px;margin-bottom:8px}
:where(.ekran-instrukcja) .procedura{background:var(--karta);border:1px solid var(--linia);border-radius:14px;margin-bottom:8px;scroll-margin-top:70px}
:where(.ekran-instrukcja) .procedura summary{display:block;cursor:pointer;list-style:none;padding:14px 44px 14px 16px;position:relative;min-height:44px}
:where(.ekran-instrukcja) .procedura summary::-webkit-details-marker{display:none}
:where(.ekran-instrukcja) .procedura summary::after{content:"›";position:absolute;right:18px;top:12px;font-size:22px;color:var(--tekst-3);transition:transform .15s}
:where(.ekran-instrukcja) .procedura[open] summary::after{transform:rotate(90deg)}
:where(.ekran-instrukcja) .procedura h3{font-size:16.5px;letter-spacing:-.01em}
:where(.ekran-instrukcja) .procedura .kiedy{display:block;color:var(--tekst-2);font-size:14px;margin-top:3px}
:where(.ekran-instrukcja) .procedura[open]{box-shadow:0 0 0 1px var(--bursztyn) inset}
:where(.ekran-instrukcja) .kroki{counter-reset:k;list-style:none;padding:0 16px 6px;margin:4px 0 0;display:grid;gap:14px}
:where(.ekran-instrukcja) .kroki > li{counter-increment:k;display:grid;grid-template-columns:32px minmax(0,1fr);gap:4px 12px;align-items:start}
:where(.ekran-instrukcja) .kroki > li::before{content:counter(k);width:28px;height:28px;border-radius:50%;background:var(--ciemny);color:var(--s-fff);display:grid;
  place-items:center;font-weight:700;font-size:13px;grid-row:span 2}
:where(.ekran-instrukcja) .kroki .tekst{font-size:15.5px;line-height:1.5;padding-top:3px}
:where(.ekran-instrukcja) .kroki figure{margin:6px 0 0;grid-column:2}
:where(.ekran-instrukcja) .kroki img{display:block;height:auto;border-radius:16px;box-shadow:0 0 0 1px var(--linia),0 8px 24px rgba(var(--rgb-tekst),.08)}
:where(.ekran-instrukcja) .in-telefon .kroki img{width:min(100%,300px)}
:where(.ekran-instrukcja) .in-komputer .kroki img{width:100%;max-width:900px;border-radius:10px}
:where(.ekran-instrukcja) .procedura .uwaga{background:rgba(var(--rgb-bursztyn),.14);border-radius:12px;padding:10px 14px;margin:6px 16px 16px;font-size:14.5px;line-height:1.45}
:where(.ekran-instrukcja) .procedura code{font-family:var(--mono);font-size:.92em;background:var(--tlo);padding:1px 5px;border-radius:5px}
:where(.ekran-instrukcja) .in-brak{display:none;color:var(--tekst-2)}
:where(.ekran-instrukcja) .in-brak.widac{display:block}
:where(.ekran-skroty) .sk-lista{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:14px;margin-top:14px}
:where(.ekran-skroty) .sk{border:1px solid var(--linia);border-radius:14px;padding:12px 14px;background:var(--karta)}
:where(.ekran-skroty) .sk b{font-size:16px;font-family:var(--mono)}
:where(.ekran-skroty) .sk .rozw{color:var(--tekst-2);font-size:13.5px;margin:2px 0 6px}
:where(.ekran-skroty) .sk .wyj{font-size:14.5px;line-height:1.5}
  :where(.ekran-opinie) .opinia{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:6px 16px;padding:12px 0;border-top:1px solid var(--linia)}
  :where(.ekran-opinie) .opinia:first-child{border-top:0}
  :where(.ekran-opinie) .opinia .gw{color:var(--uwaga-tekst);font-size:17px;letter-spacing:1px;white-space:nowrap}
  :where(.ekran-opinie) .opinia .kto{font-size:14.5px}
  :where(.ekran-opinie) .opinia .kto small{display:block;color:var(--tekst-2);font-size:12.5px}
  :where(.ekran-opinie) .opinia blockquote{margin:4px 0 0;color:var(--tekst);font-size:14.5px}
  :where(.ekran-opinie) .opinia.slaba{background:rgba(var(--rgb-czerwien),.04)}
  @media (max-width:700px){:where(.ekran-opinie) .opinia{grid-template-columns:1fr}}
.ekran-opinie .opi-s1{font-size:16px;color:var(--uwaga-tekst)}
  :where(.ekran-oblozenie) .ob-siatka{display:grid;gap:3px;margin-top:12px;overflow-x:auto}
  :where(.ekran-oblozenie) .ob-wiersz{display:grid;grid-template-columns:52px repeat(7, minmax(38px, 1fr));gap:3px;align-items:stretch}
  :where(.ekran-oblozenie) .ob-godz{font-size:12.5px;color:var(--tekst-3);display:flex;align-items:center;justify-content:flex-end;padding-right:6px}
  :where(.ekran-oblozenie) .ob-naglowek{font-size:12px;color:var(--tekst-3);text-align:center;text-transform:uppercase;letter-spacing:.06em}
  :where(.ekran-oblozenie) .ob-pole{border-radius:8px;min-height:34px;display:flex;align-items:center;justify-content:center;
    font-size:13px;font-weight:600;color:var(--tekst);background:var(--tlo);position:relative}
  :where(.ekran-oblozenie) .ob-pole.pusto{color:var(--tekst-3);font-weight:400}
  :where(.ekran-oblozenie) .ob-legenda{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:12px;font-size:12.5px;color:var(--tekst-2)}
  :where(.ekran-oblozenie) .ob-legenda i{display:inline-block;width:16px;height:16px;border-radius:5px;margin-right:5px;vertical-align:-3px}
  :where(.ekran-oblozenie) .ob-wnioski{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:14px;margin-top:18px}
  :where(.ekran-oblozenie) .ob-wnioski li{margin-bottom:5px}
  :where(.ekran-oblozenie) .ob-okres{display:flex;gap:10px 14px;flex-wrap:wrap;align-items:center;margin:0 0 14px}
  :where(.ekran-oblozenie) .segmenty-ob{display:inline-flex;border:1px solid var(--linia);border-radius:12px;overflow:hidden;background:var(--karta)}
  :where(.ekran-oblozenie) .segmenty-ob a{padding:0 16px;min-height:40px;display:inline-flex;align-items:center;font-size:14px;text-decoration:none;color:var(--tekst-2)}
  :where(.ekran-oblozenie) .segmenty-ob a + a{border-left:1px solid var(--linia)}
  :where(.ekran-oblozenie) .segmenty-ob a.tu{background:var(--ciemny);color:var(--s-fff);font-weight:600}
  :where(.ekran-oblozenie) .ob-miesiace{display:inline-flex;margin:0;flex-wrap:nowrap}
  :where(.ekran-oblozenie) .ob-miesiace .przycisk{min-height:40px}
.ekran-oblozenie .obl-s1{background:rgba(var(--rgb-morze),.06)}
.ekran-oblozenie .obl-s2{background:rgba(var(--rgb-morze),.35)}
.ekran-oblozenie .obl-s3{background:rgba(var(--rgb-morze),.62)}
.ekran-oblozenie .obl-s4{background:rgba(var(--rgb-morze),.78)}
.ekran-oblozenie .ob-pole{background:rgba(var(--rgb-morze),var(--u))}
:is(.ekran-oblozenie,.ekran-poczekalnia) .karta h2{font-size:1.5em;margin:0}
  :where(.ekran-poczekalnia) .pcz-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:12px;align-items:end}
  :where(.ekran-poczekalnia) .pcz-form label,:where(.ekran-poczekalnia) .pcz-form .pcz-grupa{display:grid;gap:4px;font-size:12.5px;color:var(--tekst-2);min-width:0}
  :where(.ekran-poczekalnia) .pcz-form select,:where(.ekran-poczekalnia) .pcz-form input[type=text]{width:100%;font:inherit;font-size:14px;padding:9px 11px;
    border:1px solid var(--linia);border-radius:10px;box-sizing:border-box}
  :where(.ekran-poczekalnia) .pcz-dni{display:flex;gap:6px;flex-wrap:wrap}
  :where(.ekran-poczekalnia) .pcz-dni label{display:flex;gap:5px;align-items:center;font-size:13.5px;color:var(--tekst);
    border:1px solid var(--linia);border-radius:999px;padding:6px 10px;cursor:pointer;min-height:38px}
  :where(.ekran-poczekalnia) .pcz-dni input{width:16px;height:16px}
  :where(.ekran-poczekalnia) .pcz-lista{display:grid;gap:12px;margin-top:16px}
  :where(.ekran-poczekalnia) .pcz{border:1px solid var(--linia);border-radius:16px;padding:14px 16px;background:var(--karta)}
  :where(.ekran-poczekalnia) .pcz.zalatwiona{opacity:.6}
  :where(.ekran-poczekalnia) .pcz .glowa{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline}
  :where(.ekran-poczekalnia) .pcz .glowa b{font-size:16px}
  :where(.ekran-poczekalnia) .pcz .warunki{color:var(--tekst-2);font-size:13.5px}
  :where(.ekran-poczekalnia) .pcz .prop{display:grid;gap:6px;margin-top:10px}
  :where(.ekran-poczekalnia) .pcz .p{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:14px;
    background:var(--tlo);border-radius:10px;padding:8px 12px}
  :where(.ekran-poczekalnia) .pcz .p .kiedy{font-weight:600;white-space:nowrap}
  :where(.ekran-poczekalnia) .pcz .p .opis{color:var(--tekst-2);font-size:13px;flex:1;min-width:0}
  :where(.ekran-poczekalnia) .pcz .akcje{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
  :where(.ekran-poczekalnia) .pcz .brak{color:var(--tekst-3);font-size:13.5px;margin-top:8px}
.ekran-poczekalnia .pcz-s1{background:rgba(var(--rgb-zielen),.10);color:var(--zielen)}
.ekran-poczekalnia .pcz-s2{margin-top:10px}
.ekran-poczekalnia .pcz-s3{grid-column:1 / -1}
.ekran-poczekalnia .pcz-s4{color:inherit}
.ekran-poczekalnia .pcz-s5{min-height:36px;padding:4px 12px;font-size:13.5px}
.ekran-poczekalnia .pcz-s6{margin-top:16px}
.ekran-poczekalnia .pcz .tel-link{display:inline;min-height:0}
  :where(.ekran-nagrody) .ng-lista{display:grid;gap:10px;margin-top:12px}
  :where(.ekran-nagrody) .ng{display:flex;gap:10px 14px;align-items:center;flex-wrap:wrap;
    border:1px solid var(--linia);border-radius:14px;padding:11px 14px;background:var(--karta);font-size:14.5px}
  :where(.ekran-nagrody) .ng.czeka{border-color:rgba(var(--rgb-bursztyn),.55);background:rgba(var(--rgb-bursztyn),.10)}
  :where(.ekran-nagrody) .ng .kto{font-weight:700;min-width:0}
  :where(.ekran-nagrody) .ng-wlacznik label{display:flex;gap:10px;align-items:center;font-size:15.5px;cursor:pointer}
  :where(.ekran-nagrody) .ng-wlacznik input{width:22px;height:22px}
  :where(.ekran-nagrody) .ng .co{flex:1;min-width:0;color:var(--tekst-2);font-size:13.5px}
  :where(.ekran-nagrody) .ng .prog{font-family:var(--mono);font-size:13px;white-space:nowrap;
    background:var(--tlo);border-radius:999px;padding:3px 10px}
  :where(.ekran-nagrody) .ng form{margin:0}
  :where(.ekran-nagrody) .ng .przycisk{min-height:38px;padding:4px 13px;font-size:13.5px}
  :where(.ekran-nagrody) .ng-prog{display:grid;gap:10px;border:1px solid var(--linia);border-radius:14px;padding:12px 14px;
    background:var(--karta);grid-template-columns:110px minmax(0,1fr) minmax(0,1fr) auto;align-items:end}
  :where(.ekran-nagrody) .ng-prog.wycofany{opacity:.6}
  :where(.ekran-nagrody) .ng-prog label{display:grid;gap:4px;font-size:12.5px;color:var(--tekst-2);min-width:0}
  :where(.ekran-nagrody) .ng-prog input{width:100%;font:inherit;font-size:14px;padding:9px 11px;box-sizing:border-box;
    border:1px solid var(--linia);border-radius:10px}
  :where(.ekran-nagrody) .ng-prog .guziki{display:flex;gap:8px;flex-wrap:wrap}
  :where(.ekran-nagrody) .ng-prog .guziki .przycisk{min-height:40px}
  :where(.ekran-nagrody) .ng-pusto{color:var(--tekst-3);font-size:14px;margin-top:8px}
  @media (max-width:700px){
    :where(.ekran-nagrody) .ng-prog{grid-template-columns:1fr 1fr}
    :where(.ekran-nagrody) .ng-prog label:nth-child(4),:where(.ekran-nagrody) .ng-prog .guziki{grid-column:1 / -1}
    :where(.ekran-nagrody) .ng .co{flex-basis:100%}
  }
:is(.ekran-nagrody,.ekran-powiadomienia) .karta h2{margin:0}
.ekran-nagrody .ngr-s1{margin-top:4px}
.ekran-nagrody .ngr-s2{font-size:17px}
.ekran-nagrody .ngr-s3{color:var(--zielen)}
.ekran-nagrody .ngr-s4{grid-column:1 / -1}
.ekran-nagrody .ngr-s5{margin-top:12px}
  :where(.ekran-powiadomienia) .pw-stan{border-radius:14px;padding:12px 16px;margin-bottom:14px;font-size:14.5px}
  :where(.ekran-powiadomienia) .pw-stan.ok{background:rgba(var(--rgb-zielen),.12)} :where(.ekran-powiadomienia) .pw-stan.brak{background:rgba(var(--rgb-bursztyn),.16)}
  :where(.ekran-powiadomienia) .pw-stan code{font-family:var(--mono);font-size:13px;background:rgba(var(--rgb-tekst),.06);padding:1px 5px;border-radius:5px}
  :where(.ekran-powiadomienia) .pw-rodzaje{display:grid;gap:8px;margin:10px 0 14px}
  :where(.ekran-powiadomienia) .pw-rodzaje label{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:start;padding:10px 12px;
    border:1px solid var(--linia);border-radius:12px;background:var(--karta);min-height:44px}
  :where(.ekran-powiadomienia) .pw-rodzaje input{width:18px;height:18px;margin-top:2px}
  :where(.ekran-powiadomienia) .pw-rodzaje small{display:block;color:var(--tekst-2);font-size:13px}
  :where(.ekran-powiadomienia) .pw-lista{display:grid;gap:8px}
  :where(.ekran-powiadomienia) .pw-poz{border:1px solid var(--linia);border-radius:12px;padding:10px 12px;background:var(--karta);font-size:14px}
  :where(.ekran-powiadomienia) .pw-poz b{font-size:14.5px}
  :where(.ekran-powiadomienia) .pw-poz .adres{color:var(--tekst-2);font-size:13px}
  :where(.ekran-powiadomienia) .pw-poz .tresc{white-space:pre-wrap;color:var(--tekst-2);font-size:13.5px;margin-top:6px;display:none}
  :where(.ekran-powiadomienia) .pw-poz[open] .tresc,:where(.ekran-powiadomienia) .pw-poz.pokaz .tresc{display:block}
  :where(.ekran-powiadomienia) .pw-poz .brak{color:var(--czerwien)}
  :where(.ekran-powiadomienia) .pw-tabela{width:100%;border-collapse:collapse;font-size:13.5px}
  :where(.ekran-powiadomienia) .pw-tabela th,:where(.ekran-powiadomienia) .pw-tabela td{padding:6px 8px;border-bottom:1px solid var(--linia);text-align:left;vertical-align:top}
  :where(.ekran-powiadomienia) .pw-tabela .st-wyslane{color:var(--zielen)} :where(.ekran-powiadomienia) .pw-tabela .st-blad{color:var(--czerwien)} :where(.ekran-powiadomienia) .pw-tabela .st-probne{color:var(--tekst-3)}
  :where(.ekran-powiadomienia) .pw-proba{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:10px}
  :where(.ekran-powiadomienia) .pw-proba input{font:inherit;padding:9px 12px;border:1px solid var(--linia);border-radius:10px;min-height:42px;min-width:240px}
.ekran-powiadomienia .pwd-s1{margin-top:8px}
.ekran-powiadomienia .pwd-s2{margin-top:6px}
.ekran-powiadomienia .pwd-s3{font-size:17px;margin-bottom:4px}
.ekran-powiadomienia .pwd-s4{justify-content:space-between;align-items:flex-start}
.ekran-powiadomienia .pwd-s5{margin-top:12px}
.ekran-powiadomienia .pwd-s6{margin-top:10px}
.ekran-powiadomienia .pwd-s7{font-size:17px;margin-bottom:6px}
.ekran-powiadomienia .pwd-s8{overflow-x:auto}
:where(.ekran-wydarzenia,.ekran-licencja,.ekran-katalog,.ekran-plany,.ekran-trening,.ekran-ustawienia-tablicy) .karta h2{margin-bottom:0}
  :where(.ekran-wydarzenia) .ogl textarea{width:100%;font:inherit;font-size:14px;padding:8px 10px;border:1px solid var(--linia);border-radius:8px;resize:vertical}
  :where(.ekran-wydarzenia) .ogl .pola{display:grid;grid-template-columns:minmax(0,2fr) 160px 110px;gap:10px;align-items:end}
  :where(.ekran-wydarzenia) .ogl label{font-size:12.5px;color:var(--tekst-2);display:block;margin-bottom:5px}
  :where(.ekran-wydarzenia) .ogl .pola input{width:100%;min-width:0}   :where(.ekran-wydarzenia) .ogl .publikacja{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13.5px;color:var(--tekst-2)}
  :where(.ekran-wydarzenia) .ogl .publikacja input{width:auto}
  :where(.ekran-wydarzenia) .chetni{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
  :where(.ekran-wydarzenia) .chetni a{text-decoration:none}
  :where(.ekran-wydarzenia) .archiwalne{opacity:.6}
  :where(.ekran-wydarzenia) .ogl-nowe{border:1px dashed var(--bursztyn);background:rgba(var(--rgb-bursztyn),.06)}
  :where(.ekran-wydarzenia) .ogl-nowe h2{display:flex;align-items:center;gap:8px;margin-bottom:2px}
  :where(.ekran-wydarzenia) .ogl-nowe .plus{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;
    border-radius:50%;background:var(--bursztyn);color:var(--s-3a2a00);font-weight:700;line-height:1}
  :where(.ekran-wydarzenia) .reszta{margin-bottom:14px}
  :where(.ekran-wydarzenia) .reszta>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;font-size:13.5px;
    color:var(--tekst-2);background:var(--biel);border:1px solid var(--linia);border-radius:12px;padding:11px 14px}
  :where(.ekran-wydarzenia) .reszta>summary::-webkit-details-marker{display:none}
  :where(.ekran-wydarzenia) .reszta>summary::after{content:"▸ rozwiń";margin-left:auto;color:var(--morze)}
  :where(.ekran-wydarzenia) .reszta[open]>summary::after{content:"▾ zwiń"}
  @media (max-width:700px){:where(.ekran-wydarzenia) .ogl .pola{grid-template-columns:1fr 1fr}}
.ekran-wydarzenia .wyd-s1{background:rgba(var(--rgb-zielen),.10);color:var(--zielen)}
.ekran-wydarzenia .wyd-s2{font-size:17px}
.ekran-wydarzenia .wyd-s3{margin-bottom:12px}
.ekran-wydarzenia .wyd-s4{margin-top:10px}
.ekran-wydarzenia .wyd-s5{font-size:13.5px;color:var(--tekst-2);display:flex;gap:6px;align-items:center;margin:0}
.ekran-wydarzenia .wyd-s6{margin:0}
.ekran-wydarzenia .wyd-s7{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:14px}
.ekran-wydarzenia .wyd-s8{min-height:36px;padding:4px 14px}
.ekran-wydarzenia .wyd-s9{margin-top:8px}
.ekran-wydarzenia .wyd-s10{margin-top:12px;padding-top:12px;border-top:1px solid var(--linia);font-size:14px}
  :where(.ekran-licencja) .lic-kafle{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px;margin-bottom:16px}
  :where(.ekran-licencja) .lic-pasek{height:12px;border-radius:999px;background:rgba(var(--rgb-tekst),.08);overflow:hidden;margin:10px 0 6px}
  :where(.ekran-licencja) .lic-pasek i{display:block;height:100%;border-radius:999px;background:var(--zielen)}
  :where(.ekran-licencja) .lic-pasek.uwaga i{background:var(--bursztyn)}
  :where(.ekran-licencja) .lic-pasek.zle i{background:var(--czerwien)}
  :where(.ekran-licencja) .lic-wgraj textarea{width:100%;min-height:110px;font-family:var(--mono);font-size:12.5px}
.ekran-licencja .lic-s1{background:rgba(var(--rgb-zielen),.10);color:var(--zielen)}
.ekran-licencja .lic-s2{background:rgba(var(--rgb-czerwien),.10);color:var(--czerwien)}
.ekran-licencja .lic-s3{color:var(--czerwien);margin:0}
.ekran-licencja .lic-s4{color:var(--uwaga-tekst);margin:0}
.ekran-licencja .lic-s5{color:var(--zielen);margin:0}
.ekran-licencja .lic-s6{margin:0}
.ekran-licencja .lic-s7{margin:12px 0 0}
.ekran-licencja .lic-s8{display:grid;gap:10px}
.ekran-licencja .lic-s9{font-size:17px}
.ekran-licencja .lic-pasek i{width:var(--w)}
:where(.ekran-katalog) .filtry{margin-bottom:0}
  :where(.ekran-katalog) .szukaj-pasek{position:sticky;top:52px;z-index:5;background:var(--tlo);padding:10px 0 12px;margin-bottom:6px}
  :where(.ekran-katalog) .szukaj-pasek input[type=search]{width:100%;font-size:16px;padding:11px 14px;border:1px solid var(--linia);border-radius:12px;background:var(--karta)}
  :where(.ekran-katalog) .filtry{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
  :where(.ekran-katalog) .filtry button{border:1px solid var(--linia);background:var(--karta);border-radius:999px;padding:5px 12px;font-size:13px;cursor:pointer;color:var(--tekst-2)}
  :where(.ekran-katalog) .filtry button[aria-pressed="true"]{background:var(--ciemny);color:var(--s-fff);border-color:var(--ciemny)}
  :where(.ekran-katalog) .licznik-wynikow{font-size:13px;color:var(--tekst-2);margin-top:8px}
  :where(.ekran-katalog) .cw-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
  :where(.ekran-katalog) .cw-karta{background:var(--karta);border:1px solid var(--linia);border-radius:14px;padding:16px 16px 14px;display:flex;flex-direction:column}
  :where(.ekran-katalog) .cw-karta[hidden]{display:none !important}   :where(.ekran-katalog) .cw-karta.ukryte{opacity:.55}
  :where(.ekran-katalog) .cw-lista.jako-lista .cw-karta{flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px 12px;padding-left:12px;padding-right:14px}
  :where(.ekran-katalog) .cw-lista.jako-lista .cw-karta h3{font-size:15px}
  :where(.ekran-katalog) .cw-lista.jako-lista .cw-karta .meta{margin-top:0}
  :where(.ekran-katalog) .cw-lista.jako-lista .cw-karta .opisy,:where(.ekran-katalog) .cw-lista.jako-lista .cw-karta .wartosci,:where(.ekran-katalog) .cw-lista.jako-lista .cw-karta .odwazniki{display:none}
  :where(.ekran-katalog) .cw-lista.jako-lista .cw-karta > details:not(.opisy){flex-basis:auto;margin:0 0 0 auto;border-top:0;padding:0;font-size:12.5px}
  :where(.ekran-katalog) .cw-lista.jako-lista .cw-karta > details:not(.opisy) + details:not(.opisy){margin-left:10px}
  :where(.ekran-katalog) .cw-lista.jako-lista .cw-karta > details[open]{flex-basis:100%;margin-left:0}
  :where(.ekran-katalog) .cw-karta h3{font-size:16.5px;line-height:1.25}
  :where(.ekran-katalog) .cw-karta .meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}
  :where(.ekran-katalog) .cw-karta .meta span{font-size:11.5px;border-radius:999px;padding:2px 9px;background:var(--tlo);color:var(--tekst-2)}
  :where(.ekran-katalog) .cw-karta .meta span.kat{background:rgba(var(--rgb-morze),.10);color:var(--morze)}
  :where(.ekran-katalog) .cw-karta .opis{color:var(--tekst-2);font-size:14px;margin-top:10px;line-height:1.45;flex:1}
  :where(.ekran-katalog) .cw-karta .wartosci{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px;padding-top:12px;border-top:1px solid var(--linia)}
  :where(.ekran-katalog) .cw-karta .wartosci div{font-size:11.5px;color:var(--tekst-3);text-transform:uppercase;letter-spacing:.04em}
  :where(.ekran-katalog) .cw-karta .wartosci b{display:block;font-size:16px;color:var(--tekst);letter-spacing:-.01em;text-transform:none;margin-top:2px}
  :where(.ekran-katalog) .cw-karta .odwazniki{font-size:12.5px;color:var(--tekst-2);margin-top:8px}
  :where(.ekran-katalog) .cw-karta details{margin-top:10px;border-top:1px solid var(--linia);padding-top:8px}
  :where(.ekran-katalog) .cw-karta summary{cursor:pointer;color:var(--morze);font-size:13px}
  :where(.ekran-katalog) .edycja{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
  :where(.ekran-katalog) .edycja label{font-size:12px;color:var(--tekst-2);display:grid;gap:4px}
  :where(.ekran-katalog) .edycja input,:where(.ekran-katalog) .edycja select,:where(.ekran-katalog) .edycja textarea{width:100%;min-width:0;font:inherit;font-size:14px;padding:7px 9px;border:1px solid var(--linia);border-radius:8px;background:var(--karta)}
  :where(.ekran-katalog) .edycja .szeroko{grid-column:1 / -1}
  :where(.ekran-katalog) .edycja .akcje{grid-column:1 / -1;display:flex;gap:8px;flex-wrap:wrap}
  :where(.ekran-katalog) .pusto-szukaj{display:none;color:var(--tekst-2);padding:24px 0}
  :where(.ekran-katalog) .cw-karta details.opisy{border-top:0;padding-top:0;margin-top:6px}
  @media (min-width:701px){ :where(.ekran-katalog) .cw-karta details.opisy > summary{display:none} }
  @media (max-width:700px){
    :where(.ekran-katalog) .szukaj-pasek{padding:8px 0}
    :where(.ekran-katalog) .filtry{flex-wrap:nowrap;overflow-x:auto;margin:8px -16px 0;padding:0 16px 2px;scrollbar-width:none}
    :where(.ekran-katalog) .filtry::-webkit-scrollbar{display:none}
    :where(.ekran-katalog) .filtry button{flex:none;min-height:40px;padding:0 13px;font-size:14px}
    :where(.ekran-katalog) .cw-karta .meta span{font-size:12.5px}
    :where(.ekran-katalog) .cw-karta .wartosci div{font-size:12px}
    :where(.ekran-katalog) .licznik-wynikow{display:none}
  }
  @media (max-width:700px){ :where(.ekran-katalog) .cw-karta{padding:14px} :where(.ekran-katalog) .cw-karta details.opisy > summary{color:var(--morze);font-size:14px} }
  :where(.ekran-katalog) .duplikaty-cw{border-color:rgba(var(--rgb-bursztyn),.5)}
  :where(.ekran-katalog) .dup-grupa{padding:6px 0;border-top:1px solid var(--linia)}
  :where(.ekran-katalog) .dup-wiersz{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:5px 0;font-size:14px}
  :where(.ekran-katalog) .dup-wiersz select{flex:1;min-width:0;max-width:100%}
  :where(.ekran-katalog) .scal-cw summary{cursor:pointer;color:var(--morze);font-size:13.5px}
  :where(.ekran-katalog) .wersje-cw summary{cursor:pointer;color:var(--morze);font-size:13.5px}
  :where(.ekran-katalog) .wersja-cw{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:7px 0;border-top:1px solid var(--linia);font-size:13.5px}
  :where(.ekran-katalog) .wersja-cw small{display:block;color:var(--tekst-3);font-size:12px}
  :where(.ekran-katalog) .wersja-cw .przycisk{padding:4px 10px;font-size:12.5px}
.ekran-katalog .kat-s1{background:rgba(var(--rgb-zielen),.10);color:var(--zielen-2)}
.ekran-katalog .kat-s2{background:rgba(var(--rgb-czerwien),.10);color:var(--czerwien)}
.ekran-katalog .kat-s3{font-size:16px;margin-bottom:4px}
.ekran-katalog .kat-s4{margin-bottom:8px}
.ekran-katalog .kat-s5{cursor:pointer;font-weight:600}
.ekran-katalog .kat-s6{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.ekran-katalog .kat-s7{flex:0;margin-top:6px;font-size:13px}
.ekran-katalog .kat-s8{color:var(--tekst)}
  :where(.ekran-plany) .plany{max-width:960px}
  :where(.ekran-plany) .plan-karta h2{font-size:17px}
  :where(.ekran-plany) .plan-karta textarea{width:100%;min-height:54px;font:inherit;font-size:14px;padding:8px 10px;
    border:1px solid var(--linia);border-radius:8px;background:var(--karta);color:var(--tekst);resize:vertical}
  :where(.ekran-plany) .plan-karta input.nazwa{font-size:16px;font-weight:600;width:100%;max-width:340px}
  :where(.ekran-plany) .sekcja-naglowek{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:26px 0 10px}
  :where(.ekran-plany) .sekcja-naglowek h2{font-size:19px}
  :where(.ekran-plany) .plan-karta .paski .przycisk{min-height:44px}
  :where(.ekran-plany) .odczyt td{padding:7px 10px}
  :where(.ekran-plany) .zapisano{background:rgba(var(--rgb-zielen),.12);color:var(--zielen-2);border-radius:10px;padding:9px 13px;font-size:14px;margin-bottom:14px}
  @media (max-width:640px){ :where(.ekran-plany) .plan-karta{padding:14px 12px} :where(.ekran-plany) .plan-karta input.nazwa{max-width:none} }
  :where(.ekran-plany) .wersje-planu{padding:10px 16px;margin-top:-6px}
  :where(.ekran-plany) .wersje-planu summary{cursor:pointer;min-height:40px;display:flex;align-items:center;font-size:14px;color:var(--tekst-2)}
  :where(.ekran-plany) .wersje-planu .wersja{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--linia);font-size:13.5px}
  :where(.ekran-plany) .wersje-planu .wersja{align-items:start}
  :where(.ekran-plany) .wersje-planu .w-opis{display:block;color:var(--tekst-2);font-size:12.5px;margin-top:2px;white-space:pre-line}
  :where(.ekran-plany) .wersje-planu .w-lista{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:3px}
  :where(.ekran-plany) .wersje-planu .w-lista li{font-size:13px;line-height:1.35;color:var(--tekst-2)}
  :where(.ekran-plany) .wersje-planu .w-lista b{color:var(--tekst);font-weight:600}
  :where(.ekran-plany) .wersje-planu .w-lista i{font-style:normal;font-weight:700;font-size:11.5px;color:var(--tekst-3);display:inline-block;min-width:24px}
  :where(.ekran-plany) .wersje-planu .w-lista small{display:block;color:var(--tekst-3);font-size:12px;margin-left:24px}
  :where(.ekran-plany) .wersje-planu .przycisk{min-height:40px}
  :where(.ekran-plany,.ekran-trening) .blok-tr{border-radius:18px;padding:12px;margin-top:14px;background:var(--tlo);min-width:0}
  :where(.ekran-plany,.ekran-trening) .blok-glowa{display:flex;gap:12px;align-items:center;width:100%;border:0;background:none;padding:4px 4px 10px;cursor:pointer;
    text-align:left;font:inherit;color:inherit}
  :where(.ekran-plany,.ekran-trening) .blok-glowa .litera{width:40px;height:40px;border-radius:12px;background:var(--ciemny);color:var(--s-fff);display:grid;place-items:center;
    font-weight:700;font-size:18px;flex:none}
  :where(.ekran-plany,.ekran-trening) .blok-glowa .blok-opis{flex:1;min-width:0}
  :where(.ekran-plany,.ekran-trening) .blok-glowa .blok-opis b{display:block;font-size:17px;letter-spacing:-.01em}
  :where(.ekran-plany,.ekran-trening) .blok-glowa .blok-opis span{font-size:13.5px;color:var(--tekst-2)}
  :where(.ekran-plany,.ekran-trening) .strzalka{color:var(--tekst-3);font-size:22px;flex:none;line-height:1}
  :where(.ekran-plany,.ekran-trening) .wiersze{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
  :where(.ekran-plany,.ekran-trening) .cw-karta{background:var(--karta);border-radius:14px;box-shadow:0 1px 2px rgba(var(--rgb-tekst),.06),0 0 0 1px var(--linia);min-width:0}
  :where(.ekran-plany,.ekran-trening) .cw-kafel{display:flex;gap:12px;align-items:center;width:100%;border:0;background:none;padding:12px;cursor:pointer;text-align:left;
    font:inherit;color:inherit;min-height:64px;border-radius:14px}
  :where(.ekran-plany,.ekran-trening) .cw-kafel:active{background:var(--tlo)}
  :where(.ekran-plany,.ekran-trening) .cw-kafel .nr{min-width:28px;height:28px;padding:0 5px;border-radius:14px;background:var(--tlo);display:grid;place-items:center;font-size:13px;
    font-weight:600;color:var(--tekst-2);flex:none}
  :where(.ekran-plany,.ekran-trening) .kafel-tresc{flex:1;min-width:0}
  :where(.ekran-plany,.ekran-trening) .kafel-nazwa,:where(.ekran-plany,.ekran-trening) .kafel-uwagi,:where(.ekran-plany,.ekran-trening) .ostatnio-kafel{display:block}   :where(.ekran-plany,.ekran-trening) .kafel-nazwa{font-weight:600;font-size:15.5px;line-height:1.3}
  :where(.ekran-plany,.ekran-trening) .kafel-nazwa.puste{color:var(--tekst-3);font-weight:400}
  :where(.ekran-plany,.ekran-trening) .kafel-opis{font-size:13.5px;color:var(--tekst-2);margin-top:3px;display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center}
  :where(.ekran-plany,.ekran-trening) .kafel-uwagi{font-size:12.5px;color:var(--tekst-3);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  :where(.ekran-plany,.ekran-trening) .kafel-uwagi:empty{display:none}
  :where(.ekran-plany,.ekran-trening) .znaczek{display:inline-block;border-radius:999px;padding:1px 8px;font-size:12px;font-weight:600;background:rgba(var(--rgb-zielen),.12);color:var(--zielen-2)}
  :where(.ekran-plany,.ekran-trening) .dodaj-do-bloku{margin-top:8px;width:100%;min-height:48px;border:1px dashed var(--linia);background:none;border-radius:14px;
    color:var(--tekst-2);font-size:14.5px;cursor:pointer}
  :where(.ekran-plany,.ekran-trening) .dodaj-do-bloku:hover{border-color:var(--morze);color:var(--morze)}
  :where(.ekran-plany,.ekran-trening) .edycja{display:grid;gap:16px}
  :where(.ekran-plany,.ekran-trening) .edycja[hidden],:where(.ekran-plany,.ekran-trening) .edycja [hidden]{display:none !important}   
  :where(.ekran-plany,.ekran-trening) .pole-z-etykieta{display:grid;gap:6px;justify-items:start;min-width:0}
  :where(.ekran-plany,.ekran-trening) .edycja input.cw-nazwa{width:100%;font-size:17px;font-weight:600;padding:12px;border-radius:12px}
  :where(.ekran-plany,.ekran-trening) .podpowiedzi{display:grid;gap:4px;max-height:220px;overflow:auto;margin-top:6px;width:100%}
  :where(.ekran-plany,.ekran-trening) .podpowiedzi button small{color:var(--tekst-3)}
  :where(.ekran-plany,.ekran-trening) .krokowe{display:inline-flex;align-items:stretch;border:1px solid var(--linia);border-radius:12px;background:var(--karta);overflow:hidden;max-width:100%}
  :where(.ekran-plany,.ekran-trening) .krokowe button:active{background:var(--tlo)}
  :where(.ekran-plany,.ekran-trening) .krokowe input:focus{outline:none}
  :where(.ekran-plany,.ekran-trening) .krokowe:focus-within{border-color:var(--morze)}
  :where(.ekran-plany,.ekran-trening) .segment{display:inline-flex;border:1px solid var(--linia);border-radius:12px;overflow:hidden;background:var(--karta);max-width:100%}
  :where(.ekran-plany,.ekran-trening) .segment button[aria-pressed="true"]{background:var(--ciemny);color:var(--s-fff);font-weight:600}
  :where(.ekran-plany,.ekran-trening) dialog.arkusz{border:0;padding:0;width:min(520px,100vw);max-width:100vw;max-height:92vh;border-radius:20px;
    box-shadow:0 30px 80px rgba(var(--rgb-tekst),.35);background:var(--karta);color:var(--tekst)}
  :where(.ekran-plany,.ekran-trening) dialog.arkusz::backdrop{background:rgba(var(--rgb-tekst),.45)}
  :where(.ekran-plany,.ekran-trening) dialog.arkusz .glowa{display:flex;align-items:center;gap:10px;padding:18px 20px 6px;position:relative}
  :where(.ekran-plany,.ekran-trening) dialog.arkusz h2{font-size:18px;margin:0;flex:1;min-width:0}
  :where(.ekran-plany,.ekran-trening) dialog.arkusz .zamknij{border:0;background:var(--tlo);border-radius:50%;width:36px;height:36px;font-size:16px;cursor:pointer;color:var(--tekst-2);flex:none}
  :where(.ekran-plany,.ekran-trening) dialog.arkusz .srodek{padding:10px 20px 14px;overflow:auto;flex:1}
  :where(.ekran-plany,.ekran-trening) dialog.arkusz .akcje{display:flex;gap:10px;align-items:center;padding:12px 20px 18px;border-top:1px solid var(--linia)}
  :where(.ekran-plany,.ekran-trening) dialog.arkusz .akcje .przycisk{min-height:48px;padding:0 20px;font-size:15.5px}
  :where(.ekran-plany,.ekran-trening) dialog.arkusz .akcje .usun-w-arkuszu{border:0;background:none;color:var(--czerwien);font-size:14.5px;cursor:pointer;padding:12px 4px;margin-right:auto}
  :where(.ekran-plany,.ekran-trening) dialog.arkusz .akcje .usun-w-arkuszu[hidden]{display:none}
  :where(.ekran-plany,.ekran-trening) dialog.arkusz[open]{display:flex;flex-direction:column}
  @media (max-width:640px){
    :where(.ekran-plany,.ekran-trening) dialog.arkusz{margin:auto 0 0;border-radius:20px 20px 0 0;width:100vw}
    :where(.ekran-plany,.ekran-trening) dialog.arkusz .glowa::before{content:"";position:absolute;left:50%;top:7px;width:40px;height:4px;margin-left:-20px;border-radius:2px;background:var(--linia)}
    :where(.ekran-plany,.ekran-trening) dialog.arkusz .akcje{padding-bottom:calc(14px + env(safe-area-inset-bottom))}
    :where(.ekran-plany,.ekran-trening) dialog.arkusz .akcje .przycisk{flex:1;padding:0 10px}
    :where(.ekran-plany,.ekran-trening) .blok-tr{padding:10px 8px}
  }
  @media (prefers-reduced-motion:no-preference){
    :where(.ekran-plany,.ekran-trening) dialog.arkusz[open]{animation:wysun .2s ease-out}
    @keyframes wysun{from{transform:translateY(40px);opacity:.5}to{transform:none;opacity:1}}
  }
.ekran-plany .pln-s1{background:rgba(var(--rgb-morze),.08)}
.ekran-plany .pln-s2{background:rgba(var(--rgb-bursztyn),.10)}
.ekran-plany .pln-s3{font-size:12.5px}
.ekran-plany .pln-s4{margin-bottom:8px}
.ekran-plany .pln-s5{margin-top:10px}
.ekran-plany .pln-s6{margin-top:12px}
.ekran-plany .pln-s7{white-space:pre-line;margin:10px 0 0}
.ekran-plany .pln-s8{margin-top:12px;font-weight:600}
.ekran-plany .pln-s9{font-weight:400}
.ekran-plany .pln-s10{color:var(--tekst-2)}
.ekran-plany .pln-s11{margin:0}
.ekran-plany .pln-s12{margin-top:14px}
.ekran-plany .pln-s13{justify-items:stretch}
  :where(.ekran-trening) .trening{max-width:860px}
  :where(.ekran-trening) .trening label.pole{display:block;font-size:12.5px;color:var(--tekst-2);margin:0 0 5px}
  :where(.ekran-trening) .trening textarea{width:100%;min-height:78px;font:inherit;font-size:14.5px;padding:9px 11px;
    border:1px solid var(--linia);border-radius:8px;background:var(--karta);color:var(--tekst);resize:vertical}
  :where(.ekran-trening) .trening .opis{font-size:12px;color:var(--tekst-3);margin-top:4px}
  :where(.ekran-trening) .trening .odstep{margin-top:16px}
  :where(.ekran-trening) .o-kliencie{background:rgba(var(--rgb-bursztyn),.12);border-radius:10px;padding:10px 13px;font-size:14px;margin-bottom:14px}
  :where(.ekran-trening) .zapisano{background:rgba(var(--rgb-zielen),.12);color:var(--zielen);border-radius:10px;padding:9px 13px;
    font-size:14px;margin-bottom:14px}
  :where(.ekran-trening) .cwiczenia{display:grid;gap:4px}
  :where(.ekran-trening) .cw-kafel .ostatnio-kafel{font-size:12px;color:var(--tekst-3);margin-top:3px}
  :where(.ekran-trening) .cw-kafel .ostatnio-kafel:empty{display:none}
  :where(.ekran-trening) .edycja .info{background:var(--tlo);border-radius:12px;padding:10px 12px;font-size:13.5px;color:var(--tekst-2);display:grid;gap:4px}
  :where(.ekran-trening) .edycja .info:empty{display:none}
  :where(.ekran-trening) .lista-serii{display:grid;gap:8px}
  :where(.ekran-trening) .seria{display:grid;grid-template-columns:62px minmax(0,1fr) 16px minmax(0,1fr) 26px 40px;gap:6px;align-items:center;font-size:13.5px}
  :where(.ekran-trening) .seria span{color:var(--tekst-2)}
  :where(.ekran-trening) .seria input{min-width:0;width:100%;padding:0 6px;height:48px;font-size:17px;font-weight:600;text-align:center;border-radius:10px}
  :where(.ekran-trening) .seria button{border:0;background:var(--tlo);border-radius:10px;height:40px;color:var(--czerwien);font-size:18px;cursor:pointer}
  :where(.ekran-trening) .progresja-serii{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:14px;color:var(--tekst-2)}
  :where(.ekran-trening) .progresja-serii .przycisk{min-height:44px;padding:0 14px;font-size:14px}
  :where(.ekran-trening) .plan-blok{margin-top:10px;background:var(--tlo);border-radius:12px;padding:10px 12px}
  :where(.ekran-trening) .plan-blok-glowa{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14.5px}
  :where(.ekran-trening) .litera-mala{width:26px;height:26px;border-radius:8px;background:var(--ciemny);color:var(--s-fff);display:grid;place-items:center;font-size:13px;flex:none}
  :where(.ekran-trening) .plan-punkty{margin:8px 0 0;padding-left:22px;display:grid;gap:6px}
  :where(.ekran-trening) .plan-punkty li{font-size:14px;padding-left:2px;min-width:0}   :where(.ekran-trening) .plan-punkty li::marker{color:var(--tekst-3);font-size:12.5px}
  :where(.ekran-trening) .plan-punkty.z-numerem{list-style:none;padding-left:0}
  :where(.ekran-trening) .nr-cw{font-style:normal;font-weight:700;font-size:12px;color:var(--tekst-2);display:inline-block;min-width:22px}
  :where(.ekran-trening) .plan-cw{display:flex;justify-content:space-between;gap:4px 12px;flex-wrap:wrap}
  :where(.ekran-trening) .plan-cw span{color:var(--tekst-2);font-variant-numeric:tabular-nums}
  :where(.ekran-trening) .plan-punkty small{display:block;color:var(--tekst-3);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  :where(.ekran-trening) .narzedzia-cw{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:8px;margin-top:10px}
  :where(.ekran-trening) .narzedzia-cw .przycisk,:where(.ekran-trening) .narzedzia-cw select{min-height:44px;width:100%;font-size:14px}
  :where(.ekran-trening) .zapisz-pasek{position:sticky;bottom:0;background:var(--tlo);padding:12px 0;margin-top:14px;
    display:flex;gap:10px;flex-wrap:wrap;border-top:1px solid var(--linia)}
  :where(.ekran-trening) .zapisz-pasek .glowny{padding:11px 22px;font-size:15px}
  @media (max-width:700px){ :where(.ekran-trening) .zapisz-pasek{bottom:calc(64px + env(safe-area-inset-bottom))} :where(.ekran-trening) .zapisz-pasek .glowny{flex:1;min-height:48px} }
  .postep{display:grid;grid-template-columns:minmax(0,1fr) 124px auto;gap:12px;align-items:center;
    padding:10px 0;border-top:1px solid var(--linia)}
  .postep:first-of-type{border-top:0}
  .postep b{display:block;font-size:14.5px}
  .postep small{color:var(--tekst-2);font-size:12.5px}
  .postep .wynik{text-align:right;font-size:13px;color:var(--tekst-2);white-space:nowrap}
  .postep .wynik b{font-size:15px;color:var(--tekst)}
  .postep details{grid-column:1 / -1;font-size:13px;color:var(--tekst-2)}
  .postep details summary{cursor:pointer;color:var(--morze);font-size:12.5px}
  .postep details div{padding:3px 0 0 14px}
  .wykres polyline{fill:none;stroke:var(--morze);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
  .wykres circle{fill:var(--morze)}
  @media (max-width:560px){
    .postep{grid-template-columns:minmax(0,1fr) auto}
    .postep .wykres{grid-column:1 / -1;order:3}
  }
     :where(.ekran-trening,.ekran-plany) .edycja .rzad{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  :where(.ekran-trening,.ekran-plany) .pole-z-etykieta[hidden]{display:none}
  :where(.ekran-trening,.ekran-plany) .pole-z-etykieta > span{font-size:12px;color:var(--tekst-3);text-transform:uppercase;letter-spacing:.05em}
  :where(.ekran-trening,.ekran-plany) .edycja textarea{width:100%;min-height:90px;font:inherit;font-size:16px;padding:10px 12px;border:1px solid var(--linia);border-radius:12px;resize:vertical}
  :where(.ekran-trening,.ekran-plany) .podpowiedzi:empty{display:none}
  :where(.ekran-trening,.ekran-plany) .podpowiedzi button{display:flex;justify-content:space-between;gap:8px;border:0;background:var(--tlo);border-radius:10px;
    min-height:44px;padding:0 12px;font:inherit;font-size:15px;text-align:left;cursor:pointer;color:inherit;align-items:center}
  :where(.ekran-trening,.ekran-plany) .krokowe button{border:0;background:none;width:44px;min-height:48px;font-size:22px;line-height:1;cursor:pointer;color:var(--tekst-2);touch-action:manipulation;flex:none}
  :where(.ekran-trening,.ekran-plany) .krokowe input{border:0;width:58px;min-width:0;text-align:center;font-size:18px;font-weight:600;padding:0;background:none}
  :where(.ekran-trening,.ekran-plany) .segment button{border:0;background:none;min-width:52px;min-height:48px;padding:0 12px;font-size:15px;cursor:pointer;color:var(--tekst-2)}
  @media (max-width:640px){
  }
  @media (prefers-reduced-motion:no-preference){
    @keyframes wysun{from{transform:translateY(40px);opacity:.5}to{transform:none;opacity:1}}
  }
    :where(.ekran-trening) .rozmowa-karta .dymki{display:grid;gap:6px;margin:10px 0}
    :where(.ekran-trening) .dymek{max-width:85%;padding:8px 12px;border-radius:14px;font-size:14.5px;line-height:1.4;white-space:pre-line}
    :where(.ekran-trening) .dymek small{display:block;font-size:11.5px;color:var(--tekst-3);margin-bottom:2px}
    :where(.ekran-trening) .dymek.klient{background:rgba(var(--rgb-f5a623),.14);justify-self:start;border-bottom-left-radius:4px}
    :where(.ekran-trening) .dymek.trener{background:var(--tlo, var(--s-f2f2f4));justify-self:end;border-bottom-right-radius:4px}
    :where(.ekran-trening) .rozmowa-karta .odpowiedz{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}
    :where(.ekran-trening) .rozmowa-karta textarea{width:100%;min-height:44px}
    @media (max-width:700px){ :where(.ekran-trening) .rozmowa-karta .odpowiedz{grid-template-columns:1fr} :where(.ekran-trening) .rozmowa-karta .odpowiedz .przycisk{min-height:44px} }
      :where(.ekran-trening) details.plan-inny{margin-top:10px;border-top:1px solid var(--linia);padding-top:6px}
      :where(.ekran-trening) details.plan-inny > summary{cursor:pointer;min-height:44px;display:flex;flex-wrap:wrap;align-items:center;gap:6px;list-style:none}
      :where(.ekran-trening) details.plan-inny > summary::-webkit-details-marker{display:none}
      :where(.ekran-trening) details.plan-inny > summary::before{content:'›';font-size:18px;color:var(--tekst-3);transition:transform .15s}
      :where(.ekran-trening) details.plan-inny[open] > summary::before{transform:rotate(90deg)}
      :where(.ekran-trening) details.plan-inny > div{border-top:0 !important;margin-top:0 !important}
.ekran-trening .ktr-s1{border-left:4px solid var(--czerwien);background:rgba(var(--rgb-czerwien),.07);margin:10px 0}
.ekran-trening .ktr-s2{color:var(--czerwien);margin:6px 0}
.ekran-trening .ktr-s3{background:rgba(var(--rgb-morze),.08)}
.ekran-trening .ktr-s4{color:var(--uwaga-tekst)}
.ekran-trening .ktr-s5{padding:14px 18px}
.ekran-trening .ktr-s6{font-size:15px}
.ekran-trening .ktr-s7{font-size:12.5px}
.ekran-trening .ktr-s8{justify-content:space-between}
.ekran-trening .ktr-s9{padding:4px 10px;font-size:12.5px}
.ekran-trening .ktr-s10{margin-top:10px;padding-top:10px;border-top:1px solid var(--linia)}
.ekran-trening .ktr-s11{font-size:13px;white-space:pre-line}
.ekran-trening .ktr-s12{font-size:13px}
.ekran-trening .ktr-s13{padding:12px 18px;background:rgba(var(--rgb-bursztyn),.07)}
.ekran-trening .ktr-s14{font-size:14.5px}
.ekran-trening .ktr-s15{font-size:13.5px;color:var(--tekst-2);margin-top:4px}
.ekran-trening .ktr-s16{padding:3px 9px;font-size:12px;margin-left:6px}
.ekran-trening .ktr-s17{min-height:60px}
.ekran-trening .ktr-s18{font-size:16px;margin-bottom:6px}
.ekran-trening .ktr-s19{white-space:pre-line;font-size:14px}
.ekran-trening .ktr-s20{margin:8px 0 0;padding-left:18px;font-size:14px}
.ekran-trening .ktr-s21{margin-top:8px}
.ekran-trening .ktr-s22{margin:0}
.ekran-trening .ktr-s23{justify-items:stretch}
.ekran-trening .ktr-s24{margin-top:10px}
.ekran-trening .ktr-s25{width:64px;height:44px;text-align:center}
.ekran-ustawienia-tablicy .ust-tab-s1{background:rgba(var(--rgb-zielen),.10);color:var(--zielen)}
.ekran-ustawienia-tablicy .ust-tab-s2{margin-top:0}
.ekran-ustawienia-tablicy .ust-tab-s3{font-size:17px;margin-bottom:4px}
.ekran-ustawienia-tablicy .ust-tab-s4{margin-bottom:10px}
.ekran-ustawienia-tablicy .ust-tab-s5{display:flex;gap:10px;align-items:center;font-size:15px}
.ekran-ustawienia-tablicy .ust-tab-s6{width:22px;height:22px}
.ekran-ustawienia-tablicy .ust-tab-s7{display:flex;gap:10px;align-items:center;margin-top:10px;font-size:15px;flex-wrap:wrap}
.ekran-ustawienia-tablicy .ust-tab-s8{min-height:44px;min-width:0;flex:1 1 220px}
.ekran-ustawienia-tablicy .ust-tab-s9{margin:10px 0 0;padding-left:20px;color:var(--tekst-2);font-size:14px}
.ekran-ustawienia-tablicy .ust-tab-s10{margin-top:12px}
.ekran-wydruk-zbiorczy .wz-form{display:grid;gap:18px}
.ekran-wydruk-zbiorczy .wz-grupa{display:grid;gap:10px}
.ekran-wydruk-zbiorczy .wz-etykieta{font-size:13px;font-weight:600;color:var(--tekst-2);text-transform:uppercase;letter-spacing:.04em}
.ekran-wydruk-zbiorczy .wz-okresy{display:flex;gap:8px;flex-wrap:wrap}
.ekran-wydruk-zbiorczy .wz-okresy a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid var(--linia);border-radius:10px;color:var(--tekst);text-decoration:none}
.ekran-wydruk-zbiorczy .wz-okresy a[aria-pressed=true]{background:var(--tekst);color:var(--karta);border-color:var(--tekst)}
.ekran-wydruk-zbiorczy .wz-daty{display:flex;gap:12px;flex-wrap:wrap}
.ekran-wydruk-zbiorczy .wz-daty label{display:grid;gap:4px;font-size:14px;color:var(--tekst-2)}
.ekran-wydruk-zbiorczy .wz-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:4px 16px}
.ekran-wydruk-zbiorczy .wz-lista label{display:flex;gap:10px;align-items:center;min-height:44px}
.ekran-wydruk-zbiorczy .wz-lista input{width:22px;height:22px}
.ekran-wydruk-zbiorczy .wz-akcje{align-items:center}
.ekran-wydruk-zbiorczy .wz-postep{display:grid;gap:8px;margin-top:14px}
.ekran-wydruk-zbiorczy .wz-postep[hidden]{display:none}
.ekran-wydruk-zbiorczy .wz-postep-glowa{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.ekran-wydruk-zbiorczy .wz-postep progress{width:100%;height:14px}
.ekran-wydruk-zbiorczy .wz-postep-opis{color:var(--tekst-2);font-size:14px;min-height:1.3em;overflow-wrap:anywhere}
.ekran-wydruk-zbiorczy .wz-akcje .podpowiedz{color:var(--tekst-2);font-size:14px}
.wydruk-zbiorczy.z-treningami .tr-druk{display:block;margin:2px 0 6px 17px;font-size:12px;line-height:1.35;color:var(--tekst-2);break-inside:avoid}
.wydruk-zbiorczy.z-treningami .grafik ol.wiele{columns:1}
@media print{.wydruk-zbiorczy.z-treningami .dzien{break-inside:auto} .wydruk-zbiorczy.z-treningami .dzien h2{break-after:avoid} .wydruk-zbiorczy.z-treningami .grafik li{break-inside:avoid}}
.ekran-wydruk-zbiorczy .wz-opcja{display:flex;gap:10px;align-items:center;min-height:44px}
.ekran-wydruk-zbiorczy .wz-opcja input{width:22px;height:22px}
@media print{:where(.wydruk-zbiorczy) .kartka-trenera + .kartka-trenera{break-before:page} :where(.wydruk-zbiorczy) .dzien{break-inside:avoid}}
.pasek .marka .logo-studia,.ekran-logowanie .marka .logo-studia{display:block;flex:none;width:24px;height:24px;object-fit:contain}
.ekran-logowanie .marka .logo-studia{width:44px;height:44px}
.ekran-logowanie .haslo-studia{margin:-14px 0 22px;font-size:14px;color:var(--tekst-2)}
.ekran-ustawienia .ust-v4 + label{margin-top:12px}
