*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);
     font:var(--fs-base)/var(--lh) var(--font);font-weight:var(--font-waga,400);
     -webkit-font-smoothing:antialiased}
h1,h2,h3{margin:0;font-weight:640;letter-spacing:-.011em}
h1{font-size:var(--fs-xl)} h2{font-size:var(--fs-lg)} h3{font-size:var(--fs-md)}
a{color:var(--accent-text);text-decoration:none}
button{font:inherit}
.shell{display:grid;grid-template-columns:256px 1fr;min-height:100vh}
.side{background:var(--surface-2);border-right:1px solid var(--line);
      display:flex;flex-direction:column;padding:var(--s4) var(--s3)}
.brandbar{display:flex;align-items:center;gap:10px;padding:4px 6px var(--s4);
  flex-wrap:wrap}
.logo{width:30px;height:30px;border-radius:8px;background:var(--accent);color:var(--accent-ink);
      display:grid;place-items:center;font-size:12px;font-weight:700;flex:none}
.brandtext{min-width:0}
.brandtext .t{font-weight:650;font-size:var(--fs-base);white-space:nowrap;
              overflow:hidden;text-overflow:ellipsis}
.brandtext .s{font-size:var(--fs-xs);color:var(--ink-3);white-space:nowrap;
              overflow:hidden;text-overflow:ellipsis}
.side .grp{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.09em;
           color:var(--ink-2);font-weight:800;padding:18px 10px 7px;
           display:flex;align-items:center;gap:8px}
.side .grp::after{content:'';flex:1;height:1px;background:var(--line)}
.side button.nav{display:flex;align-items:center;gap:9px;padding:8px 10px 8px 16px;width:100%;
      border:0;border-left:2px solid var(--line);background:none;
      border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--ink-2);
      font-size:var(--fs-base);font-weight:520;cursor:pointer;text-align:left}
.side button.nav:hover{background:var(--surface);color:var(--ink);border-left-color:var(--g5)}
.side button.nav.on{background:var(--accent-soft);color:var(--accent-text);font-weight:640;
      border-left-color:var(--accent)}
.side .cnt{margin-left:auto;font-size:var(--fs-xs);color:var(--ink-3);
           font-variant-numeric:tabular-nums}
.sidefoot{margin-top:auto;padding:var(--s3) 10px 4px;border-top:1px solid var(--line);
          font-size:var(--fs-xs);color:var(--ink-3)}
.main{display:flex;flex-direction:column;min-width:0}
.topbar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
        align-items:center;gap:var(--s4);padding:16px var(--s6);
        border-bottom:1px solid var(--line);background:var(--surface)}
.topbar .sp{flex:1}
.top-lewo{display:flex;align-items:center;gap:var(--s4);min-width:0}
.top-lewo .qs{flex:1 1 auto;min-width:0;max-width:460px}
.top-lewo .qs input{width:100%;min-width:0}
.top-tytul{display:flex;flex-direction:column;line-height:1.15;white-space:nowrap;
  min-width:0}
.top-tytul h1{margin:0;font-size:var(--fs-xl);min-width:0;
  overflow:hidden;text-overflow:ellipsis}
.top-tytul{flex:0 1 auto;min-width:150px;max-width:340px}
.top-lewo .qs{flex:1 3 auto}
.top-produkt{font-size:var(--fs-xs);color:var(--ink-3);letter-spacing:.03em}
.top-srodek{display:flex;justify-content:center}
.top-prawo{display:flex;align-items:center;justify-content:flex-end;gap:var(--s4);min-width:0}
.top-srodek{padding:0 var(--s4)}
@media (max-width:2160px){
  .topbar{display:flex;flex-wrap:nowrap}
  .top-lewo{flex:1 1 auto;min-width:0}
  .top-lewo .qs{max-width:340px;min-width:190px}
  .top-tytul{min-width:150px;max-width:300px}
  .top-srodek{flex:0 0 auto;padding:0 var(--s3)}
  .top-prawo{flex:0 0 auto}
}
@media (max-width:1560px){
  .czatnik-opis{display:none}
  .czatnik{padding:0 10px;gap:6px}
  .top-lewo .qs{max-width:260px;min-width:150px}
  .zegar-czas{font-size:var(--fs-xl)}
}
@media (max-width:1320px){
  .top-lewo .qs{display:none}
}
.zegar{text-align:center;line-height:1.15;white-space:nowrap}
.zegar-czas{font-size:var(--fs-2xl);font-weight:680;font-variant-numeric:tabular-nums;
  letter-spacing:.01em}
.zegar-dzien{font-size:var(--fs-sm);color:var(--ink-2)}
.ikony{display:flex;align-items:center;gap:2px;padding:3px;
  border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2)}
.ikona{display:flex;align-items:center;justify-content:center;width:32px;height:32px;
  border:0;background:none;border-radius:var(--radius-sm);color:var(--ink-2);cursor:pointer}
.ikona:hover{background:var(--surface);color:var(--ink)}
.ikona:focus-visible{outline:none;box-shadow:var(--focus)}
.ikona.on{background:var(--accent-soft);color:var(--accent-text)}
.czatnik{display:flex;align-items:center;gap:8px;height:38px;padding:0 14px;
  border:1px solid var(--line);border-radius:var(--radius-pill);
  background:var(--surface);color:var(--ink-2);font:inherit;font-size:var(--fs-sm);
  font-weight:600;cursor:pointer;white-space:nowrap}
.czatnik:hover{border-color:var(--g5);color:var(--ink)}
.czatnik.pilne{background:var(--bad-bg);border-color:var(--bad-border);color:var(--bad)}
.czatnik.pilne:hover{border-color:var(--bad)}
.czatnik-licznik{display:inline-flex;align-items:center;justify-content:center;
  min-width:22px;height:22px;padding:0 6px;border-radius:999px;
  background:var(--bad-solid);color:var(--bad-solid-ink);
  font-size:var(--fs-xs);font-weight:800;font-variant-numeric:tabular-nums}
.czatnik-opis{font-weight:650}
.top-ja{display:flex;align-items:center;gap:10px;padding-left:var(--s4);
  border-left:1px solid var(--line)}
.ja-twarz{width:42px;height:42px;border-radius:50%;object-fit:cover;
  border:2px solid var(--line);background:var(--surface-2);flex:0 0 auto;
  display:flex;align-items:center;justify-content:center;
  font-size:var(--fs-sm);font-weight:700;color:var(--accent-text)}
.ja-twarz.litery{background:var(--accent-soft);border-color:var(--accent-border)}
.ja-opis{display:flex;flex-direction:column;line-height:1.2;white-space:nowrap}
.ja-rola{font-size:var(--fs-xs);color:var(--ink-3)}
.ja-imie{font-size:var(--fs-base);font-weight:650}
.content{padding:var(--s5) var(--s6);overflow:auto}
.btn{height:var(--control-h);padding:0 14px;border-radius:var(--radius);
     border:1px solid var(--line);background:var(--surface);color:var(--ink);
     font-weight:600;font-size:var(--fs-base);cursor:pointer;
     display:inline-flex;align-items:center;justify-content:center;gap:6px;
     line-height:1.2;text-align:center}
.btn:hover{border-color:var(--g5);background:var(--surface-2)}
.btn:focus-visible{outline:none;box-shadow:var(--focus)}
.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.btn.sm{height:34px;padding:0 12px;font-size:var(--fs-sm)}
.btn.zielony{background:var(--ok-solid);border-color:var(--ok-solid);color:var(--ok-solid-ink)}
.btn.zielony:hover{background:var(--ok-solid-hover);border-color:var(--ok-solid-hover)}
.btn.czerwony{background:var(--bad-solid);border-color:var(--bad-solid);color:var(--bad-solid-ink)}
.btn.czerwony:hover{background:var(--bad-solid-hover);border-color:var(--bad-solid-hover)}
.btn.ostrzega{border-color:var(--warn-border);background:var(--warn-bg);color:var(--warn)}
.btn.ostrzega:hover{border-color:var(--warn);background:var(--warn-bg)}
.btn.groznie{border-color:var(--bad-border);color:var(--bad);background:var(--surface)}
.btn.groznie:hover{border-color:var(--bad);background:var(--bad-bg)}
.btn:disabled{opacity:.5;cursor:default}
.stan-przydzialu{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 14px;
  border-radius:var(--radius);border:1px solid var(--ok-border);background:var(--ok-bg);
  color:var(--ok);font-size:var(--fs-sm);font-weight:650;white-space:nowrap}
.stan-przydzialu .kropka{width:8px;height:8px;border-radius:50%;background:var(--ok-solid);flex:none}
.input{height:var(--control-h);padding:0 12px;border:1px solid var(--line);
       border-radius:var(--radius);background:var(--surface);color:var(--ink);
       font:var(--fs-base)/1 var(--font);width:100%}
.input:focus{outline:none;border-color:var(--accent);box-shadow:var(--focus)}
textarea.input{height:auto;min-height:84px;padding:10px 12px;line-height:1.5;
  resize:vertical;font:var(--fs-base)/1.5 var(--font)}
textarea.input.duze{min-height:280px}
.haslo-blok{margin-top:var(--s4);padding-top:var(--s4);border-top:1px solid var(--line)}
.podglad{margin-top:var(--s4);border-top:1px solid var(--line);padding-top:var(--s3)}
.podglad-hd{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.podglad-hd .tytul{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;
  color:var(--ink-3);font-weight:700}
.podglad-hd .rozpychacz{margin-left:auto}
.podglad-mail{background:var(--g0);border:1px solid var(--line);
  border-radius:var(--radius);overflow:hidden}
.podglad-temat{padding:10px 14px;border-bottom:1px solid var(--line-soft);
  font-weight:660;background:var(--surface-2)}
.podglad-tresc{padding:14px;white-space:pre-wrap;line-height:1.55;max-height:420px;
  overflow-y:auto}
.card{background:var(--surface);border:1px solid var(--line);
      border-radius:var(--radius-lg);box-shadow:var(--shadow-1);margin-bottom:var(--s5)}
.card>.hd{padding:var(--s4) var(--pad-card);border-bottom:1px solid var(--line-soft);
          display:flex;align-items:center;gap:var(--s3)}
.filters{display:flex;flex-direction:column;gap:10px;padding:var(--s3) var(--pad-card);
         border-bottom:1px solid var(--line-soft);background:var(--surface-2)}
.filters .row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.filters select.input{width:auto;min-width:150px}
.card>.bd{padding:var(--pad-card)}
.kpis{display:grid;gap:var(--s3);grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
      margin-bottom:var(--s4)}
.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);
     box-shadow:var(--shadow-1);padding:var(--s4) var(--s5)}
.kpi .l{font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.04em;
        color:var(--ink-2);font-weight:700}
.kpi .v{font-size:var(--fs-2xl);font-weight:660;letter-spacing:-.02em;margin-top:4px;
        line-height:1.1;font-variant-numeric:tabular-nums}
.kpi .d{font-size:var(--fs-sm);color:var(--ink-3);margin-top:4px}
.kpi.alert{border-color:var(--bad-border);background:var(--bad-bg)}
.kpi.alert .v{color:var(--bad)}
.kpi .v.ton-ok{color:var(--ok)}
.kpi .v.ton-zle{color:var(--bad)}
.pager .na-stronie{margin-left:auto;display:flex;align-items:center;gap:6px;
  font-size:var(--fs-sm)}
.pager .na-stronie select.input{width:auto;height:28px;padding:0 6px}
.kpi-klik{text-align:left;font:inherit;color:inherit;cursor:pointer;width:100%;display:block}
.kpi-klik:hover{border-color:var(--g5);box-shadow:var(--shadow-2)}
.kpi-klik:focus-visible{outline:none;box-shadow:var(--focus)}
.kpi-klik.wybrany{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.kpi-klik.wybrany .l{color:var(--accent-text)}
.znacznik{display:inline-block;padding:1px 5px;border-radius:var(--radius-sm);
  background:var(--surface-2);border:1px solid var(--line);color:var(--ink-3);
  font-size:var(--fs-xs);font-weight:700;letter-spacing:.03em;vertical-align:1px}
table{width:100%;border-collapse:collapse;font-size:var(--fs-base)}
thead th{text-align:left;font-size:var(--fs-xs);text-transform:uppercase;
         letter-spacing:.06em;color:var(--ink-2);font-weight:750;padding:12px 13px;
         background:var(--naglowek);
         border-bottom:1px solid var(--line);cursor:pointer;user-select:none;
         white-space:normal;text-wrap:balance;vertical-align:bottom}
tbody td{padding:var(--pad-cell);border-bottom:1px solid var(--wiersz-linia);height:var(--row-h)}
tbody tr:hover{background:var(--wiersz-hover)}
.num{text-align:right;font-variant-numeric:tabular-nums}
.mono{font-family:var(--mono);font-size:var(--fs-sm)}
.muted{color:var(--ink-3)}
.clip{max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pill{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 11px;
      border-radius:var(--radius-pill);font-size:var(--fs-sm);font-weight:650;
      border:1px solid transparent;white-space:nowrap}
.pill.ok{background:var(--ok-bg);color:var(--ok);border-color:var(--ok-border)}
.pill.warn{background:var(--warn-bg);color:var(--warn);border-color:var(--warn-border)}
.pill.bad{background:var(--bad-bg);color:var(--bad);border-color:var(--bad-border)}
.pill.info{background:var(--info-bg);color:var(--info);border-color:var(--info-border)}
.pill.mute{background:var(--surface-2);color:var(--ink-2);border-color:var(--line)}
.pill.duza{height:30px;padding:0 14px;font-size:var(--fs-base);font-weight:660}
td.kol-status{width:1%}
td.kol-status .pill{min-width:132px;justify-content:center}
td.kol-data{white-space:nowrap}
.tblwrap table.karty td.clip{max-width:260px}
.termin{font-variant-numeric:tabular-nums;white-space:nowrap}
.termin.pilne{color:var(--warn);font-weight:650}
.termin.po{color:var(--bad);font-weight:700}
.note{border:1px solid var(--line);border-left:3px solid var(--accent);
      background:var(--surface-2);border-radius:var(--radius);padding:12px 14px;
      color:var(--ink-2);margin-bottom:var(--s3);
      white-space:pre-line}
.note b{color:var(--ink)}
.pager{display:flex;align-items:center;gap:10px;flex-wrap:wrap;
       padding:var(--s3) var(--pad-card);
       border-top:1px solid var(--line-soft);color:var(--ink-3);font-size:var(--fs-sm)}
.pager .btn{white-space:nowrap}
.pager > span{white-space:nowrap}
@media (max-width:640px){
  .pager{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px;
    justify-items:stretch;text-align:center}
  .pager > span{order:1;grid-column:1 / -1;text-align:center}
  .pager .btn{order:2;width:100%;min-width:0}
  .pager .na-stronie{order:3;grid-column:1 / -1;margin-left:0;
    justify-content:center}
}
.login{min-height:100vh;display:grid;place-items:center;padding:var(--s5)}
.login .box{width:100%;max-width:380px}
.err{color:var(--bad);font-size:var(--fs-sm);margin-top:8px}
.drawer{position:fixed;inset:0 0 0 auto;width:min(94vw,max(860px,66vw));background:var(--surface);
        border-left:1px solid var(--line);box-shadow:var(--shadow-3);overflow:auto;
        padding:var(--s5) var(--s6);z-index:40}
.scrim{position:fixed;inset:0;background:rgba(20,18,14,.35);z-index:39}
.okienko{position:fixed;z-index:60;left:50%;top:50%;transform:translate(-50%,-50%);
  width:min(560px,92vw);max-height:86vh;overflow:auto;background:var(--surface);
  border:1px solid var(--line);border-radius:var(--radius-lg);
  box-shadow:var(--shadow-3);padding:var(--s5) var(--s6)}
.okienko .pasek-akcji{margin-top:var(--s5)}
.okienko.szerokie{width:min(760px,94vw)}
.okienko.waskie{width:min(420px,94vw)}
.okienko.tabelka{width:min(1180px,96vw)}
.okienko.tabelka .tblwrap{overflow-x:auto}
.okienko.tabelka table{width:100%}
.okienko.tabelka th,.okienko.tabelka td{white-space:nowrap}
.okienko.tabelka td.zawijaj{white-space:normal;min-width:14ch}
.tab-sesje{table-layout:fixed}
.tab-sesje thead th{white-space:normal;overflow-wrap:break-word;hyphens:none}
.tab-sesje td{white-space:normal;overflow-wrap:anywhere}
.tab-sesje td.mono{white-space:normal}
.tab-sesje .kol-akcja{white-space:nowrap}
.tab-sesje .kol-akcja .btn{display:flex;width:100%;justify-content:center}
.tab-sesje .kol-akcja .btn + .btn{margin-left:0;margin-top:6px}
.lista-brakow{list-style:none;margin:0 0 var(--s4);padding:0;
  display:flex;flex-direction:column;gap:8px}
.lista-brakow li{display:flex;gap:10px;align-items:flex-start;
  padding:9px 12px;border-radius:var(--radius-sm);
  background:var(--surface-2);border:1px solid var(--line-soft)}
.lista-brakow li.wazne{background:var(--warn-bg);border-color:var(--warn-border)}
.lista-brakow .znak{flex:none;width:20px;height:20px;border-radius:50%;
  display:grid;place-items:center;font-weight:800;font-size:var(--fs-sm);
  background:var(--line);color:var(--ink-2)}
.lista-brakow li.wazne .znak{background:var(--warn);color:#fff}
.btn.zamknij-zlecenie{margin-left:auto;font-weight:700}
.stan-przydzialu.zamkniete{border-color:var(--line);background:var(--surface);
  color:var(--ink-2)}
.stan-przydzialu.zamkniete .kropka{background:var(--ink-3)}
dl.kv{display:grid;grid-template-columns:190px 1fr;gap:6px 14px;margin:0 0 var(--s4)}
dl.kv dt{color:var(--ink-3);font-size:var(--fs-sm)}
dl.kv dd{margin:0}
.tblwrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.tblwrap table{min-width:720px}
.grupa-stawek .tblwrap table{min-width:1040px}
.grupa-stawek .tblwrap th:first-child,
.grupa-stawek .tblwrap td:first-child{min-width:180px}
.grupa-stawek .tblwrap td:first-child .input{width:100%}
.grupa-stawek .tblwrap th:nth-child(2),
.grupa-stawek .tblwrap td:nth-child(2){min-width:130px}
.grupa-stawek .tblwrap td:nth-child(2) .input{width:100%}
@media (max-width:1800px){
  .top-ja .ja-opis{display:none}
  .top-ja{padding-left:var(--s3);border-left:1px solid var(--line-soft)}
}
@media (max-width:900px){
  .shell{grid-template-columns:1fr}
  .side{position:fixed;top:0;left:0;bottom:0;z-index:90;
        width:min(320px,86vw);
        flex-direction:column;overflow-y:auto;overscroll-behavior:contain;
        padding:var(--s4) var(--s3) var(--s6);
        border-right:1px solid var(--line);border-bottom:0;
        box-shadow:8px 0 28px rgba(16,24,40,.18);
        transform:translateX(-100%);
        transition:transform .22s ease}
  .side.otwarte{transform:translateX(0)}
  .scrim-menu{z-index:89}
  .side button.nav{white-space:normal;width:100%;min-height:44px}
  .topbar{display:flex;flex-wrap:wrap;gap:8px;padding:10px var(--s4)}
  .top-lewo{flex:1 1 100%;order:1}
  .top-lewo .qs{flex:1 1 auto;max-width:none}
  .top-srodek{flex:0 0 auto;order:2;padding:0}
  .top-prawo{flex:1 1 auto;order:3;gap:var(--s3)}
  .ja-twarz{width:36px;height:36px}
  .topbar h1{font-size:var(--fs-lg)}
  .top-prawo{justify-content:space-between}
  .top-ja .ja-opis{display:none}
  .top-ja{padding-left:0;border-left:0}
  .topbar > div[style]{order:10;flex-basis:100%;max-width:none !important}
  .content{padding:var(--s4)}
  .card>.hd{flex-wrap:wrap}
  .card>.hd .input{max-width:none !important;width:100%}
  .filters select.input{min-width:0;flex:1 1 45%}
  .kpis{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
  .kpi{padding:var(--s3) var(--s4)}
  .kpi .v{font-size:var(--fs-xl)}
  .drawer{width:100vw;padding:var(--s4)}
  dl.kv{grid-template-columns:1fr}
  dl.kv dt{margin-top:6px}
}
tr.rowlink { cursor: pointer; }
tr.rowlink:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
.note.bad { border-color: var(--bad); color: var(--bad); }
.note.ok{border-left-color:var(--ok);color:var(--ok)}
.note.ostrzega{border-left-color:var(--warn);background:var(--warn-bg)}
.input.sm { padding: 4px 8px; font-size: var(--fs-sm); }
.fotki{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(108px,1fr))}
.fotka{margin:0;display:flex;flex-direction:column;gap:6px}
.fotka-obraz{padding:0;border:1px solid var(--line);border-radius:var(--radius);
  background:var(--surface-2);cursor:zoom-in;overflow:hidden;aspect-ratio:1;display:block;width:100%}
.fotka-obraz img{width:100%;height:100%;object-fit:cover;display:block}
.fotka-obraz .pdf{display:grid;place-items:center;height:100%;font-weight:600;color:var(--ink-2)}
.fotka figcaption{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:var(--fs-sm)}
.lightbox{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.82);
  display:grid;place-items:center;gap:12px;grid-template-rows:1fr auto;padding:24px;cursor:zoom-out}
.lightbox img{max-width:100%;max-height:80vh;object-fit:contain;border-radius:var(--radius)}
.lightbox-pdf{width:min(1000px,94vw);align-self:stretch;justify-self:center;
  min-height:320px;border:0;border-radius:var(--radius);background:#fff;cursor:default}
.lightbox-podpis{color:#fff;text-align:center}
.btn.off{opacity:.55;pointer-events:none}
.formrow{display:flex;gap:12px;row-gap:10px;flex-wrap:wrap;align-items:center}
.formrow + .formrow{margin-top:10px}
.formrow > form.formrow{gap:8px}
.formrow select.input{width:auto;min-width:120px;flex:0 0 auto}
.formrow .input.grow{flex:1 1 180px;min-width:140px}
.formrow .input.w-min{width:88px;flex:0 0 auto}
.formrow .input.w-cena{width:110px;flex:0 0 auto}
.formrow .btn{flex:0 0 auto}
.formrow label{white-space:nowrap}
@media (max-width:640px){
  .formrow .input.grow,.formrow select.input{flex:1 1 100%;width:100%}
}
td > .jak-link + .jak-link,
td > .jak-link + .btn,
td > .btn + .jak-link,
td > .btn + .btn{margin-left:12px}
.akcje-wiersza{white-space:nowrap;text-align:right}
.pasek-zlecenia{display:flex;flex-direction:column;gap:10px;margin-bottom:var(--s4);
  padding:12px 14px;background:var(--surface-2);border:1px solid var(--line);
  border-radius:var(--radius)}
.pasek-zlecenia .rzad{display:flex;gap:8px;flex-wrap:wrap;align-items:center;min-height:34px}
.pasek-zlecenia .rzad-status{padding-top:10px;border-top:1px solid var(--line)}
.pasek-zlecenia .etykieta-rzedu{font-size:var(--fs-sm);text-transform:uppercase;
  letter-spacing:.04em;color:var(--ink-2);font-weight:700;flex:0 0 auto}
.pasek-zlecenia select.input{width:auto;min-width:150px;flex:0 0 auto}
.pasek-zlecenia .input.powod{flex:1 1 220px;min-width:140px}
@media (max-width:640px){
  .pasek-zlecenia .input.powod{flex:1 1 100%}
  .pasek-zlecenia select.input{flex:1 1 100%;width:100%;min-width:0}
}
.dostepnosc{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;
  font-size:var(--fs-sm);color:var(--ink-3)}
.dostepnosc .kropka{width:9px;height:9px;border-radius:50%;flex:none;
  box-shadow:0 0 0 2px var(--surface)}
.dostepnosc .stan{font-weight:600;color:var(--ink-2)}
.dostepnosc.online .kropka{background:var(--ok-solid)}
.dostepnosc.online .stan{color:var(--ok)}
.dostepnosc.chyba-online .kropka{background:var(--warn)}
.dostepnosc.chyba-online .stan{color:var(--warn)}
.dostepnosc.offline .kropka{background:var(--bad-solid)}
.dostepnosc.offline .stan{color:var(--bad)}
.dostepnosc.nieznany .kropka{background:var(--g5)}
.dostepnosc.duza .kropka{width:14px;height:14px;box-shadow:0 0 0 3px var(--surface)}
.dostepnosc.duza.online .kropka{
  background:var(--ok-solid);animation:tetno 2.4s ease-in-out infinite}
.dostepnosc.duza.offline .kropka{
  background:var(--bad-solid);box-shadow:0 0 0 3px var(--surface),0 0 0 5px var(--bad-bg)}
@keyframes tetno{
  0%,100%{box-shadow:0 0 0 3px var(--surface),0 0 0 3px hsl(152 72% 40% / .45)}
  50%    {box-shadow:0 0 0 3px var(--surface),0 0 0 8px hsl(152 72% 40% / 0)}
}
@media (prefers-reduced-motion:reduce){
  .dostepnosc.duza.online .kropka{animation:none}
}
.numer-stanowiska{font-size:var(--fs-md);font-weight:700;letter-spacing:-.01em;
  color:var(--ink);white-space:nowrap}
td.num,td.mono{white-space:nowrap}
@media (max-width:1100px){ td .dostepnosc .kiedy{display:none} }
.karta-kolumny{display:flex;gap:var(--s5);align-items:stretch;flex-wrap:wrap;
  margin-bottom:var(--s4)}
.para-blokow{display:flex;gap:var(--s4);align-items:flex-start;flex-wrap:wrap}
.para-blokow > .lewa,.para-blokow > .prawa{flex:1 1 340px;min-width:0}
.para-blokow .blok{margin-bottom:var(--s4)}
.para-blokow .rozmowa{max-width:none}
.karta-kolumny > .lewa{flex:1 1 360px;min-width:0;display:flex}
.karta-kolumny > .lewa > .kafel{flex:1 1 auto}
.karta-kolumny > .prawa{flex:0 1 320px;min-width:280px;display:flex}
.karta-kolumny > .prawa > .kafel{flex:1 1 auto}
.karta-kolumny > .lewa dl.kv{grid-template-columns:132px 1fr;margin-bottom:0}
@media (max-width:640px){ .karta-kolumny > .lewa dl.kv{grid-template-columns:1fr} }
.kafel{background:var(--surface-2);border:1px solid var(--line);
  border-radius:var(--radius);padding:var(--s4);display:flex;flex-direction:column;gap:10px}
.kafel-hd{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.kafel-hd .nazwa{font-weight:660;font-size:var(--fs-md)}
.jak-link{background:none;border:0;padding:0;font:inherit;color:var(--accent-text);
  cursor:pointer;text-align:left}
.jak-link:hover{text-decoration:underline}
.kafel-fakty{display:grid;grid-template-columns:auto 1fr;gap:7px 14px;
  font-size:var(--fs-base);margin:0}
.kafel-fakty dt{color:var(--ink-3)}
.kafel-fakty dd{margin:0;min-width:0;overflow-wrap:anywhere}
:where(html[lang="de"]) .kafel > .kafel-fakty{grid-template-columns:fit-content(42%) minmax(0,1fr)}
.kafel-akcje{display:flex;flex-wrap:wrap;gap:6px;padding-top:10px;
  border-top:1px solid var(--line)}
.kafel-akcje .btn{flex:1 1 auto}
.kafel-uwaga{font-size:var(--fs-sm);color:var(--warn);background:var(--warn-bg);
  border:1px solid var(--warn-border);border-radius:var(--radius-sm);padding:6px 8px}
.tresc-zgloszenia{font-size:var(--fs-md);line-height:1.45;color:var(--ink);font-weight:500}
.kafel-fakty{font-size:var(--fs-base)}
.kafel-fakty dd.po-terminie{color:var(--bad);font-weight:650}
.blok-kodu{display:block;margin:8px 0;padding:8px 12px;background:var(--g0);
  border:1px solid var(--line);border-radius:var(--radius-sm);
  font-size:var(--fs-sm);overflow-x:auto;white-space:pre;user-select:all}
.notatki{display:flex;flex-direction:column;gap:8px}
.notatka{border-left:3px solid var(--accent);background:var(--surface-2);
  border-radius:var(--radius-sm);padding:8px 12px}
.notatka .meta{font-size:var(--fs-sm);margin-bottom:4px;
  display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.notatka .meta .rozpychacz{margin-left:auto}
.notatka .meta .btn{opacity:0;transition:opacity .12s}
.notatka:hover .meta .btn,.notatka:focus-within .meta .btn{opacity:1}
@media (hover:none){ .notatka .meta .btn{opacity:1} }
.notatka.w-edycji{background:var(--surface);border:1px solid var(--accent-border);
  border-left:3px solid var(--accent)}
.wiad .meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.wiad-akcje{margin-left:auto;display:flex;gap:10px;opacity:0;transition:opacity .12s}
.wiad:hover .wiad-akcje,.wiad:focus-within .wiad-akcje{opacity:1}
@media (hover:none){ .wiad-akcje{opacity:1} }
.jak-link.groznie{color:var(--bad)}
.notatka .tresc{white-space:pre-wrap}
.blok{background:var(--surface);border:1px solid var(--line);
  border-radius:var(--radius);box-shadow:var(--shadow-1);
  margin-bottom:var(--s4);overflow:hidden}
.blok > .blok-hd{display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  padding:8px var(--s4);background:var(--surface-2);
  border-bottom:1px solid var(--line);min-height:44px}
.blok-hd .tytul{font-weight:660;font-size:var(--fs-base)}
.powiad-licznik{flex:0 0 auto;padding:1px 6px;border-radius:9px;
  border:1px solid var(--line);color:var(--ink-2);
  font-size:var(--fs-xs);font-weight:600;white-space:nowrap}
.blok-hd .licznik{color:var(--ink-3);font-size:var(--fs-sm);
  font-variant-numeric:tabular-nums}
.blok-hd .rozpychacz{margin-left:auto}
.blok > .blok-bd{padding:var(--s3) var(--s4)}
.blok > .blok-bd.tabela{padding:0}
.blok > .blok-bd.tabela table{border-collapse:collapse}
.blok > .blok-bd.tabela tbody tr:last-child td{border-bottom:0}
.blok > .blok-bd.tabela thead th{padding-left:var(--s4)}
.blok > .blok-bd.tabela td:first-child,
.blok > .blok-bd.tabela th:first-child{padding-left:var(--s4)}
.blok > .blok-bd.tabela td:last-child,
.blok > .blok-bd.tabela th:last-child{padding-right:var(--s4)}
.blok .puste{padding:var(--s4);color:var(--ink-3);font-size:var(--fs-sm)}
.blok > .blok-form{padding:var(--s3) var(--s4);background:var(--surface-2);
  border-bottom:1px solid var(--line)}
.pola.ciasne{display:grid;
  grid-template-columns:repeat(auto-fill,minmax(196px,1fr));
  gap:var(--s3) var(--s4);align-items:start}
.pola.ciasne > .pole{min-width:0}
.pola.ciasne > .pole.rosnie{grid-column:span 2}
@media (max-width:640px){ .pola.ciasne > .pole.rosnie{grid-column:span 1} }
.pola.ciasne .pole > label,.pola.ciasne .pole-etykieta{font-size:var(--fs-sm)}
.pola.ciasne .pole{gap:4px}
.pola.ciasne .pole .formrow{gap:14px;flex-wrap:nowrap;align-items:center;white-space:nowrap}
.pola.ciasne .pole .formrow .btn{flex:0 0 auto}
.formrow label.ptaszek{white-space:normal}
.pola.ciasne .pole .formrow .ptaszek{flex:1 1 auto;min-width:0;white-space:normal}
.pola.ciasne .input{height:36px}
.pola.ciasne .input.w-min{width:80px}
.pola.ciasne .input.w-cena{width:100px}
.pola.ciasne .input.w-ilosc{width:70px}
.pola.ciasne .input.w-jednostka{width:96px}
.blok-form .pasek-akcji{margin-top:10px;padding-top:10px}
.przeliczenie{display:flex;gap:var(--s5);flex-wrap:wrap;align-items:baseline;
  margin-top:10px;padding:8px 12px;background:var(--surface);
  border:1px solid var(--line);border-radius:var(--radius-sm);
  font-size:var(--fs-sm);color:var(--ink-3)}
.przeliczenie strong{color:var(--ink);font-size:var(--fs-base);
  font-variant-numeric:tabular-nums}
.przeliczenie .razem{margin-left:auto}
.przeliczenie .razem strong{color:var(--accent-text)}
.rozmowa{max-width:740px}
.rozmowa .czat{margin-bottom:10px}
.czat-pisz{display:flex;gap:8px;align-items:flex-end}
.czat-pisz textarea.input{flex:1 1 auto;min-height:44px;resize:vertical;
  padding:10px 12px;line-height:1.4}
.czat-pisz .btn{flex:0 0 auto;height:44px;padding:0 20px}
.czat-stopka{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap;
  margin-top:6px;font-size:var(--fs-sm);color:var(--ink-3)}
.link-mini{background:none;border:0;padding:0;font:inherit;color:var(--warn);
  text-decoration:underline;cursor:pointer}
.link-mini:hover{color:var(--ink)}
.wiad-zdjecie{display:block;margin-top:8px;max-width:340px}
.wiad-zdjecie img{display:block;width:100%;height:auto;max-height:260px;object-fit:cover;
  border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2)}
.wiad-zdjecie:hover img{border-color:var(--accent)}
.kartahd{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:4px}
.numer-zlecenia{font-size:var(--fs-xl);font-weight:700;letter-spacing:-.01em}
.pole > label,.pole-etykieta{font-size:var(--fs-sm)}
.kartahd .zamknij{margin-left:auto}
.kartahd .btn{flex:0 0 auto}
@media (max-width:640px){
  .kartahd{justify-content:center;text-align:center}
  .kartahd .zamknij{margin-left:0}
  .karta-podtytul{justify-content:center;text-align:center}
}
.drawer.waski{width:min(420px,94vw)}
.qr{display:grid;place-items:center;padding:14px;background:#fff;border:1px solid var(--line);
    border-radius:var(--radius);margin-top:10px}
.qr img{width:min(260px,70vw);height:auto;display:block}
.lista{margin:0 0 10px;padding-left:20px;color:var(--ink-2)}
.lista li{margin-bottom:6px}
.formrow .mono.grow{flex:1 1 auto;font-size:var(--fs-sm);word-break:break-all}
.para-przyciskow{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;
  gap:10px;flex:0 0 auto}
.para-przyciskow > .btn{width:100%;display:inline-flex;align-items:center;
  justify-content:center;text-align:center}
@media (max-width:520px){
  .para-przyciskow{grid-auto-flow:row;flex:1 1 100%;min-width:0}
}
@media (max-width:640px){
  .tblwrap table.karty thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .tblwrap table.karty,.tblwrap table.karty tbody,.tblwrap table.karty tr,.tblwrap table.karty td{display:block;width:auto}
  .tblwrap table.karty{min-width:0}
  .tblwrap table.karty tr{border:1px solid var(--line);border-radius:var(--radius);
    padding:10px 12px;margin-bottom:8px;background:var(--surface)}
  .tblwrap table.karty td{border:0;padding:1px 0;white-space:normal !important;
    overflow:visible;text-overflow:clip;line-height:1.35;height:auto;min-height:0}
  .tblwrap table.karty td[data-label="Technik"]::before,
  .tblwrap table.karty td[data-label="Wpłynęło"]::before{
    content:attr(data-label) ": ";color:var(--ink-2)}
  .tblwrap table.karty td[data-label="Numer"]{font-weight:600;font-size:var(--fs-sm)}
  .tblwrap table.karty td[data-label="Firma"]{font-weight:600;margin-bottom:2px}
  .tblwrap table.karty td[data-label="Zgłoszenie"]{margin-bottom:6px}
  .tblwrap table.karty tr{display:flex;flex-wrap:wrap;align-items:baseline;
    gap:0 8px}
  .tblwrap table.karty td{flex:1 1 100%;min-width:0}
  .tblwrap table.karty td.clip{max-width:none}
  .tblwrap table.karty td[data-label="Technik"]{font-size:var(--fs-sm)}
  .tblwrap table.karty td[data-label="Status"]{flex:0 0 auto;margin:0 0 4px}
  .tblwrap table.karty td[data-label="Wpłynęło"]{flex:0 0 auto;margin:0 0 4px auto;
    text-align:right;font-size:var(--fs-sm)}
  .tblwrap table.karty td.puste{display:none}
  .topbar .schowaj-na-telefonie{display:none}
}
.podpowiedzi{border:1px solid var(--line);border-radius:var(--radius);margin-top:4px;overflow:hidden}
.podpowiedz{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:8px 12px;border:0;
  background:var(--surface);color:var(--ink);cursor:pointer;font:inherit}
.podpowiedz:hover,.podpowiedz:focus-visible{background:var(--surface-2);outline:none}
.podpowiedz+.podpowiedz{border-top:1px solid var(--line-soft)}
.seria{border:1px solid var(--line);border-radius:var(--radius);padding:12px;margin-bottom:10px}
.seria-edycja{margin-top:10px;padding-top:10px;border-top:1px solid var(--line-soft);
  display:flex;flex-direction:column;gap:8px}
.seria-edycja .note{margin:0}
.panel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  grid-auto-rows:172px;grid-auto-flow:row dense;gap:var(--s4);align-items:stretch}
.panel>.w4,.panel>.kpis.w4{grid-column:span 4}
.panel>.w3{grid-column:span 3}
.panel>.w2{grid-column:span 2}
.panel>.w1{grid-column:span 1}
.panel>.h1{grid-row:span 1}
.panel>.h2{grid-row:span 2}
.panel>.h3{grid-row:span 3}
.panel>.h4{grid-row:span 4}
.widget{margin:0;display:flex;flex-direction:column;min-height:0;overflow:hidden}
.widget > .hd{flex:0 0 auto}
.widget > .widget-tresc{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;
  overflow:hidden;position:relative}
.widget > .widget-tresc > *{min-height:0;overflow:hidden}
.widget-reszta{flex:0 0 auto;padding:6px 2px 0;margin-top:auto;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  font-size:var(--fs-xs);color:var(--ink-3);text-align:center;
  border-top:1px solid var(--line-soft)}
.kpis{margin-bottom:var(--s4)}
@media (max-width:1100px){
  .panel{grid-template-columns:repeat(2,minmax(0,1fr))}
  .panel>.w3,.panel>.w4,.panel>.kpis.w4{grid-column:span 2}
}
@media (max-width:640px){
  .panel{grid-template-columns:1fr;grid-auto-rows:auto}
  .panel>.w2,.panel>.w3,.panel>.w4,.panel>.kpis.w4{grid-column:span 1}
  .panel>.h1,.panel>.h2,.panel>.h3,.panel>.h4{grid-row:auto}
  .widget{overflow:visible}
  .widget > .hd + *{overflow:visible}
}
.lista-widget{display:grid;align-items:stretch;align-content:start;
  overflow-y:auto;overflow-x:hidden}
.lista-widget .nagl{display:contents}
.lista-widget .nagl > span{position:sticky;top:0;z-index:1;
  padding:9px 14px;background:var(--surface-2);
  border-bottom:1px solid var(--line);
  font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.04em;
  color:var(--ink-2);font-weight:700;white-space:nowrap}
.lista-widget .nagl > span:first-child{text-align:right}
.lista-widget .wrs{display:contents}
.lista-widget .wrs > *{padding:11px 14px;border-bottom:1px solid var(--line-soft);
  min-width:0;background:var(--surface);
  display:flex;flex-direction:column;justify-content:center}
.lista-widget .wrs:last-child > *{border-bottom:0}
.lista-widget .wrs.klik{cursor:pointer}
.lista-widget .wrs.klik:hover > *{background:var(--surface-2)}
.lista-widget .wrs:focus-visible > *{background:var(--accent-soft);outline:none}
.lista-widget .kiedy{align-items:flex-end;white-space:nowrap;
  color:var(--ink-2);font-size:var(--fs-sm);font-variant-numeric:tabular-nums}
.lista-widget .numer{align-items:flex-start;white-space:nowrap;
  font-size:var(--fs-sm);color:var(--ink)}
.lista-widget .kiedy.pilne{color:var(--bad);font-weight:700}
.lista-widget .opis{gap:2px;min-width:0}
.lista-widget .opis .glowny{display:-webkit-box;-webkit-line-clamp:2;
  -webkit-box-orient:vertical;overflow:hidden;line-height:1.35}
.lista-widget .opis .muted{font-size:var(--fs-sm);white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis}
.lista-widget .stan{align-items:flex-start}
.lista-widget .stan .pill{align-self:flex-start}
.lista-widget .wrs.zalegle .kiedy{color:var(--bad);font-weight:700}
.podpis-blok{border:1px solid var(--line);border-radius:var(--radius);
  padding:var(--s4);background:var(--surface-2);margin-top:var(--s4)}
.podpis-tytul{font-size:var(--fs-sm);font-weight:700;text-transform:uppercase;
  letter-spacing:.04em;color:var(--ink-2);margin-bottom:6px}
.podpis-oswiadczenie{margin:0 0 10px;font-size:var(--fs-sm);color:var(--ink-2);
  line-height:1.5;max-width:70ch}
.podpis-info{font-size:var(--fs-sm);color:var(--warn);margin-top:8px}
.podpis-pole{position:relative;background:var(--g0);border:1px solid var(--line);
  border-radius:var(--radius-sm);height:190px;overflow:hidden}
.podpis-pole canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}
.podpis-podpowiedz{position:absolute;inset:0;display:grid;place-items:center;
  color:var(--ink-3);font-size:var(--fs-md);pointer-events:none}
.podpis-linia{position:absolute;left:24px;right:24px;bottom:38px;
  border-bottom:1px dashed var(--g5);pointer-events:none}
.podpis-osadzony{margin-top:var(--s4)}
.pasek-glowny{display:flex;align-items:center;gap:var(--s4);flex-wrap:wrap;
  margin-bottom:var(--s5)}
.pasek-glowny .muted{font-size:var(--fs-sm)}
.btn.duzy{height:52px;padding:0 26px;font-size:var(--fs-md);font-weight:700;
  border-radius:var(--radius)}
.puste-tlumaczenie{padding:var(--s6) var(--pad-card);text-align:center}
.puste-tlumaczenie .glowne{font-size:var(--fs-md);font-weight:600;
  color:var(--ink-2);margin-bottom:6px}
.puste-tlumaczenie .muted{font-size:var(--fs-sm);max-width:52ch;
  margin:0 auto;line-height:1.5}
.pasek-zaleglych{color:var(--bad);font-size:var(--fs-sm);font-weight:600;
  background:var(--bad-bg);border-bottom:1px solid var(--bad-border);
  padding:9px 14px}
@media (max-width:900px){
  .lista-widget{grid-template-columns:96px minmax(0,1fr) !important}
  .lista-widget .nagl{display:none}
  .lista-widget .numer{grid-column:2;padding-top:0;padding-bottom:2px;
    border-bottom:0;color:var(--ink-3)}
  .lista-widget .opis{grid-column:2;padding-top:0}
  .lista-widget .stan{grid-column:2;padding-top:0;align-items:flex-start}
}
.ustawienia{display:grid;grid-template-columns:220px minmax(0,1fr);gap:var(--s4);align-items:start}
.ust-menu{position:sticky;top:var(--s4)}
.ust-poz{display:block;width:100%;text-align:left;padding:7px 12px;border:0;border-radius:var(--radius);
  background:transparent;color:var(--ink);cursor:pointer;font:inherit}
.ust-poz:hover{background:var(--surface-2)}
.ust-poz.on{background:var(--accent-soft,var(--surface-2));color:var(--accent-text);font-weight:600}
.ust-poz.potem{color:var(--ink-2)}
.ust-tresc{margin:0;max-width:1180px}
@media (max-width:900px){ .ustawienia{grid-template-columns:1fr} .ust-menu{position:static} }
.note.haslo{border-color:var(--accent);background:var(--surface-2)}
.mono.duze{font-size:1.4rem;letter-spacing:.06em;user-select:all}
.uprawnienia{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:4px;margin-bottom:8px}
.upr{display:flex;gap:8px;align-items:baseline;padding:5px 8px;border-radius:var(--radius);cursor:pointer}
.upr:hover{background:var(--surface-2)}
.upr.on{background:var(--surface-2)}
.upr .mono{font-size:var(--fs-sm)}
tr.wylaczony td{opacity:.55}
.czat{display:flex;flex-direction:column;gap:8px;max-height:320px;overflow-y:auto;
  padding:10px;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:8px}
.wiad{max-width:82%;padding:8px 10px;border-radius:var(--radius)}
.wiad .meta{font-size:var(--fs-sm);margin-bottom:2px}
.wiad .tresc{white-space:pre-wrap}
.wiad.od-nas{align-self:flex-end;background:var(--surface-2)}
.wiad.od-klienta{align-self:flex-start;background:var(--info-bg,var(--surface-2));
  border:1px solid var(--line-soft)}
.dzwonek-blok{position:relative}
.btn.pilne{border-color:var(--bad);color:var(--bad);font-weight:600}
.dzwonek-lista{position:absolute;right:0;top:calc(100% + 6px);z-index:60;width:min(475px,80vw);
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
  box-shadow:0 8px 28px rgba(0,0,0,.16);max-height:60vh;overflow-y:auto}
.scrim.cichy{background:transparent}
.pole{display:flex;flex-direction:column;gap:6px;min-width:0}
.pole > label,.pole-etykieta{
  font-size:var(--fs-sm);font-weight:600;color:var(--ink-2);
  letter-spacing:.01em;line-height:1.2}
.pole-podpowiedz{font-size:var(--fs-sm);color:var(--ink-3);line-height:1.4}
.pole-blad{font-size:var(--fs-sm);color:var(--bad)}
.pole input,.pole select,.pole textarea{width:100%}
.pole input[type=checkbox],.pole input[type=radio]{width:auto}
.pole.waskie{max-width:120px}
.pole.srednie{max-width:220px}
.pole.szerokie{grid-column:1/-1}
.pola{display:grid;gap:var(--s4);
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:start}
.pola.dwie{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.pola.jedna{grid-template-columns:1fr}
.sekcja{margin-top:36px}
.sekcja:first-child{margin-top:0}
.sekcja > h3,.sekcja > .sekcja-hd > h3,.sekcja-tytul{
  margin:0 0 var(--s3);padding-top:var(--s4);
  border-top:1px solid var(--line);
  font-size:var(--fs-md);font-weight:650;letter-spacing:-.01em}
.sekcja:first-child > h3,.sekcja:first-child > .sekcja-hd > h3,.sekcja:first-child .sekcja-tytul{border-top:0;padding-top:0}
.sekcja-opis{margin:-6px 0 var(--s4);color:var(--ink-2);font-size:var(--fs-sm);max-width:70ch}
.pasek-akcji{display:flex;gap:var(--s2);align-items:center;flex-wrap:wrap;
  margin-top:var(--s5);padding-top:var(--s4);border-top:1px solid var(--line-soft)}
.pasek-akcji .rozpychacz{margin-left:auto}
.pasek-akcji .uwaga{color:var(--ink-3);font-size:var(--fs-sm);max-width:46ch}
.panel-edycji{
  position:relative;margin:var(--s2) 0 var(--s4);
  padding:var(--s5) var(--s5) var(--s5) calc(var(--s5) + 4px);
  background:var(--surface-2);border:1px solid var(--line);
  border-left:4px solid var(--accent);border-radius:var(--radius);
  box-shadow:var(--shadow-1)}
.panel-edycji-tytul{
  display:flex;align-items:baseline;gap:var(--s2);flex-wrap:wrap;
  margin:0 0 var(--s4);font-size:var(--fs-md);font-weight:650}
.panel-edycji-tytul .co{color:var(--ink-3);font-weight:500}
.panel-edycji .sekcja{margin-top:var(--s6)}
.panel-edycji .sekcja > h3{border-top-color:var(--line-soft)}
tr.w-edycji > td{background:var(--surface-2)}
tr.w-edycji > td:first-child{box-shadow:inset 4px 0 0 var(--accent)}
td.komorka-panelu{padding:0 !important;background:var(--bg) !important}
.pozycja{border:1px solid var(--line);border-radius:var(--radius);
  background:var(--surface);padding:var(--s4);margin-bottom:var(--s3)}
.pozycja-gora{display:flex;align-items:baseline;gap:var(--s3);flex-wrap:wrap}
.pozycja-gora .nazwa{font-weight:600}
.pozycja-gora .rozpychacz{margin-left:auto}
.pozycja-opis{margin-top:var(--s1);color:var(--ink-2);font-size:var(--fs-sm)}
.pozycja.otwarta{border-color:var(--accent-border);box-shadow:var(--shadow-1)}
.grupa-przelacznikow{margin-top:var(--s4)}
.grupa-przelacznikow > .naglowek{
  font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;
  color:var(--ink-3);font-weight:700;margin-bottom:var(--s2)}
.przelaczniki{display:grid;gap:var(--s1);
  grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.przelacznik{display:flex;gap:var(--s2);align-items:flex-start;
  padding:var(--s2) var(--s3);border:1px solid transparent;
  border-radius:var(--radius-sm);cursor:pointer;background:var(--surface)}
.przelacznik:hover{background:var(--g0);border-color:var(--line)}
.przelacznik.wybrany{background:var(--accent-soft);border-color:var(--accent-border)}
.przelacznik input{margin-top:3px;flex:0 0 auto}
.przelacznik .tresc{display:flex;flex-direction:column;gap:1px;min-width:0}
.przelacznik .kod{font-family:var(--mono);font-size:var(--fs-xs);color:var(--ink-3)}
.kasuj-wpis{margin-left:6px;opacity:0;font-size:15px;line-height:1;color:var(--ink-3)}
.wrs:hover .kasuj-wpis,.kasuj-wpis:focus-visible{opacity:1}
.kasuj-wpis:hover{color:var(--bad-solid,#d64545)}
.dymek{position:fixed;z-index:200;max-width:280px;pointer-events:none;
  padding:8px 10px;border-radius:8px;font-size:var(--fs-sm);line-height:1.45;
  background:var(--ink,#1b1f24);color:var(--surface,#fff);
  box-shadow:0 6px 20px rgba(0,0,0,.28);
  animation:dymek-wejscie .12s ease-out}
.dymek::after{content:'';position:absolute;left:50%;margin-left:-5px;
  border:5px solid transparent;border-top-color:var(--ink,#1b1f24);top:100%}
.dymek.pod::after{top:auto;bottom:100%;border-top-color:transparent;
  border-bottom-color:var(--ink,#1b1f24)}
@keyframes dymek-wejscie{from{opacity:0;transform:translateY(2px)}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.dymek{animation:none}}
.dostep-portal{display:flex;gap:var(--s5);align-items:flex-start;flex-wrap:wrap}
.dostep-tresc{flex:1 1 420px;min-width:0}
.dostep-qr{flex:0 0 auto;display:flex;flex-direction:column;gap:6px;align-items:center}
.link-portalu{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.link-portalu .input{flex:1 1 320px;min-width:0;font-size:var(--fs-sm)}
.kody-zapasowe{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));
  gap:6px;margin:var(--s3) 0;padding:var(--s3);border-radius:var(--radius);
  background:var(--surface-2);border:1px solid var(--line)}
.kody-zapasowe span{font-size:var(--fs-base);letter-spacing:.06em;text-align:center;
  padding:4px 0}
.kroki-2fa{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:var(--s4)}
.kroki-2fa li{padding-left:4px}
.qr-2fa{display:inline-block;margin:8px 0;padding:8px;background:#fff;
  border-radius:var(--radius);border:1px solid var(--line)}
.qr-2fa img{display:block;width:200px;height:200px}
.ptaszek{display:inline-flex;gap:var(--s2);align-items:flex-start;cursor:pointer}
.ptaszek input{margin-top:3px;flex:0 0 auto}
.ptaszek .tresc{display:flex;flex-direction:column;gap:1px}
.ptaszek .podpis{font-size:var(--fs-sm);color:var(--ink-3)}
.dopisz{margin-top:var(--s4);padding:var(--s4);background:var(--surface-2);
  border:1px solid var(--line);border-radius:var(--radius)}
.dopisz-tytul{font-size:var(--fs-sm);font-weight:650;color:var(--ink-2);
  text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--s3)}
.dopisz .pasek-akcji{margin-top:var(--s4);padding-top:var(--s3)}
.zakladki{display:flex;gap:var(--s1);margin-bottom:var(--s4);
  border-bottom:1px solid var(--line)}
.zakladki button{padding:var(--s3) var(--s4);border:0;background:transparent;
  color:var(--ink-2);font:inherit;font-weight:600;cursor:pointer;
  border-bottom:2px solid transparent;margin-bottom:-1px}
.zakladki button:hover{color:var(--ink)}
.zakladki button.on{color:var(--accent-text);border-bottom-color:var(--accent)}
.zakladki button .licznik{display:inline-block;margin-left:6px;padding:0 6px;
  min-width:18px;border-radius:9px;background:var(--accent);color:#fff;
  font-size:var(--fs-xs);font-weight:700;line-height:18px;text-align:center}
.zakladki button.on .licznik{background:var(--accent)}
.zakladki.drugie{border-bottom:0;margin-bottom:0;gap:2px}
.zakladki.drugie button{padding:var(--s2) var(--s3);font-weight:500}
tr.uwaga > td:first-child{box-shadow:inset 3px 0 0 var(--bad,#c0392b)}
.note.pasek-sukcesu{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap;
  border-color:var(--ok-border);background:var(--ok-bg)}
.note.pasek-sukcesu .rozpychacz{margin-left:auto}
.wyjasnienie{margin:0;color:var(--ink-2);font-size:var(--fs-sm);
  padding:var(--s3) var(--pad-card);
  padding-right:max(var(--pad-card), 100% - 80ch - var(--pad-card));
  border-bottom:1px solid var(--line-soft)}
.wyjasnienie.luzem{padding:0 0 var(--s2);border-bottom:0}
.blok > .blok-bd.tabela > .wyjasnienie.luzem{
  padding:var(--s4) var(--s4) var(--s3);
  max-width:76ch;line-height:1.55}
.blok > .blok-bd.tabela > .wyjasnienie.luzem:not(:last-child){
  border-bottom:1px solid var(--line-soft);padding-bottom:var(--s4)}
.ramka-portalu{margin:var(--s4) 0 0;border:1px solid var(--line);
  border-radius:var(--radius);overflow:hidden;background:var(--surface-2)}
.ramka-portalu iframe{display:block;width:100%;height:760px;border:0;background:#fff}
.lista-rozmow{display:flex;flex-direction:column;gap:1px;background:var(--line-soft);
  border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.rozmowa-poz{display:block;width:100%;text-align:left;background:var(--surface);
  border:0;border-left:3px solid transparent;padding:12px 14px;cursor:pointer;
  font:inherit;color:inherit}
.rozmowa-poz:hover{background:var(--surface-2)}
.rozmowa-poz.czeka{border-left-color:var(--bad-solid)}
.rozmowa-poz .gora{display:flex;align-items:baseline;gap:6px;
  font-size:var(--fs-base);margin-bottom:3px}
.rozmowa-poz .tresc{font-size:var(--fs-sm);line-height:1.45;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rozmowa-poz .dol{font-size:var(--fs-xs);margin-top:4px}
.przebieg{list-style:none;margin:0;padding:0;position:relative}
.przebieg::before{content:'';position:absolute;left:11px;top:6px;bottom:6px;
  width:1px;background:var(--line)}
.przebieg .pz{display:grid;grid-template-columns:24px 132px 1fr;align-items:baseline;
  gap:10px;padding:7px 0;position:relative}
.przebieg .pz-znak{grid-column:1;justify-self:center;background:var(--surface);
  line-height:1;font-size:13px;z-index:1;padding:2px 0;color:var(--ink-2);
  min-width:20px;text-align:center}
.przebieg .pz-czas{grid-column:2;font-size:var(--fs-xs);white-space:nowrap}
.przebieg .pz-tresc{grid-column:3;min-width:0;display:flex;flex-direction:column;gap:2px}
.przebieg .pz-tytul{font-size:var(--fs-sm);line-height:1.4}
.przebieg .pz-opis{font-size:var(--fs-sm);line-height:1.5;color:var(--ink-2);
  white-space:pre-wrap;word-break:break-word}
.przebieg .pz-status .pz-znak{color:var(--accent-text)}
.przebieg .pz-podpis .pz-znak,.przebieg .pz-protokol .pz-znak{color:var(--ok-solid)}
.przebieg .pz-pieniadze .pz-znak{color:var(--ok-solid)}
.przebieg .pz-wycena .pz-znak{color:var(--accent-text)}
.przebieg .pz-od-klienta{position:relative}
.przebieg .pz-od-klienta::before{content:'';position:absolute;left:0;top:2px;bottom:2px;
  width:2px;border-radius:2px;background:var(--accent)}
@media (max-width:700px){
  .przebieg .pz{grid-template-columns:24px 1fr}
  .przebieg .pz-czas{grid-column:2}
  .przebieg .pz-tresc{grid-column:2}
}
.strefa-ryzyka{margin-top:var(--s5);padding-top:var(--s4);
  border-top:1px dashed var(--line)}
.strefa-ryzyka h4{margin:0 0 var(--s3);font-size:var(--fs-md)}
.strefa-ryzyka table{margin:var(--s3) 0;max-width:420px}
.strefa-ryzyka.otwarta{max-width:720px;margin-top:var(--s5);padding:var(--s4);
  border:1px solid var(--bad-border);border-radius:var(--radius);
  background:var(--bad-bg)}
.strefa-ryzyka.otwarta h4{color:var(--bad)}
.strefa-ryzyka.otwarta .note{background:transparent;border:0;padding:0;
  margin:0 0 var(--s3)}
.strefa-ryzyka.otwarta code{background:var(--surface);padding:1px 6px;
  border-radius:var(--radius-sm);font-family:var(--mono)}
.strefa-ryzyka .formrow{margin:0;flex-wrap:wrap}
.strefa-ryzyka .pola.ciasne{margin:var(--s3) 0}
.strefa-ryzyka.otwarta.scalanie,
.strefa-ryzyka.otwarta.przenoszenie{
  max-width:760px;border-color:var(--line);background:var(--surface-2)}
.strefa-ryzyka.otwarta.scalanie h4,
.strefa-ryzyka.otwarta.przenoszenie h4{color:var(--ink)}
.scalanie-tabela{width:100%;margin:var(--s3) 0;border-collapse:collapse;
  font-size:var(--fs-sm)}
.scalanie-tabela th{text-align:left;padding:6px 10px;color:var(--ink-2);
  font-weight:600;border-bottom:1px solid var(--line)}
.scalanie-tabela th:nth-child(n+2){text-align:right}
.scalanie-tabela td{padding:5px 10px;border-bottom:1px solid var(--line-soft)}
.scalanie-tabela td.num{text-align:right;font-variant-numeric:tabular-nums}
.scalanie-tabela tr:last-child td{border-bottom:0}
.wybor-historii{display:flex;flex-direction:column;gap:var(--s2);
  margin:var(--s4) 0}
.wybor-historii > label{display:flex;gap:10px;align-items:flex-start;
  padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius);
  background:var(--surface);cursor:pointer;line-height:1.45}
.wybor-historii > label.on{border-color:var(--accent);
  box-shadow:inset 0 0 0 1px var(--accent)}
.wybor-historii > label input{margin-top:3px;flex:0 0 auto}
.wybor-historii > label > span{min-width:0}
.strefa-ryzyka .rozpychacz{margin-left:auto}
.zakladki-grupy{display:flex;flex-direction:column;gap:var(--s2);
  margin-bottom:var(--s4);padding-bottom:var(--s3);border-bottom:1px solid var(--line)}
.grupa-zakladek{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap}
.grupa-zakladek .etykieta-grupy{
  font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;
  color:var(--ink-3);min-width:96px;flex:0 0 auto}
.grupa-zakladek .zakladki{border-bottom:0;margin:0;flex-wrap:wrap;gap:2px}
.okienko-tresc{margin-top:var(--s4);padding:var(--s4);
  border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2)}
.okienko-tresc .kartahd{margin-bottom:var(--s3)}
.lista-wyboru{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));
  gap:4px;max-height:340px;overflow-y:auto;margin:var(--s3) 0;
  padding:var(--s3);border:1px solid var(--line);border-radius:var(--radius);
  background:var(--surface)}
.tabela-infra{table-layout:fixed;min-width:900px}
.tabela-infra td,.tabela-infra th{overflow:hidden}
.tabela-infra td .tnij{max-width:100%}
.tabela-infra td.rozwiniecie{overflow:visible}
.tnij{display:block;max-width:var(--tnij,240px);overflow:hidden;
      text-overflow:ellipsis;white-space:nowrap}
td .tnij.jak-link{text-align:left}
.pill.dom{background:var(--dom-bg,#f3ecff);color:var(--dom,#5b3fa8);
          border-color:var(--dom-border,#ddd0f7)}
:root[data-theme="dark"] .pill.dom{--dom-bg:#2a2140;--dom:#c9b6f5;--dom-border:#3d3159}
.ust-blok{padding:var(--s4)}
.siatka2{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:var(--s3) var(--s4);margin-bottom:var(--s3)}
.logo-podglad{display:flex;align-items:center;gap:var(--s5);flex-wrap:wrap;
  padding:var(--s4);border:1px solid var(--line);border-radius:var(--radius);
  background:var(--surface-2);
  background-image:linear-gradient(45deg,var(--line-soft) 25%,transparent 25%),
                   linear-gradient(-45deg,var(--line-soft) 25%,transparent 25%),
                   linear-gradient(45deg,transparent 75%,var(--line-soft) 75%),
                   linear-gradient(-45deg,transparent 75%,var(--line-soft) 75%);
  background-size:16px 16px;
  background-position:0 0,0 8px,8px -8px,-8px 0}
.logo-podglad img{max-height:72px;max-width:280px;object-fit:contain}
.logo-podglad .formrow{background:var(--surface);padding:6px 8px;border-radius:var(--radius-sm)}
.logo-obraz{height:68px;width:auto;max-width:100%;object-fit:contain;flex:0 0 auto}
.logo-obraz.duze{height:88px;max-width:300px}
.brandbar .logo-obraz + .brandtext{flex:1 1 100%}
.zdjecie-edycja{display:flex;align-items:center;gap:var(--s5);flex-wrap:wrap}
.zdjecie-podglad{width:72px;height:72px;border-radius:50%;object-fit:cover;
  border:2px solid var(--line);background:var(--surface-2);display:flex;
  align-items:center;justify-content:center;font-size:1.5rem;font-weight:680;
  color:var(--accent-text)}
.zdjecie-podglad.puste{background:var(--accent-soft);border-color:var(--accent-border)}
.kartahd .logo-klienta{height:36px;width:auto;max-width:140px;object-fit:contain;
  border-radius:var(--radius-sm)}
.kroki-lista{margin:0 0 var(--s3);padding-left:22px;color:var(--ink-2);line-height:1.6}
.kroki-lista li{margin-bottom:6px}
.kroki-lista b{color:var(--ink)}
.adres-powrotu{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap;
  padding:12px 14px;border:1px dashed var(--line);border-radius:var(--radius);
  background:var(--surface-2)}
.adres-powrotu code{font-family:var(--mono);font-size:var(--fs-base);color:var(--ink);
  word-break:break-all}
.widget > .hd{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.hd-podtytul{color:var(--ink-3);font-size:var(--fs-sm)}
.lista-widget .kiedy.slowo{font-size:var(--fs-sm);color:var(--ink-3);font-style:italic}
.lista-widget .opis .numer-w-opisie{font-size:var(--fs-sm);color:var(--ink-3);
  letter-spacing:.01em}
.lista-widget .stan{align-items:flex-start;justify-content:center;gap:4px}
.lista-widget .stan-lewo{align-items:flex-start;justify-content:center;gap:2px;min-width:0}
.lista-widget .stan .muted,.lista-widget .stan-lewo .muted{font-size:var(--fs-sm)}
.lista-widget .technik{font-size:var(--fs-sm);white-space:nowrap;overflow:hidden;
  text-overflow:ellipsis;max-width:100%}
.kod-stanowiska{font-size:var(--fs-sm);color:var(--ink-2);white-space:nowrap}
button.kod-stanowiska{border:0;background:none;padding:0;cursor:pointer;
  color:var(--accent-text);text-decoration:underline;text-underline-offset:2px}
button.kod-stanowiska:hover{color:var(--accent-hover)}
button.kod-stanowiska:focus-visible{outline:none;box-shadow:var(--focus);border-radius:3px}
.lista-widget .kiedy > span{display:block}
*{scrollbar-color:var(--g4) transparent;scrollbar-width:thin}
::-webkit-scrollbar{width:11px;height:11px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--g4);border-radius:999px;
  border:3px solid transparent;background-clip:content-box}
::-webkit-scrollbar-thumb:hover{background:var(--g5);background-clip:content-box;
  border:3px solid transparent}
::-webkit-scrollbar-corner{background:transparent}
.widget ::-webkit-scrollbar,.lista-widget::-webkit-scrollbar{width:9px;height:9px}
.widget .lista-widget .wrs > *,.widget .lista-widget .nagl > span{padding-left:10px;padding-right:10px}
.widget .lista-widget .stan .pill{display:block;max-width:100%;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap}
.monitoring-pasek{display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  margin-bottom:var(--s4);padding:9px 14px;border-radius:var(--radius);
  border:1px solid var(--line);background:var(--surface-2);
  color:var(--ink-2);font-size:var(--fs-sm)}
.monitoring-pasek strong{color:var(--ink)}
.monitoring-pasek.stary{border-color:var(--warn-border);background:var(--warn-bg);color:var(--warn)}
.monitoring-uwaga{margin-left:auto;text-align:right}
.stan-liczba{display:flex;flex-direction:column;gap:2px;padding:12px 14px;
  border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.stan-liczba .w{font-size:var(--fs-2xl);font-weight:660;font-variant-numeric:tabular-nums}
.stan-liczba .o{color:var(--ink-2);font-size:var(--fs-sm)}
.proby-api{width:100%;margin-top:var(--s3);border-collapse:collapse;
  font-size:var(--fs-xs)}
.proby-api th{text-align:left;padding:4px 8px;color:var(--ink-3);font-weight:600;
  border-bottom:1px solid var(--line)}
.proby-api td{padding:4px 8px;border-bottom:1px solid var(--line-soft);
  vertical-align:top}
.proby-api tr:last-child td{border-bottom:0}
.proby-api .probka{margin-top:2px;color:var(--ink-3);word-break:break-all;
  max-width:46ch;white-space:pre-wrap}
details > summary{cursor:pointer;color:var(--ink-2)}
.zrodla{display:grid;gap:var(--s4);margin-top:var(--s4);
  grid-template-columns:repeat(auto-fit,minmax(360px,1fr));align-items:start}
.zrodlo{display:flex;flex-direction:column;gap:var(--s3);
  padding:var(--s4);border:1px solid var(--line);border-radius:var(--radius);
  background:var(--surface);box-shadow:var(--shadow-1);min-width:0}
.zrodlo > header{display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  padding-bottom:var(--s3);border-bottom:1px solid var(--line-soft)}
.zrodlo .nazwa{font-weight:660;font-size:var(--fs-base)}
.zrodlo .rola{margin-left:auto;color:var(--ink-3);font-size:var(--fs-sm)}
.zrodlo .kropka{width:8px;height:8px;border-radius:50%;flex:0 0 auto}
.zrodlo .kropka.zywa{background:var(--ok-solid)}
.zrodlo .kropka.spi{background:var(--ink-3);opacity:.45}
.zrodlo .pola.ciasne{grid-template-columns:1fr}
.zrodlo .formrow{gap:var(--s2);flex-wrap:wrap;margin:0}
.zrodlo-auto{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.zrodlo-auto .input.w-min{width:64px;height:32px;text-align:center}
.zrodlo-auto label{margin:0}
.zrodlo-stopka{color:var(--ink-3);font-size:var(--fs-sm);line-height:1.5}
.zrodlo .note{margin:0}
.zrodlo .proby-api{font-size:var(--fs-xs)}
.zrodlo .proby-api td{padding:3px 6px}
.recznie{font-size:var(--fs-xs);opacity:.75}
.raporty-lista{display:grid;gap:var(--s3);margin-top:var(--s3);
  grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.raport-kafel{display:flex;flex-direction:column;gap:4px;text-align:left;
  padding:var(--s3) var(--s4);border:1px solid var(--line);
  border-radius:var(--radius);background:var(--surface);cursor:pointer;
  font:inherit;color:inherit;min-width:0}
.raport-kafel:hover{border-color:var(--ink-3)}
.raport-kafel.on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);
  background:var(--accent-soft)}
.raport-kafel .nazwa{font-weight:650}
.raport-kafel .opis{color:var(--ink-2);font-size:var(--fs-sm);line-height:1.45}
.raport-kafel .kolumny{color:var(--ink-3);font-size:var(--fs-xs);margin-top:2px}
a.btn.wylaczony{opacity:.45;pointer-events:none}
.odpowiedz-api{margin:6px 0 0;padding:8px 10px;border-radius:var(--radius-sm);
  background:var(--surface-2);border:1px solid var(--line);
  font-family:var(--mono);font-size:var(--fs-xs);line-height:1.45;
  white-space:pre-wrap;word-break:break-word;max-height:240px;overflow:auto}
.firma-z-oddzialem{display:flex;align-items:baseline;gap:6px;min-width:0}
.firma-z-oddzialem>.tnij{flex:0 0 auto}
.oddzial{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;
  white-space:nowrap;font-size:var(--fs-xs);color:var(--ink-3);font-weight:400}
.pasek-grupowy{display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  margin:var(--s3) 0;padding:8px 10px;border-radius:8px;
  background:var(--surface-2,rgba(127,127,127,.08));
  border:1px solid var(--linia,rgba(127,127,127,.25))}
.pasek-grupowy .pg-info{margin-right:auto;min-width:0}
.pg-panel{flex:1 0 100%;margin-top:8px;padding-top:8px;
  border-top:1px solid var(--linia,rgba(127,127,127,.25))}
.kol-zazn{width:34px;text-align:center}
.kol-zazn input{cursor:pointer}
tr.zaznaczony{background:var(--surface-2,rgba(127,127,127,.10))}
.kompy-wiersz{display:flex;align-items:baseline;gap:8px}
.kompy-wiersz .rowlink{cursor:pointer}
.kompy-wiersz .jak-link{font-size:var(--fs-xs)}
.czekanie{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin-top:6px}
.kropki{display:inline-flex;gap:3px;margin-left:2px;vertical-align:baseline}
.kropki i{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.3;
  animation:kropka 1.2s infinite ease-in-out}
.kropki i:nth-child(2){animation-delay:.2s}
.kropki i:nth-child(3){animation-delay:.4s}
@keyframes kropka{0%,60%,100%{opacity:.25;transform:translateY(0)}
                  30%{opacity:1;transform:translateY(-2px)}}
@media (prefers-reduced-motion:reduce){
  .kropki i{animation:none;opacity:.55}
}
.dzwonek-naglowek{display:flex;align-items:center;gap:8px;padding:6px 10px;
  font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;
  color:var(--ink-3);border-bottom:1px solid var(--linia,rgba(127,127,127,.2))}
.dzwonek-lista .podpowiedz{flex-direction:column;align-items:stretch;gap:4px;
  padding:10px 12px}
.dzwonek-lista .podpowiedz > div{min-width:0;max-width:100%}
.dzwonek-lista .podpowiedz .muted{white-space:normal;line-height:1.45}
.dzwonek-naglowek{display:flex;align-items:center;gap:8px}
.powiad-glowa{display:flex;align-items:center;gap:6px;min-width:0;flex-wrap:nowrap}
.powiad-glowa strong{flex:1 1 auto;min-width:0;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap}
.powiad-glowa .pill{flex:0 0 auto}
.podpowiedz.przeczytane{opacity:.55}
.kolumny-wybor{display:grid;gap:var(--s4);margin-top:4px;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.kolumny-grupa{min-width:0}
.kolumny-tytul{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;
  color:var(--ink-3);margin-bottom:6px;padding-bottom:4px;
  border-bottom:1px solid var(--linia,rgba(127,127,127,.25))}
.ptaszek-linia{display:flex;align-items:center;gap:7px;padding:3px 0;
  cursor:pointer;font-size:var(--fs-sm);min-width:0}
.ptaszek-linia input{cursor:pointer;flex:0 0 auto}
.ptaszek-linia span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rozwiniecie{background:var(--surface-2,rgba(127,127,127,.06));padding:var(--s4)}
.karta-infra .pola{margin-top:4px}
.mapa-pasek{display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  margin:var(--s3) 0;padding:8px 10px;border-radius:8px;
  background:var(--surface-2,rgba(127,127,127,.08));
  border:1px solid var(--linia,rgba(127,127,127,.25))}
.mapa-uklad{display:flex;gap:var(--s4);align-items:flex-start;min-width:0}
.mapa-szuflada{flex:0 0 210px;max-height:640px;overflow:auto;padding-right:4px}
.mapa-pozycja{display:flex;flex-direction:column;gap:1px;width:100%;text-align:left;
  padding:6px 8px;margin-bottom:4px;border-radius:6px;cursor:pointer;
  background:var(--surface,transparent);color:inherit;font:inherit;
  border:1px solid var(--linia,rgba(127,127,127,.25))}
.mapa-pozycja:hover{border-color:var(--accent)}
.mapa-pozycja strong{font-size:var(--fs-sm)}
.mapa-pozycja span{font-size:var(--fs-xs)}
.kafle-napraw{display:grid;gap:var(--s3);
  grid-template-columns:repeat(auto-fill,minmax(178px,1fr))}
.kafle-napraw .kafel-napraw{display:flex;flex-direction:column;gap:2px;
  text-align:left;padding:12px 14px;border-radius:var(--radius);
  border:1px solid var(--line);background:var(--surface);color:inherit;
  font:inherit;cursor:pointer}
.kafle-napraw .kafel-napraw:hover{border-color:var(--accent)}
.kafle-napraw .kafel-napraw:focus-visible{outline:none;box-shadow:var(--focus)}
.kafle-napraw .etykieta{font-size:var(--fs-xs);font-weight:650;
  letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2)}
.kafle-napraw .liczba{font-size:28px;font-weight:700;line-height:1.1;
  font-variant-numeric:tabular-nums}
.kafle-napraw .kwota{font-size:var(--fs-sm);font-weight:650;color:var(--ink-2);
  font-variant-numeric:tabular-nums}
.kafle-napraw .hint{font-size:var(--fs-xs);color:var(--ink-3)}
.kafle-napraw .kafel-napraw.zle .liczba{color:var(--bad)}
.kafle-napraw .kafel-napraw.ok .liczba{color:var(--ok)}
.kafle-napraw .kafel-napraw.pusty .liczba{color:var(--ink-3)}
.kafle-napraw .kafel-napraw.pusty{opacity:.75}
.pulpit-moduly{display:grid;gap:var(--s4);margin-top:var(--s5);
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.pulpit-modul{border:1px solid var(--line);border-radius:var(--radius);
  padding:12px 14px;background:var(--surface)}
.pulpit-wiersz{display:flex;align-items:center;gap:var(--s3);
  padding:5px 0;border-top:1px solid var(--line);font-size:var(--fs-sm)}
.pulpit-wiersz:first-of-type{border-top:0}
.pulpit-wiersz .clip{flex:1 1 auto;min-width:0;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap;color:var(--ink-2)}
.pulpit-notatka{padding:6px 0;border-top:1px solid var(--line);
  font-size:var(--fs-sm)}
.pulpit-notatka:first-of-type{border-top:0}
.pulpit-notatka .clip2{display:-webkit-box;-webkit-line-clamp:2;
  -webkit-box-orient:vertical;overflow:hidden;color:var(--ink-2)}
.mapa-pozycja .mapa-bez-punktu{align-self:flex-start;margin-top:2px;
  padding:0 6px;border-radius:var(--radius-pill);font-weight:650;
  font-size:var(--fs-xs);line-height:16px;
  background:var(--surface-2);color:var(--ink-3);
  border:1px solid var(--line,rgba(127,127,127,.25))}
.mapa-plotno{flex:1 1 auto;min-width:0;overflow:hidden;
  height:clamp(340px,calc(100vh - 340px),780px);
  border:1px solid var(--linia,rgba(127,127,127,.25));border-radius:8px;
  background:var(--surface,transparent);cursor:grab;touch-action:none;
  background-image:radial-gradient(var(--linia,rgba(127,127,127,.22)) 1px,transparent 1px);
  background-size:26px 26px}
.mapa-plotno:active{cursor:grabbing}
.mapa-plotno.edycja{border-color:var(--accent)}
.mapa-boczek{flex:0 0 220px;padding:10px;border-radius:8px;
  background:var(--surface-2,rgba(127,127,127,.08));
  border:1px solid var(--linia,rgba(127,127,127,.25))}
.mapa-svg{display:block;touch-action:none}
.mapa-wezel.edytowalny{cursor:grab}
.mapa-wezel.edytowalny:active{cursor:grabbing}
.mapa-wezel.otwieralny{cursor:pointer}
.mapa-wezel.otwieralny.rysunkowy{cursor:default}
.mapa-wezel.otwieralny:not(.rysunkowy):hover .tlo{stroke:var(--accent);stroke-width:2.5}
.mapa-wezel .tlo{fill:var(--surface-2,rgba(127,127,127,.10));
  stroke:var(--linia,rgba(127,127,127,.4));stroke-width:1.5}
.mapa-wezel:hover .tlo{stroke:var(--accent)}
.mapa-wezel.wybrany .tlo{stroke:var(--accent);stroke-width:2.5}
.mapa-wezel.laczony .tlo{stroke:var(--accent);stroke-width:2.5;stroke-dasharray:5 4}
.mapa-wezel .ksztalt{fill:none;stroke:var(--ink-2);stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round}
.mapa-nazwa{text-anchor:middle;font-size:11px;font-weight:600;fill:var(--ink-1,currentColor)}
.mapa-adres{text-anchor:middle;font-size:13px;font-weight:700;fill:var(--ink-1,currentColor);
  font-family:ui-monospace,Consolas,monospace;letter-spacing:.2px}
.mapa-stanowisko rect{fill:var(--accent);opacity:.92}
.mapa-stanowisko text{text-anchor:middle;font-size:12px;font-weight:800;
  fill:var(--na-akcencie,#fff);letter-spacing:.3px}
.mapa-dostepnosc.jest circle{fill:var(--ok-solid,#22a06b);
  animation:mapa-puls 2.4s ease-in-out infinite}
.mapa-dostepnosc.nie-ma line{stroke:var(--bad-solid,#d64545);stroke-width:2.2;
  stroke-linecap:round}
@keyframes mapa-puls{
  0%,100%{opacity:1;r:5}
  50%{opacity:.55;r:6.5}}
@media (prefers-reduced-motion:reduce){
  .mapa-dostepnosc.jest circle{animation:none}}
.mapa-kabel-opis rect{fill:var(--surface,#fff);stroke:var(--linia,rgba(127,127,127,.3));
  stroke-width:1;opacity:.94}
.mapa-kabel-opis.klikalny{cursor:pointer}
.mapa-kabel-opis.klikalny:hover rect{stroke:var(--accent)}
.mapa-predkosc{text-anchor:middle;font-size:10.5px;font-weight:700;
  fill:var(--ink-2,currentColor);font-family:ui-monospace,Consolas,monospace}
.mapa-uwaga{text-anchor:middle;font-size:9px;font-style:italic;fill:var(--ink-3)}
.mapa-port{text-anchor:middle;font-size:9.5px;fill:var(--ink-3);
  font-family:ui-monospace,Consolas,monospace}
.mapa-kabel{cursor:pointer}
.mapa-kabel:hover line:last-of-type{stroke-width:3.5}
.mapa-druk,.mapa-stopka-druku{display:none}
@media print{
  @page{size:A4 landscape;margin:8mm}
  .side,.topbar,.mapa-pasek,.mapa-szuflada,.mapa-boczek,.wyjasnienie,.hd,
  .note,.mapa-plotno{display:none!important}
  .card{box-shadow:none;border:0;padding:0;margin:0;background:#fff}
  .content,.main,body{background:#fff}
  .shell{display:block!important}
  .main,.content{width:auto!important;max-width:none!important}
  .mapa-druk{display:block;width:100%!important;max-width:100%;height:auto;
    max-height:175mm;margin:0 auto;align-self:stretch}
  .mapa-stopka-druku{display:block;margin-top:4mm;font-size:9pt;color:#444;
    text-align:center}
  .mapa-druk .mapa-wezel .tlo{fill:#fff;stroke:#444;stroke-width:1.2}
  .mapa-druk .ksztalt{stroke:#222}
  .mapa-druk .mapa-nazwa,.mapa-druk .mapa-adres{fill:#000}
  .mapa-druk .mapa-port,.mapa-druk .mapa-predkosc{fill:#333}
  .mapa-druk .mapa-uwaga{fill:#555}
  .mapa-druk .mapa-opis-portu rect,.mapa-druk .mapa-kabel-opis rect{fill:#fff;stroke:#bbb}
  .mapa-druk .mapa-stanowisko rect{fill:#111}
  .mapa-druk .mapa-stanowisko text{fill:#fff}
  .mapa-druk .mapa-dostepnosc.jest circle{fill:#fff;stroke:#111;stroke-width:1.6;animation:none}
  .mapa-druk .mapa-dostepnosc.nie-ma line{stroke:#111}
}
.mapa-opis-portu{cursor:pointer}
.mapa-opis-portu rect{fill:var(--surface,#fff);stroke:var(--linia,rgba(127,127,127,.3));
  stroke-width:1}
.mapa-opis-portu:hover rect{stroke:var(--accent)}
.wykres-kolo{display:flex;align-items:center;justify-content:center;
  gap:var(--s3);flex-wrap:wrap;padding:var(--s2) 0}
.kolo-svg{width:100%;max-width:420px;height:auto;flex:0 0 auto}
.panel>.w1 .wykres-kolo{flex-direction:column;flex-wrap:nowrap;gap:var(--s2)}
.panel>.w1 .kolo-legenda{width:100%;flex:0 0 auto}
.wykres-kolo{height:100%;min-height:0;overflow:hidden;padding:var(--s2) 0}
.panel .kolo-svg{flex:1 1 auto;min-height:0;width:100%;height:100%;max-width:none}
.kolo-kawalek{transition:stroke-width .12s}
.kolo-kawalek.klik{cursor:pointer}
.kolo-kawalek.klik:hover{stroke-width:22}
.kolo-liczba{text-anchor:middle;dominant-baseline:middle;font-size:26px;font-weight:700;
  fill:var(--ink);font-variant-numeric:tabular-nums}
.kolo-podpis{text-anchor:middle;font-size:10px;fill:var(--ink-3);
  text-transform:uppercase;letter-spacing:.08em}
.kolo-legenda{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto}
.legenda-wiersz{display:flex;align-items:center;gap:8px;width:100%;text-align:left;
  padding:5px 8px;border:0;border-radius:var(--radius-sm);background:none;
  color:inherit;font:inherit;font-size:var(--fs-sm);cursor:pointer}
.legenda-wiersz:disabled{cursor:default}
.legenda-wiersz:not(:disabled):hover{background:var(--surface-2)}
.legenda-nazwa{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;
  white-space:nowrap;color:var(--ink-2)}
.legenda-wiersz strong{font-variant-numeric:tabular-nums}
.legenda-znak{width:11px;height:11px;border-radius:50%;flex:0 0 auto}
.legenda-znak.ton-ok{background:var(--ok-solid)}
.legenda-znak.ton-zle{background:repeating-linear-gradient(45deg,
  var(--bad-solid) 0 2px, var(--surface) 2px 4px);border:1px solid var(--bad-solid)}
.legenda-znak.ton-uwaga{background:var(--warn)}
.legenda-znak.ton-nic{background:transparent;border:1.5px solid var(--ink-3)}
.kolo-liczba{font-size:26px}
.kolo-svg text.kolo-liczba[data-dlugi="1"]{font-size:21px}
.wykres-slupki{display:flex;flex-direction:column;gap:2px;padding:var(--s2) 0;
  overflow:auto}
.slupek-wiersz{display:grid;grid-template-columns:minmax(80px,1fr) 1.4fr auto;
  align-items:center;gap:10px;width:100%;text-align:left;padding:7px 8px;
  border:0;border-radius:var(--radius-sm);background:none;color:inherit;font:inherit;
  font-size:var(--fs-sm);cursor:pointer}
.slupek-wiersz:disabled{cursor:default}
.slupek-wiersz:not(:disabled):hover{background:var(--surface-2)}
.slupek-nazwa{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-2)}
.slupek-tor{height:15px;border-radius:4px;background:var(--surface-2);overflow:hidden}
.slupek-wypelnienie{display:block;height:100%;border-radius:4px;
  background:var(--accent);min-width:4px}
.slupek-wiersz:not(:disabled):hover .slupek-wypelnienie{background:var(--accent-hover)}
.slupek-liczba{font-variant-numeric:tabular-nums}
.slupek-uwaga{grid-column:2 / -1;font-size:var(--fs-xs);color:var(--warn);
  margin-top:-2px}
.dok-uklad{display:flex;gap:var(--s5);align-items:flex-start;min-width:0}
.dok-lista{flex:0 0 280px;max-height:70vh;overflow:auto;display:flex;
  flex-direction:column;gap:3px}
.dok-pozycja{display:flex;flex-direction:column;gap:1px;text-align:left;width:100%;
  padding:8px 10px;border-radius:var(--radius-sm);cursor:pointer;color:inherit;font:inherit;
  background:none;border:1px solid transparent}
.dok-pozycja:hover{background:var(--surface-2)}
.dok-pozycja.on{background:var(--surface-2);border-color:var(--accent)}
.dok-numer{font-size:var(--fs-xs);color:var(--ink-3)}
.dok-tytul{font-weight:600;font-size:var(--fs-sm);overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap}
.dok-meta{font-size:var(--fs-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dok-tresc{flex:1 1 auto;min-width:0;max-width:1180px}
.dok-podsumowanie{margin:var(--s3) 0 0 auto;max-width:320px;display:flex;
  flex-direction:column;gap:3px}
.dok-podsumowanie div{display:flex;justify-content:space-between;gap:16px;
  font-size:var(--fs-sm)}
.dok-podsumowanie strong{font-variant-numeric:tabular-nums}
.dok-podsumowanie .razem{border-top:1px solid var(--ink);margin-top:5px;padding-top:6px;
  font-size:var(--fs-md);font-weight:700}
.wybor-sprzetu{max-height:320px;overflow:auto;margin-top:8px;
  border-top:1px solid var(--line);padding-top:6px}
.widget.ukladany{cursor:grab;outline:1.5px dashed var(--accent);outline-offset:-2px}
.widget.ukladany:active{cursor:grabbing}
.widget.ukladany .hd h3{pointer-events:none}
.rozmiar-widgetu{display:flex;align-items:center;gap:4px;font-size:var(--fs-xs)}
.rozmiar-widgetu .btn{padding:0 6px;min-width:22px;line-height:1.6}
.rozmiar-widgetu strong{min-width:12px;text-align:center;font-variant-numeric:tabular-nums}
.panel>.w1 .slupek-wiersz{grid-template-columns:1fr auto;gap:2px 8px;padding:6px 8px}
.panel>.w1 .slupek-nazwa{white-space:normal;overflow:visible;grid-area:1 / 1}
.panel>.w1 .slupek-liczba{grid-area:1 / 2}
.panel>.w1 .slupek-tor{grid-area:2 / 1 / 3 / 3;height:12px}
.panel>.w1 .slupek-uwaga{grid-area:3 / 1 / 4 / 3;margin-top:0}
.panel-koniec{grid-column:1 / -1;min-height:64px;border-radius:var(--radius);
  border:1.5px dashed var(--line);display:flex;align-items:center;
  justify-content:center;color:var(--ink-3);font-size:var(--fs-sm)}
.panel-koniec.nad{border-color:var(--accent);background:var(--accent-soft)}
tr.zrobione td{opacity:.62}
tr.zrobione:hover td{opacity:1}
.wykrycie-slad{font-size:var(--fs-xs);margin-top:2px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:52ch}
.wykrycie-slad .cytat{font-style:italic}
.os-czasu{list-style:none;margin:0;padding:0;display:grid;
  grid-template-columns:18px 128px minmax(0,1fr);gap:2px var(--s2);align-items:baseline}
.os-czasu li{display:contents}
.os-czasu li>*{padding:3px 0;border-bottom:1px solid var(--line-2,var(--line))}
.os-znak{text-align:center;color:var(--ink-3)}
.os-kiedy{font-size:var(--fs-xs);font-variant-numeric:tabular-nums;white-space:nowrap}
.os-tresc{min-width:0;overflow:hidden;text-overflow:ellipsis}
.os-czasu li.os-wykrycie .os-znak{color:var(--warn,var(--ink-2))}
.os-czasu li.os-zdalne .os-znak{color:var(--accent-text)}
.mnoznik{display:inline-block;margin-left:6px;padding:0 6px;border-radius:var(--radius-pill,6px);
  background:var(--surface-2);border:1px solid var(--line);
  font-size:var(--fs-xs);font-variant-numeric:tabular-nums;color:var(--ink-2)}
.grupa-stawek{margin-top:var(--s4);padding-top:var(--s3);border-top:1px solid var(--line)}
.grupa-stawek:first-of-type{border-top:0;padding-top:0}
.grupa-stawek > .pola.ciasne{max-width:1080px;
  grid-template-columns:repeat(auto-fill,minmax(230px,1fr));align-items:start}
.robocizna-rozbicie{margin:6px 0;border-collapse:collapse;font-size:var(--fs-sm)}
.robocizna-rozbicie td{padding:2px 10px 2px 0;border:0}
.robocizna-rozbicie .num{text-align:right;font-variant-numeric:tabular-nums}
.ai-wyjasnienie{margin-top:6px;padding:8px 10px;border-radius:var(--radius);
  border:1px dashed var(--line);background:var(--surface-2);
  font-size:var(--fs-sm);white-space:pre-wrap;max-width:70ch}
.ai-znak{font-size:var(--fs-xs);color:var(--ink-3);margin-bottom:4px;
  text-transform:uppercase;letter-spacing:.03em}
.ai-okno{width:min(520px,94vw);border-top:3px solid var(--accent);cursor:default}
.ai-czesci{margin:0;display:flex;flex-direction:column;gap:2px}
.ai-czesci dt{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em;
  color:var(--ink-3);margin-top:var(--s3)}
.ai-czesci dt:first-child{margin-top:0}
.ai-czesci dd{margin:0;font-size:var(--fs-base);line-height:1.5;color:var(--ink)}
.ai-okno .pasek-akcji{margin-top:var(--s4);align-items:center;gap:var(--s3)}
.podpowiedzi-pole{position:relative}
.podpowiedzi-lista{position:absolute;z-index:40;left:0;right:0;top:calc(100% + 2px);
  max-height:280px;overflow:auto;background:var(--surface);border:1px solid var(--line);
  border-radius:var(--radius);box-shadow:var(--cien-2,0 8px 24px rgba(0,0,0,.18))}
.podpowiedz-cennik{display:flex;flex-direction:column;gap:1px;width:100%;text-align:left;
  padding:7px 10px;border:0;background:none;cursor:pointer;color:inherit;font:inherit}
.podpowiedz-cennik:hover,.podpowiedz-cennik:focus-visible{background:var(--surface-2)}
.podpowiedz-cennik .glowny{font-weight:600}
.podpowiedz-cennik .muted{font-size:var(--fs-xs)}
.mag-gdzie{display:flex;flex-wrap:wrap;gap:4px}
.mag-miejsce{display:inline-block;padding:1px 7px;border-radius:var(--radius-pill);
  background:var(--surface-2);border:1px solid var(--line-soft);
  font-size:var(--fs-xs);color:var(--ink-2);white-space:nowrap}
.mag-miejsce.auto{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent-text)}
.mag-miejsce.klient{background:var(--warn-bg);border-color:var(--warn-border);color:var(--warn)}
.mag-karta-gora{display:flex;flex-wrap:wrap;gap:var(--s5);
  padding:var(--s3) 0 var(--s4);border-bottom:1px solid var(--line-soft);margin-bottom:var(--s4)}
.mag-karta-gora > div{display:flex;flex-direction:column;gap:2px}
.mag-karta-gora .muted{font-size:var(--fs-xs)}
.mag-karta-gora strong{font-size:var(--fs-md)}
.mag-ruchy{display:flex;flex-direction:column;gap:var(--s4)}
.mag-ruch h4{margin:0 0 var(--s2);font-size:var(--fs-sm);text-transform:uppercase;
  letter-spacing:.04em;color:var(--ink-3)}
.mag-ruch .formrow{flex-wrap:wrap;gap:var(--s2)}
.mag-dodaj{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2);
  padding:var(--s3);background:var(--surface-2);border-radius:var(--radius);
  margin-bottom:var(--s4);position:relative}
.mag-dodaj .podpowiedzi{display:flex;flex-wrap:wrap;gap:4px}
.mag-dodaj .podpowiedz{padding:3px 9px;border:1px solid var(--line);border-radius:var(--radius-pill);
  background:var(--surface);font-size:var(--fs-sm);cursor:pointer}
.mag-dodaj .podpowiedz:hover{border-color:var(--accent);color:var(--accent-text)}
.mag-stan{font-size:var(--fs-xs);padding:1px 6px;border-radius:var(--radius-pill);
  border:1px solid var(--line-soft);background:var(--surface-2);color:var(--ink-2);
  font-weight:400;white-space:nowrap}
.mag-stan.ma{background:var(--ok-bg);border-color:var(--ok-border);color:var(--ok)}
.mag-stan.gdzies{background:var(--warn-bg);border-color:var(--warn-border);color:var(--warn)}
td.plus{color:var(--ok);font-variant-numeric:tabular-nums}
td.minus{color:var(--ink-2);font-variant-numeric:tabular-nums}
.nowrap{white-space:nowrap}
tr.wybrany td{background:var(--accent-soft)}
.mag-ruch .formrow{align-items:center}
.mag-ruch .input.w-ilosc{width:84px;flex:0 0 84px;text-align:right}
.mag-ruch select.input{flex:0 1 auto;width:auto;min-width:180px;max-width:280px}
.mag-ruch .input:not(.w-ilosc):not(select){flex:1 1 200px;min-width:160px}
.mag-dodaj .input.w-ilosc{width:84px;flex:0 0 84px;text-align:right}
.card > .hd .rozpychacz{white-space:nowrap}
.ai-skrot{display:block;max-width:52ch;margin-top:2px;padding:0;border:0;background:none;
  text-align:left;font:inherit;font-size:var(--fs-sm);color:var(--ink-2);
  cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ai-skrot:hover{color:var(--accent-text);text-decoration:underline}
.ai-skrot:disabled{cursor:default;opacity:.6}
.ai-iskra{color:var(--accent-text);margin-right:5px;font-size:var(--fs-xs)}
.ai-uwaga{overflow-wrap:anywhere}
.ai-uwaga .mono{white-space:nowrap;font-size:.94em}
.ai-model{margin-bottom:var(--s3);padding:var(--s3) var(--s4);
  border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.ai-model > .formrow{gap:var(--s3);flex-wrap:wrap;align-items:center}
.ai-model .pola.ciasne{margin-top:var(--s3)}
.ai-model .ptaszek{white-space:nowrap}
.ai-nowy{margin-top:var(--s4);padding:var(--s4);border:1px solid var(--line);
  border-radius:var(--radius);background:var(--surface-2)}
.ai-nowy-tytul{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em;
  color:var(--ink-3);margin-bottom:var(--s3)}
.ai-nowy .pasek-akcji{margin-top:var(--s3);align-items:center;gap:var(--s3);flex-wrap:wrap}
.ai-nowy .pasek-akcji .muted{font-size:var(--fs-sm)}
.pola.ciasne > *{min-width:190px}
.ai-uzycie{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--s3);
  padding:var(--s3) 0;border-top:1px solid var(--line-soft)}
.ai-uzycia > .ai-uzycie:first-child{border-top:0}
.ai-uzycie-opis{flex:1 1 300px;min-width:0}
.ai-uzycie-opis .muted{font-size:var(--fs-sm);margin-top:2px;max-width:62ch}
.ai-uzycie.nieczynne strong{color:var(--ink-2)}
.ai-uzycie-sterowanie{flex:0 0 auto;display:flex;align-items:center;gap:var(--s2);
  flex-wrap:wrap;margin-left:auto}
.ai-uzycie-sterowanie select{flex:0 0 210px;width:210px}
.widget-lista{list-style:none;margin:0;padding:var(--s2) 0 0;
  display:flex;flex-direction:column;gap:6px}
.widget-lista li{display:flex;align-items:center;gap:6px;min-width:0;
  font-size:var(--fs-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.widget-lista li .clip{overflow:hidden;text-overflow:ellipsis;min-width:0}
.ptaszek.nieczynny{opacity:.55;cursor:default}
.widget-pusto{display:flex;align-items:center;gap:var(--s2);
  padding:var(--s4) var(--pad-card);
  color:var(--ink-3);font-size:var(--fs-sm)}
.widget-pusto .ikona{display:inline-flex;align-items:center;justify-content:center;
  width:22px;height:22px;border-radius:50%;background:var(--ok-bg);color:var(--ok);
  font-size:var(--fs-sm);flex:0 0 auto}
.hosty-problemy,.obciazenie,.dyski{
  list-style:none;margin:0;padding:0;
  display:flex;flex-direction:column}
.host-wiersz,.obc-wiersz,.dysk-wiersz{
  position:relative;min-width:0;
  padding:10px var(--pad-card) 11px;
  border-bottom:1px solid var(--line-soft);
  border-left:3px solid transparent;
  padding-left:calc(var(--pad-card) - 3px)}
.host-wiersz:last-child,.obc-wiersz:last-child,.dysk-wiersz:last-child{
  border-bottom:0}
.host-wiersz:hover,.obc-wiersz:hover,.dysk-wiersz:hover{
  background:var(--surface-2)}
.w-disaster,.w-high,.ton-zle{border-left-color:var(--bad)}
.w-average,.w-warning,.ton-uwaga{border-left-color:var(--warn)}
.ton-ok{border-left-color:var(--ok)}
.w-information,.w-not_classified{border-left-color:var(--line)}
.host-wiersz{display:grid;grid-template-columns:minmax(0,1fr) auto;
  gap:2px var(--s3);align-items:center}
.host-nazwa{grid-column:1;font-size:var(--fs-sm);min-width:0;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.host-co{grid-column:1;grid-row:2;font-size:var(--fs-xs);min-width:0;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.host-liczby{grid-column:2;grid-row:1 / span 2;display:flex;align-items:center;
  gap:var(--s2);font-size:var(--fs-xs);white-space:nowrap}
.host-ile{display:inline-flex;align-items:center;justify-content:center;
  min-width:22px;height:20px;padding:0 6px;border-radius:var(--radius-pill);
  font-weight:600;font-size:var(--fs-xs);
  background:var(--surface-2);color:var(--ink-2);border:1px solid var(--line-soft)}
.host-ile.disaster,.host-ile.high{background:var(--bad-bg);color:var(--bad);
  border-color:var(--bad-border)}
.host-ile.average,.host-ile.warning{background:var(--warn-bg);color:var(--warn);
  border-color:var(--warn-border)}
.obc-wiersz,.dysk-wiersz{display:flex;flex-direction:column;gap:5px}
.obc-gora{display:flex;align-items:center;gap:var(--s2);min-width:0;
  font-size:var(--fs-sm)}
.obc-gora .mono,.obc-gora .jak-link{overflow:hidden;text-overflow:ellipsis;
  white-space:nowrap;min-width:0;font-weight:600}
.obc-znak{font-size:var(--fs-xs);letter-spacing:.05em;text-transform:uppercase;
  color:var(--ink-3);background:var(--surface-2);
  border:1px solid var(--line-soft);border-radius:var(--radius-sm);
  padding:1px 6px;white-space:nowrap;flex:0 0 auto;line-height:1.4}
.obc-procent{margin-left:auto;font-weight:700;font-variant-numeric:tabular-nums;
  flex:0 0 auto;font-size:var(--fs-base)}
.obc-procent.zle{color:var(--bad)}
.obc-procent.uwaga{color:var(--warn)}
.obc-procent.ok{color:var(--ink-2)}
.obc-pasek{height:9px;border-radius:var(--radius-pill);
  background:var(--line-soft);overflow:hidden}
.obc-pasek .wypelnienie{display:block;height:100%;border-radius:var(--radius-pill);
  transition:width .3s ease;min-width:3px}
.obc-pasek .wypelnienie.zle{background:var(--bad)}
.obc-pasek .wypelnienie.uwaga{background:var(--warn)}
.obc-pasek .wypelnienie.ok{background:var(--ok)}
.obc-firma{font-size:var(--fs-xs);min-width:0;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (prefers-reduced-motion:reduce){
  .obc-pasek .wypelnienie{transition:none}
}
.dysk-termin{display:flex;align-items:center;gap:var(--s2);
  font-size:var(--fs-xs);min-width:0}
.dysk-termin .termin{display:inline-flex;align-items:center;flex:0 0 auto;
  padding:1px 8px;border-radius:var(--radius-pill);font-weight:700;
  border:1px solid var(--line-soft);background:var(--surface-2);color:var(--ink-2)}
.dysk-termin .termin.zle{background:var(--bad-bg);color:var(--bad);
  border-color:var(--bad-border)}
.dysk-termin .termin.uwaga{background:var(--warn-bg);color:var(--warn);
  border-color:var(--warn-border)}
.dysk-termin .reszta{min-width:0;overflow:hidden;text-overflow:ellipsis;
  white-space:nowrap}
.obc-znak.disk{font-family:var(--mono, ui-monospace, monospace);
  text-transform:none;letter-spacing:0}
.widget > .hd h3{text-transform:uppercase;letter-spacing:.06em;
  font-size:var(--fs-sm);font-weight:700}
.widget > .hd .hd-podtytul{text-transform:uppercase;letter-spacing:.05em;
  font-size:var(--fs-xs);color:var(--ink-3)}
.panel-zakladki{margin:0 0 var(--s4);flex-wrap:wrap;align-items:center}
.panel-zakladki .ikona{font-size:1.05em}
.panel-zakladki .dodaj{font-size:var(--fs-xs);text-transform:uppercase;
  letter-spacing:.05em;color:var(--ink-3);border-bottom-color:transparent}
.panel-zakladki .dodaj:hover{color:var(--accent-text)}
.panel-zakladki .dodaj.groznie:hover{color:var(--bad)}
.kopie-ekran{display:flex;flex-direction:column;gap:var(--s4)}
.kopie-werdykt{display:flex;align-items:center;gap:var(--s4);
  padding:var(--s4) var(--s5);border-radius:var(--radius-lg);
  background:var(--ok-bg);border:1px solid var(--ok-border)}
.kopie-werdykt .znak{flex:0 0 auto;width:34px;height:34px;border-radius:999px;
  display:grid;place-items:center;font-size:19px;font-weight:700;
  background:var(--ok-solid);color:var(--ok-solid-ink)}
.kopie-werdykt .tresc{flex:1 1 auto;min-width:0}
.kopie-werdykt .zdanie{font-size:var(--fs-lg);font-weight:650;line-height:1.3}
.kopie-werdykt .drobne{font-size:var(--fs-sm);margin-top:2px;
  overflow-wrap:anywhere}
.kopie-werdykt .zly{color:var(--bad)}
.kopie-werdykt.uwaga{background:var(--warn-bg);border-color:var(--warn-border)}
.kopie-werdykt.uwaga .znak{background:var(--warn);color:var(--surface)}
.kopie-werdykt.zle{background:var(--bad-bg);border-color:var(--bad-border)}
.kopie-werdykt.zle .znak{background:var(--bad-solid);color:var(--bad-solid-ink)}
.kopie-liczby{display:grid;gap:var(--s3);
  grid-template-columns:repeat(4,minmax(0,1fr))}
.kopie-kafel{padding:var(--s3) var(--s4);
  border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.kopie-kafel .duza{font-size:var(--fs-xl);font-weight:680;line-height:1.15;
  font-variant-numeric:tabular-nums}
.kopie-kafel .opis{font-size:var(--fs-sm);color:var(--ink-3);margin-top:2px}
.kopie-kafel.uwaga{border-color:var(--warn-border);background:var(--warn-bg)}
.kopie-kafel.uwaga .duza{color:var(--warn)}
.kopie-kafel.zle{border-color:var(--bad-border);background:var(--bad-bg)}
.kopie-kafel.zle .duza{color:var(--bad)}
.kopie-serwery{list-style:none;margin:0;padding:0}
.kopie-serwer{display:flex;align-items:center;gap:var(--s4);
  padding:var(--s3) var(--s4);border-bottom:1px solid var(--line-soft);
  border-left:3px solid transparent}
.kopie-serwer:last-child{border-bottom:0}
.kopie-serwer.ton-dobrze{border-left-color:var(--ok)}
.kopie-serwer.ton-uwaga{border-left-color:var(--warn);background:var(--warn-bg)}
.kopie-serwer.ton-zle{border-left-color:var(--bad);background:var(--bad-bg)}
.kopie-serwer .kto{flex:1 1 auto;min-width:0}
.kopie-serwer .nazwa{font-weight:620}
.kopie-serwer .pod{font-size:var(--fs-sm);margin-top:1px}
.kopie-serwer .kiedy{flex:0 0 auto;text-align:right}
.kopie-serwer .kiedy .wiek{font-weight:600;font-variant-numeric:tabular-nums}
.kopie-serwer .kiedy .drobne{font-size:var(--fs-sm)}
.kopie-serwer .stan{flex:0 0 auto;display:flex;align-items:center;gap:var(--s2);
  min-width:130px;justify-content:flex-end}
.kopie-ciche{list-style:none;margin:0;padding:0}
.kopie-ciche li{display:flex;align-items:center;justify-content:space-between;
  gap:var(--s4);padding:var(--s3) var(--s4);border-bottom:1px solid var(--line-soft)}
.kopie-ciche li:last-child{border-bottom:0}
.kopie-ciche li.krytyczny{background:var(--bad-bg)}
.kopie-ciche .nazwa{font-weight:600}
.kopie-ciche .pill{margin-left:var(--s2)}
.kopie-ekran .card > .hd .rozpychacz{margin-left:auto}
.kopie-dziennik td .drobne{font-size:var(--fs-sm)}
.kopie-dziennik .kol-stan{white-space:nowrap;line-height:1.3}
.kopie-dziennik .kol-stan .drobne{margin-top:2px}
.kopie-dziennik .clip{max-width:340px;overflow:hidden;text-overflow:ellipsis;
  white-space:nowrap}
@media (max-width:1080px){ .kopie-liczby{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:760px){
  .kopie-serwer{flex-wrap:wrap}
  .kopie-serwer .kiedy{text-align:left}
  .kopie-serwer .stan{min-width:0;justify-content:flex-start}
}
.kondycja{display:flex;flex-direction:column;gap:var(--s4);
  padding:var(--s4) var(--pad-card) var(--s5)}
.kond-grupy{display:grid;gap:var(--s3);
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.kond-rzedy{display:grid;gap:var(--s3);
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.kond-karta,.kond-blok{border:1px solid var(--line);border-radius:var(--radius);
  background:var(--surface);padding:var(--s4);
  border-top:3px solid var(--line);display:flex;flex-direction:column;gap:var(--s2)}
.kond-karta.ton-dobrze,.kond-blok.ton-dobrze{border-top-color:var(--ok)}
.kond-karta.ton-uwaga,.kond-blok.ton-uwaga{border-top-color:var(--warn)}
.kond-karta.ton-zle,.kond-blok.ton-zle{border-top-color:var(--bad)}
.kond-karta.ton-nieznany,.kond-blok.ton-nieznany{border-top-color:var(--line)}
.kond-karta > header,.kond-blok > header{display:flex;align-items:baseline;
  gap:var(--s2);flex-wrap:wrap}
.kond-karta h4,.kond-blok h4{margin:0;font-size:var(--fs-sm);font-weight:700;
  text-transform:uppercase;letter-spacing:.05em}
.kond-karta > header .muted,.kond-blok > header .muted{font-size:var(--fs-xs)}
.kond-blok > header .rozpychacz{margin-left:auto;font-size:var(--fs-sm)}
.kond-liczba{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.kond-liczba strong{font-size:var(--fs-2xl);font-weight:700;line-height:1.05;
  font-variant-numeric:tabular-nums}
.kond-liczba .z{font-size:var(--fs-lg);color:var(--ink-3);
  font-variant-numeric:tabular-nums}
.kond-liczba .podpis{font-size:var(--fs-sm);color:var(--ink-3);margin-left:2px}
.ton-zle .kond-liczba strong{color:var(--bad)}
.ton-uwaga .kond-liczba strong{color:var(--warn)}
.kond-typy,.kond-lista,.kond-terminy{list-style:none;margin:0;padding:0;
  display:flex;flex-direction:column}
.kond-typy li,.kond-lista li{display:flex;align-items:baseline;gap:var(--s2);
  padding:5px 0;border-top:1px solid var(--line-soft);font-size:var(--fs-sm);
  min-width:0}
.kond-typy li:first-child,.kond-lista li:first-child{border-top:0;padding-top:var(--s1)}
.kond-typy .nazwa,.kond-lista .nazwa{flex:1 1 auto;min-width:0;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kond-typy .ile,.kond-lista .stan{flex:0 0 auto;white-space:nowrap;
  font-variant-numeric:tabular-nums}
.kond-typy .szt{flex:0 0 auto;min-width:52px;text-align:right;
  font-size:var(--fs-xs);font-variant-numeric:tabular-nums}
.kond-typy .ile{min-width:56px;text-align:right}
.kond-doliczenia{font-size:var(--fs-xs);margin-top:-2px}
.kond-lista li.dwuwiersz{flex-direction:column;align-items:stretch;gap:2px}
.kond-lista li.dwuwiersz .gora{display:flex;align-items:center;gap:var(--s2);
  min-width:0}
.kond-lista li.dwuwiersz .gora .mono,
.kond-lista li.dwuwiersz .gora .jak-link{flex:1 1 auto;min-width:0;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}
.kond-lista li.dwuwiersz .gora .stan{display:flex;align-items:center;gap:6px}
.kond-lista li.dwuwiersz .dol{font-size:var(--fs-xs);min-width:0;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kond-typy .ile.zle,.kond-lista .stan.zle{color:var(--bad);font-weight:600}
.kond-lista.drobne li{font-size:var(--fs-sm)}
.kond-lista .pill{flex:0 0 auto}
.kond-blok .pusto{margin:0;font-size:var(--fs-sm)}
.kond-terminy li{display:flex;align-items:baseline;gap:var(--s2);
  padding:5px 0;border-top:1px solid var(--line-soft);font-size:var(--fs-sm)}
.kond-terminy li:first-child{border-top:0}
.kond-terminy .nazwa{font-weight:600}
.kond-terminy .kiedy{margin-left:auto;white-space:nowrap;color:var(--ink-3)}
.kond-terminy li.pilne .kiedy{color:var(--bad);font-weight:700}
.kopie-kafle{display:grid;gap:var(--s3);padding:var(--s4) var(--pad-card);
  grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.kopie-maszyna{border:1px solid var(--line);border-radius:var(--radius);
  border-left:3px solid var(--line);background:var(--surface);
  padding:var(--s3) var(--s4);display:flex;flex-direction:column;gap:3px;
  min-width:0}
.kopie-maszyna.ton-dobrze{border-left-color:var(--ok)}
.kopie-maszyna.ton-uwaga{border-left-color:var(--warn);background:var(--warn-bg)}
.kopie-maszyna.ton-zle{border-left-color:var(--bad);background:var(--bad-bg)}
.kopie-maszyna.klik{cursor:pointer}
.kopie-maszyna.klik:hover{border-color:var(--accent-border);
  box-shadow:var(--shadow-1)}
.kopie-maszyna.klik:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.kopie-maszyna .gora{display:flex;align-items:center;gap:var(--s2);min-width:0}
.kopie-maszyna .nazwa{flex:1 1 auto;min-width:0;font-weight:650;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kopie-maszyna .gora .pill{flex:0 0 auto}
.kopie-maszyna .wiek{font-size:var(--fs-sm);font-weight:600;
  font-variant-numeric:tabular-nums}
.kopie-maszyna .pod,.kopie-maszyna .stopka{font-size:var(--fs-xs);min-width:0;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kopie-maszyna .stopka{margin-top:auto;padding-top:4px}
.wybor-stanowiska{display:flex;flex-direction:column;margin-top:var(--s3);
  max-height:46vh;overflow-y:auto;border:1px solid var(--line-soft);
  border-radius:var(--radius)}
.wybor-stanowiska .pozycja{display:flex;align-items:baseline;gap:var(--s3);
  padding:9px var(--s3);border:0;border-bottom:1px solid var(--line-soft);
  background:none;text-align:left;font:inherit;cursor:pointer;color:inherit}
.wybor-stanowiska .pozycja:last-child{border-bottom:0}
.wybor-stanowiska .pozycja:hover{background:var(--surface-2)}
.wybor-stanowiska .pozycja .mono{flex:0 0 auto;font-weight:600}
.wybor-stanowiska .pozycja .muted{min-width:0;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap}
.wybor-stanowiska .pozycja .drobne{margin-left:auto;font-size:var(--fs-xs)}
.wybor-stanowiska .pusty-wybor{padding:var(--s4);font-size:var(--fs-sm);line-height:1.5}
.wybor-widgetow{display:grid;gap:var(--s3);margin-top:var(--s3);
  grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
  max-height:56vh;overflow-y:auto;padding-right:2px}
.kafel-widgetu{display:flex;flex-direction:column;gap:3px;text-align:left;
  padding:var(--s3) var(--s4);border:1px solid var(--line);
  border-radius:var(--radius);background:var(--surface);font:inherit;
  color:inherit;cursor:pointer;min-width:0}
.kafel-widgetu:hover:not(:disabled){border-color:var(--accent-border);
  background:var(--accent-soft)}
.kafel-widgetu:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.kafel-widgetu .tytul{font-weight:650}
.kafel-widgetu .opis{font-size:var(--fs-sm);line-height:1.35}
.kafel-widgetu .stopka{font-size:var(--fs-xs);margin-top:auto;padding-top:6px}
.kafel-widgetu.juz{opacity:.55;cursor:default}
.panel-dodaj{grid-column:span 1;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:6px;min-height:140px;
  border:2px dashed var(--line);border-radius:var(--radius);
  background:none;color:var(--ink-3);font:inherit;font-weight:600;
  cursor:pointer}
.panel-dodaj:hover{border-color:var(--accent);color:var(--accent-text);
  background:var(--accent-soft)}
.panel-dodaj:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.panel-dodaj .plus{font-size:26px;line-height:1}
.sekcja.skladana > h3,.sekcja.skladana > .sekcja-hd > h3{display:flex;align-items:baseline;gap:var(--s3);
  flex-wrap:wrap}
.sekcja.skladana > h3 .rozwin,.sekcja.skladana > .sekcja-hd > h3 .rozwin{font-size:var(--fs-sm);font-weight:500}
.wrocilo{display:inline-flex;align-items:center;margin-left:6px;
  padding:0 6px;border-radius:var(--radius-pill);font-size:var(--fs-xs);
  font-weight:700;text-transform:lowercase;letter-spacing:.02em;
  background:var(--warn-bg);color:var(--warn);border:1px solid var(--warn-border);
  cursor:help}
.panel-pusty{display:flex;flex-direction:column;align-items:center;
  gap:var(--s3);padding:var(--s6) var(--pad-card);
  border:2px dashed var(--line);border-radius:var(--radius-lg)}
.panel-pusty .srodek{display:flex;justify-content:center}
.kolo-kreska{fill:none;stroke:var(--line);stroke-width:1.2}
.kolo-ile{font-size:13px;font-weight:700;fill:var(--ink);
  font-variant-numeric:tabular-nums}
.kolo-slowo{font-size:9.5px;fill:var(--ink-3)}
.kolo-podpis-grupa.klik{cursor:pointer}
.kolo-podpis-grupa.klik:hover .kolo-ile,
.kolo-podpis-grupa.klik:hover .kolo-slowo{fill:var(--accent)}
.kolo-podpis-grupa.klik:hover .kolo-kreska{stroke:var(--accent)}
.alarm-grupa{margin-top:var(--s4)}
.alarm-grupa > h4{margin:0 0 var(--s2);font-size:var(--fs-sm);font-weight:700;
  text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3)}
.alarm-regula{border:1px solid var(--line);border-radius:var(--radius);
  background:var(--surface);padding:var(--s3) var(--s4);margin-bottom:var(--s2)}
.alarm-regula.wylaczona{opacity:.62;background:var(--surface-2)}
.alarm-regula .glowa{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap}
.alarm-regula .alarm-licznik{margin-left:auto;display:flex;align-items:center;
  gap:6px;font-size:var(--fs-sm);white-space:nowrap}
.alarm-regula .alarm-licznik .cicho{color:var(--ink-3)}
.alarm-regula .opis{font-size:var(--fs-sm);margin:2px 0 var(--s2);line-height:1.4}
.pola-alarmu{display:flex;flex-wrap:wrap;gap:var(--s3) var(--s4);align-items:flex-end}
.pola-alarmu > label{display:flex;align-items:center;gap:6px;font-size:var(--fs-sm)}
.pola-alarmu input.input{width:86px;text-align:right;
  font-variant-numeric:tabular-nums}
.pola-alarmu select.input{min-width:130px}
.pola-alarmu .jednostka{font-size:var(--fs-xs)}
.pola-alarmu .ptaszek{margin-left:auto}
.kod-blok{margin:var(--s3) 0 0;padding:var(--s3) var(--s4);border-radius:var(--radius);
  background:var(--surface-2);border:1px solid var(--line-soft);
  font-family:var(--mono);font-size:var(--fs-sm);line-height:1.5;
  overflow-x:auto;white-space:pre;max-height:340px;overflow-y:auto}
.obciazenie.stanowisko{gap:var(--s3);margin-bottom:var(--s4)}
.obciazenie.stanowisko .obc-wiersz{padding:8px 0 9px;border-left:0;
  border-bottom:1px solid var(--line-soft)}
.obciazenie.stanowisko .obc-wiersz:last-child{border-bottom:0}
.obciazenie.stanowisko .obc-firma{font-size:var(--fs-sm)}
.obciazenie.stanowisko .obc-firma .zly{color:var(--bad)}
tr.przygaszone > td{opacity:.55}
.mini{font-size:var(--fs-xs);line-height:1.3}
.lista-krokow{margin:0 0 var(--s3);padding-left:22px;color:var(--ink-2)}
.lista-krokow li{margin-bottom:var(--s2)}
.wykres-kolo.pionowo{flex-direction:column;flex-wrap:nowrap;gap:var(--s2);
  align-items:stretch;justify-content:flex-start}
.wykres-kolo.pionowo .kolo-svg{flex:1 1 auto;min-height:150px;width:100%;height:100%}
.wykres-kolo.pionowo .kolo-legenda{max-height:46%;overflow-y:auto;flex:0 0 auto}
.kolo-legenda{flex:0 0 auto;display:flex;flex-direction:column;gap:2px;
  list-style:none;margin:0;padding:0}
.kolo-legenda li{display:flex;align-items:baseline;gap:8px;padding:3px 2px;
  border-radius:var(--radius-sm);font-size:var(--fs-sm);color:var(--ink-2)}
.kolo-legenda li.klik{cursor:pointer}
.kolo-legenda li.klik:hover{background:var(--surface-2);color:var(--ink)}
.kolo-legenda .kropka{width:10px;height:10px;border-radius:3px;flex:0 0 auto;
  align-self:center}
.kolo-legenda strong{font-variant-numeric:tabular-nums;min-width:2.2em;text-align:right}
.kolo-legenda .slowo{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kolo-legenda li .kropka.zle{background-image:repeating-linear-gradient(45deg,
  transparent 0 2px, var(--surface) 2px 3.4px)}
.kafle-pasek{display:flex;align-items:center;gap:var(--s3);
  margin:0 0 var(--s2);font-size:var(--fs-sm)}
td.kolumna-kolejnosci{width:1%;white-space:nowrap;text-align:right}
td.kolumna-kolejnosci .strzalki{display:inline-flex;gap:2px;margin-right:var(--s3)}
td.kolumna-kolejnosci .strzalki .btn{border-radius:0}
td.kolumna-kolejnosci .strzalki .btn:first-child{
  border-radius:var(--radius-sm) 0 0 var(--radius-sm)}
td.kolumna-kolejnosci .strzalki .btn:last-child{
  border-radius:0 var(--radius-sm) var(--radius-sm) 0}
.przycisk-centrum{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto}
@media (max-width:1100px){ .przycisk-centrum .etykieta{display:none} }
.side button.nav.ma-podmenu .strzalka{margin-left:auto;color:var(--ink-3);
  transition:transform .14s;display:inline-block}
.side button.nav.ma-podmenu .strzalka.otwarta{transform:rotate(90deg)}
.side .podmenu{margin:2px 0 6px 0;padding-left:14px;
  border-left:2px solid var(--line-soft)}
.side button.nav.pod{padding:6px 10px 6px 12px;font-size:var(--fs-sm);
  color:var(--ink-2);border-left-color:transparent}
.side button.nav.pod.on{background:var(--accent-soft);color:var(--accent-text);font-weight:640}
.side button.nav.pod .nav-liczba{margin-left:auto;color:var(--ink-3);
  font-size:var(--fs-xs);font-weight:450;font-variant-numeric:tabular-nums;
  letter-spacing:.02em}
.side button.nav.pod.on .nav-liczba{color:var(--accent-text);opacity:.7}
tr.nieprzeczytane > td:first-child{box-shadow:inset 3px 0 0 var(--accent)}
tr.nieprzeczytane strong{font-weight:750}
.ekran-routery > * + *{margin-top:var(--s5)}
.ekran-routery .narzedzia{display:flex;flex-direction:column;gap:var(--s3);
  padding:var(--s4);background:var(--g1);border:1px solid var(--line);
  border-radius:var(--radius)}
.ekran-routery .producenci{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.ekran-routery .producenci .etykieta{color:var(--ink-3);font-size:var(--fs-sm);
  margin-right:var(--s1)}
.ekran-routery .producenci button{padding:3px 10px;border:1px solid var(--line);
  background:transparent;color:var(--ink-2);border-radius:999px;
  font:inherit;font-size:var(--fs-sm);cursor:pointer;white-space:nowrap}
.ekran-routery .producenci button:hover{border-color:var(--accent);color:var(--ink)}
.ekran-routery .producenci button.on{background:var(--accent);border-color:var(--accent);
  color:#fff}
@media (max-width:900px){
  .ekran-routery .producenci .etykieta{flex:1 1 100%;margin:0 0 2px}
  .ekran-routery .szukajka{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .ekran-routery .szukajka .input{grid-column:1 / -1;width:100%;flex:none;min-width:0}
  .ekran-routery .szukajka .btn{width:100%;flex:none}
  .ekran-routery .odswiezanie{display:grid;grid-template-columns:1fr;gap:10px}
  .ekran-routery .odswiezanie .input,
  .ekran-routery .odswiezanie .btn{width:100%;flex:none;min-width:0}
}
.ekran-routery table td{padding-top:10px;padding-bottom:10px;vertical-align:top}
.ekran-routery table td > * + *{margin-top:3px}
.powiadomienie .powiad-glowa strong.powiad-tytul{
  white-space:normal;text-overflow:clip;
  font-size:var(--fs-sm);line-height:1.3;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  overflow:hidden;min-width:0;flex:1 1 auto;
  overflow-wrap:anywhere}
.powiadomienie .powiad-glowa{align-items:center}
.powiadomienie .mini{line-height:1.25}
.obc-kola{display:flex;flex-wrap:wrap;gap:var(--s4);align-items:flex-start}
.obc-kolo{width:112px;text-align:center}
.obc-kolo .kolko{width:72px;height:72px;display:block;margin:0 auto}
.obc-kolo .kolko .tlo{fill:none;stroke:var(--g3);stroke-width:7}
.obc-kolo .kolko .luk{fill:none;stroke-width:7;stroke-linecap:round}
.obc-kolo .kolko .luk.ok{stroke:var(--ok)}
.obc-kolo .kolko .luk.uwaga{stroke:var(--warn)}
.obc-kolo .kolko .luk.zle{stroke:var(--bad)}
.obc-kolo .kolko .srodek{fill:var(--ink);font-size:15px;font-weight:700;
  text-anchor:middle;dominant-baseline:central}
.obc-kolo .obc-nazwa{margin-top:4px;font-size:var(--fs-sm);font-weight:600;
  overflow-wrap:anywhere}
.obc-kolo .obc-pod{font-size:var(--fs-sm);line-height:1.35}
.obc-kolo .obc-pod .zly{color:var(--bad)}
.zdarzenia-hosta td{padding:6px 10px 6px 0;vertical-align:top}
.zdarzenia-hosta tr.zamkniete{opacity:.6}
.ekran-routery .dns-lista{line-height:1.3;margin-top:2px}
.ekran-routery .dns-lista .zly{color:var(--bad);font-weight:600}
.ekran-routery a.btn{display:inline-flex;align-items:center;white-space:nowrap;
  text-decoration:none}
.ekran-routery td.kol-router{white-space:nowrap}
.ekran-routery td.kol-router .mini{white-space:normal}
.ekran-routery th.srodek,
.ekran-routery td.srodek{text-align:center}
.ekran-routery td.srodek > *{margin-left:auto;margin-right:auto}
.bloki-tablicy{padding-top:0;padding-bottom:var(--s3)}
.lista-blokow{display:flex;flex-wrap:wrap;gap:var(--s3) var(--s5);margin-top:6px}
.lista-blokow > *{flex:0 1 260px}
.zajetosc-kola{display:flex;gap:30px;align-items:flex-start}
.pierscien{position:relative;width:34px;flex:0 0 34px;
           padding-bottom:13px;cursor:help;line-height:1}
.pierscien svg{display:block}
.pierscien .tor{stroke:var(--line-soft)}
.pierscien .srodek{font-size:13px;font-weight:700;fill:var(--ink);
                   font-variant-numeric:tabular-nums}
.pierscien .podpis{position:absolute;bottom:0;left:50%;transform:translateX(-50%);
                   font-size:10px;color:var(--ink-3);white-space:nowrap;
                   letter-spacing:.02em;text-align:center}
.pierscien.ok      .luk{stroke:var(--ok)}
.pierscien.warn    .luk{stroke:var(--warn)}
.pierscien.bad     .luk{stroke:var(--bad)}
.pierscien.neutral .luk{stroke:var(--accent)}
.pierscien.bad .srodek{fill:var(--bad)}
.pierscien.ok  .srodek{fill:var(--ok)}
@media (prefers-reduced-motion:no-preference){
  .pierscien .luk{transition:stroke-dasharray .3s ease-out}
}
.formrow + table, .formrow + .tabela-przewijana,
.pasek-akcji + table{margin-top:var(--s4)}
.pasek-liczb{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s3) var(--s5);
  padding:var(--s3) var(--s4);background:var(--surface);border:1px solid var(--line);
  border-radius:var(--radius);margin-bottom:var(--s4)}
.pasek-liczb .liczba{color:var(--ink-2);font-size:var(--fs-sm);white-space:nowrap}
.pasek-liczb .liczba b{color:var(--ink);font-size:var(--fs-md);font-weight:750;
  font-variant-numeric:tabular-nums;margin-right:4px}
@media (max-width:900px){
  .pasek-liczb{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));
    gap:var(--s3) var(--s4);align-items:start}
  .pasek-liczb .liczba{display:flex;flex-direction:column;white-space:normal;
    line-height:1.25}
  .pasek-liczb .liczba b{font-size:var(--fs-xl);margin-right:0}
  .pasek-liczb .rozpychacz{display:none}
  .pasek-liczb .co-to-znaczy,
  .pasek-liczb .wyjasnienie-zwiniete{grid-column:1 / -1;white-space:normal}
}
.co-to-znaczy{white-space:nowrap}
.wyjasnienie-zwiniete{flex:1 1 100%;margin-top:var(--s3);padding-top:var(--s3);
  border-top:1px solid var(--line-soft);color:var(--ink-2);font-size:var(--fs-sm)}
.wyjasnienie-zwiniete p{margin:0 0 var(--s2)}
.wyjasnienie-zwiniete p:last-child{margin-bottom:0}
.zasady{list-style:none;margin:0 0 var(--s4);padding:0;
        display:flex;flex-direction:column;gap:2px}
.zasady li{position:relative;padding:9px 14px 9px 26px;
           font-size:var(--fs-base);line-height:1.45;color:var(--ink-2);
           border-radius:var(--radius-sm);cursor:help}
.zasady li:nth-child(even){background:var(--pas)}
.zasady li:hover{background:var(--surface-2)}
.zasady li::before{content:'';position:absolute;left:11px;top:17px;
                   width:5px;height:5px;border-radius:50%;background:var(--accent);
                   opacity:.55}
.zasady li b{color:var(--ink);font-weight:660;
             border-bottom:1px dotted var(--line);padding-bottom:1px}
.zasady li code{font-family:var(--mono);font-size:var(--fs-sm);
                background:var(--surface-2);border:1px solid var(--line-soft);
                border-radius:4px;padding:1px 5px}
.wyjasnienie.zwiezle{cursor:help}
.wyjasnienie.zwiezle::after{content:' ⓘ';color:var(--ink-3);font-size:var(--fs-sm)}
[data-dymek]:not(button):not(input):not(select):not(a):not(.btn){cursor:help}
.ekran-wiedza{display:grid;grid-template-columns:290px minmax(0,1fr);
              gap:var(--s6);align-items:start}
.wiedza-spis{position:sticky;top:var(--s4);display:flex;flex-direction:column;gap:2px;
             background:var(--surface);border:1px solid var(--line);
             border-radius:var(--radius);padding:var(--s3);box-shadow:var(--shadow-1)}
.wiedza-spis-hd{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;
                color:var(--ink-3);font-weight:700;padding:2px 8px 8px}
.wiedza-poz{display:flex;flex-direction:column;gap:2px;text-align:left;
            background:none;border:0;cursor:pointer;font:inherit;
            padding:9px 10px;border-radius:var(--radius-sm);
            border-left:3px solid transparent}
.wiedza-poz .t{font-weight:620;color:var(--ink);font-size:var(--fs-sm);line-height:1.3}
.wiedza-poz .p{color:var(--ink-3);font-size:var(--fs-xs);line-height:1.35}
.wiedza-poz:hover{background:var(--surface-2)}
.wiedza-poz.wybrany{background:var(--accent-soft);border-left-color:var(--accent)}
.wiedza-poz.wybrany .t{color:var(--accent-text)}
.wiedza-tresc{background:var(--surface);border:1px solid var(--line);
              border-radius:var(--radius);padding:var(--s6) var(--s7);
              box-shadow:var(--shadow-1);max-width:none}
.wiedza-tresc > p, .wiedza-tresc > ol, .wiedza-tresc > ul,
.wiedza-tresc > dl, .wiedza-tresc > .uwaga, .wiedza-tresc > .wiedza-sedno{
  max-width:72ch}
.wiedza-tresc h2{margin:0 0 var(--s2);font-size:var(--fs-2xl);line-height:1.2;
                 text-wrap:balance}
.wiedza-tresc h3{margin:var(--s6) 0 var(--s2);font-size:var(--fs-lg);
                 line-height:1.3;text-wrap:balance;
                 padding-bottom:6px;border-bottom:1px solid var(--line-soft)}
.wiedza-tresc p{margin:0 0 var(--s3);line-height:1.62;color:var(--ink-2)}
.wiedza-tresc p b, .wiedza-tresc p strong, .wiedza-tresc li b{color:var(--ink)}
.wiedza-lead{font-size:var(--fs-md);color:var(--ink)!important;
             padding-bottom:var(--s3);border-bottom:1px solid var(--line-soft)}
.wiedza-tresc code{font-family:var(--mono);font-size:.88em;
                   background:var(--surface-2);border:1px solid var(--line-soft);
                   border-radius:4px;padding:1px 5px;white-space:nowrap}
.wiedza-tresc table{margin:var(--s3) 0 var(--s4);
                    border:1px solid var(--line);border-radius:var(--radius-sm);
                    overflow:hidden}
.wiedza-tresc .input{max-width:320px;margin-bottom:var(--s4)}
.analogia{padding-left:var(--s4);border-left:3px solid var(--line);
          font-style:italic}
.wiedza-sedno{background:var(--accent-soft);border:1px solid var(--accent-border);
              border-left:4px solid var(--accent);border-radius:var(--radius-sm);
              padding:var(--s4) var(--s5);margin:var(--s4) 0;
              line-height:1.6;color:var(--ink)}
.wiedza-sedno.mocny{font-size:var(--fs-md)}
.wiedza-sedno pre{margin:var(--s2) 0}
.wiedza-sedno ul{margin:var(--s2) 0 0;padding-left:var(--s5)}
.wiedza-sedno .drobne{margin-top:var(--s2);font-size:var(--fs-sm);color:var(--ink-2)}
.wiedza-tresc .uwaga{background:var(--warn-bg);border:1px solid var(--warn-border);
                     border-left:4px solid var(--warn);border-radius:var(--radius-sm);
                     padding:var(--s3) var(--s4);margin:var(--s3) 0;
                     font-size:var(--fs-sm);line-height:1.55;color:var(--ink-2)}
.kroki{margin:var(--s4) 0;padding:0;list-style:none;counter-reset:krok;
       display:flex;flex-direction:column;gap:var(--s3)}
.kroki li{counter-increment:krok;position:relative;padding-left:44px;
          line-height:1.6;color:var(--ink-2)}
.kroki li::before{content:counter(krok);position:absolute;left:0;top:0;
                  width:28px;height:28px;border-radius:50%;
                  display:flex;align-items:center;justify-content:center;
                  background:var(--accent);color:var(--accent-ink);
                  font-size:var(--fs-sm);font-weight:700}
.kroki li:not(:last-child)::after{content:'';position:absolute;left:13px;top:32px;
                                  bottom:calc(-1 * var(--s3) - 4px);
                                  width:2px;background:var(--line-soft)}
.kroki .uwaga{margin-top:var(--s2)}
.etykieta{display:inline-flex;align-items:center;gap:4px;
          font-size:var(--fs-xs);font-weight:700;letter-spacing:.03em;
          text-transform:uppercase;padding:1px 7px;border-radius:var(--radius-pill);
          border:1px solid transparent;vertical-align:1px;white-space:nowrap;
          cursor:help}
.etykieta.fakt{background:var(--ok-bg);color:var(--ok);border-color:var(--ok-border)}
.etykieta.wniosek{background:var(--warn-bg);color:var(--warn);border-color:var(--warn-border)}
.etykieta.nie-wiemy{background:var(--surface-2);color:var(--ink-3);border-color:var(--line)}
.stany-opis{display:grid;grid-template-columns:auto 1fr;gap:var(--s3) var(--s4);
            margin:var(--s3) 0 var(--s4);align-items:start;max-width:72ch}
.stany-opis dt{padding-top:2px}
.stany-opis dt code{white-space:nowrap}
.stany-opis dd{margin:0;line-height:1.6;color:var(--ink-2)}
.slownik{display:grid;grid-template-columns:minmax(140px,220px) 1fr;
         gap:0;margin:0;border:1px solid var(--line);border-radius:var(--radius-sm);
         overflow:hidden}
.slownik dt{padding:11px var(--s4);font-weight:700;color:var(--ink);
            display:flex;flex-direction:column;gap:2px;
            border-top:1px solid var(--line-soft)}
.slownik dt .rozw{font-weight:400;font-size:var(--fs-xs);color:var(--ink-3);
                  text-transform:none;letter-spacing:0;line-height:1.3}
.slownik dd{margin:0;padding:11px var(--s4);line-height:1.55;color:var(--ink-2);
            border-top:1px solid var(--line-soft)}
.slownik dt:first-of-type, .slownik dd:first-of-type{border-top:0}
.slownik dt:nth-of-type(even), .slownik dd:nth-of-type(even){background:var(--pas)}
@media (max-width:1100px){
  .ekran-wiedza{grid-template-columns:1fr}
  .wiedza-spis{position:static}
  .wiedza-tresc{padding:var(--s5)}
  .slownik{grid-template-columns:1fr}
  .slownik dd{padding-top:0;border-top:0}
}
.blok-zakup{margin-top:var(--s4);padding:var(--s4);
            background:var(--surface-2);border:1px solid var(--line);
            border-radius:var(--radius)}
.blok-zakup .kolumny-tytul{margin-bottom:var(--s3)}
.blok-zakup .pasek-akcji{margin-top:var(--s3)}
@media (max-width:900px){
  .drawer table, .content table, .karta-infra table{
    display:block; overflow-x:auto; -webkit-overflow-scrolling:touch;
    max-width:100%;
  }
  .drawer table, .content table{
    background-image:linear-gradient(to left, rgba(0,0,0,.06), rgba(0,0,0,0) 24px);
    background-attachment:local, scroll;
  }
  .drawer{width:100% !important;inset:0 !important;border-left:0}
}
@media (max-width:640px){
  .topbar{flex-wrap:wrap;row-gap:var(--s2)}
  .top-prawo{flex-wrap:wrap;min-width:0;flex:1 1 100%;
             justify-content:flex-start;gap:var(--s2)}
  .top-ja{min-width:0;flex-wrap:wrap}
  .top-ja .ja-opis{display:none}
  .top-lewo{flex:1 1 100%;min-width:0}
}
.drawer-hd{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;
           margin-bottom:var(--s4)}
.drawer-hd .zamknij{margin-left:auto}
@media (max-width:640px){
  .drawer-hd{display:grid;grid-template-columns:1fr auto;
             align-items:start;gap:6px 10px;margin-bottom:var(--s3)}
  .drawer-hd > h2{grid-column:1;margin:0;font-size:var(--fs-xl);line-height:1.2}
  .drawer-hd .zamknij{grid-column:2;grid-row:1;margin-left:0;align-self:start}
  .drawer-hd > *:not(h2):not(.zamknij){grid-column:1 / -1}
}
.filtry-przelacz{display:none}
@media (max-width:640px){
  .filtry-przelacz{
    display:inline-flex;align-items:center;gap:8px;
    background:var(--surface);border:1px solid var(--line);
    border-radius:var(--radius-sm);padding:9px 14px;
    font:inherit;font-weight:620;color:var(--ink);cursor:pointer;
    min-height:40px}
  .filtry-przelacz:hover{background:var(--surface-2)}
  .filtry-przelacz .ile{
    display:inline-flex;align-items:center;justify-content:center;
    min-width:20px;height:20px;padding:0 6px;border-radius:var(--radius-pill);
    background:var(--accent);color:var(--accent-ink);
    font-size:var(--fs-xs);font-weight:700}
  .filters:not(.rozwiniete) > .sterowanie{display:none}
  .filters{padding:var(--s3)}
  .filters .row{gap:8px}
  .filters select.input{flex:1 1 100%;max-width:none !important}
}
@media (max-width:640px){
  .btn, .btn.sm, button.jak-link.btn{min-height:44px}
  .btn.sm{padding-left:14px;padding-right:14px}
  .btn.ikona, .zamknij{min-width:44px}
  .input, select.input, textarea.input{min-height:44px}
  .ptaszek, .przelacznik{min-height:44px}
  .pasek-akcji, .formrow{gap:10px}
}
.zrodlo-faktu{font-size:var(--fs-sm);cursor:help}
.sidefoot .wersja{margin-left:6px;padding:1px 6px;border-radius:var(--radius-pill);
  background:var(--surface-2);border:1px solid var(--line-soft);
  color:var(--ink-3);font-variant-numeric:tabular-nums;cursor:help}
.zrodlo-auto-opis{margin:2px 0 var(--s3) 26px;
  color:var(--ink-3);font-size:var(--fs-sm);line-height:1.45;max-width:62ch}
.krazki{display:grid;grid-template-columns:max-content minmax(0, max-content);
        gap:var(--s2) var(--s4);
        height:100%;min-height:0;overflow:auto;
        justify-content:center;align-content:center;
        justify-content:safe center;align-content:safe center}
.krazki.od-gory{align-content:start}
.krazki .krazek[style]{box-sizing:border-box;padding-top:0;padding-bottom:0}
.krazek{display:grid;grid-column:1 / -1;grid-template-columns:subgrid;
        align-items:center;
        background:none;border:0;padding:6px 0;border-radius:var(--radius);
        font:inherit;text-align:left;color:inherit}
.krazek.klik{cursor:pointer}
.krazek.klik:hover{background:var(--surface-2)}
.krazek:disabled{cursor:default}
.krazek svg{flex:0 0 auto;display:block}
.krazek .tor{stroke:var(--line-soft)}
.krazek.ok    .luk{stroke:var(--ok-solid)}
.krazek.uwaga .luk{stroke:var(--warn)}
.krazek.zle   .luk{stroke:var(--bad-solid)}
.krazek-proc{font-size:15px;font-weight:700;fill:var(--ink);
             font-variant-numeric:tabular-nums}
.krazek-opis{display:flex;flex-direction:column;gap:1px;min-width:0}
.krazek-opis strong{font-size:var(--fs-lg);line-height:1.1;
                    font-variant-numeric:tabular-nums}
.krazek-nazwa{font-size:var(--fs-sm);color:var(--ink-2);line-height:1.25;
              overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.krazek-z{font-size:var(--fs-xs);color:var(--ink-3)}
.kolo-legenda .legenda-uwaga{font-style:normal;flex:0 0 auto;margin-left:auto;
  padding-left:8px;font-size:var(--fs-xs);color:var(--warn);line-height:1.25;
  white-space:nowrap}
.od-nory{margin-top:var(--s3);padding:var(--s3);border-radius:var(--radius);
  background:var(--surface-2);border-left:3px solid var(--ink-3)}
.od-nory-hd{display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  font-size:var(--fs-xs);margin-bottom:6px}
.od-nory-hd .znak{font-weight:700;letter-spacing:.08em;color:var(--ink-2)}
.od-nory-hd .pewnosc{margin-left:auto;font-variant-numeric:tabular-nums;
  color:var(--ink-2);white-space:nowrap}
.od-nory-hd .pewnosc.slaba{color:var(--warn)}
.od-nory-tresc{margin:0;font-size:var(--fs-sm);line-height:1.45;color:var(--ink)}
.od-nory-etykiety{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.od-nory-etykiety .nora-tag{display:inline-block;font-size:var(--fs-xs);
  padding:2px 8px;border-radius:var(--radius-pill);border:1px solid var(--line);
  color:var(--ink-2);background:var(--surface);
  text-transform:none;letter-spacing:0}
.wybor-wiersz {
  display: flex; align-items: flex-start; gap: 9px; cursor: pointer;
  padding: 7px 8px; margin: 0 -8px; border-radius: 7px; line-height: 1.45;
}
.wybor-wiersz:hover { background: var(--tlo-2, rgba(127,127,127,.07)); }
.wybor-wiersz input { margin: 3px 0 0; flex: 0 0 auto; width: 16px; height: 16px;
                      cursor: pointer; }
.wybor-wiersz input:disabled { cursor: not-allowed; }
.wybor-wiersz input:disabled + span { opacity: .55; }
.note.haslo{outline:none;animation:haslo-uwaga .9s ease-out 1}
.note.haslo:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
@keyframes haslo-uwaga{
  0%{box-shadow:0 0 0 0 var(--accent)}
  40%{box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 30%,transparent)}
  100%{box-shadow:0 0 0 0 transparent}
}
@media (prefers-reduced-motion:reduce){ .note.haslo{animation:none} }
.haslo-wiersz{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap;margin:6px 0}
.note.haslo .mono.duze{font-size:1.6rem;font-weight:700;letter-spacing:.06em;
  user-select:all}
.karta-abonenta{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);
                gap:var(--s5);align-items:start}
.karta-abonenta > .kolumna{display:flex;flex-direction:column;gap:var(--s4);min-width:0}
.karta-abonenta .kafel{margin:0}
.karta-abonenta table{width:100%}
@media (max-width:1100px){ .karta-abonenta{grid-template-columns:1fr} }
.karta-abonenta dl.kv dt,
.karta-abonenta dl.kafel-fakty dt{font-size:var(--fs-sm);line-height:var(--lh)}
.karta-abonenta dl.kv dd,
.karta-abonenta dl.kafel-fakty dd{font-size:var(--fs-base);line-height:var(--lh)}
.karta-abonenta .mono,
.karta-abonenta dl.kv dd.mono{font-size:var(--fs-base)}
.karta-abonenta dd .mini,
.karta-abonenta dd .muted.mini{font-size:var(--fs-sm)}
.karta-abonenta table th{font-size:var(--fs-sm)}
.karta-abonenta table td{font-size:var(--fs-base)}
.karta-abonenta table td .mono{font-size:var(--fs-base)}
.karta-abonenta table td .mini{font-size:var(--fs-sm)}
.karta-abonenta dl.kv{grid-template-columns:150px minmax(0,1fr);margin-bottom:0}
.karta-abonenta .kafel-fakty{grid-template-columns:auto minmax(0,1fr)}
.drawer.waski dl.kv dt{font-size:var(--fs-sm)}
.drawer.waski dl.kv dd,
.drawer.waski dl.kv dd.mono{font-size:var(--fs-base)}
.drawer.waski dl.kv{grid-template-columns:132px minmax(0,1fr)}
.karta-abonenta td.nowrap{white-space:nowrap}
.karta-abonenta table td:nth-child(2){width:99%}
.stan-lacza{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}
.stan-lacza .mini{line-height:1.35}
.uwaga-nexera{color:var(--warn)}
.historia-zgl{display:flex;align-items:center;gap:var(--s5);flex-wrap:wrap;
              padding:4px 0 2px}
.historia-suma{display:flex;flex-direction:column;line-height:1.1;min-width:0}
.historia-n{font-size:var(--fs-2xl);font-weight:700;font-variant-numeric:tabular-nums}
.historia-e{font-size:var(--fs-sm);color:var(--ink-3);margin-top:2px}
.historia-od{font-size:var(--fs-xs);color:var(--ink-3);margin-top:6px}
.historia-zgl .zajetosc-kola{flex:1 1 auto;justify-content:center;
  align-items:flex-start;gap:44px;margin-left:0}
.historia-zgl .pierscien{width:64px;flex:0 0 64px;padding-bottom:20px}
.historia-zgl .pierscien svg{width:64px;height:64px}
.historia-zgl .pierscien .podpis{font-size:12px}
@media (max-width:900px){
  .historia-zgl{flex-direction:column;align-items:center;text-align:center;
    gap:var(--s4)}
  .historia-suma{align-items:center;text-align:center}
  .historia-zgl .zajetosc-kola{flex:0 0 auto;width:100%;gap:28px}
  .historia-zgl .pierscien{width:52px;flex-basis:52px}
  .historia-zgl .pierscien svg{width:52px;height:52px}
}
.raport-diag{width:min(920px,95vw);max-height:88vh;overflow:auto}
.kartahd-nr{font-weight:500;font-size:var(--fs-sm);color:var(--ink-3);margin-left:6px}
.diag-glowa{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap;
  padding:12px 14px;margin-bottom:var(--s4);border-radius:var(--radius-sm);
  background:var(--surface,rgba(127,127,127,.06));
  border:1px solid var(--linia,rgba(127,127,127,.25))}
.diag-kto{flex:1 1 260px;min-width:0}
.diag-stan{flex:0 0 auto;text-align:right}
.diag-uwagi{white-space:pre-line}
.miary{display:grid;gap:10px;margin:0 0 var(--s4);
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.miara{padding:12px 14px;border-radius:var(--radius-sm);
  background:var(--surface,rgba(127,127,127,.06));
  border:1px solid var(--linia,rgba(127,127,127,.25))}
.miara-e{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;
  font-weight:700;color:var(--ink-3)}
.miara-v{margin-top:4px;font-size:var(--fs-xl,22px);font-weight:700;
  letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.miara-v .jedn{font-size:var(--fs-sm);font-weight:600;color:var(--ink-3)}
.miara-p{margin-top:3px;font-size:var(--fs-xs);color:var(--ink-3);line-height:1.35}
.miara.warn{border-color:rgba(200,140,20,.5)}
.miara.bad{border-color:rgba(190,50,45,.5)}
.diag-werdykt{padding:12px 14px;margin-bottom:var(--s4);
  border-radius:var(--radius-sm);border:1px solid var(--linia,rgba(127,127,127,.25))}
.diag-tytul{margin-top:8px;font-weight:700;font-size:var(--fs-lg,17px)}
.diag-werdykt p{margin-top:4px}
.lista-powodow{list-style:none;margin:6px 0 var(--s4);padding:0;display:grid;gap:6px}
.lista-powodow li{position:relative;padding-left:18px;font-size:var(--fs-sm);
  line-height:1.5}
.lista-powodow li::before{content:'';position:absolute;left:0;top:.55em;
  width:7px;height:7px;border-radius:50%;background:var(--ink-3)}
.lista-powodow li.s-ok::before{background:#1c9c62}
.lista-powodow li.s-uwaga::before{background:#c88c14}
.lista-powodow li.s-zle::before{background:#c0332e}
.lista-powodow li.s-info::before{background:transparent;
  box-shadow:inset 0 0 0 1.5px var(--ink-3)}
.zrodlo-kropka{display:inline-block;width:5px;height:5px;border-radius:50%;
  margin-left:5px;vertical-align:.35em;background:currentColor;opacity:.45}
.tab-zgloszen tbody td{padding:15px 14px;line-height:1.45}
.tab-zgloszen .kol-sesja,
.tab-zgloszen .kol-acs{text-align:center;padding-inline:18px}
.tab-zgloszen .kol-sesja > button.jak-link,
.tab-zgloszen .kol-acs > button.jak-link{display:block;width:100%;text-align:center}
.tab-zgloszen .kol-sesja > button.jak-link > .pill,
.tab-zgloszen .kol-acs > button.jak-link > .pill{margin-bottom:4px}
.tab-zgloszen .kol-kategoria{padding-left:18px}
.tab-zgloszen tbody td .mini,
.tab-zgloszen tbody td .muted.mini{font-size:var(--fs-sm);line-height:1.4}
.tab-zgloszen tbody td.mono,
.tab-zgloszen tbody td .mono{font-size:var(--fs-base);letter-spacing:.01em}
.tab-zgloszen thead th{font-size:var(--fs-xs);padding:12px 14px}
.tab-zgloszen tbody td > .mini,
.tab-zgloszen tbody td > .muted.mini{margin-top:3px}
.tab-zgloszen .pill{height:auto;min-height:26px;white-space:normal;
  padding:3px 10px;line-height:1.3;text-align:center;display:inline-block}
.tab-zgloszen.zamkniete tbody td{padding:13px 9px}
.tab-zgloszen.zamkniete thead th{padding:11px 9px}
.tab-zgloszen.zamkniete tbody td .mini,
.tab-zgloszen.zamkniete tbody td .muted.mini{font-size:var(--fs-xs);line-height:1.35}
.tab-zgloszen.zamkniete .pill{font-size:var(--fs-xs);padding:3px 8px}
.zgl-akcje,.siatka-akcji{display:grid;gap:10px;margin-bottom:var(--s3);
  grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
.zgl-akcje > .btn,.siatka-akcji > .btn{width:100%;display:inline-flex;
  align-items:center;justify-content:center;text-align:center;line-height:1.2}
.zgl-akcje > .btn.sm,.siatka-akcji > .btn.sm{height:auto;min-height:34px;
  padding-top:6px;padding-bottom:6px;white-space:normal}
@media (max-width:900px){
  .tab-zgloszen{table-layout:auto}
  .tab-zgloszen colgroup{display:none}
  .tblwrap .tab-zgloszen{min-width:0}
  .tab-zgloszen .kol-numer,
  .tab-zgloszen .kol-temat,
  .tab-zgloszen .kol-acs,
  .tab-zgloszen .kol-kategoria{display:none}
  .tab-zgloszen.zamkniete .kol-odkiedy{display:none}
  .tab-zgloszen tbody td{padding:11px 8px}
  .tab-zgloszen thead th{padding:9px 8px}
  .tab-zgloszen .kol-lokalizacja,
  .tab-zgloszen .kol-abonent{white-space:normal;overflow-wrap:break-word}
  .tab-diagnoz{table-layout:auto}
  .tblwrap .tab-diagnoz{min-width:0}
  .tab-diagnoz .kol-werdykt,
  .tab-diagnoz .kol-objaw,
  .tab-diagnoz .kol-otworz{display:none}
  .tab-diagnoz td{padding:11px 8px}
  .tab-diagnoz th{padding:9px 8px}
  .tab-diagnoz .kol-abonent{white-space:normal;overflow-wrap:break-word}
  .tab-zgloszen thead th{overflow-wrap:break-word;hyphens:none}
}
.tblwrap .tab-sesje{min-width:1100px}
.tblwrap:has(> .tab-sesje){container:tabela-sesji / inline-size}
.tab-sesje .btn .szeroko{display:none}
.tab-sesje .btn .wasko{display:inline}
@container tabela-sesji (min-width:1150px){
  .tab-sesje .btn .szeroko{display:inline}
  .tab-sesje .btn .wasko{display:none}
}
@media (max-width:900px){
  .tab-sesje{table-layout:auto}
  .tblwrap .tab-sesje{min-width:0}
  .tab-sesje th:nth-child(n+4):not(.kol-akcja),
  .tab-sesje td:nth-child(n+4):not(.kol-akcja){display:none}
  .tab-sesje td,.tab-sesje th{padding-left:8px;padding-right:8px}
  .tab-sesje td:nth-child(1),
  .tab-sesje td:nth-child(2){white-space:normal;overflow-wrap:anywhere}
  .tab-sesje .pill{font-size:var(--fs-xs);padding-left:7px;padding-right:7px;
    overflow-wrap:normal}
  .tab-sesje .btn .szeroko{display:none}
  .tab-sesje .btn .wasko{display:inline}
  .tab-sesje .kol-akcja{white-space:nowrap}
}
.tab-diagnoz tbody tr{cursor:pointer}
.tab-diagnoz td{vertical-align:top}
.tab-zgloszen{table-layout:fixed;width:100%}
.tab-zgloszen td{vertical-align:top}
.tab-zgloszen .kol-temat{white-space:normal;overflow-wrap:anywhere;line-height:1.4}
.tab-zgloszen td .brak-stanu,
.tab-zgloszen td .muted.mini{white-space:normal;line-height:1.35}
.tab-zgloszen th{white-space:normal;line-height:1.25;overflow:hidden}
.tab-zgloszen th:nth-last-child(2),
.tab-zgloszen td:nth-last-child(2),
.tab-zgloszen th:last-child,
.tab-zgloszen td:last-child{text-align:center}
.tab-zgloszen .stan-lacza{display:flex;align-items:center;text-align:center}
.wiersz-klik{cursor:pointer}
.wiersz-klik:hover{background:rgba(127,127,127,.07)}
.wiersz-klik:focus-visible{outline:2px solid var(--akcent,#2f6fed);outline-offset:-2px}
.zgl-abonent{display:flex;flex-direction:column;gap:8px;
  padding:10px 12px;margin-bottom:var(--s3);border-radius:var(--radius-sm);
  background:var(--surface,rgba(127,127,127,.06));
  border:1px solid var(--linia,rgba(127,127,127,.25))}
.zgl-abonent-kto{min-width:0}
.zgl-abonent-stan{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.tab-zgloszen tr.wiersz-nexera td:first-child{box-shadow:inset 3px 0 0 var(--bad)}
.tab-zgloszen tr.wiersz-nexera{background:rgba(190,50,45,.055)}
.tab-zgloszen tr.wiersz-nexera:hover{background:rgba(190,50,45,.10)}
.tab-zgloszen td:last-child .pill{white-space:normal;text-align:center}
.notatki-znak{margin-top:4px;cursor:help}
.pasek-kafli{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:var(--s4)}
.pasek-kafli > .kafel-liczby{flex:1 1 150px;min-width:0}
.kafel-liczby{display:flex;flex-direction:column;justify-content:center;
  padding:12px 14px;border-radius:var(--radius-sm);text-align:left;
  background:var(--surface,rgba(127,127,127,.06));
  border:1px solid var(--linia,rgba(127,127,127,.25));font:inherit;color:inherit}
.kafel-liczby.klik{cursor:pointer}
.kafel-liczby.klik:hover{border-color:var(--accent);background:rgba(127,127,127,.10)}
.kafel-liczby .kl-n{font-size:var(--fs-2xl,26px);font-weight:700;line-height:1.05;
  letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.kafel-liczby .kl-e{margin-top:3px;font-size:var(--fs-xs);text-transform:uppercase;
  letter-spacing:.07em;font-weight:700;color:var(--ink-3)}
.kafel-liczby .kl-p{margin-top:4px;font-size:var(--fs-xs);color:var(--ink-3);
  line-height:1.35}
.kafel-liczby.ok   .kl-n{color:var(--ok)}
.kafel-liczby.warn .kl-n{color:var(--warn)}
.kafel-liczby.bad  .kl-n{color:var(--bad)}
.pasek-kafli .zajetosc-kola{gap:26px;justify-content:center;align-items:flex-start;
  padding:6px 0 2px}
.pasek-kafli .pierscien{width:68px;flex:0 0 68px;padding-bottom:18px}
.pasek-kafli .pierscien svg{width:68px;height:68px}
.pasek-kafli .pierscien .podpis{font-size:11px}
.pasek-kafli .pierscien.seria-0 .luk{stroke:var(--accent)}
.pasek-kafli .pierscien.seria-1 .luk{stroke:#7aa2f7}
.pasek-kafli .pierscien.seria-2 .luk{stroke:#54c7c2}
.pasek-kafli .pierscien.seria-3 .luk{stroke:#a58bf0}
.pasek-kafli .pierscien.seria-4 .luk{stroke:#5bb98c}
.pasek-kafli .pierscien.seria-5 .luk{stroke:#e0a84a}
.pasek-kafli > .kafel-liczby.szeroki{flex:1 0 100%}
.kafel-liczby.szeroki .zajetosc-kola{flex-wrap:wrap;row-gap:14px}
.formrow + .pasek-kafli{margin-top:var(--s4)}
.podmenu .podgrp{margin:12px 0 4px 18px;font-size:10px;font-weight:800;
  letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);opacity:.75}
.podmenu .podgrp:first-child{margin-top:6px}
.mini-tab{border-collapse:collapse;width:auto}
.mini-tab td{padding:2px 12px 2px 0;vertical-align:top;border:0}
.mini-tab code{font-size:12px}
.zgl-ident { display: flex; flex-wrap: wrap; gap: 6px 18px; margin-top: 6px; }
.zgl-ident span { display: flex; flex-direction: column; line-height: 1.25; }
.zgl-ident i { font-style: normal; font-size: 10px; text-transform: uppercase;
               letter-spacing: .08em; font-weight: 700; color: var(--ink-3); }
.zgl-ident b { font-size: 15px; font-variant-numeric: tabular-nums;
               letter-spacing: .01em; }
@media (max-width:760px){
  .lista-widget .wrs > *,
  .lista-widget .nagl > *,
  .kafel-fakty > *,
  .pasek-zlecenia .rzad > *{min-width:0}
  .muted.nowrap,
  .lista-widget .muted,
  li > .muted.nowrap{white-space:normal}
  .lista-widget .wrs > *,
  .kafel-fakty dd,
  .card .bd{overflow-wrap:anywhere}
}
@media (max-width:760px){
  .pill{height:auto;min-height:26px;padding-top:3px;padding-bottom:3px;
        white-space:normal;text-align:center;max-width:100%;
        line-height:1.25}
  td.kol-status .pill{min-width:0}
}
@media (max-width:640px){
  .pasek-zlecenia .rzad{gap:8px}
  .pasek-zlecenia .etykieta-rzedu{flex:1 1 100%}
  .pasek-zlecenia .btn.zamknij-zlecenie{margin-left:0}
  .pasek-zlecenia .rzad > .btn{flex:1 1 calc(50% - 4px);justify-content:center}
  .pasek-zlecenia .rzad > .btn.zielony,
  .pasek-zlecenia .rzad > .btn.czerwony,
  .pasek-zlecenia .rzad > .btn.zamknij-zlecenie,
  .pasek-zlecenia .rzad > .stan-przydzialu{flex:1 1 100%}
}
@media (max-width:760px){
  .zakladki{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .zakladki::-webkit-scrollbar{height:0}
}
.nav.pelne-menu{width:100%;text-align:left;margin-top:var(--s3);
  border-top:1px solid var(--line);border-radius:0;
  font-size:var(--fs-sm);color:var(--ink-3)}
.nav.pelne-menu:hover{color:var(--ink)}
.panel-zakladki .dodaj.on{background:var(--accent-soft);color:var(--accent-text);
  border-color:var(--accent)}
.panel-zakladki .zakladka-telefon{margin-left:6px;font-size:10px;font-weight:700;
  text-transform:uppercase;letter-spacing:.06em;color:var(--accent-text);
  background:var(--accent-soft);border-radius:var(--radius-pill);padding:2px 7px;
  vertical-align:middle}
.top-prawo{flex-wrap:wrap}
.top-ja{min-width:0;flex-wrap:wrap}
.top-ja > *{min-width:0}
@media (max-width:1100px){
  .topbar{display:flex;flex-wrap:wrap;align-items:center;row-gap:var(--s2)}
  .top-lewo{flex:1 1 260px}
  .top-srodek{flex:0 0 auto}
  .top-prawo{flex:1 1 auto;justify-content:flex-end}
  .top-prawo > *{min-width:0}
}
.nav.menu-telefon{position:sticky;left:0;z-index:2;flex:0 0 auto;
  font-weight:650;background:var(--surface);border:1px solid var(--line);
  box-shadow:6px 0 8px -6px rgba(16,24,40,.25)}
.menu-arkusz{position:fixed;inset:0 0 0 0;background:var(--surface);
  display:flex;flex-direction:column;overscroll-behavior:contain}
.menu-arkusz-hd{display:flex;align-items:center;gap:12px;
  padding:14px var(--s4);border-bottom:1px solid var(--line);flex:none}
.menu-arkusz-hd .zamknij{margin-left:auto}
.menu-arkusz-tresc{flex:1 1 auto;overflow-y:auto;padding:var(--s3) var(--s3) var(--s6)}
.menu-arkusz-grupa{margin-bottom:var(--s4)}
.menu-arkusz .grp{display:block !important;font-size:11px;font-weight:700;
  text-transform:uppercase;letter-spacing:.07em;color:var(--ink-3);
  padding:6px 12px 4px}
.menu-arkusz .nav{display:flex;align-items:center;gap:9px;
  width:100%;text-align:left;white-space:normal;
  min-height:44px;padding:11px 12px;background:transparent;border-radius:0;
  border:0;border-bottom:1px solid var(--line-soft);
  color:var(--ink);font:inherit;font-weight:520;cursor:pointer}
.menu-arkusz .nav:last-child{border-bottom:0}
.menu-arkusz .nav.on{background:var(--accent-soft);color:var(--accent-text);
  font-weight:650;border-radius:var(--radius)}
.menu-arkusz .podmenu{padding-left:10px;margin:2px 0 6px;
  border-left:2px solid var(--line)}
.menu-arkusz .podgrp{font-size:10px;font-weight:700;text-transform:uppercase;
  letter-spacing:.07em;color:var(--ink-3);padding:8px 12px 2px}
.tab-abonentow{table-layout:fixed;width:100%}
.tab-abonentow th,
.tab-abonentow td{vertical-align:top;padding:12px 10px;font-size:15px;line-height:1.35}
.tab-abonentow td:first-child strong{font-size:15px}
.tab-abonentow .mini{font-size:13px}
.tab-abonentow td.mono{font-size:13px;font-variant-numeric:tabular-nums;
  overflow-wrap:anywhere}
.tab-abonentow .pill{height:auto;white-space:normal;text-align:center;
  padding-top:3px;padding-bottom:3px;line-height:1.25}
.tab-abonentow tbody tr{cursor:pointer}
@media (max-width:900px){
  .tab-abonentow{table-layout:auto}
  .tab-abonentow colgroup{display:none}
  .tab-abonentow th:nth-child(n+4),
  .tab-abonentow td:nth-child(n+4){display:none}
  .tab-abonentow td:nth-child(1),
  .tab-abonentow td:nth-child(2),
  .tab-abonentow th:nth-child(1),
  .tab-abonentow th:nth-child(2){white-space:normal;overflow-wrap:anywhere}
  .tab-abonentow td,.tab-abonentow th{padding-left:8px;padding-right:8px}
  .tab-abonentow td:nth-child(3){white-space:normal}
  .tab-abonentow .pill{overflow-wrap:normal;font-size:var(--fs-xs);padding-left:7px;padding-right:7px}
}
.tab-abonentow th{white-space:normal}
.tab-abonentow .zajetosc-kola{gap:6px}
@media (max-width:900px){
  .tblwrap .tab-abonentow{min-width:0}
}
.otworz-menu{flex:none;width:40px;height:40px;display:grid;place-items:center;padding:0}
.otworz-menu .kreski{display:grid;gap:4px;width:18px}
.otworz-menu .kreski i{display:block;height:2px;border-radius:2px;background:currentColor}
.side button.nav.pelne-menu{width:100%;text-align:left;margin-top:var(--s3);padding:12px 12px;
  border:0;border-left:0;border-top:1px solid var(--line);border-radius:0;background:none;
  font:inherit;font-size:var(--fs-sm);color:var(--ink-3);cursor:pointer;min-height:44px}
.nav.pelne-menu:hover{color:var(--ink)}
@media (max-width:900px){
  .side .grp{display:block}
  .side .sidefoot{display:block}
  .side .brandtext{display:block}
  .brandbar{padding:4px 6px var(--s4)}
  .shell{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .side{transition:none}
}
@media (max-width:900px){
  .tylko-szeroko{display:none !important}
  .topbar .ikona{width:44px;height:44px}
  .topbar .ikony{gap:6px}
  .top-prawo{gap:10px}
  .top-ja.klikalne{cursor:pointer;padding:4px 6px;border-radius:var(--radius);
    min-height:44px}
  .top-ja.klikalne:active{background:var(--surface-2)}
  .top-ja.klikalne:focus-visible{outline:none;box-shadow:var(--focus)}
}
.menu-ja{position:fixed;left:0;right:0;bottom:0;background:var(--surface);
  border-top-left-radius:16px;border-top-right-radius:16px;
  box-shadow:0 -8px 32px rgba(16,24,40,.22);
  padding:var(--s3) var(--s3) var(--s5);
  max-height:82vh;overflow-y:auto;overscroll-behavior:contain}
.menu-ja-hd{display:flex;align-items:center;gap:12px;
  padding:8px 12px var(--s3);border-bottom:1px solid var(--line);margin-bottom:6px}
.menu-ja-poz{display:flex;flex-direction:column;align-items:flex-start;gap:2px;
  width:100%;min-height:48px;padding:12px;border:0;border-radius:var(--radius);
  background:none;color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.menu-ja-poz:active{background:var(--surface-2)}
.menu-ja-poz.groznie{color:var(--bad);font-weight:600}
.menu-ja-kreska{height:1px;background:var(--line);margin:6px 12px}
@media (max-width:900px){
  .zakladki{gap:10px;overflow-x:auto;flex-wrap:nowrap}
  .zakladki button{min-height:44px;white-space:nowrap;padding:var(--s2) var(--s3)}
  .pasek-akcji, .formrow, .wiersz-akcje{gap:10px}
}
@media (max-width:900px){
  .topbar{flex-wrap:nowrap;padding:10px var(--s4);gap:10px}
  .top-lewo{flex:1 1 auto;min-width:0;gap:10px}
  .top-tytul{min-width:0}
  .top-tytul h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .top-prawo{flex:0 0 auto}
  .topbar .czatnik{min-height:44px}
}
@media (max-width:900px){
  .jak-link, .klikalny{padding-top:10px;padding-bottom:10px;
    margin-top:-10px;margin-bottom:-10px}
  td .btn.sm{margin:3px 6px 3px 0;min-height:40px}
  .ust-poz{min-height:44px;display:flex;align-items:center}
}
@media (max-width:900px){
  input[type=checkbox], input[type=radio]{width:26px;height:26px;
    accent-color:var(--accent)}
  .ptaszek-linia{min-height:44px;display:inline-flex;align-items:center;gap:10px}
  th input[type=checkbox], td input[type=checkbox]{margin:9px}
  .pill[title*="filtr"], button.pill{min-height:40px;padding-left:14px;padding-right:14px}
  td .jak-link{padding-top:12px;padding-bottom:12px;margin-top:-12px;margin-bottom:-12px}
}
.kafel-tabela{overflow-x:auto;-webkit-overflow-scrolling:touch}
.kafel-tabela > table{width:100%;min-width:0}
.kafel-tabela th,.kafel-tabela td{padding-left:8px;padding-right:8px}
.kafel-tabela > table{border:1px solid var(--line);border-radius:0}
.kafel-tabela th:first-child,.kafel-tabela td:first-child{padding-left:10px}
.kafel-tabela th:last-child,.kafel-tabela td:last-child{padding-right:10px}
.kafel-tabela > table{font-size:var(--fs-sm)}
.kafel-tabela thead th{font-size:var(--fs-xs);letter-spacing:.03em;padding-top:8px;padding-bottom:8px}
.kafel-tabela tbody td{height:auto;padding-top:8px;padding-bottom:8px}
.kafel-tabela td.nowrap,.kafel-tabela th.nowrap{white-space:nowrap}
.kafel-tabela td.mono{word-break:break-all;min-width:0}
td.usterka{max-width:1px;width:100%}
button.skrot{display:block;width:100%;max-width:100%;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  text-align:left;padding:10px 0;margin:-10px 0}
.haslo-pppoe{display:inline-flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.haslo-pppoe .jak-link{font-size:var(--fs-sm)}
.pasek-czasu {
  height: 4px; border-radius: 2px; margin-top: 4px;
  background: var(--linia); overflow: hidden;
}
.pasek-czasu > span {
  display: block; height: 100%; border-radius: 2px;
  background: var(--ok, #1f7a4d);
  transition: width .2s ease;
}
.pasek-czasu > span.blisko { background: var(--uwaga, #8a6116); }
.pasek-czasu > span.po     { background: var(--zle, #a5322c); }
@media (prefers-reduced-motion: reduce) {
  .pasek-czasu > span { transition: none; }
}
.sekcja-tytul{margin:0 0 var(--s3);font-size:var(--fs-lg);line-height:1.3}
.sekcja-tytul.dalszy{margin-top:var(--s6)}
.drawer .pola.ciasne{row-gap:var(--s4);column-gap:var(--s4)}
.drawer .card{margin-bottom:var(--s4)}
.drawer .card:last-of-type{margin-bottom:0}
.drawer .pola .podpowiedz-pola{margin-top:4px;line-height:1.4}
.drawer textarea.input{min-height:5.5rem;line-height:1.5}
.wzor-blokady{width:240px;max-width:100%;aspect-ratio:1;touch-action:none;
  border:1px solid var(--line);border-radius:14px;background:var(--surface-2);
  cursor:crosshair;user-select:none}
.wzor-strefa{fill:transparent}
.wzor-punkt{fill:var(--ink-3);transition:fill .12s,r .12s}
.wzor-punkt.uzyty{fill:var(--accent)}
.wzor-linia{fill:none;stroke:var(--accent);stroke-width:4;
  stroke-linecap:round;stroke-linejoin:round;opacity:.65}
.wzor-numer{fill:var(--accent-ink);font-size:11px;font-weight:700;
  pointer-events:none}
.pola.wymiarowe{display:flex;flex-wrap:wrap;gap:var(--s3) var(--s4);
  align-items:flex-start}
.pola.wymiarowe > .pole{flex:0 0 auto;min-width:0;gap:3px}
.pola.wymiarowe > .pole.mikro{width:104px}
.pola.wymiarowe > .pole.waskie{width:148px}
.pola.wymiarowe > .pole.srednie{width:206px}
.pola.wymiarowe > .pole.szerokie{width:290px}
.pola.wymiarowe > .pole.rosnie{flex:1 1 260px;min-width:220px}
.pola.wymiarowe > .pole > .input{width:100%}
.pola.wymiarowe .input{height:34px}
.pola.wymiarowe .input.mono{font-variant-numeric:tabular-nums}
@media (max-width:560px){
  .pola.wymiarowe > .pole{width:auto;flex:1 1 100%}
}
.etap .pole-etykieta{font-size:12px;font-weight:640;color:var(--ink-2);
  letter-spacing:.01em}
.etap .pole-podpowiedz{font-size:12px;color:var(--ink-3);line-height:1.35}
.etap .pole-blad{font-size:12px}
.etap .wyjasnienie{font-size:12px;color:var(--ink-3);line-height:1.45}
.podsekcja{margin:var(--s5) 0 var(--s3);padding-top:var(--s3);
  border-top:1px solid var(--line-soft);
  font-size:11px;font-weight:800;text-transform:uppercase;
  letter-spacing:.09em;color:var(--ink-3)}
.etap .bd > .podsekcja:first-child{margin-top:0;padding-top:0;border-top:0}
.etapy{display:grid;grid-template-columns:repeat(auto-fit,minmax(440px,1fr));
  gap:var(--s4);align-items:stretch;margin-top:var(--s4)}
.etap{margin:0;height:100%;display:flex;flex-direction:column;
  overflow:hidden;position:relative;
  transition:box-shadow .18s, border-color .18s}
.etap::before{content:'';position:absolute;inset:0 0 auto;height:3px;
  background:var(--line);transition:background .2s}
.etap.zrobiony::before{background:var(--accent)}
.etap:focus-within{box-shadow:var(--shadow-2);border-color:var(--accent-border)}
.etap > .hd{display:flex;align-items:flex-start;gap:12px;
  padding:var(--s4) var(--pad-card);
  background:linear-gradient(178deg, var(--surface-2) 0%, var(--surface) 92%);
  border-bottom:1px solid var(--line-soft)}
.etap.zrobiony > .hd{background:linear-gradient(178deg,
  hsl(var(--accent-h) var(--accent-s) 48% / .09) 0%, var(--surface) 92%)}
.etap.zly > .hd{background:linear-gradient(178deg, var(--bad-bg) 0%, var(--surface) 92%)}
.etap > .bd{flex:1 1 auto}
.etap-tytul{margin:0;font-size:var(--fs-lg);font-weight:700;
  letter-spacing:-.02em;line-height:1.15}
.etap-opis{margin:5px 0 0;color:var(--ink-2);font-size:12px;
  line-height:1.4;max-width:46ch}
.etap-nr{flex:0 0 auto;width:30px;height:30px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  font-size:var(--fs-sm);font-weight:800;font-variant-numeric:tabular-nums;
  background:var(--surface);color:var(--ink-3);
  border:1.5px solid var(--line);
  transition:background .2s,color .2s,border-color .2s}
.etap.zrobiony .etap-nr{background:var(--accent);color:var(--accent-ink);
  border-color:var(--accent);
  box-shadow:0 0 0 4px var(--surface),
             0 0 0 6px hsl(var(--accent-h) var(--accent-s) 48% / .16)}
.etap-stan{flex:0 0 auto;margin-top:3px;
  font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;
  color:var(--ink-3);white-space:nowrap}
.etap-stan.ok{color:var(--accent-text)}
.kroki-przyjecia{position:relative;display:flex;justify-content:center;
  margin-top:var(--s4);padding:7px 16px;
  border:1px solid var(--line);border-radius:var(--radius-pill);
  background:var(--surface-2)}
.kroki-srodek{display:flex;align-items:center;gap:2px;flex-wrap:wrap;
  justify-content:center}
.kroki-przyjecia .krok{display:inline-flex;align-items:center;gap:8px;
  height:34px;padding:0 14px 0 6px;border:0;border-radius:var(--radius-pill);
  background:transparent;color:var(--ink-2);cursor:pointer;
  font:inherit;font-size:var(--fs-sm);font-weight:600;white-space:nowrap;
  transition:background .15s,color .15s}
.kroki-przyjecia .krok:hover{background:var(--surface);color:var(--ink)}
.kroki-przyjecia .krok:focus-visible{outline:none;box-shadow:var(--focus)}
.krok-kreska{flex:0 0 auto;width:22px;height:2px;border-radius:2px;
  background:var(--line);transition:background .35s ease}
.krok-kreska.przebyta{background:var(--accent)}
.kroki-przyjecia .krok-nr{flex:0 0 auto;width:22px;height:22px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  font-size:11px;font-weight:800;font-variant-numeric:tabular-nums;
  background:var(--surface);color:var(--ink-3);
  border:1px solid var(--line);
  transition:background .2s,color .2s,border-color .2s}
.kroki-przyjecia .krok.pusty .krok-nr{border-style:dashed}
.kroki-przyjecia .krok.zrobiony{color:var(--ink);background:var(--accent-soft)}
.kroki-przyjecia .krok.zrobiony .krok-nr{background:var(--accent);
  color:var(--accent-ink);border-color:var(--accent);
  animation:krok-zapala .42s cubic-bezier(.2,.9,.3,1.4)}
@keyframes krok-zapala{
  0%   {transform:scale(.7);box-shadow:0 0 0 0 hsl(var(--accent-h) var(--accent-s) 48% / .5)}
  60%  {transform:scale(1.16)}
  100% {transform:scale(1);box-shadow:0 0 0 9px hsl(var(--accent-h) var(--accent-s) 48% / 0)}
}
.kroki-przyjecia .krok.teraz{background:var(--surface);color:var(--ink);
  box-shadow:var(--shadow-1)}
.kroki-przyjecia .krok.teraz .krok-nr{border-color:var(--accent);
  color:var(--accent-text);
  animation:krok-tetno 2.4s ease-out infinite}
.kroki-przyjecia .krok.teraz.zrobiony .krok-nr{color:var(--accent-ink)}
@keyframes krok-tetno{
  0%   {box-shadow:0 0 0 0 hsl(var(--accent-h) var(--accent-s) 48% / .45)}
  70%  {box-shadow:0 0 0 7px hsl(var(--accent-h) var(--accent-s) 48% / 0)}
  100% {box-shadow:0 0 0 0 hsl(var(--accent-h) var(--accent-s) 48% / 0)}
}
.kroki-przyjecia .krok.zly{color:var(--bad);background:var(--bad-bg)}
.kroki-przyjecia .krok.zly .krok-nr{background:var(--bad);color:#fff;
  border-color:var(--bad);animation:none}
.kroki-licznik{position:absolute;right:18px;top:50%;transform:translateY(-50%);
  font-size:12px;font-weight:700;color:var(--ink-3);
  font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none}
@media (prefers-reduced-motion:reduce){
  .kroki-przyjecia .krok-nr,
  .kroki-przyjecia .krok.teraz .krok-nr{animation:none}
  .krok-kreska{transition:none}
}
:root[data-ruch="mniej"] .kroki-przyjecia .krok-nr{animation:none}
@media (max-width:760px){
  .kroki-przyjecia .krok-tytul{display:none}
  .kroki-przyjecia .krok{padding:0 6px}
  .krok-kreska{width:12px}
  .kroki-licznik{display:none}
}
.pola.wymiarowe > .pole.mikro .pole-podpowiedz,
.pola.wymiarowe > .pole.waskie .pole-podpowiedz{width:max-content;max-width:230px}
.btn.rozwin{gap:8px}
.rozwin-strzalka{display:inline-block;transition:transform .15s;
  font-weight:700;line-height:1}
.btn.rozwin.otwarte{border-color:var(--accent-border);color:var(--accent-text)}
.btn.rozwin.otwarte .rozwin-strzalka{transform:rotate(90deg)}
.wzor-blokady{width:240px;max-width:100%;aspect-ratio:1;touch-action:none;
  border:1px solid var(--line);border-radius:14px;background:var(--surface-2);
  cursor:crosshair;user-select:none}
.wzor-strefa{fill:transparent}
.wzor-punkt{fill:var(--ink-3);transition:fill .12s,r .12s}
.wzor-punkt.uzyty{fill:var(--accent)}
.wzor-linia{fill:none;stroke:var(--accent);stroke-width:4;
  stroke-linecap:round;stroke-linejoin:round;opacity:.65}
.wzor-numer{fill:var(--accent-ink);font-size:11px;font-weight:700;
  pointer-events:none}
.wzor-blokady.podglad{width:76px;flex:0 0 auto;cursor:default;
  background:var(--surface);border-radius:10px}
.wzor-blokady.podglad .wzor-linia{stroke-width:6}
.wzor-zapisany{display:flex;gap:var(--s3);align-items:center;
  margin-top:var(--s3);padding:var(--s3);
  border:1px solid var(--accent-border);border-radius:var(--radius);
  background:var(--accent-soft)}
.wzor-srodek{display:flex;justify-content:center;margin-top:var(--s3)}
.wzor-podpis{min-height:2.8em;margin:var(--s3) 0 0;
  color:var(--ink-2);font-size:var(--fs-sm);text-align:center}
.wzor-podpis.uwaga{color:var(--warn)}
.scrim.nad-szuflada{z-index:59}
.okienko.nad-szuflada{z-index:60}
.drawer.przyjecie{width:min(96vw,1320px)}
.pasek-przyjecia{position:sticky;bottom:calc(-1 * var(--s5));
  display:flex;gap:var(--s3);align-items:center;flex-wrap:wrap;
  margin:var(--s4) calc(-1 * var(--s6)) calc(-1 * var(--s5));
  padding:var(--s3) var(--s6);
  background:var(--surface);border-top:1px solid var(--line);
  box-shadow:0 -6px 18px rgba(20,18,14,.06);z-index:1}
@media (max-width:720px){
  .etapy{grid-template-columns:1fr}
  .pasek-przyjecia{margin-left:calc(-1 * var(--s4));margin-right:calc(-1 * var(--s4));
    padding-left:var(--s4);padding-right:var(--s4)}
}
.etap.zly::before{background:var(--bad)}
.etap.zly .etap-nr{background:var(--bad-bg);color:var(--bad);
  border-color:var(--bad-border);box-shadow:none}
.etap-stan.zly{color:var(--bad)}
.kroki-przyjecia .krok.zly{color:var(--bad);background:var(--bad-bg)}
.kroki-przyjecia .krok.zly .krok-nr{background:var(--bad);color:#fff;
  border-color:var(--bad)}
.pasek-brak{color:var(--bad);font-weight:640;font-size:var(--fs-sm)}
.odpowiedz-tak-nie{display:inline-flex;align-items:center;gap:8px;
  padding:7px 14px 7px 10px;border:1px solid var(--line);
  border-radius:var(--radius-pill);background:var(--surface);
  font-size:var(--fs-sm);color:var(--ink-2);cursor:pointer;
  transition:border-color .15s,background .15s,color .15s}
.odpowiedz-tak-nie:hover{border-color:var(--g5)}
.odpowiedz-tak-nie:has(input:checked){border-color:var(--accent);
  background:var(--accent-soft);color:var(--accent-text);font-weight:640}
.odpowiedz-tak-nie input{margin:0;accent-color:var(--accent)}
.drawer.przyjete{width:min(94vw,860px)}
.numer-zlecenia{font-size:2.4rem;font-weight:700;letter-spacing:.01em;
  line-height:1.1;margin-bottom:var(--s2)}
.po-krok{margin-top:var(--s6);padding-top:var(--s4);
  border-top:1px solid var(--line-soft)}
.po-krok-hd{display:flex;align-items:center;gap:10px;margin-bottom:var(--s2)}
.po-krok-tytul{margin:0;font-size:var(--fs-md);font-weight:680;
  letter-spacing:-.01em}
.po-krok-nr{flex:0 0 auto;width:26px;height:26px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  font-size:var(--fs-sm);font-weight:800;font-variant-numeric:tabular-nums;
  background:var(--surface-2);color:var(--ink-3);border:1.5px solid var(--line);
  transition:background .2s,color .2s,border-color .2s}
.po-krok.zrobiony .po-krok-nr{background:var(--accent);color:var(--accent-ink);
  border-color:var(--accent)}
.po-krok-stan{margin-left:auto;font-size:11px;font-weight:800;
  text-transform:uppercase;letter-spacing:.07em;color:var(--ink-3)}
.po-krok-stan.ok{color:var(--accent-text)}
.po-krok-opis{margin:0 0 var(--s3);color:var(--ink-2);font-size:var(--fs-sm);
  line-height:1.5;max-width:62ch}
.po-krok-opis.ostrzega{color:var(--warn)}
.po-kod{display:flex;gap:var(--s5);align-items:flex-start;flex-wrap:wrap}
.po-kod-obraz{width:190px;height:190px;flex:0 0 auto;border-radius:12px;
  border:1px solid var(--line);background:#fff;padding:8px}
.po-kod-obok{flex:1 1 260px;min-width:0}
.po-miniatury{display:flex;gap:8px;flex-wrap:wrap;margin-top:var(--s3)}
.po-miniatura{width:62px;height:62px;border-radius:10px;object-fit:cover;
  border:1px solid var(--line);background:var(--surface-2);
  animation:miniatura-wchodzi .3s ease}
@keyframes miniatura-wchodzi{
  from{opacity:0;transform:scale(.86)}
  to{opacity:1;transform:scale(1)}
}
@media (prefers-reduced-motion:reduce){ .po-miniatura{animation:none} }
@media (max-width:560px){
  .po-kod-obraz{width:160px;height:160px}
}
.po-stan-lista{display:grid;gap:6px}
.po-stan{display:flex;align-items:baseline;gap:10px;
  padding:7px 12px;border-radius:var(--radius);
  border:1px solid var(--line);background:var(--surface-2);
  font-size:var(--fs-sm)}
.po-stan b{font-weight:660;min-width:110px}
.po-stan span{color:var(--ink-3)}
.po-stan.ok{border-color:var(--accent-border);background:var(--accent-soft)}
.po-stan.ok span{color:var(--accent-text);font-weight:600}
.karta-naprawy{max-width:1680px}
.kn-hd{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap;
  margin-bottom:var(--s4);padding-bottom:var(--s3);
  border-bottom:1px solid var(--line)}
.kn-numer{margin:0;font-size:var(--fs-2xl);font-weight:700;letter-spacing:.01em}
.kn-kto{text-align:right;line-height:1.3}
.kn-klient{font-weight:660}
.kn-kolumny{display:grid;gap:var(--s4);
  grid-template-columns:minmax(300px,1fr) minmax(380px,1.45fr) minmax(260px,.85fr);
  align-items:start}
.kn-kolumna{display:flex;flex-direction:column;gap:var(--s4);min-width:0}
.kn-kolumna > .card{margin:0}
@media (max-width:1280px){
  .kn-kolumny{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .kn-kolumna:last-child{grid-column:1 / -1;
    flex-direction:row;flex-wrap:wrap;order:-1}
  .kn-kolumna:last-child > .card{flex:1 1 240px}
}
@media (max-width:760px){
  .kn-kolumny{grid-template-columns:1fr}
  .kn-kolumna:last-child{flex-direction:column}
}
.kn-wartosc{font-weight:640;font-size:var(--fs-base);min-height:22px}
.kn-opis{margin:0 0 var(--s3);line-height:1.55;white-space:pre-wrap}
.kn-etap-zdjec + .kn-etap-zdjec{margin-top:var(--s4)}
.kn-etap-zdjec:first-child > .podsekcja{margin-top:0;padding-top:0;border-top:0}
.kn-galeria{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));
  gap:8px}
.kn-galeria img{width:100%;aspect-ratio:1;object-fit:cover;display:block;
  border-radius:10px;border:1px solid var(--line);background:var(--surface-2)}
.kn-galeria a:hover img{border-color:var(--accent)}
.kn-filtr{display:flex;gap:4px}
.kn-dopisz{margin-bottom:var(--s4);padding-bottom:var(--s4);
  border-bottom:1px solid var(--line-soft)}
.kn-dopisz .formrow{margin-top:var(--s2)}
.kn-os{list-style:none;margin:0;padding:0;position:relative}
.kn-os::before{content:'';position:absolute;left:5px;top:6px;bottom:6px;
  width:1px;background:var(--line)}
.kn-wpis{position:relative;padding:0 0 var(--s4) 22px}
.kn-wpis::before{content:'';position:absolute;left:0;top:6px;
  width:11px;height:11px;border-radius:50%;
  background:var(--surface);border:2px solid var(--line)}
.kn-wpis.notatka::before{border-color:var(--accent)}
.kn-wpis.status::before{background:var(--ink-3);border-color:var(--ink-3)}
.kn-wpis-hd{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;
  font-size:var(--fs-sm)}
.kn-wpis-kto{font-weight:660}
.kn-wpis-czas{color:var(--ink-3);font-size:12px}
.kn-znacznik{font-size:10px;font-weight:800;text-transform:uppercase;
  letter-spacing:.06em;padding:2px 7px;border-radius:var(--radius-pill,6px);
  background:var(--surface-2);color:var(--ink-3);border:1px solid var(--line)}
.kn-wpis-tresc{margin-top:3px;line-height:1.5;white-space:pre-wrap}
.kn-wpis.status .kn-wpis-tresc{color:var(--ink-2);font-size:var(--fs-sm)}
.kn-wpis-komentarz{margin-top:3px;color:var(--ink-2);font-size:var(--fs-sm);
  padding-left:10px;border-left:2px solid var(--line)}
.kn-czasy{list-style:none;margin:var(--s3) 0 0;padding:0;
  display:grid;gap:5px;font-size:var(--fs-sm)}
.kn-czasy li{display:flex;gap:10px;align-items:baseline;
  padding:5px 10px;border-radius:var(--radius-sm);background:var(--surface-2)}
.kn-czasy b{min-width:64px;font-variant-numeric:tabular-nums}
.kn-kod{width:100%;max-width:190px;border-radius:12px;
  border:1px solid var(--line);background:#fff;padding:8px;display:block;
  margin-bottom:var(--s3)}
.formrow.pion{flex-direction:column;align-items:stretch}
.cena-skad{margin-left:var(--s2);font-size:var(--fs-xs);font-weight:500;
  padding:1px var(--s2);border-radius:var(--radius-pill,6px);white-space:nowrap;
  background:var(--surface-2);color:var(--ink-3);border:1px solid var(--line)}
.cena-skad.dopasowana{background:var(--ok-bg);color:var(--ok);border-color:var(--ok-border)}
.kn-pozycje{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}
.kn-pozycje td{padding:var(--s2) 0;border-bottom:1px solid var(--line);vertical-align:top}
.kn-pozycje tbody tr:last-child td{border-bottom:0}
.kn-pozycje .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.kn-pozycje .kn-poz-ile{padding-left:var(--s3);width:1%}
.kn-pozycje .kn-poz-suma{padding-left:var(--s4);width:1%}
.kn-pozycje .kn-poz-usun{padding-left:var(--s3);width:1%;text-align:right}
.kn-poz-nazwa{font-weight:600}
.kn-pozycje tfoot td{padding-top:var(--s3);border-top:1px solid var(--line);border-bottom:0}
.kn-dopisz-pozycje{margin-top:var(--s4);padding-top:var(--s4);border-top:1px solid var(--line)}
@media (max-width:560px){
  .kn-pozycje,.kn-pozycje tbody,.kn-pozycje tfoot{display:block;width:100%}
  .kn-pozycje tr{display:grid;grid-template-columns:minmax(0,1fr) max-content;
    gap:2px var(--s3);align-items:start;
    padding:var(--s3) 0;border-bottom:1px solid var(--line)}
  .kn-pozycje tbody tr:last-child{border-bottom:0}
  .kn-pozycje td{display:block;width:auto;padding:0;border:0;text-align:left}
  .kn-pozycje .kn-poz-ile,
  .kn-pozycje .kn-poz-suma,
  .kn-pozycje .kn-poz-usun{width:auto;padding-left:0}
  .kn-pozycje .kn-poz-ile{text-align:left}
  .kn-pozycje tr > td:nth-child(1){grid-area:1/1}
  .kn-pozycje tr > td:nth-child(2){grid-area:2/1}
  .kn-pozycje tr > td:nth-child(3){grid-area:1/2;text-align:right}
  .kn-pozycje tr > td:nth-child(4){grid-area:2/2;text-align:right;
    justify-self:end;margin-top:var(--s2)}
  .kn-pozycje tfoot tr{border-bottom:0;border-top:1px solid var(--line);
    padding-top:var(--s3)}
  .kn-pozycje tfoot tr > td:nth-child(2){grid-area:2/2;text-align:right}
  .kn-pozycje tfoot tr > td:nth-child(3){grid-area:1/2;text-align:right}
  .kn-pozycje tfoot tr > td:nth-child(4){display:none}
}
.podpowiedz-pusto{padding:var(--s3);font-size:var(--fs-sm);line-height:1.5}
.ostrzezenie-przejscia{flex:1 1 100%;font-size:var(--fs-sm);color:var(--warn,var(--bad))}
.kn-kod-kafel{display:flex;gap:var(--s4);align-items:center;margin-bottom:var(--s4)}
.kn-kod-kafel .kn-kod{width:132px;height:132px;flex:none}
.kn-historia-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s2)}
.kn-historia-lista li{display:grid;grid-template-columns:auto auto 1fr auto;
  gap:var(--s3);align-items:baseline;font-size:var(--fs-sm)}
.kn-historia-lista .tnij{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
@media (max-width:560px){
  .kn-historia-lista li{grid-template-columns:auto 1fr}
  .kn-historia-lista li > :nth-child(3){grid-column:1/-1}
}
.kod-jawny{font-family:var(--font-mono,ui-monospace,monospace);font-size:var(--fs-lg);
  letter-spacing:.12em;padding:2px var(--s2);border-radius:var(--radius-sm,4px);
  background:var(--surface-2);border:1px solid var(--line)}
.kn-pytania{margin:0}
.karta-naprawy .karta-kolumny > .lewa,
.karta-naprawy .karta-kolumny > .prawa{flex:1 1 420px;min-width:0}
.kn-notatki{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s3)}
.kn-notatki li{padding-bottom:var(--s3);border-bottom:1px solid var(--line)}
.kn-notatki li:last-child{padding-bottom:0;border-bottom:0}
.kn-czas-opis{margin-left:var(--s3)}
.scrim-2{z-index:70}
.okienko-2{z-index:71;width:min(720px,92vw)}
.na-wierzchu .scrim{z-index:59}
.na-wierzchu .scrim.scrim-2{z-index:70}
.pn-pasek{display:flex;gap:var(--s3);align-items:stretch;position:relative}
.pn-szukaj{flex:1;min-width:0;display:flex}
.pn-szukaj-ramka{position:relative;flex:1;min-width:0}
.pn-szukaj-ikona{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--ink-2);pointer-events:none}
.pn-szukaj-pole{width:100%;height:100%;min-height:54px;font:inherit;font-size:var(--fs-md);padding:12px 44px 12px 48px;
  border:2px solid var(--ink);border-radius:var(--radius-lg);background:var(--surface);color:var(--ink)}
.pn-szukaj-pole:focus{outline:3px solid var(--focus);outline-offset:1px}
.pn-szukaj-pole::-webkit-search-cancel-button{cursor:pointer}
.pn-szukaj-skrot{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:var(--fs-xs);color:var(--ink-3);
  border:1px solid var(--line);border-radius:6px;padding:1px 7px;background:var(--surface-2);pointer-events:none}
.pn-duzy{font-size:var(--fs-md);font-weight:700;border-radius:var(--radius-lg);padding:0 22px;min-height:54px;white-space:nowrap;
  display:inline-flex;align-items:center;gap:8px}
.pn-duzy.pn-drugi{font-size:var(--fs-base);padding:0 18px}
.pn-plus{font-size:24px;line-height:1;font-weight:500}
.pn-wyniki{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:30;background:var(--surface);border:1px solid var(--line);
  border-radius:var(--radius-lg);box-shadow:var(--shadow-3,0 16px 40px rgba(0,0,0,.14));overflow:hidden}
.pn-wyniki-gl{display:flex;justify-content:space-between;gap:var(--s3);padding:8px 14px;font-size:var(--fs-xs);color:var(--ink-3);
  border-bottom:1px solid var(--line-soft)}
.pn-wynik{display:grid;grid-template-columns:170px 240px minmax(0,1.1fr) minmax(0,1fr) 165px;gap:12px;align-items:center;
  padding:10px 14px;border-top:1px solid var(--line-soft);cursor:pointer}
.pn-wyniki-gl+.pn-wynik{border-top:0}
.pn-wynik.akt{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}
.pn-w-nr{font-weight:700;font-variant-numeric:tabular-nums;min-width:0;overflow-wrap:anywhere}
.pn-w-nr small,.pn-w-kl small{display:block;font-weight:400;font-size:var(--fs-xs);color:var(--ink-3)}
.pn-w-status{min-width:0}
.pn-w-status .status-z-powodem{min-width:0;max-width:100%}
.pn-w-status .pill{max-width:100%;height:auto;min-height:26px;padding-block:3px;white-space:normal;text-align:left;line-height:1.25;overflow-wrap:anywhere}
.pn-w-kl{font-weight:500;min-width:0}
.pn-w-nazwa{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pn-w-spr{min-width:0;color:var(--ink-2);font-size:var(--fs-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pn-w-termin{font-size:var(--fs-sm);color:var(--ink-2);text-align:right;white-space:nowrap}
.pn-w-termin.po{color:var(--bad);font-weight:600}
.pn-wynik mark{background:var(--warn-bg);color:inherit;border-radius:3px;padding:0 1px}
.pn-wyniki-st{display:flex;justify-content:space-between;align-items:center;gap:var(--s3);padding:9px 14px;font-size:var(--fs-sm);
  color:var(--ink-2);background:var(--surface-2);border-top:1px solid var(--line-soft)}
@media (max-width:820px){
  .pn-pasek{flex-wrap:wrap}.pn-szukaj{flex-basis:100%}
  .pn-duzy{flex:1;justify-content:center;min-height:48px}
  .pn-wynik{grid-template-columns:minmax(0,1fr) auto}.pn-w-spr,.pn-w-termin{display:none}
  .pn-w-status{grid-column:2;grid-row:1}
}
.kk-okno{width:min(760px,94vw)}
.kk-okno .kk-info{margin:0 0 var(--s3)}
.kk-trasa{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:var(--s2);align-items:stretch;margin:var(--s2) 0 var(--s4)}
.kk-adres{border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px;min-width:0;background:var(--surface)}
.kk-et{font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);font-weight:600}
.kk-kto{font-weight:600;margin-top:2px;overflow-wrap:anywhere}
.kk-gdzie{font-size:var(--fs-sm);color:var(--ink-2);overflow-wrap:anywhere}
.kk-tel{font-size:var(--fs-sm);color:var(--ink-3);font-variant-numeric:tabular-nums}
.kk-strzalka{align-self:center;color:var(--ink-3);font-size:20px}
.kk-sek{margin:0 0 var(--s4)}
.kk-sek>h4{margin:0 0 var(--s2);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);font-weight:600}
.kk-termin{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:var(--s3)}
.kk-uslugi{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.kk-usluga{display:grid;grid-template-columns:18px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:10px 12px;
  border:0;border-top:1px solid var(--line-soft);background:var(--surface);color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.kk-usluga:first-child{border-top:0}
.kk-usluga:hover:not(:disabled){background:var(--surface-2)}
.kk-usluga:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}
.kk-usluga.on,.kk-usluga.on:hover:not(:disabled){background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}
.kk-usluga:disabled{cursor:default;color:var(--ink-3);background:var(--surface-2)}
.kk-kolko{width:16px;height:16px;border-radius:50%;border:2px solid var(--ink-3)}
.kk-usluga.on .kk-kolko{border-color:var(--accent);background:radial-gradient(circle,var(--accent) 0 4px,transparent 5px)}
.kk-usluga:disabled .kk-kolko{border-color:var(--line)}
.kk-u-opis{display:flex;flex-direction:column;min-width:0}
.kk-u-nazwa{font-weight:600}
.kk-u-jak{font-size:var(--fs-sm);color:var(--ink-3);overflow-wrap:anywhere}
.kk-u-znaki{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}
.kk-u-cena{font-weight:600;font-variant-numeric:tabular-nums;text-align:right;min-width:78px}
.kk-wiecej{font:inherit;font-size:var(--fs-sm);color:var(--ink-2);background:none;border:0;border-top:1px solid var(--line-soft);
  padding:8px 12px;text-align:left;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.kk-stopka{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap;border-top:1px solid var(--line-soft);padding-top:var(--s3);margin-top:var(--s3)}
.kk-suma{flex:1 1 200px;font-size:var(--fs-sm);color:var(--ink-2)}
.kk-suma b{color:var(--ink);font-size:var(--fs-md);font-variant-numeric:tabular-nums}
@media (max-width:640px){
  .kk-trasa{grid-template-columns:1fr}.kk-strzalka{display:none}
  .kk-termin{grid-template-columns:1fr 1fr}.kk-termin>:first-child{grid-column:1/-1}
  .kk-usluga{grid-template-columns:18px minmax(0,1fr) auto}.kk-u-znaki{display:none}
}
.kn-okno-kod{display:flex;justify-content:center;padding:var(--s5) 0}
.okienko .kn-historia-lista li{padding:var(--s2) 0;border-bottom:1px solid var(--line)}
.okienko .kn-historia-lista li:last-child{border-bottom:0}
.kn-pliki{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s2)}
.kn-pliki li{display:grid;grid-template-columns:1fr auto auto;gap:var(--s3);
  align-items:baseline;font-size:var(--fs-sm);padding-bottom:var(--s2);
  border-bottom:1px solid var(--line)}
.kn-pliki li:last-child{border-bottom:0;padding-bottom:0}
.kn-plik-nazwa{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:560px){
  .kn-pliki li{grid-template-columns:1fr auto}
  .kn-pliki li > :last-child{grid-column:1/-1}
}
label.btn{cursor:pointer}
label.btn.zajety{opacity:.6;pointer-events:none}
.kn-zdjecia-akcje{margin-top:var(--s4);padding-top:var(--s4);border-top:1px solid var(--line)}
.kn-popraw-pozycje{padding:var(--s3) 0}
.kn-punkt{display:flex;gap:var(--s3);align-items:baseline;flex-wrap:wrap}
.kol-numer{white-space:nowrap}
.kol-numer .numer-stanowiska{font-weight:650;margin-bottom:3px}
.kol-numer .pill{font-size:var(--fs-xs)}
.kn-wplaty{list-style:none;margin:var(--s3) 0 0;padding:0;
  display:flex;flex-direction:column;gap:var(--s2)}
.kn-wplaty li{display:grid;grid-template-columns:auto auto 1fr auto;gap:var(--s3);
  align-items:baseline;font-size:var(--fs-sm);
  padding-bottom:var(--s2);border-bottom:1px solid var(--line)}
.kn-wplaty li:last-child{border-bottom:0;padding-bottom:0}
.ok-tekst{color:var(--ok)}
@media (max-width:560px){
  .kn-wplaty li{grid-template-columns:1fr auto}
  .kn-wplaty li > :nth-child(3){grid-column:1/-1}
}
.kasa-punkt{margin-bottom:var(--s4)}
.kasa-baner{background:var(--surface-2);border:1px solid var(--line);
  border-left:4px solid var(--accent);border-radius:var(--radius-lg);
  padding:var(--s4) var(--s5);margin-bottom:var(--s4)}
.kasa-baner.zamkniety{border-left-color:var(--g5)}
.kasa-baner-l{font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.04em;
  color:var(--ink-3)}
.kasa-baner-v{font-size:calc(var(--fs-2xl) * 1.5);font-weight:680;letter-spacing:-.03em;
  line-height:1.1;margin-top:2px;font-variant-numeric:tabular-nums}
.kasa-baner-d{font-size:var(--fs-sm);color:var(--ink-3);margin-top:6px}
.kasa-baner-roznica{margin-top:var(--s3);font-size:var(--fs-sm);font-weight:600;
  color:var(--bad)}
.kasa-kpi{margin-bottom:var(--s4)}
.kasa-gora{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--s3);
  margin-bottom:var(--s3);align-items:stretch}
.kasa-gora .kasa-baner{margin-bottom:0;display:flex;flex-direction:column}
.kasa-rachunek{margin:auto 0 0;padding-top:var(--s4);display:flex;flex-direction:column;gap:6px}
.kasa-rachunek > div{display:flex;align-items:baseline;gap:8px;font-size:var(--fs-sm)}
.kasa-rachunek > div::after{content:"";order:1;flex:1;border-bottom:1px dotted var(--line-2, var(--line));transform:translateY(-4px)}
.kasa-rachunek dt{order:0;color:var(--ink-2);margin:0;white-space:nowrap}
.kasa-rachunek dd{order:2;margin:0;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.kasa-rachunek dd.ton-ok{color:var(--ok)} .kasa-rachunek dd.ton-zle{color:var(--bad)}
.kasa-rachunek .op{display:inline-block;width:12px;color:var(--ink-3);font-weight:600}
.kasa-rachunek .wynik{border-top:1px solid var(--line);padding-top:8px;margin-top:2px}
.kasa-rachunek .wynik dt{color:var(--ink);font-weight:650}
.kasa-rachunek .wynik dd{font-weight:750;font-size:var(--fs-md, 15px)}
.kasa-rachunek .obok{color:var(--ink-3)} .kasa-rachunek .obok dt,.kasa-rachunek .obok dd{color:var(--ink-3);font-weight:500}
.kasa-baner{padding-bottom:var(--s4)}
.kasa-utarg{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);
  padding:var(--s4) var(--s4) var(--s3);display:flex;flex-direction:column;gap:var(--s3);min-width:0}
.kasa-utarg-hd{display:flex;justify-content:space-between;gap:var(--s3);flex-wrap:wrap;align-items:flex-start}
.kasa-utarg-hd h4{margin:0;font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-2)}
.kasa-utarg-pod{font-size:var(--fs-sm);color:var(--ink-3);margin-top:4px}
.kasa-utarg-pod strong{color:var(--ink);font-variant-numeric:tabular-nums}
.kasa-legenda{display:flex;gap:var(--s3);font-size:var(--fs-xs);color:var(--ink-2);flex-wrap:wrap}
.kasa-legenda span,.kasa-dymek span{display:inline-flex;align-items:center;gap:6px}
.kasa-legenda i,.kasa-dymek i{display:inline-block;width:10px;height:10px;border-radius:3px}
i.got{background:var(--seria-2)} i.bez{background:var(--seria-1)}
.kasa-wykres{display:grid;grid-template-columns:auto 1fr;grid-template-rows:170px auto;column-gap:8px}
.kasa-wykres-os{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;
  font-size:var(--fs-xs);color:var(--ink-3);font-variant-numeric:tabular-nums;
  margin:-7px 0;white-space:nowrap}
.kasa-wykres-pole{position:relative;min-width:0}
.kasa-wykres-siatka{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}
.kasa-wykres-siatka i{display:block;border-top:1px solid var(--line);opacity:.7}
.kasa-wykres-siatka i:last-child{opacity:1;border-top-color:var(--line-2, var(--line))}
.kasa-wykres-srednia{position:absolute;left:0;right:0;border-top:1.5px dashed var(--ink-3);pointer-events:none;z-index:1}
.kasa-wykres-srednia span{position:absolute;left:4px;bottom:3px;font-size:var(--fs-xs);color:var(--ink-2);
  background:var(--surface);padding:0 4px;border-radius:3px}
.kasa-wykres-slupki{position:absolute;inset:0;display:flex;align-items:stretch;gap:3px}
.kasa-slupek{flex:1 1 0;min-width:0;display:flex;align-items:flex-end;cursor:default;outline:none;border-radius:4px}
.kasa-slupek:focus-visible{box-shadow:0 0 0 2px var(--accent)}
.kasa-slupek-stos{width:100%;height:100%;display:flex;flex-direction:column-reverse;gap:2px}
.kasa-slupek .seg{width:100%;min-height:2px;opacity:.55;transition:opacity .12s}
.kasa-slupek .seg.got{background:var(--seria-2)} .kasa-slupek .seg.bez{background:var(--seria-1)}
.kasa-slupek .seg:last-child{border-radius:4px 4px 0 0}
.kasa-slupek.wybrany .seg,.kasa-slupek.nad .seg{opacity:1}
.kasa-slupek.wybrany{background:color-mix(in srgb, var(--accent) 10%, transparent)}
.kasa-wykres-daty{grid-column:2;position:relative;height:18px;font-size:var(--fs-xs);color:var(--ink-3);margin-top:4px}
.kasa-wykres-daty span{position:absolute;transform:translateX(-50%);white-space:nowrap}
.kasa-dymek{position:absolute;top:0;transform:translateX(-50%);z-index:3;pointer-events:none;
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
  box-shadow:0 6px 20px rgba(0,0,0,.14);padding:8px 10px;display:flex;flex-direction:column;gap:3px;
  font-size:var(--fs-xs);white-space:nowrap;color:var(--ink-2)}
.kasa-dymek b{color:var(--ink);font-variant-numeric:tabular-nums;margin-left:4px}
.kasa-dymek strong{color:var(--ink);font-size:var(--fs-sm)}
.kasa-skad{border-top:1px solid var(--line);padding-top:var(--s3);display:flex;flex-direction:column;gap:6px}
.kasa-skad-t{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3)}
.kasa-skad-w{display:grid;grid-template-columns:minmax(120px,170px) 1fr auto auto;gap:10px;align-items:center;font-size:var(--fs-sm)}
.kasa-skad-w .pasek{height:8px;border-radius:4px;background:var(--surface-2);overflow:hidden}
.kasa-skad-w .pasek i{display:block;height:100%;border-radius:4px}
.kasa-skad-w .v{font-weight:620;text-align:right}
.kasa-skad-w .o{color:var(--ink-3);font-size:var(--fs-xs);min-width:72px;text-align:right}
.kasa-kpi{grid-template-columns:repeat(4,minmax(0,1fr))}
.kasa-kafel{display:flex;flex-direction:column}
.kasa-kafel-opis{font-size:var(--fs-xs);color:var(--ink-3);margin-top:2px}
.kasa-kafel .kpi-trend{margin-top:auto;padding-top:10px;height:36px}
.kasa-kafel .v.ton-ok ~ .kpi-trend{color:var(--seria-2)}
.kasa-zmiana{font-weight:650;color:var(--ink-2);font-variant-numeric:tabular-nums}
@media (max-width:1100px){
  .kasa-gora{grid-template-columns:1fr}
  .kasa-kpi{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){
  .kasa-kpi{grid-template-columns:1fr}
  .kasa-skad-w{grid-template-columns:1fr auto}
  .kasa-skad-w .pasek,.kasa-skad-w .o{display:none}
}
.kasa-porownanie{display:flex;gap:var(--s4);flex-wrap:wrap;
  background:var(--surface-2);border:1px solid var(--line);
  border-radius:var(--radius);padding:var(--s3) var(--s4);margin-bottom:var(--s4)}
.kasa-porownanie > div{display:flex;flex-direction:column;gap:2px;flex:1 1 120px;min-width:0}
.kasa-porownanie .l{font-size:var(--fs-sm);color:var(--ink-3);
  text-transform:uppercase;letter-spacing:.04em}
.kasa-porownanie .v{font-size:var(--fs-lg);font-weight:640;
  font-variant-numeric:tabular-nums}
.kasa-tab td.num,.kasa-tab th.num{text-align:right;font-variant-numeric:tabular-nums}
.kasa-tab td.akcje,.kasa-tab th.akcje{width:1%;white-space:nowrap;text-align:right}
.kasa-tab tr.wygaszony td{opacity:.55;text-decoration:line-through}
.kasa-tab tr.wygaszony td.akcje{text-decoration:none}
.kasa-tab .ton-ok{color:var(--ok)}
.kasa-tab .ton-zle{color:var(--bad)}
@media (max-width:760px){
  .kasa-baner-v{font-size:var(--fs-2xl)}
  .kasa-tab td.akcje,.kasa-tab th.akcje{width:auto}
}
.kn-wycena{border:1px solid var(--line);border-left:3px solid var(--accent);
  border-radius:var(--radius);padding:var(--s3) var(--s4);margin:0 0 var(--s3);
  background:var(--surface-2)}
.kn-wycena.zaakceptowana{border-left-color:var(--ok)}
.kn-wycena.odrzucona{border-left-color:var(--bad)}
.kn-wycena-hd{display:flex;align-items:baseline;gap:var(--s3);flex-wrap:wrap}
.kn-wycena-hd .mono{margin-left:auto;font-size:var(--fs-lg);font-weight:660;
  font-variant-numeric:tabular-nums}
.kn-wycena-uwaga{margin-top:var(--s2);padding-left:var(--s3);
  border-left:2px solid var(--line);color:var(--ink-2)}
.kn-wycena .pasek-akcji{margin-top:var(--s3)}
.kn-wycena-start{margin:0 0 var(--s3)}
.kn-wycena-rozjazd{margin-top:var(--s2);padding:var(--s2) var(--s3);
  border-radius:var(--radius-sm);background:var(--bad-bg);color:var(--bad);
  border:1px solid var(--bad-border);font-size:var(--fs-sm);line-height:1.5}
.kn-wycena-rozjazd.czeka{background:var(--g0);color:var(--ink-2)}
.kn-wycena-rozjazd.ok{background:var(--ok-bg);color:var(--ok);border-color:var(--ok-border)}
.kn-wyc-zaliczka{margin:0 0 var(--s3);padding:var(--s2) var(--s3);border:1px solid var(--line);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:var(--s2)}
.kn-wyc-zaliczka.on{background:var(--warn-bg);border-color:var(--warn-border)}
.kn-wyc-zaliczka-kwota{align-items:center;gap:var(--s2);flex-wrap:wrap}
.kn-tryb-wyceny{display:flex;gap:var(--s2);margin:0 0 var(--s3);flex-wrap:wrap}
.kn-tryb-wyceny .btn.wybrany{background:var(--accent-soft);
  border-color:var(--accent-border);color:var(--accent-text);font-weight:600}
.wiad-wycena{border:1px solid var(--line);border-left:3px solid var(--accent);
  border-radius:var(--radius);padding:var(--s3) var(--s4);margin:0 0 var(--s2);
  background:var(--surface)}
.wiad-wycena.zaakceptowana{border-left-color:var(--ok)}
.wiad-wycena.odrzucona,.wiad-wycena.wycofana{border-left-color:var(--bad)}
.wiad-wycena-hd{font-size:var(--fs-xs);text-transform:uppercase;
  letter-spacing:.04em;color:var(--ink-3);font-weight:600}
.wiad-wycena-hd .ok{color:var(--ok)}
.wiad-wycena-hd .zle{color:var(--bad)}
.wiad-wycena-hd .czeka{color:var(--ink-3);font-weight:500}
.wiad-wycena-kwota{font-size:calc(var(--fs-lg) * 1.45);font-weight:750;
  letter-spacing:-.02em;line-height:1.15;margin:2px 0 0;
  font-variant-numeric:tabular-nums}
.wiad-wycena-za{color:var(--ink-2);margin-top:2px}
.wiad-wycena-poz{list-style:none;margin:var(--s2) 0 0;padding:0;
  display:flex;flex-direction:column;gap:2px;font-size:var(--fs-sm)}
.wiad-wycena-poz li{display:flex;gap:var(--s3);align-items:baseline}
.wiad-wycena-poz li span:first-child{flex:1;min-width:0;color:var(--ink-2)}
.wiad-wycena-poz li .mono{font-variant-numeric:tabular-nums;white-space:nowrap}
.wiad-wycena-stopka{margin-top:var(--s2);font-size:var(--fs-xs);color:var(--ink-3)}
.rzad-pieniadze .kn-do-zaplaty{display:inline-flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.rzad-pieniadze .kn-do-zaplaty b{font-size:var(--fs-lg);font-variant-numeric:tabular-nums}
.rzad-pieniadze.oplacone .stan-przydzialu.zamkniete .kropka{background:var(--ok)}
.kn-link-panelu{background:var(--surface-2);border:1px solid var(--line);
  border-radius:var(--radius);padding:var(--s3) var(--s4);margin:var(--s3) 0;
  word-break:break-all;font-size:var(--fs-sm);line-height:1.6;user-select:all}
.kasa-kanaly{display:flex;gap:var(--s3);flex-wrap:wrap;margin-bottom:var(--s4)}
.kasa-kanal{flex:1 1 180px;background:var(--surface-2);border:1px solid var(--line);
  border-left:3px solid var(--g5);border-radius:var(--radius);padding:var(--s3) var(--s4)}
.kasa-kanal.gotowka{border-left-color:var(--accent)}
.kasa-kanal .l{display:block;font-size:var(--fs-sm);text-transform:uppercase;
  letter-spacing:.04em;color:var(--ink-3)}
.kasa-kanal .v{display:block;font-size:var(--fs-lg);font-weight:660;
  font-variant-numeric:tabular-nums;margin-top:2px}
.kasa-kanal .d{display:block;font-size:var(--fs-sm);color:var(--ink-3);margin-top:2px}
.klient-kontakt{margin-bottom:var(--s4)}
.klient-kontakt .kafel-fakty{grid-template-columns:110px 1fr}
.klient-kontakt a{color:var(--accent-text);text-decoration:none}
.klient-kontakt a:hover{text-decoration:underline}
.klient-notatka{margin-bottom:var(--s4);border-left-color:var(--warn,#b8860b)}
.karty tbody tr.wiersz-zgoda > td:first-child,
.karty tbody tr.wiersz-oplacone > td:first-child{position:relative}
.karty tbody tr.wiersz-zgoda > td:first-child::before,
.karty tbody tr.wiersz-oplacone > td:first-child::before{
  content:'';position:absolute;left:0;top:4px;bottom:4px;width:4px;
  border-radius:0 3px 3px 0}
.karty tbody tr.wiersz-zgoda > td:first-child::before{background:var(--accent)}
.karty tbody tr.wiersz-oplacone > td:first-child::before{background:var(--ok)}
.karty tbody tr.wiersz-oplacone.wiersz-zgoda > td:first-child::before{background:var(--ok)}
.kol-numer .pill{margin-top:3px}
.kol-numer .pill + .pill{display:block;width:fit-content}
.okienko-pilne{border-top:4px solid var(--accent)}
.okienko-pilne.uwaga{border-top-color:var(--warn)}
.okienko-pilne.blad{border-top-color:var(--bad)}
.okienko-pilne .kartahd h3{font-size:var(--fs-lg);line-height:1.3}
.okienko-pilne .muted.mini{margin-top:var(--s2)}
.sidefoot .wersja .build{opacity:.75;font-variant-numeric:tabular-nums}
.kn-kontakt{list-style:none;margin:0;padding:0;display:flex;
  flex-direction:column;gap:2px}
.kn-kontakt-wpis{padding:var(--s2) var(--s3);border-left:3px solid var(--line);
  border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--surface-2)}
.kn-kontakt-wpis.od-klienta{border-left-color:var(--accent)}
.kn-kontakt-wpis.od-nas{border-left-color:var(--line)}
.kn-kontakt-wpis.pieniadze{border-left-color:var(--ok)}
.kn-kontakt-wpis.wycena.od-klienta{border-left-color:var(--ok)}
.kn-kontakt-hd{display:flex;align-items:baseline;gap:var(--s3)}
.kn-kontakt-hd strong{font-weight:600;min-width:0}
.kn-kontakt-czas{margin-left:auto;white-space:nowrap;color:var(--ink-3);
  font-size:var(--fs-sm);font-variant-numeric:tabular-nums}
.kn-kontakt-wpis .cichy{font-size:var(--fs-sm);margin-top:1px;overflow-wrap:anywhere}
.kn-slowa-klienta{font-style:italic;color:var(--ink-2)}
.kn-slowa-klienta::before{content:'„'}
.kn-slowa-klienta::after{content:'"'}
.okienko-zaproszenia{max-width:820px;width:min(820px,94vw)}
.okienko-zaproszenia .tblwrap{overflow:auto}
.kpi-rzad.ciasny{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s2);
  margin-bottom:var(--s3)}
.kpi-rzad.ciasny .kpi{padding:var(--s2) var(--s3)}
.kpi-rzad.ciasny .kpi .v{font-size:var(--fs-xl)}
.kpi-rzad.ciasny .kpi .d{font-size:var(--fs-xs)}
@media (max-width:700px){ .kpi-rzad.ciasny{grid-template-columns:1fr} }
.kn-paczka{border:1px solid var(--line);border-left:3px solid var(--line);
  border-radius:var(--radius);padding:var(--s3) var(--s4);margin:0 0 var(--s2);
  background:var(--surface-2)}
.kn-paczka.zamowiona,.kn-paczka.nadana,.kn-paczka.w_drodze{border-left-color:var(--accent)}
.kn-paczka.doreczona{border-left-color:var(--ok)}
.kn-paczka.blad{border-left-color:var(--bad)}
.kn-paczka.anulowana{opacity:.6}
.kn-paczka-hd{display:flex;align-items:baseline;gap:var(--s3);flex-wrap:wrap}
.kn-paczki-gora{margin:0 0 var(--s4)}
.kn-paczki-gora>.blok{margin:0}
.kn-paczki-starsze{margin:var(--s2) 0 0}
.kn-paczka-numer{font-size:var(--fs-lg);letter-spacing:.02em;user-select:all;
  margin-top:2px}
.kn-paczka .pasek-akcji{margin-top:var(--s2)}
.kn-paczka .note{margin-top:var(--s2)}
.kn-paczka-slad{list-style:none;margin:var(--s2) 0 0;padding:0;
  display:flex;flex-direction:column;gap:2px;font-size:var(--fs-sm);
  max-height:190px;overflow:auto}
.kn-paczka-slad li{padding:2px 0;border-bottom:1px solid var(--line)}
.kn-paczka-slad li:last-child{border-bottom:none}
.kn-paczka-adresy{margin:0 0 var(--s3)}
.propozycja-osoby{border:1px dashed var(--line);border-radius:var(--radius);
  padding:10px 12px;background:var(--surface-2);display:flex;flex-direction:column;gap:8px}
.po-tresc{line-height:1.45}
.po-akcje{display:flex;gap:8px;flex-wrap:wrap}
.po-pola{display:flex;gap:8px;flex-wrap:wrap}
.po-pola>.input{flex:1 1 180px;min-width:0}
.z-portalu{border:1px dashed var(--line);border-radius:var(--radius);
  background:var(--surface-2);padding:10px 12px;margin-bottom:var(--s3)}
.z-portalu-hd{display:flex;align-items:baseline;gap:10px;width:100%;
  background:none;border:0;padding:0;font:inherit;color:var(--ink);
  cursor:pointer;text-align:left;flex-wrap:wrap}
.z-portalu .tabela{margin-top:var(--s3)}
.szybki-firmy{display:flex;flex-direction:column;gap:4px;margin-top:6px;
  max-height:220px;overflow-y:auto;overscroll-behavior:contain;
  border:1px solid var(--line-soft);border-radius:var(--radius);padding:4px;
  background:var(--surface-2)}
.szybki-firma{display:block;width:100%;text-align:left;padding:9px 12px;flex:0 0 auto;
  border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);
  color:var(--ink);font:inherit;cursor:pointer}
.szybki-firma:hover{border-color:var(--accent)}
.szybki-rodzaje{display:flex;gap:8px;flex-wrap:wrap}
.szybki-rodzaje .btn{flex:1 1 120px}
.szybki-leci{display:inline-flex;align-items:center;gap:7px;
  border-color:var(--ok-border,#b9e0c6);background:var(--ok-bg,#e8f5ec);
  color:var(--ok-ink,#1f7a3f);font-variant-numeric:tabular-nums}
.kropka-leci{width:8px;height:8px;border-radius:50%;background:currentColor;
  animation:kropka-puls 2s ease-in-out infinite}
@keyframes kropka-puls{0%,100%{opacity:1}50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){.kropka-leci{animation:none}}
.pasek-po-umowie{display:flex;flex-direction:column;gap:8px}
.pasek-po-umowie .pasek-akcji{margin-top:2px}
.umowy-sumy{gap:var(--s5);color:var(--ink-2);font-size:var(--fs-sm);
  padding:var(--s3) 0;border-bottom:1px solid var(--line-soft)}
.umowy-sumy b{color:var(--ink);font-variant-numeric:tabular-nums}
.umowy-podpowiedzi{display:flex;flex-direction:column;gap:4px;margin:4px 0 var(--s3)}
.umowy-podpowiedzi .btn{justify-content:flex-start;text-align:left}
.umowy-wybrany{display:flex;align-items:center;gap:var(--s3)}
.umowy-szukajka{flex:1 1 320px;max-width:420px}
.umowy-waski{width:auto;flex:0 0 auto;max-width:280px}
.lista-pasek{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap;
  padding:var(--s3) var(--s4);border-bottom:1px solid var(--line-soft)}
.lista-szukajka{flex:1 1 240px;max-width:340px}
.lista-pasek .muted{font-size:var(--fs-sm);white-space:nowrap}
tr.zaznaczony > td{background:var(--accent-soft,rgba(37,99,235,.07))}
.ptaszek-kol{width:32px}
.mapa-szukajka{width:100%;margin:6px 0 8px}
.dok-uwaga-klienta{margin-top:5px;padding-left:9px;
  border-left:3px solid var(--accent-border);
  font-size:var(--fs-sm);font-style:italic;color:var(--ink-2);
  max-width:34ch}
.lista-kandydatow{display:flex;flex-direction:column;gap:6px;margin:6px 0 var(--s3)}
.kandydat{display:flex;align-items:flex-start;gap:10px;
  padding:9px 11px;border:1px solid var(--line);border-radius:var(--radius);
  background:var(--surface);cursor:pointer}
.kandydat:hover{background:var(--surface-2)}
.kandydat.on{border-color:var(--accent);background:var(--accent-soft)}
.kandydat input{margin-top:3px;flex:0 0 auto}
.kandydat>span{min-width:0}
.znak-ruch{margin-top:4px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.znak-ruch .muted{font-size:var(--fs-xs)}
.nietkniete{font-style:italic;opacity:.75;
  border-bottom:1px dotted var(--line);cursor:help}
.sla{margin-top:3px;font-weight:650;font-variant-numeric:tabular-nums}
.sla.zapas{color:var(--ink-3);font-weight:400}
.sla.blisko{color:var(--warn)}
.sla.po{color:var(--bad)}
.sla.spoznione{color:var(--bad);font-weight:400}
.sla.zdazone{color:var(--ok);font-weight:400}
.kafel-liczby.wlaczony{border-color:var(--accent);
  box-shadow:inset 0 0 0 1px var(--accent)}
.kafel-liczby.wlaczony .kl-e{color:var(--accent-text)}
.drawer.zgloszenie{width:min(94vw,490px)}
.drawer.zgloszenie dl.kv dt{font-size:var(--fs-sm)}
.drawer.zgloszenie dl.kv dd,
.drawer.zgloszenie dl.kv dd.mono{font-size:var(--fs-base)}
.drawer.zgloszenie dl.kv{grid-template-columns:150px minmax(0,1fr)}
.drawer.zgloszenie .zgl-abonent{flex-direction:column;gap:12px;padding:14px 14px 12px}
.drawer.zgloszenie .zgl-abonent-gora{display:flex;align-items:center;
  justify-content:space-between;gap:var(--s3)}
.drawer.zgloszenie .zgl-nazwa{font-size:19px;font-weight:700;letter-spacing:-.01em;
  line-height:1.25;min-width:0}
.drawer.zgloszenie .zgl-abonent-stan{flex:0 0 auto}
.drawer.zgloszenie .zgl-ident{gap:10px 22px;margin-top:0}
.drawer.zgloszenie .zgl-ident i{font-size:11px;letter-spacing:.06em;
  color:var(--ink-2)}
.drawer.zgloszenie .zgl-ident b{font-size:21px;font-weight:700;line-height:1.15;
  margin-top:1px}
.drawer.zgloszenie .zgl-ident b a{font-size:inherit;text-decoration:none}
.drawer.zgloszenie .zgl-ident b a:hover{text-decoration:underline}
.drawer.zgloszenie .zgl-abonent-dol{display:flex;flex-direction:column;gap:5px;
  font-size:var(--fs-base);color:var(--ink-2);line-height:1.4}
.drawer.zgloszenie .zgl-adres{font-size:var(--fs-md);color:var(--ink);
  font-weight:500}
.drawer.zgloszenie .zgl-sesja.mono{font-size:var(--fs-sm);color:var(--ink-2)}
@media (max-width:560px){
  .drawer.zgloszenie .zgl-ident b{font-size:18px}
  .drawer.zgloszenie .zgl-adres{font-size:var(--fs-base)}
  .drawer.zgloszenie .zgl-nazwa{font-size:17px}
  .drawer.zgloszenie dl.kv{grid-template-columns:1fr}
}
.sla-znak{margin-top:5px}
.sla-znak .pill{white-space:nowrap}
.sla-znak.historia{opacity:.7}
.wiersz-sprzetu{display:flex;align-items:flex-start;gap:var(--s3);
  padding:var(--s3) 0;border-bottom:1px solid var(--line-soft)}
.wiersz-sprzetu:last-child{border-bottom:none}
.wiersz-sprzetu .drobne{font-size:var(--fs-sm)}
.wczytywanie{display:flex;align-items:center;gap:14px;
  padding:14px 16px;margin-bottom:var(--s4);
  border:1px solid var(--line);border-left:3px solid var(--accent);
  border-radius:var(--radius);background:var(--surface-2);color:var(--ink-2)}
.wczytywanie.male{padding:8px 0;margin:0;border:0;background:none}
.wczytywanie-co{font-weight:650;color:var(--ink)}
.wczytywanie-tresc{min-width:0}
.wczytywanie-tresc > * + *{margin-top:6px}
.wczytywanie:has(ul),.wczytywanie:has(p){align-items:flex-start}
.wczytywanie ul{margin:6px 0 0;padding-left:18px}
.wczytywanie li{margin:2px 0}
progress.kolowrotek::-webkit-progress-bar{display:none;background:none}
progress.kolowrotek::-webkit-progress-value{display:none;background:none}
progress.kolowrotek::-moz-progress-bar{display:none;background:none}
@property --luk-od{syntax:"<angle>";inherits:false;initial-value:0deg}
@property --luk-do{syntax:"<angle>";inherits:false;initial-value:0deg}
progress.kolowrotek{
  --rozmiar:22px;--grubosc:2.5px;--czas:1.1s;
  flex:0 0 auto;width:var(--rozmiar);height:var(--rozmiar);
  border-radius:50%;appearance:none;border:0;
  background:conic-gradient(from calc(90deg + var(--luk-od)),
      var(--accent) calc(var(--luk-do) - var(--luk-od)), transparent 0)
    var(--line);
  mask-image:radial-gradient(farthest-side,
    transparent calc(100% - var(--grubosc)), #000 calc(100% - var(--grubosc)));
  animation:kolowrotek-obrot var(--czas) linear infinite,
            kolowrotek-luk 2.4s ease-in-out infinite;
}
@keyframes kolowrotek-obrot{to{rotate:1turn}}
@keyframes kolowrotek-luk{
  from{--luk-od:0deg;--luk-do:8deg}
  50%{--luk-od:100deg;--luk-do:340deg}
  to{--luk-od:360deg;--luk-do:368deg}
}
@media (prefers-reduced-motion:reduce){
  progress.kolowrotek{--czas:5s;animation:kolowrotek-obrot var(--czas) linear infinite}
}
.card > .bd > *{margin-bottom:0}
.card > .bd > * + *{margin-top:var(--s5)}
.card > .bd > .pasek-akcji{margin-top:var(--s6)}
.card > .bd > .zakladki{margin-bottom:0}
.card > .bd > .zakladki + *{margin-top:var(--s4)}
.blok > .blok-bd > *{margin-bottom:0}
.blok > .blok-bd > * + *{margin-top:var(--s4)}
.blok{margin-bottom:var(--s5)}
.okienko > * + *{margin-top:var(--s4)}
.okienko > .kartahd + *{margin-top:var(--s3)}
.tblwrap .tab-pozycji{min-width:880px}
.tab-pozycji td:nth-child(2){min-width:280px}
.tab-pozycji thead th,.tab-pozycji thead th.num{white-space:normal}
.tab-pozycji td.num,.tab-pozycji th.num{white-space:nowrap}
.tab-pozycji th.num,.tab-pozycji .kol-akcje-poz{width:1%}
.tab-pozycji .kol-ilosc{white-space:nowrap}
.tab-pozycji .drobne{font-size:var(--fs-xs)}
.tab-pozycji .kol-akcje-poz{white-space:nowrap;text-align:right}
.tab-pozycji .kol-akcje-poz .jak-link + .jak-link{margin-left:12px}
.podglad-podpisu{background:#fff;border:1px solid var(--line);
  border-radius:var(--radius);padding:10px 14px;display:flex;
  align-items:center;justify-content:center;min-height:90px}
.podglad-podpisu img{max-width:100%;max-height:120px;object-fit:contain}
.strzalki-kolejnosci{display:inline-flex;gap:2px;margin-right:12px;
  vertical-align:middle}
.strzalki-kolejnosci .jak-link{padding:0 5px;font-size:15px;line-height:1.1;
  color:var(--ink-2)}
.strzalki-kolejnosci .jak-link:disabled{opacity:.3;cursor:default}
.strzalki-kolejnosci .jak-link:not(:disabled):hover{color:var(--accent-text)}
.dok-naglowek{display:grid;grid-template-columns:repeat(12,1fr);
  gap:var(--s4) var(--s4);max-width:1180px;margin-bottom:var(--s5)}
.dok-naglowek .pole{min-width:0}
.dok-naglowek .input{width:100%}
.dok-naglowek-akcje{grid-column:1/-1;display:flex;align-items:center;gap:var(--s3);
  padding-top:var(--s2);border-top:1px solid var(--line-soft)}
.input.rosnace{field-sizing:content;height:auto;width:100%;
  min-block-size:4lh;max-block-size:16lh;resize:vertical}
@media (max-width:1100px){
  .dok-naglowek{grid-template-columns:repeat(6,1fr)}
  .dok-naglowek > .pole{grid-column:span 3 !important}
  .dok-naglowek > .pole:has(textarea){grid-column:span 6 !important}
}
@media (max-width:640px){
  .dok-naglowek{grid-template-columns:1fr}
  .dok-naglowek > .pole{grid-column:span 1 !important}
  .dok-naglowek > .pole:has(textarea){grid-column:span 1 !important}
}
.dok-wysylka{display:flex;flex-direction:column;gap:var(--s4);
  padding:var(--s4);border:1px solid var(--line);
  border-radius:var(--radius);background:var(--surface-2);max-width:720px}
.dok-wysylka .input{width:100%}
.dok-wysylka-stopka{align-items:center;gap:var(--s3);flex-wrap:wrap;
  padding-top:var(--s3);border-top:1px solid var(--line-soft)}
.dok-wysylka-stopka .muted{font-size:var(--fs-sm);flex:1 1 240px;
  overflow-wrap:anywhere}
.ostrzezenie-adresu{color:var(--warn)}
.lista-adresow{display:flex;flex-direction:column;gap:2px;
  max-height:240px;overflow:auto;border:1px solid var(--line);
  border-radius:var(--radius);background:var(--surface);padding:6px}
.adres-ptaszek{display:flex;align-items:baseline;gap:8px;padding:5px 7px;
  border-radius:var(--radius-sm);cursor:pointer;min-width:0}
.adres-ptaszek:hover{background:var(--surface-2)}
.adres-ptaszek input{flex:0 0 auto;align-self:center}
.adres-mail{overflow-wrap:anywhere}
.adres-kto{font-size:var(--fs-xs);margin-left:auto;white-space:nowrap;
  padding-left:10px}
@media (max-width:700px){
  .adres-ptaszek{flex-wrap:wrap}
  .adres-kto{margin-left:26px;white-space:normal;padding-left:0}
}
.dok-tresc > * + *{margin-top:var(--s6)}
.dok-pasek-numeru{margin-bottom:0}
.dok-sekcja{display:flex;flex-direction:column;gap:var(--s4)}
.dok-sekcja > h3,.dok-sekcja > p{margin:0}
.dok-sekcja > .wyjasnienie{padding:0;max-width:80ch}
.dok-sekcja > .dok-podsumowanie{margin-top:0}
.dok-tresc > .dok-naglowek{margin-bottom:0}
.powiadomienie-statusu{margin-top:var(--s3);padding:var(--s3);
  border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--g0);
  display:flex;flex-direction:column;gap:var(--s2)}
.powiadomienie-statusu .podglad-komunikatu{display:flex;flex-direction:column;gap:2px;
  padding:var(--s2) var(--s3);border-left:3px solid var(--line);background:var(--bg)}
.szablony{display:flex;flex-direction:column;gap:var(--s3)}
.szablony-grupy{display:flex;flex-wrap:wrap;gap:var(--s2)}
.szablony-grupy .licznik{margin-left:var(--s1);opacity:.7;font-variant-numeric:tabular-nums}
.szablony-opis{margin:0}
.szablony-uklad{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);
  gap:var(--s4);align-items:start}
.szablony-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;
  border:1px solid var(--line);border-radius:var(--radius-sm);padding:var(--s1);
  max-height:560px;overflow-y:auto}
.szablon-poz{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;
  text-align:left;background:none;border:0;border-radius:var(--radius-sm);
  padding:var(--s2) var(--s3);cursor:pointer;color:inherit;font:inherit}
.szablon-poz:hover{background:var(--g1)}
.szablon-poz.wybrany{background:var(--g2);box-shadow:inset 3px 0 0 var(--accent, currentColor)}
.szablon-poz:focus-visible{outline:2px solid var(--accent, currentColor);outline-offset:1px}
.szablon-poz .nazwa{font-weight:600;line-height:1.3}
.szablon-poz .kod{font-size:var(--fs-xs);opacity:.65;overflow-wrap:anywhere}
.szablony-edytor{min-width:0;border:1px solid var(--line);border-radius:var(--radius-sm);
  padding:var(--s4);display:flex;flex-direction:column;gap:var(--s3)}
.szablony-edytor-hd{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap}
.szablony-edytor-hd .przelacznik{display:inline-flex;gap:var(--s1)}
.szablony-edytor .podglad-tresc{max-height:360px}
.szablony-pusto{padding:var(--s6) 0;text-align:center}
@media (max-width: 900px){
  .szablony-uklad{grid-template-columns:1fr}
  .szablony-lista{max-height:260px}
}
.podglad-mail-ramka{display:block;width:100%;height:min(600px,62vh);border:0;background:#f3f4f6}
.okienko-podgladu-maila .podglad-mail{margin-top:var(--s3)}
.logo-operatora{height:36px;width:auto;max-width:200px;object-fit:contain;
  background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);padding:4px 8px}
td.bez-lamania,.bez-lamania{white-space:nowrap}
td.tekst-min{min-width:16ch}
.panel-operatora{display:flex;flex-direction:column;gap:var(--s5)}
.panel-operatora-hd{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);
  flex-wrap:wrap}
.panel-operatora-blok h3{margin:0 0 var(--s3);font-size:var(--fs-sm);text-transform:uppercase;
  letter-spacing:.05em;color:var(--ink-2)}
.panel-operatora-listy{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));
  gap:var(--s4);align-items:start}
.panel-lista{list-style:none;margin:0;padding:0}
.panel-lista li{padding:var(--s3) 0;border-bottom:1px solid var(--line-soft)}
.panel-lista li:last-child{border-bottom:0}
.panel-lista-gora{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap}
.panel-lista-gora .nazwa{font-weight:600}
.panel-lista-dol{margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.login .demo-logowanie { margin-bottom: var(--s4); line-height: 1.55; }
.login .demo-logowanie .btn { display: block; margin: var(--s3) auto 0; }
@font-face { font-family: 'Fredoka'; font-weight: 700; font-style: normal; font-display: swap;
  src: url('/fonts/fredoka-latin-700-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212; }
@font-face { font-family: 'Fredoka'; font-weight: 700; font-style: normal; font-display: swap;
  src: url('/fonts/fredoka-latin-ext-700-normal.woff2') format('woff2');
  unicode-range: U+0100-02AF, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
:root { --ananas-litera: #16a34a; --ananas-slowo: #0d1f3c; --ananas-it: #dcecfb; --ananas-it-ink: #0d3a66;
  --ananas-serwis: #fcf1c9; --ananas-serwis-ink: #5a4200; --ananas-isp: #d6f4df; --ananas-isp-ink: #0f4d26; }
[data-theme="dark"] { --ananas-litera: #3fd06c; --ananas-slowo: #f2f5fa; --ananas-it: #17314d; --ananas-it-ink: #b9dcfb;
  --ananas-serwis: #3d3212; --ananas-serwis-ink: #f6dc86; --ananas-isp: #173b25; --ananas-isp-ink: #a8e8bd; }
.znak-ananasa { display: flex; align-items: center; gap: 6px; min-width: 0; }
.znak-ananasa img { width: 44px; height: 44px; flex: 0 0 auto; object-fit: contain; }
.znak-ananasa .slowo { font-family: 'Fredoka', system-ui, sans-serif; font-weight: 700; font-size: 22px;
  letter-spacing: .02em; line-height: 1; color: var(--ananas-slowo); }
.brandbar.ananas .znak-ananasa { gap: 5px; max-width: 100%; }
.brandbar.ananas .znak-ananasa img { width: 40px; height: 40px; }
.brandbar.ananas .znak-ananasa .slowo { font-size: 24px; }
.brandbar.ananas .znak-ananasa .plakietka { font-size: 12px; padding: 4px 6px; }
.brand-rozwiniecie .linia { display: block; white-space: nowrap; }
.znak-ananasa .plakietka { font-family: 'Fredoka', system-ui, sans-serif; font-weight: 700; font-size: 13px;
  line-height: 1; padding: 4px 7px; border-radius: 6px; margin-left: 2px; white-space: nowrap; }
.znak-ananasa .plakietka.w-it { background: var(--ananas-it); color: var(--ananas-it-ink); }
.znak-ananasa .plakietka.w-serwis { background: var(--ananas-serwis); color: var(--ananas-serwis-ink); }
.znak-ananasa .plakietka.w-isp { background: var(--ananas-isp); color: var(--ananas-isp-ink); }
.znak-ananasa.duzy img { width: 88px; height: 88px; }
.znak-ananasa.duzy .slowo { font-size: 48px; }
.brandbar.ananas { flex-direction: column; align-items: flex-start; gap: 4px; }
.brandbar.ananas .brand-firma { font-size: var(--fs-sm); color: var(--ink-3); padding-left: 4px;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; }
.login-marka { display: flex; flex-direction: column; align-items: center; gap: 6px; margin-bottom: var(--s5); }
.login-marka .login-firma { font-size: var(--fs-sm); color: var(--ink-3); }
.login-logo { display: flex; align-items: center; gap: 14px; }
.login-logo img { width: 104px; height: 104px; flex: 0 0 auto; object-fit: contain; }
.login-logo .slowo { font-family: 'Fredoka', system-ui, sans-serif; font-weight: 700; font-size: 54px;
  line-height: .95; letter-spacing: .02em; color: var(--ananas-slowo); }
.login-rozwiniecie { margin-top: 6px; font-family: 'Fredoka', system-ui, sans-serif; font-weight: 700;
  font-size: 13.5px; line-height: 1.3; color: var(--ananas-slowo); max-width: 250px; }
.login-rozwiniecie .litera { color: var(--ananas-litera); }
:root[data-theme="ananas"] body {
  background-color: var(--bg);
  background-image:
    linear-gradient(45deg, transparent 47%, rgba(232,140,0,.045) 47%, rgba(232,140,0,.045) 53%, transparent 53%),
    linear-gradient(-45deg, transparent 47%, rgba(232,140,0,.045) 47%, rgba(232,140,0,.045) 53%, transparent 53%);
  background-size: 34px 34px;
}
:root[data-theme="ananas"] .topbar { border-bottom: 4px solid var(--accent); }
:root[data-theme="ananas"] .top-tytul h1,
:root[data-theme="ananas"] .card > .hd h3,
:root[data-theme="ananas"] .card > .hd h2 { color: #0d1f3c; }
:root[data-theme="ananas"] thead th {
  color: #0d1f3c; border-bottom: 2px solid var(--accent);
}
:root[data-theme="ananas"] thead th:hover { background: #efede4; }
:root[data-theme="ananas"] thead th .strzalka,
:root[data-theme="ananas"] thead th [aria-hidden="true"] { color: #b98300; }
:root[data-theme="ananas"] .card { border-color: var(--g4); border-top: 4px solid var(--accent); }
:root[data-theme="ananas"] .kpi { border-color: var(--g4); border-top: 4px solid #0d1f3c; }
:root[data-theme="ananas"] .kpi .v { color: #0d1f3c; }
:root[data-theme="ananas"] .kpi.alert { border-top-color: var(--bad); }
:root[data-theme="ananas"] .kpi.alert .v { color: var(--bad); }
:root[data-theme="ananas"] .filters { background: var(--surface); }
:root[data-theme="ananas"] .btn:not(.primary):not(.zielony):not(.czerwony):not(.ostrzega):not(.groznie):not(.pilne):not(.off) { border-color: #0d1f3c; color: #0d1f3c; font-weight: 650; }
:root[data-theme="ananas"] .btn:not(.primary):not(.zielony):not(.czerwony):not(.ostrzega):not(.groznie):not(.pilne):not(.off):hover { background: #fff3cc; border-color: #0d1f3c; }
:root[data-theme="ananas"] .btn.primary { border-color: #d99a00; box-shadow: 0 2px 0 #b98300; }
:root[data-theme="ananas"] .btn.primary:hover { background: #ffc21a; }
:root[data-theme="ananas"] .side .grp { color: var(--accent); }
:root[data-theme="ananas"] .side button.nav.on { border-left: 4px solid #3fb03a; }
:root[data-theme="ananas"] ::selection { background: #ffd54d; color: #0d1f3c; }
:root[data-theme="ananas"] .pill { font-weight: 700; border-width: 1.5px; }
:root[data-theme="ananas"] .pill.info { background: #0d1f3c; color: #ffd24d; border-color: #0d1f3c; }
:root[data-theme="ananas"] .pill.ok   { background: #e3f4d8; color: #1c6a12; border-color: #7dc56b; }
:root[data-theme="ananas"] .pill.warn { background: #ffe8a6; color: #6e4300; border-color: #f5b301; }
:root[data-theme="ananas"] .pill.bad  { background: #ffe1dc; color: #a2170f; border-color: #ef8b80; }
:root[data-theme="ananas"] .pill.mute { background: #f0f0ec; color: #2a3651; border-color: #d2d3cc; }
:root[data-theme="ananas"] .kpi.alert { background: #fff0ec; }
:root[data-theme="ananas"] table { background: var(--surface); border: 1px solid var(--line); }
:root[data-theme="ananas"] .card table { border-width: 0; border-top-width: 0; }
:root[data-theme="ananas"] tbody tr { background: var(--surface); }
:root[data-theme="ananas"] tbody tr:hover { background: var(--wiersz-hover); }
:root[data-theme="ananas"] tbody td { border-bottom: 1px solid var(--wiersz-linia); }
:root[data-theme="ananas"] .kafel { background: var(--surface); border: 1px solid var(--line);
  border-top: 4px solid var(--accent); box-shadow: var(--shadow-1); }
:root[data-theme="ananas"] .kafel-hd .nazwa { color: #0d1f3c; }
.brand-rozwiniecie { font-family: var(--font); font-weight: 500; font-size: 12.5px; letter-spacing: .01em;
  line-height: 1.45; color: var(--ananas-slowo); opacity: .92; padding: 2px 2px 0 4px; max-width: 100%; }
.brand-rozwiniecie .litera { color: var(--ananas-litera); font-weight: 800; }
:root[data-theme="ananas"] .side { --ananas-litera: #57d15f; }
[data-theme="dark"] .side { --ananas-litera: #3fd06c; }
.kal { display: flex; flex-direction: column; gap: var(--s3); min-width: 0; }
.kal-pasek { display: flex; justify-content: space-between; align-items: center; gap: var(--s3); flex-wrap: wrap; }
.kal-nawigacja, .kal-prawa { display: flex; align-items: center; gap: var(--s2); flex-wrap: wrap; }
.kal-strzalka { width: 34px; padding: 0; font-size: 20px; line-height: 1; }
.kal-tytul { margin: 0 0 0 var(--s2); font-size: var(--fs-lg); font-weight: 650; text-wrap: balance; }
.kal-widoki { display: inline-flex; border: 1px solid var(--line); border-radius: var(--radius-sm); overflow: hidden; background: var(--surface); }
.kal-widoki button { border: 0; background: transparent; color: var(--ink-2); font: inherit; font-size: var(--fs-sm);
  padding: 0 14px; height: 34px; cursor: pointer; }
.kal-widoki button + button { border-left: 1px solid var(--line); }
.kal-widoki button:hover { color: var(--ink); background: var(--surface-2); }
.kal-widoki button.wybrany { background: var(--accent-soft); color: var(--accent-text); font-weight: 650; }
.kal-widoki button:focus-visible, .kal-typ:focus-visible, .kal-kafel:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
.kal-filtry { display: flex; align-items: center; gap: var(--s2); flex-wrap: wrap; }
.kal-filtry select.input { width: auto; min-width: 170px; }
.kal-typy { display: flex; gap: 6px; flex-wrap: wrap; }
.kal-typ { display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 10px; border-radius: var(--radius-pill);
  border: 1px solid var(--line); background: var(--surface); color: var(--ink-3); font: inherit; font-size: var(--fs-sm); cursor: pointer; }
.kal-typ .kropka { width: 9px; height: 9px; border-radius: 50%; background: transparent; border: 2px solid var(--kc); }
.kal-typ.wl { color: var(--ink); border-color: color-mix(in srgb, var(--kc) 45%, var(--line)); }
.kal-typ.wl .kropka { background: var(--kc); }
.kal-typ .ile { font-variant-numeric: tabular-nums; color: var(--ink-3); font-size: var(--fs-xs); }
.kal-t-termin_it     { --kc: #4f46e5; }
.kal-t-termin_serwis { --kc: #d9730d; }
.kal-t-wizyta        { --kc: #1f7ac2; }
.kal-t-spotkanie     { --kc: #8a4fb8; }
.kal-t-nieobecnosc   { --kc: #7b8494; }
.kal-t-google        { --kc: #0f9aa8; }
.kal-c-gray{--kc:#7b8494}.kal-c-slate{--kc:#55627a}.kal-c-blue{--kc:#1f7ac2}.kal-c-sky{--kc:#1a9fd6}
.kal-c-teal{--kc:#0f9486}.kal-c-green{--kc:#2f9e3a}.kal-c-lime{--kc:#6b9e14}.kal-c-yellow{--kc:#c9a100}
.kal-c-amber{--kc:#d68a00}.kal-c-orange{--kc:#d9730d}.kal-c-red{--kc:#c9302c}.kal-c-pink{--kc:#cc3d86}
.kal-c-purple{--kc:#8a4fb8}.kal-c-indigo{--kc:#4f46e5}
:root[data-theme="dark"] .kal-kafel .czas { color: color-mix(in srgb, var(--kc) 45%, var(--ink)); }
.kal-siatka { border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); overflow: hidden; }
.kal-naglowki, .kal-pasek-dnia, .kal-godziny { display: grid; }
.kal-naglowki { border-bottom: 1px solid var(--line); background: var(--surface-2); }
.kal-dzien-nagl { display: flex; align-items: baseline; justify-content: center; gap: 6px; flex-wrap: wrap; padding: 8px 4px;
  border: 0; border-left: 1px solid var(--line-soft); background: transparent; color: var(--ink-2); font: inherit; cursor: pointer; min-width: 0; }
.kal-dzien-nagl:disabled { cursor: default; }
.kal-dzien-nagl:not(:disabled):hover { background: var(--surface); }
.kal-dzien-nagl .dt { font-size: var(--fs-xs); text-transform: uppercase; letter-spacing: .06em; }
.kal-dzien-nagl .nr { font-size: var(--fs-md); font-weight: 650; color: var(--ink); font-variant-numeric: tabular-nums;
  min-width: 28px; height: 28px; line-height: 28px; border-radius: 50%; text-align: center; }
.kal-dzien-nagl.dzis .nr { background: var(--accent); color: var(--accent-ink); }
.kal-dzien-nagl.wolny .dt { color: var(--bad); }
.kal-dzien-nagl .swieto, .kal-m-gora .swieto { flex-basis: 100%; font-size: var(--fs-xs); color: var(--bad);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; }
.kal-pasek-dnia { border-bottom: 1px solid var(--line); }
.kal-os-podpis { font-size: var(--fs-xs); color: var(--ink-3); padding: 6px 6px 0 0; text-align: right; }
.kal-pasek-siatka { display: grid; grid-auto-flow: row dense; gap: 3px 0; padding: 4px 0; min-height: 34px; align-content: start;
  background-image: linear-gradient(to right, var(--line-soft) 1px, transparent 1px); }
.kal-pasek-siatka > * { margin: 0 3px; }
.kal-przewijak { max-height: calc(100vh - 300px); min-height: 320px; overflow-y: auto; }
.kal-godziny { position: relative; }
.kal-os { position: relative; }
.kal-os span { position: absolute; right: 8px; transform: translateY(-50%); font-size: var(--fs-xs); color: var(--ink-3);
  font-variant-numeric: tabular-nums; }
.kal-os span:first-child { transform: none; }
.kal-kolumna { position: relative; border-left: 1px solid var(--line-soft); cursor: copy;
  background-image: linear-gradient(to bottom, var(--line-soft) 1px, transparent 1px); }
.kal-kolumna.wolny { background-color: color-mix(in srgb, var(--surface-2) 55%, transparent); }
.kal-kolumna.dzis { background-color: color-mix(in srgb, var(--accent) 5%, transparent); }
.kal-teraz { position: absolute; left: 0; right: 0; height: 2px; background: var(--bad); pointer-events: none; z-index: 3; }
.kal-teraz::before { content: ""; position: absolute; left: -5px; top: -4px; width: 10px; height: 10px; border-radius: 50%; background: var(--bad); }
.kal-kafel { display: flex; flex-direction: column; align-items: stretch; text-align: left; gap: 1px; min-width: 0;
  padding: 3px 6px; border: 0; border-left: 3px solid var(--kc); border-radius: 5px; font: inherit; font-size: var(--fs-xs);
  line-height: 1.3; color: var(--ink); background: color-mix(in srgb, var(--kc) 14%, var(--surface)); cursor: pointer; overflow: hidden; }
.kal-kafel:hover { background: color-mix(in srgb, var(--kc) 24%, var(--surface)); }
.kal-kolumna .kal-kafel { position: absolute; z-index: 2; box-shadow: 0 0 0 1px var(--surface); }
.kal-kafel.ruchomy { cursor: grab; }
.kal-kafel.ruchomy:active { cursor: grabbing; }
.kal-kafel .czas { font-weight: 750; font-variant-numeric: tabular-nums; color: color-mix(in srgb, var(--kc) 70%, var(--ink)); }
.kal-kafel .tt { font-weight: 600; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;
  -webkit-line-clamp: 1; overflow-wrap: anywhere; }
.kal-kafel .pod { color: var(--ink-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kal-kafel .pod.kto { color: var(--ink-3); }
.kal-kafel.paskowy .tt, .kal-kafel.zwiezly .tt { display: block; white-space: nowrap; text-overflow: ellipsis; }
.kal-kafel.paskowy, .kal-kafel.zwiezly { padding: 2px 6px; min-height: 22px; }
.kal-kafel.kal-t-termin_it, .kal-kafel.kal-t-termin_serwis { background: var(--surface);
  border: 1px solid color-mix(in srgb, var(--kc) 55%, var(--line)); border-left: 3px solid var(--kc); }
.kal-kafel.kal-t-termin_it:hover, .kal-kafel.kal-t-termin_serwis:hover { background: color-mix(in srgb, var(--kc) 10%, var(--surface)); }
.kal-kafel.po-terminie { --kc: var(--bad); background: var(--bad-bg); border-color: var(--bad-border); border-left-color: var(--bad); }
.kal-kafel.kal-t-nieobecnosc { background: repeating-linear-gradient(135deg,
    color-mix(in srgb, var(--kc) 16%, var(--surface)) 0 6px, color-mix(in srgb, var(--kc) 8%, var(--surface)) 6px 12px); }
.kal-kafel.wniosek { border: 1px dashed var(--kc); border-left: 3px dashed var(--kc); }
.kal-wiecej { border: 0; background: transparent; color: var(--accent-text); font: inherit; font-size: var(--fs-xs);
  font-weight: 600; text-align: left; padding: 2px 6px; cursor: pointer; }
.kal-wiecej:hover { text-decoration: underline; }
.kal-miesiac { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); border: 1px solid var(--line);
  border-radius: var(--radius); overflow: hidden; background: var(--line-soft); gap: 1px; }
.kal-m-nagl { background: var(--surface-2); padding: 6px 8px; font-size: var(--fs-xs); text-transform: uppercase;
  letter-spacing: .06em; color: var(--ink-2); }
.kal-m-dzien { background: var(--surface); min-height: 112px; padding: 4px; display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.kal-m-dzien.wolny { background: color-mix(in srgb, var(--surface-2) 45%, var(--surface)); }
.kal-m-dzien.obcy > * { opacity: .5; }
.kal-m-gora { display: flex; align-items: center; gap: 4px; min-width: 0; }
.kal-m-gora .swieto { flex-basis: auto; text-align: left; }
.kal-m-nr { border: 0; background: transparent; font: inherit; font-weight: 650; font-variant-numeric: tabular-nums;
  min-width: 26px; height: 26px; border-radius: 50%; cursor: pointer; color: var(--ink); }
.kal-m-nr:hover { background: var(--surface-2); }
.kal-m-dzien.dzis .kal-m-nr { background: var(--accent); color: var(--accent-ink); }
.kal-stopka { font-size: var(--fs-xs); margin: 0; }
.kal-szczegoly .kartahd h2 { flex: 1 1 auto; min-width: 0; }
.kal-znacznik { width: 12px; height: 12px; border-radius: 3px; background: var(--kc); flex: 0 0 auto; }
.kal-znacznik.po-terminie { background: var(--bad); }
.kal-dl { display: grid; grid-template-columns: max-content 1fr; gap: 6px 16px; margin: var(--s3) 0 0; }
.kal-dl dt { color: var(--ink-3); font-size: var(--fs-sm); }
.kal-dl dd { margin: 0; min-width: 0; overflow-wrap: anywhere; }
.kal-opis { white-space: pre-line; }
@media (max-width: 760px) {
  .kal-tytul { flex-basis: 100%; margin: var(--s1) 0 0; }
  .kal-m-dzien { min-height: 76px; }
  .kal-m-dzien .kal-kafel .czas { display: none; }
  .kal-przewijak { max-height: none; }
}
@media (prefers-reduced-motion: reduce) { .kal * { transition: none !important; } }
.pola.ciasne textarea.input { height: auto; min-height: 72px; }
.nieob { display: flex; flex-direction: column; gap: var(--s4); min-width: 0; }
.nieob-pasek { display: flex; align-items: center; gap: var(--s2); flex-wrap: wrap; }
.nieob-pasek .rozpychacz { margin-left: auto; }
.nieob-rok { display: flex; align-items: center; gap: var(--s2); }
.nieob-rok h2 { margin: 0 var(--s1); font-size: var(--fs-xl); font-variant-numeric: tabular-nums; }
.nieob-rok .btn { width: 34px; padding: 0; font-size: 20px; line-height: 1; }
.nieob-moje h3 { margin: 0 0 var(--s2); font-size: var(--fs-md); }
.nieob-filtry { padding: var(--s3) var(--pad-card) 0; }
.nieob-grupuj { display: inline-flex; align-items: center; gap: 6px; font-size: var(--fs-sm); color: var(--ink-2); }
.nieob-grupuj select.input { width: auto; }
.nieob-opis { padding: var(--s3) var(--pad-card) 0; margin: 0; }
.nieob td.akcje { display: flex; gap: 6px; }
.nieob td.num.zle { color: var(--bad); }
.nieob .input.w-dni { width: 72px; text-align: right; }
.nieob .drobne { font-size: var(--fs-xs); }
tr.grupa-wiersz td { background: var(--surface-2); font-weight: 650; font-size: var(--fs-sm);
  text-transform: capitalize; padding-top: 6px; padding-bottom: 6px; }
.nieob-podglad { margin-top: var(--s3); padding: var(--s3); border: 1px solid var(--line); border-left: 3px solid var(--accent);
  border-radius: var(--radius-sm); background: var(--surface-2); display: flex; flex-direction: column; gap: 4px; }
.nieob-podglad.zle { border-left-color: var(--bad); color: var(--bad); background: var(--bad-bg); }
.nieob-kolizje { color: var(--warn); }
.kal-ludzie { border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); padding: var(--s3); }
.kal-ludzie-hd { display: flex; gap: var(--s2); align-items: baseline; flex-wrap: wrap; margin-bottom: var(--s2); }
.kal-ludzie-hd .muted { font-size: var(--fs-sm); }
.kal-ludzie-lista { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: var(--s2); }
.kal-osoba { display: flex; flex-direction: column; gap: 4px; text-align: left; font: inherit; font-size: var(--fs-sm);
  color: var(--ink); background: var(--surface); border: 1px solid var(--line); border-left: 3px solid var(--ok);
  border-radius: var(--radius-sm); padding: 8px 10px; cursor: pointer; min-width: 0; }
.kal-osoba:hover { background: var(--surface-2); }
.kal-osoba:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
.kal-osoba.st-zajety { border-left-color: var(--warn); }
.kal-osoba.st-nieobecny, .kal-osoba.st-caly_dzien, .kal-osoba.st-wolne { border-left-color: var(--line); background: var(--surface-2); color: var(--ink-2); }
.kal-osoba.st-poza_godzinami { border-left-color: var(--line); }
.kal-osoba.wybrana { box-shadow: 0 0 0 2px var(--accent); }
.kal-osoba .gora { display: flex; justify-content: space-between; align-items: center; gap: 6px; flex-wrap: wrap; }
.kal-osoba .konflikt { color: var(--bad); font-weight: 600; }
.kal-osoba .kto { font-weight: 650; min-width: 0; overflow-wrap: anywhere; }
.kal-osoba .pill { flex: 0 0 auto; }
.kal-osoba .teraz { font-weight: 600; }
.kal-osoba .plan-dnia { display: flex; flex-direction: column; gap: 1px; }
.kal-osoba .plan-poz { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kal-osoba .czas { font-variant-numeric: tabular-nums; color: var(--ink-3); }
.kal-osoba .liczby { color: var(--ink-3); font-size: var(--fs-xs); }
.kal-osoba .zle { color: var(--bad); }
.kal-osoba .drobne { font-size: var(--fs-xs); }
.przelacznik .tryb-zajetosci { margin-left: auto; width: auto; flex: 0 0 auto; align-self: center; }
.kal-ics-link { display: flex; gap: var(--s2); }
.kal-ics-link .input { flex: 1 1 auto; min-width: 0; font-size: var(--fs-sm); }
.kal-ics-kroki { display: flex; flex-direction: column; gap: 6px; margin-top: var(--s3); font-size: var(--fs-sm); }
.przeg { display: flex; flex-direction: column; gap: var(--s3); min-width: 0; }
.przeg-pasek { display: flex; align-items: center; gap: var(--s2); flex-wrap: wrap; }
.przeg-pasek .wyjasnienie { margin: 0; flex: 1 1 420px; }
.przeg td.akcje { display: flex; gap: 6px; }
.przeg .drobne { font-size: var(--fs-xs); }
.czynnosci { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.czynnosci li { display: flex; align-items: center; justify-content: space-between; gap: var(--s2);
  padding: 6px 0; border-bottom: 1px solid var(--line-soft); }
.czynnosci li:last-child { border-bottom: 0; }
.czynnosci li.zrobione span { color: var(--ink-3); text-decoration: line-through; }
.czynnosci .jak-link { font-size: var(--fs-xs); flex: 0 0 auto; }
.liczba-marki { color: var(--ananas-litera); }
.side button.nav .ikona-menu { flex: 0 0 auto; opacity: .78; }
.side button.nav.on .ikona-menu, .side button.nav:hover .ikona-menu { opacity: 1; }
.side button.nav.pod .ikona-menu { width: 16px; height: 16px; }
.side button.nav .nav-napis { min-width: 0; }
:root{
  --w-uwaga-tlo: color-mix(in srgb, var(--warn-bg) 70%, var(--surface));
  --w-uwaga-hover: var(--warn-bg);
  --w-alarm-tlo: color-mix(in srgb, var(--bad-bg) 60%, var(--surface));
  --w-alarm-hover: var(--bad-bg);
  --w-awaria-tlo: var(--bad-bg);
  --w-awaria-hover: color-mix(in srgb, var(--bad-bg) 85%, var(--bad));
}
tbody tr.w-uwaga > td{background:var(--w-uwaga-tlo)}
tbody tr.w-uwaga:hover > td{background:var(--w-uwaga-hover)}
tbody tr.w-alarm > td{background:var(--w-alarm-tlo)}
tbody tr.w-alarm:hover > td{background:var(--w-alarm-hover)}
tbody tr.w-awaria > td{background:var(--w-awaria-tlo)}
tbody tr.w-awaria:hover > td{background:var(--w-awaria-hover)}
tbody tr.w-uwaga > td:first-child,
tbody tr.w-alarm > td:first-child,
tbody tr.w-awaria > td:first-child{position:relative}
tbody tr.w-uwaga > td:first-child::after,
tbody tr.w-alarm > td:first-child::after,
tbody tr.w-awaria > td:first-child::after{
  content:'';position:absolute;left:0;top:0;bottom:0;width:4px;pointer-events:none}
tbody tr.w-uwaga > td:first-child::after{background:var(--warn)}
tbody tr.w-alarm > td:first-child::after{background:var(--bad)}
tbody tr.w-awaria > td:first-child::after{background:var(--bad);width:5px}
tr.w-awaria .pill.puls::before{content:'';width:7px;height:7px;border-radius:50%;
  background:currentColor;flex:0 0 auto}
.tab-zgloszen tr.w-awaria .pill.puls::before,
.kol-numer .pill.puls::before{display:inline-block;margin-right:5px;vertical-align:1px}
@keyframes w-puls{ 0%,100%{opacity:1} 50%{opacity:.25} }
@media (prefers-reduced-motion: no-preference){
  tbody tr.w-puls > td:first-child::after,
  tr.w-puls .pill.puls::before{animation:w-puls 2s ease-in-out infinite}
}
:root{
  --w-www: hsl(268 58% 55%);
  --w-www-tlo: color-mix(in srgb, var(--w-www) 10%, var(--surface));
  --w-www-mocno: color-mix(in srgb, var(--w-www) 24%, var(--surface));
}
tbody tr.w-www > td{background:var(--w-www-tlo)}
tbody tr.w-www:hover > td{background:var(--w-www-mocno)}
tbody tr.w-www > td:first-child{position:relative}
tbody tr.w-www > td:first-child::after{
  content:'';position:absolute;left:0;top:0;bottom:0;width:5px;pointer-events:none;
  background:var(--w-www)}
@keyframes w-www-puls{
  0%,100%{background-color:var(--w-www-tlo)}
  50%    {background-color:var(--w-www-mocno)}
}
@media (prefers-reduced-motion: no-preference){
  :root:not([data-ruch="mniej"]) tbody tr.w-www:not(:hover) > td{
    animation:w-www-puls 2.4s ease-in-out infinite}
}
tbody tr.w-zamkniete > td{color:var(--ink-3)}
tbody tr.w-zamkniete .mono,
tbody tr.w-zamkniete .numer-stanowiska{color:var(--ink-2)}
:root tbody tr.w-zamkniete .pill{background:var(--surface-2);color:var(--ink-3);
  border-color:var(--line-soft)}
tbody tr.w-zamkniete .jak-link{color:var(--ink-2)}
.pill .ikonka{flex:0 0 auto;margin-left:-2px}
td.kol-status .pill{min-width:0;justify-content:flex-start}
.status-z-powodem{display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.status-z-powodem .powod{font-size:var(--fs-xs);font-weight:700;line-height:1.3;
  max-width:170px;white-space:normal}
.powod.bad{color:var(--bad)}
.powod.warn{color:var(--warn)}
.powod.info{color:var(--ink-3);font-weight:600}
.prio-nazwa{display:flex;align-items:center;gap:6px;white-space:nowrap;
  font-size:var(--fs-sm);font-weight:750;letter-spacing:.03em;text-transform:uppercase;color:var(--ink)}
.prio-ikona{display:inline-flex;color:var(--ink-3)}
.prio-awaria .prio-ikona{color:var(--bad)}
.prio-pilny .prio-ikona{color:var(--warn)}
.prio-dopisek{margin:2px 0 0 21px;font-size:var(--fs-xs);line-height:1.3;color:var(--ink-3);
  white-space:normal;min-width:130px;max-width:190px}
tbody tr.w-zamkniete .prio-nazwa,
tbody tr.w-zamkniete .prio-ikona{color:var(--ink-3)}
@media (prefers-reduced-motion: no-preference){
  tr.w-puls .prio-awaria .prio-ikona,
  tr.w-puls td.kol-status .ikonka{animation:w-puls 2s ease-in-out infinite}
}
@media (max-width:640px){
  .tblwrap table.karty tr.w-uwaga{background:var(--w-uwaga-tlo);box-shadow:inset 4px 0 0 var(--warn)}
  .tblwrap table.karty tr.w-alarm{background:var(--w-alarm-tlo);box-shadow:inset 4px 0 0 var(--bad)}
  .tblwrap table.karty tr.w-awaria{background:var(--w-awaria-tlo);box-shadow:inset 5px 0 0 var(--bad)}
  .tblwrap table.karty tr.w-uwaga > td,
  .tblwrap table.karty tr.w-alarm > td,
  .tblwrap table.karty tr.w-awaria > td{background:transparent}
  .tblwrap table.karty tr > td:first-child::after{display:none}
}
.menu-konta{position:relative}
.top-ja.przycisk-ja{font:inherit;color:var(--ink);background:none;cursor:pointer;
  border-top:0;border-right:0;border-bottom:0;padding-top:4px;padding-bottom:4px;
  padding-right:8px;border-radius:0 var(--radius) var(--radius) 0;text-align:left}
.top-ja.przycisk-ja:hover,.top-ja.przycisk-ja.otwarte{background:var(--surface-2)}
.top-ja.przycisk-ja:focus-visible{outline:none;box-shadow:var(--focus)}
.ja-strzalka{color:var(--ink-3);flex:0 0 auto;transition:transform .15s}
.przycisk-ja.otwarte .ja-strzalka{transform:rotate(180deg)}
.menu-konta-lista{position:absolute;right:0;top:calc(100% + 8px);z-index:60;min-width:250px;
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);
  box-shadow:var(--shadow-2);padding:6px;display:flex;flex-direction:column}
.menu-konta-poz{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;
  border:0;border-radius:var(--radius);background:none;color:var(--ink);
  font:inherit;font-size:var(--fs-base);text-align:left;cursor:pointer}
.menu-konta-poz:hover,.menu-konta-poz:focus-visible{background:var(--surface-2);outline:none}
.menu-konta-ikona{display:inline-flex;width:20px;justify-content:center;color:var(--ink-3)}
.menu-konta-ikona svg{width:18px;height:18px}
.menu-konta-poz.groznie,.menu-konta-poz.groznie .menu-konta-ikona{color:var(--bad)}
.menu-konta-kreska{height:1px;background:var(--line-soft);margin:6px 8px}
@media (prefers-reduced-motion: reduce){ .ja-strzalka{transition:none} }
tbody td + td, thead th + th{border-left:1px solid var(--kolumna-linia)}
.naglowek-ekranu{display:flex;align-items:flex-end;justify-content:space-between;
  gap:var(--s4);flex-wrap:wrap;margin:0 0 var(--s4)}
.naglowek-tytul{display:flex;flex-direction:column;gap:2px;min-width:0}
.naglowek-tytul h1{margin:0;font-size:var(--fs-2xl);font-weight:700;line-height:1.15;
  letter-spacing:-.01em;text-wrap:balance}
.naglowek-modul{font-size:var(--fs-sm);color:var(--ink-3)}
.akcje-ekranu{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap;justify-content:flex-end}
.akcje-ekranu:empty{display:none}
.licznik-ekranu{font-size:var(--fs-base);color:var(--ink-3);font-variant-numeric:tabular-nums;
  white-space:nowrap}
.akcje-ekranu .btn.primary{padding-left:var(--s5);padding-right:var(--s5);font-weight:700}
:root[data-theme="ananas"] .naglowek-tytul h1{color:#0d1f3c}
.card>.hd:has(+ .filters){border-bottom:0;padding-bottom:0}
.card>.hd + .filters{background:var(--surface)}
.top-lewo .qs{max-width:560px}
.top-lewo .qs input,
.card>.hd > input.input:first-child{
  padding-left:40px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a8579' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:13px 50%;background-size:18px}
.tab-zgloszen .sla-znak .pill{display:inline-flex;align-items:center;gap:4px;
  max-width:100%;white-space:normal;text-align:left;line-height:1.25}
.tab-zgloszen .pill .ikonka{flex:0 0 auto}
:root tbody > tr > td{vertical-align:middle;text-align:center}
:root thead > tr > th{text-align:center;vertical-align:middle}
:root tbody td .tnij{margin-left:auto;margin-right:auto}
:root tbody td .status-z-powodem{align-items:center}
:root tbody td .status-z-powodem .powod{text-align:center}
:root tbody td .prio-nazwa{justify-content:center}
:root tbody td .prio-dopisek{margin-left:auto;margin-right:auto;text-align:center}
:root tbody td .stan-lacza{justify-content:center}
:root tbody td .kol-numer .pill + .pill,
:root tbody td.kol-numer .pill + .pill{margin-left:auto;margin-right:auto}
:root .mini-tab td,:root .proby-api td,:root .proby-api th,:root .kn-pozycje td,
:root .robocizna-rozbicie td,:root .scalanie-tabela td,:root .scalanie-tabela th{
  text-align:left;vertical-align:top}
:root .scalanie-tabela td.num,:root .scalanie-tabela th:nth-child(n+2){text-align:right}
@media (max-width:640px){
  :root .tblwrap table.karty td{text-align:left}
  :root .tblwrap table.karty td .status-z-powodem{align-items:flex-start}
  :root .tblwrap table.karty td .status-z-powodem .powod{text-align:left}
  :root .tblwrap table.karty td .prio-nazwa{justify-content:flex-start}
  :root .tblwrap table.karty td .prio-dopisek{margin-left:21px;text-align:left}
  :root .tblwrap table.karty td .tnij{margin-left:0}
}
.card>.hd > .licznik-ekranu{margin-left:auto;font-size:var(--fs-sm)}
:root tbody > tr > td.do-lewej,:root thead > tr > th.do-lewej{text-align:left}
:root tbody > tr > td.do-lewej .tnij{margin-left:0}
:root tbody > tr > td:first-child,
:root thead > tr > th:first-child{text-align:left}
:root tbody > tr > td:first-child:has(> input[type=checkbox]),
:root thead > tr > th:first-child:has(> input[type=checkbox]){text-align:center}
:root tbody > tr:has(> td:first-child > input[type=checkbox]) > td:nth-child(2),
:root thead > tr:has(> th:first-child > input[type=checkbox]) > th:nth-child(2){text-align:left}
:root tbody > tr > td:first-child .tnij,
:root tbody > tr:has(> td:first-child > input[type=checkbox]) > td:nth-child(2) .tnij{margin-left:0}
:root tbody > tr > td:first-child .status-z-powodem{align-items:flex-start}
:root tbody > tr > td:first-child .status-z-powodem .powod{text-align:left}
:root table.nazwa-od-lewej > tbody > tr > td:nth-child(2),
:root table.nazwa-od-lewej > thead > tr > th:nth-child(2){text-align:left}
:root table.nazwa-od-lewej > tbody > tr > td:nth-child(2) .tnij{margin-left:0}
.card>.hd .btn{white-space:nowrap;flex:0 0 auto}
:root .tab-zgloszen > tbody > tr > td:first-child,
:root .tab-zgloszen > thead > tr > th:first-child{text-align:center}
.tab-zgloszen .sla-znak .pill{justify-content:center;text-align:center}
.tab-zgloszen .znak-ruch{justify-content:center}
:root tbody td .zajetosc-kola{justify-content:center}
.lista-widget .nagl > span{background:var(--naglowek);font-size:var(--fs-xs);
  letter-spacing:.06em;font-weight:750;text-align:center;padding:10px 12px}
.lista-widget .nagl > span:first-child{text-align:center}
.lista-widget .nagl > span + span{border-left:1px solid var(--kolumna-linia)}
.lista-widget .wrs > *{border-bottom-color:var(--wiersz-linia);padding:12px}
.lista-widget .wrs > * + *{border-left:1px solid var(--kolumna-linia)}
.lista-widget .wrs.klik:hover > *{background:var(--wiersz-hover)}
.lista-widget .wrs > *{align-items:center;text-align:center}
.lista-widget .kiedy,.lista-widget .numer,.lista-widget .stan,
.lista-widget .stan-lewo{align-items:center;text-align:center}
.lista-widget .stan .pill{align-self:center;max-width:100%;white-space:normal;
  height:auto;min-height:26px;text-align:center;justify-content:center}
.lista-widget .opis{align-items:stretch;text-align:left}
.lista-widget:has(.wrs > .opis:nth-child(2)) .nagl > span:nth-child(2){text-align:left}
@media (max-width:760px){
  .lista-widget .wrs > *{align-items:flex-start;text-align:left;border-left:0}
  .lista-widget .stan .pill{align-self:flex-start}
}
.lista-widget .stan .pill{display:inline-flex;align-items:center;gap:5px}
.widget .lista-widget .stan .pill{display:inline-flex;align-items:center;gap:5px;
  white-space:normal;text-overflow:clip;overflow:visible}
:root tbody > tr > td.kol-status{text-align:center}
:root tbody > tr > td.kol-status .status-z-powodem{align-items:center}
:root tbody > tr > td.kol-status .status-z-powodem .powod{text-align:center}
:root table:has(> tbody > tr > td.kol-status:first-child) > thead > tr > th:first-child{text-align:center}
@media (max-width:640px){
  :root .tblwrap table.karty td.kol-status .status-z-powodem{align-items:flex-start}
  :root .tblwrap table.karty td.kol-status .status-z-powodem .powod{text-align:left}
}
.wykres-kolo.karta-kola{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;
  justify-content:flex-start;gap:6px;height:100%;min-height:0;overflow:hidden;padding:var(--s2) 0 0}
.karta-kola .kolo-svg{flex:1 1 auto;min-height:110px;width:100%;height:100%;max-width:none}
.karta-kola .kolo-kawalek.klik:hover{stroke-width:38}
.kolo-w-wycinku{text-anchor:middle;dominant-baseline:central;font-size:14px;font-weight:750;
  font-variant-numeric:tabular-nums;cursor:pointer}
.kolo-liczba.karta{font-size:40px;font-weight:800;letter-spacing:-.02em}
.kolo-svg text.kolo-liczba.karta[data-dlugi="1"]{font-size:30px}
.kolo-podpis.karta{font-size:10.5px;letter-spacing:.14em}
html[lang="de"] .kolo-podpis.karta{font-size:9px;letter-spacing:.04em}
.kolo-lacznie{text-align:center;font-size:var(--fs-sm);color:var(--ink-3);flex:0 0 auto}
.kolo-liczby{flex:0 0 auto;border-top:1px solid var(--line-soft);padding-top:8px;margin:0 var(--s3)}
.kolo-liczby.kolumny{display:grid}
.kolo-liczby.kolumny .kolo-liczba-poz{display:flex;flex-direction:column;align-items:center;
  gap:2px;padding:4px 6px;text-align:center}
.kolo-liczby.kolumny .kolo-liczba-poz + .kolo-liczba-poz{border-left:1px solid var(--line-soft)}
.kolo-liczby.kolumny strong{font-size:var(--fs-2xl);font-weight:800;line-height:1.1;
  font-variant-numeric:tabular-nums}
.kolo-liczby.kolumny .slowo{font-size:var(--fs-sm);color:var(--ink-2);line-height:1.25;
  max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kolo-liczby.lista{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}
.kolo-liczby.lista .kolo-liczba-poz{display:flex;align-items:baseline;gap:7px;padding:4px 6px;
  text-align:left;min-width:0}
.kolo-liczby.lista strong{font-variant-numeric:tabular-nums;font-weight:800;min-width:1.6em;text-align:right}
.kolo-liczby.lista .slowo{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-size:var(--fs-sm);color:var(--ink-2)}
.kolo-liczby .kropka{width:10px;height:10px;border-radius:3px;flex:0 0 auto;align-self:center}
.kolo-liczby .kropka.zle{background-image:repeating-linear-gradient(45deg,
  var(--bad-solid) 0 2px, var(--surface) 2px 4px) !important;border:1px solid var(--bad-solid)}
.kolo-liczba-poz{border:0;background:none;font:inherit;color:inherit;border-radius:var(--radius-sm);cursor:pointer}
.kolo-liczba-poz:disabled{cursor:default}
.kolo-liczba-poz:not(:disabled):hover{background:var(--surface-2)}
.kolo-liczba-poz:focus-visible{outline:none;box-shadow:var(--focus)}
.kolo-liczba-poz .legenda-uwaga{font-size:var(--fs-xs)}
.krazki{grid-template-columns:max-content minmax(0,1fr);gap:0 var(--s5);
  justify-content:stretch;align-content:center;padding:0 var(--s3)}
.krazek{padding:10px 0;border-radius:0}
.krazek + .krazek{border-top:1px solid var(--line-soft)}
.krazek .tor{stroke:var(--line-soft)}
.krazek-proc{font-size:16px;font-weight:800}
.krazek-opis{align-items:center;text-align:center}
.krazek-opis strong{font-size:var(--fs-2xl);font-weight:800}
.krazek-nazwa{font-size:var(--fs-base);color:var(--ink-2)}
.krazek-z{font-size:var(--fs-sm)}
.kolo-liczby.kolumny .slowo{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;
  -webkit-box-orient:vertical;overflow-wrap:anywhere}
.kolo-liczby.kolumny .legenda-uwaga{font-style:normal;color:var(--bad);font-weight:650}
.panel>.w1 .kolo-liczby.lista{grid-template-columns:minmax(0,1fr)}
.kolo-liczby.lista .kolo-liczba-poz{align-items:center;padding:3px 6px}
.kolo-liczby.lista .slowo{flex:1 1 auto}
.kolo-liczby.lista .legenda-uwaga{margin-left:auto;flex:0 0 auto;white-space:nowrap;
  font-style:normal;color:var(--bad);font-weight:650}
.kolo-reszta{padding:3px 6px 0 23px;font-size:var(--fs-xs);color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.karta-kola .kolo-svg{min-height:150px}
.krazki{grid-template-columns:max-content minmax(11em,max-content);
  justify-content:center;justify-content:safe center;padding:0}
.kpi.kpi2{position:relative;display:grid;
  grid-template-rows:auto minmax(58px,1fr) auto auto auto;
  align-items:center;text-align:center;padding:var(--s4) var(--s4) var(--s3);overflow:hidden}
.kpi2 .kpi-glowa{display:flex;align-items:flex-start;gap:10px;text-align:left;
  min-height:calc(2 * 1.25em);align-self:start;font-size:var(--fs-base)}
.kpi2 .kpi-ikona{flex:0 0 auto;width:38px;height:38px;border-radius:10px;
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--surface-2);color:var(--ink-2)}
.kpi2 .l{font-size:var(--fs-base);line-height:1.25;font-weight:750;letter-spacing:.04em;
  color:var(--ink);align-self:center}
.kpi2 .v{font-size:42px;font-weight:800;line-height:1;margin:0;letter-spacing:-.02em;
  display:flex;align-items:center;justify-content:center}
.kpi2 .v .kwota{font-size:32px;white-space:nowrap}
.kpi2 .kpi-zmiana{font-size:var(--fs-sm);font-weight:650;color:var(--ink-3);
  min-height:1.4em;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kpi2 .kpi-zmiana.gorzej{color:var(--bad)}
.kpi2 .kpi-zmiana.lepiej{color:var(--ok)}
.kpi2 .d{font-size:var(--fs-sm);color:var(--ink-3);margin-top:2px;min-height:1.4em}
.kpi2 .d.spokojnie{color:var(--ok);font-weight:650}
.kpi2 .kpi-trend{display:block;width:100%;height:26px;margin-top:8px;color:var(--ink-3)}
.kpi2 .kpi-trend .krzywa{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
.kpi2 .kpi-trend .pole{fill:currentColor;opacity:.12}
.kpi2.alert .kpi-trend{color:var(--bad)}
.kpi2.alert{box-shadow:inset 0 4px 0 var(--bad-solid),var(--shadow-1)}
.kpi2.alert .kpi-ikona{background:color-mix(in srgb,var(--bad) 14%,transparent);color:var(--bad)}
.kpi2.spokoj .kpi-ikona{background:color-mix(in srgb,var(--ok) 12%,transparent);color:var(--ok)}
.kpi2.kpi-klik{transition:transform .12s ease,box-shadow .12s ease}
.kpi2.kpi-klik:hover{transform:translateY(-2px)}
.kpi2 .kpi-pokaz{position:absolute;right:12px;bottom:8px;font-size:var(--fs-xs);font-weight:700;
  color:var(--accent-text);opacity:0;transition:opacity .12s}
.kpi2.kpi-klik:hover .kpi-pokaz,.kpi2.kpi-klik:focus-visible .kpi-pokaz{opacity:1}
@media (prefers-reduced-motion: reduce){ .kpi2.kpi-klik,.kpi2 .kpi-pokaz{transition:none} .kpi2.kpi-klik:hover{transform:none} }
:root[data-theme="ananas"] .kpi2.alert{box-shadow:var(--shadow-1)}
:root[data-theme="ananas"] .kpi2 .kpi-ikona{background:#fff3cc;color:#0d1f3c}
:root[data-theme="ananas"] .kpi2.alert .kpi-ikona{background:#fde2de;color:var(--bad)}
@media (max-width:760px){
  .kpi2 .v{font-size:32px} .kpi2 .v .kwota{font-size:24px}
  .kpi2 .kpi-ikona{width:30px;height:30px}
}
.kpi.kpi2{grid-template-rows:auto 60px auto auto auto;align-content:start;
  padding:14px 14px 10px}
.kpi2 .kpi-glowa{height:calc(2 * 1.25 * 14px);min-height:0;gap:8px;align-items:center}
.kpi2 .kpi-ikona{width:34px;height:34px}
.kpi2 .l{font-size:14px;letter-spacing:.02em;hyphens:auto;overflow:hidden;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.pasek-glowny:empty{display:none}
.kpi2 .kpi-ikona{width:30px;height:30px}
.kpi2 .kpi-glowa{gap:8px}
.kpi2 .l{font-size:13.5px;letter-spacing:.01em;overflow-wrap:anywhere}
.kpi2 .l{font-size:13px;letter-spacing:0}
.akcje-ekranu .btn{height:var(--control-h);font-size:var(--fs-base);padding-top:0;padding-bottom:0}
.akcje-ekranu .btn.sm{height:34px;font-size:var(--fs-sm)}
.mono{font-family:var(--font);font-variant-numeric:tabular-nums slashed-zero;
  font-feature-settings:"tnum" 1,"zero" 1,"ss02" 1;letter-spacing:.01em}
.kpi.kpi2{padding-left:12px;padding-right:12px}
.kpi2 .l{font-weight:700;word-break:break-word}
.kpi .kpi-trend{display:block;width:100%;height:26px;margin-top:8px;color:var(--ink-3)}
.kpi .kpi-trend .krzywa{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
.kpi .kpi-trend .pole{fill:currentColor;opacity:.12}
.kpi.alert .kpi-trend{color:var(--bad)}
.obc-trend{width:100%;max-width:120px;margin:4px auto 0;color:var(--ink-3)}
.obc-trend.ton-zle{color:var(--bad)} .obc-trend.ton-uwaga{color:var(--warn)}
.obc-trend .kpi-trend,.kopia-trend .kpi-trend,.pasek-kafli .kpi-trend{display:block;width:100%;height:22px}
.obc-trend .krzywa,.kopia-trend .krzywa,.pasek-kafli .krzywa{fill:none;stroke:currentColor;stroke-width:1.6}
.obc-trend .pole,.kopia-trend .pole,.pasek-kafli .pole{fill:currentColor;opacity:.12}
.kopia-trend{margin-top:6px;color:var(--ink-3)}
.kopie-maszyna.ton-zle .kopia-trend{color:var(--bad)}
.kpi2 .kpi-pokaz{top:10px;right:10px;bottom:auto;width:24px;height:24px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1;
  background:var(--surface);border:1px solid var(--line);color:var(--ink)}
.kpi2.kpi-klik .kpi-glowa{padding-right:22px}
.kpi2 .v{justify-self:center;align-self:center;height:54px;min-width:72px;padding:0 18px;
  border-radius:14px;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line-soft)}
.kpi2.alert .v{background:color-mix(in srgb,var(--bad) 9%,var(--surface));
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--bad) 22%,transparent)}
.kpi2.spokoj .v{background:color-mix(in srgb,var(--ok) 8%,var(--surface));
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ok) 20%,transparent)}
.kpi2 .v{font-size:38px}
.kpi2 .v .kwota{font-size:28px}
:root[data-theme="ananas"] .kpi2 .v{background:#faf8f1}
:root[data-theme="ananas"] .kpi2.alert .v{background:#fff3f1}
.kpi2.kpi-klik .kpi-glowa{padding-right:0}
.kpi2 .kpi-pokaz{top:6px;right:6px;width:22px;height:22px;font-size:13px;box-shadow:var(--shadow-1)}
.kafel-liczby .kpi-trend{display:block;width:100%;height:22px;margin-top:6px;color:var(--ink-3)}
.kafel-liczby .kpi-trend .krzywa{fill:none;stroke:currentColor;stroke-width:1.6}
.kafel-liczby .kpi-trend .pole{fill:currentColor;opacity:.12}
.kafel-liczby.ok .kpi-trend{color:var(--ok)} .kafel-liczby.bad .kpi-trend{color:var(--bad)}
.kafel-liczby.warn .kpi-trend{color:var(--warn)}
.naglowek-ekranu{flex-wrap:nowrap}
.cytat-dnia{flex:1 1 auto;min-width:0;max-width:640px;margin:0 auto;padding:0 var(--s5);
  text-align:center;align-self:center;color:var(--ink-3)}
.cytat-dnia blockquote{margin:0;font-style:italic;font-size:var(--fs-base);line-height:1.4;
  color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  text-wrap:balance}
.cytat-dnia figcaption{margin-top:3px;font-size:var(--fs-sm);display:flex;justify-content:center;
  align-items:center;gap:8px}
.cytat-dalej{border:0;background:none;color:var(--ink-3);cursor:pointer;font:inherit;
  padding:0 4px;border-radius:var(--radius-sm);opacity:0;transition:opacity .15s}
.cytat-dnia:hover .cytat-dalej,.cytat-dalej:focus-visible{opacity:1}
.cytat-dalej:hover{color:var(--ink);background:var(--surface-2)}
@media (max-width:1350px){ .cytat-dnia{display:none} }
.powiadomienie .powiad-glowa{display:grid;grid-template-columns:86px minmax(0,1fr) auto;
  align-items:center;gap:4px 12px}
.powiad-znaki{display:flex;flex-direction:column;align-items:center;gap:3px}
.powiad-znaki .pill{width:100%;justify-content:center}
.powiad-znaki .powiad-licznik{margin:0}
.plakietka-modulu { font-family: 'Fredoka', system-ui, sans-serif; font-weight: 700; font-size: 12px;
  line-height: 1; padding: 4px 7px; border-radius: 6px; white-space: nowrap; }
.plakietka-modulu.w-it { background: var(--ananas-it); color: var(--ananas-it-ink); }
.plakietka-modulu.w-serwis { background: var(--ananas-serwis); color: var(--ananas-serwis-ink); }
.plakietka-modulu.w-isp { background: var(--ananas-isp); color: var(--ananas-isp-ink); }
.powiadomienie .powiad-glowa > .muted{margin-left:0 !important;align-self:center}
.powiadomienie .powiad-tresc{padding-left:98px}
.kpi.kpi2{display:flex;flex-direction:column;align-items:stretch;padding:14px 12px 12px}
.kpi2 .v{margin:16px auto 10px;flex:0 0 auto}
.kpi2 .kpi-zmiana{margin-top:0}
.kpi2 .kpi-trend{margin-top:auto;padding-top:8px}
.powiadomienie .powiad-glowa{grid-template-columns:48px minmax(0,1fr) 86px}
.powiadomienie .powiad-glowa > .muted{order:1;text-align:left;font-variant-numeric:tabular-nums}
.powiadomienie .powiad-glowa > .powiad-tytul{order:2}
.powiadomienie .powiad-glowa > .powiad-znaki{order:3}
.powiadomienie .powiad-tresc{padding-left:60px;padding-right:98px}
.powiadomienie .powiad-tresc{padding-right:0}
.top-lewo .qs{flex:0 1 360px;max-width:360px}
.topbar .cytat-dnia{flex:1 1 auto;max-width:520px;margin:0;padding:0 var(--s2);text-align:left;
  display:block}
.topbar .cytat-dnia blockquote{font-size:13px;line-height:1.35;text-wrap:pretty}
.topbar .cytat-dnia figcaption{justify-content:flex-start;font-size:12px;margin-top:1px}
@media (max-width:1500px){ .topbar .cytat-dnia{display:none} }
@media (min-width:1501px){ .topbar .cytat-dnia{display:block} }
.top-lewo .qs{flex:0 0 340px;max-width:340px}
.top-lewo .qs{flex:0 0 270px;max-width:270px}
.topbar .cytat-dnia{position:relative;padding-right:22px}
.topbar .cytat-dnia blockquote{-webkit-line-clamp:3;font-size:12.5px;line-height:1.32}
.cytat-autor{font-style:normal;color:var(--ink-3);white-space:nowrap}
.topbar .cytat-dnia figcaption{position:absolute;right:0;top:50%;transform:translateY(-50%);margin:0}
.tytul-widgetu{all:unset;cursor:pointer;border-radius:4px}
.tytul-widgetu:hover{text-decoration:underline;text-underline-offset:3px}
.tytul-widgetu:focus-visible{box-shadow:var(--focus)}
.widget > .hd .zobacz-wszystkie{margin-left:auto;font-size:var(--fs-sm);font-weight:650;
  white-space:nowrap;color:var(--accent-text)}
.widget-reszta.klik{display:block;width:100%;border:0;background:none;font:inherit;
  color:var(--accent-text);cursor:pointer;font-weight:650}
.widget-reszta.klik:hover{background:var(--surface-2);text-decoration:underline}
.widget > .hd{flex-wrap:wrap}
.widget > .hd .zobacz-wszystkie{order:99;margin-left:auto}
.brandbar.klik{cursor:pointer}
.brandbar.klik:focus-visible{outline:none;box-shadow:var(--focus);border-radius:var(--radius)}
.topbar .cytat-dnia{margin:0 auto;text-align:center;padding:0 22px}
.akcje-ekranu .panel-operatora-stan{max-width:38ch;text-align:right;line-height:1.35}
.panel-operatora > .panel-operatora-stan{display:block;margin-bottom:calc(var(--s2) * -1)}
.panel-operatora > .btn.sm{align-self:flex-start}
.panel-operatora-blok h3{display:flex;align-items:center;gap:var(--s3)}
.panel-operatora-blok h3::after{content:"";flex:1;height:1px;background:var(--line-soft)}
.kpi-trend.plasko .krzywa{opacity:.45}
.lista-widget .opis .rodzaj-wpisu{display:flex;align-items:center;gap:8px;
  flex-wrap:wrap;min-width:0}
.lista-widget .opis .rodzaj-wpisu .numer-w-opisie{white-space:nowrap}
.panel-operatora-listy .widget{overflow:visible}
.panel-operatora-listy .widget > .widget-tresc{overflow:visible}
.kal-bez-osoby{border:1px solid var(--warn-line, var(--line));border-radius:var(--radius);
  background:var(--surface-2);margin-bottom:var(--s4);overflow:hidden}
.kal-bez-osoby-hd{display:flex;align-items:center;gap:var(--s3);width:100%;
  padding:10px var(--s4);background:none;border:0;cursor:pointer;text-align:left;
  font:inherit;color:inherit}
.kal-bez-osoby-hd:hover{background:var(--surface-3, var(--surface-2))}
.kal-bez-osoby-hd .muted{font-size:var(--fs-sm)}
.kal-bez-osoby-hd .strzalka{margin-left:auto;color:var(--ink-2)}
.kal-bez-osoby-lista{list-style:none;margin:0;padding:0;border-top:1px solid var(--line-soft)}
.kal-bez-osoby-lista li{display:grid;grid-template-columns:150px minmax(0,1fr) 220px;
  align-items:center;gap:var(--s3);padding:8px var(--s4);
  border-bottom:1px solid var(--line-soft)}
.kal-bez-osoby-lista li:last-child{border-bottom:0}
.kal-bez-osoby-lista .kiedy{color:var(--ink-2);font-size:var(--fs-sm);white-space:nowrap;
  font-variant-numeric:tabular-nums}
.kal-bez-osoby-lista .tytul{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:760px){
  .kal-bez-osoby-lista li{grid-template-columns:1fr;gap:4px}
}
.rozmowa-poz .rozmowa-zamknij{margin-left:8px;flex:0 0 auto;opacity:0;
  transition:opacity .12s ease}
.rozmowa-poz:hover .rozmowa-zamknij,
.rozmowa-poz:focus-within .rozmowa-zamknij{opacity:1}
@media (hover:none){ .rozmowa-poz .rozmowa-zamknij{opacity:1} }
.statystyki{display:flex;flex-direction:column;gap:var(--s5)}
.statystyki > .card > .bd{padding:var(--s4)}
.filtry-statystyk{display:flex;align-items:flex-end;gap:var(--s4);flex-wrap:wrap;
  padding:var(--s4)}
.filtry-statystyk .presety{display:flex;gap:6px;flex-wrap:wrap}
.filtry-statystyk .pole{margin:0}
.filtry-statystyk input[type=date]{min-width:150px}
.zalozenia{border:1px solid var(--line-soft);border-radius:var(--radius);
  background:var(--surface-2);padding:10px var(--s4)}
.zalozenia > summary{cursor:pointer;font-weight:660;font-size:var(--fs-sm);
  color:var(--ink-2)}
.zalozenia > summary:hover{color:var(--ink)}
.zalozenia .lista{margin:var(--s3) 0 4px;padding-left:1.1em;
  font-size:var(--fs-sm);line-height:1.6;color:var(--ink-2)}
.zalozenia .lista li{margin-bottom:4px}
.wykres-rytmu{position:relative}
.wykres-rytmu svg{width:100%;height:190px;display:block;overflow:visible}
.wykres-rytmu .siatka{stroke:var(--line-soft);stroke-width:1;vector-effect:non-scaling-stroke}
.wykres-rytmu .opis-osi{fill:var(--ink-3);font-size:11px;
  font-variant-numeric:tabular-nums}
.wykres-rytmu .linia{fill:none;vector-effect:non-scaling-stroke;
  stroke-linejoin:round;stroke-linecap:round}
.wykres-rytmu .slupek.s1{fill:var(--seria-1);opacity:.55}
.wykres-rytmu .linia.s2{stroke:var(--seria-2);stroke-width:2.5}
.wykres-rytmu .podpis-serii{font-size:11px;font-weight:700}
.wykres-rytmu .podpis-serii.s1{fill:var(--seria-1)}
.wykres-rytmu .podpis-serii.s2{fill:var(--seria-2)}
.wykres-rytmu .krzyzyk{stroke:var(--line);stroke-width:1;stroke-dasharray:3 3;
  vector-effect:non-scaling-stroke}
.wykres-rytmu .kropka{stroke:var(--surface);stroke-width:2}
.wykres-rytmu .kropka.s1{fill:var(--seria-1)}
.wykres-rytmu .kropka.s2{fill:var(--seria-2)}
.wykres-rytmu .legenda{display:flex;gap:var(--s4);flex-wrap:wrap;
  margin-bottom:var(--s3);font-size:var(--fs-sm);color:var(--ink-2)}
.wykres-rytmu .legenda .poz,
.dymek-wykresu .poz{display:inline-flex;align-items:center;gap:6px}
.wykres-rytmu .znacznik,
.dymek-wykresu .znacznik{width:12px;height:3px;border-radius:2px;flex:0 0 auto;
  padding:0;border:0;vertical-align:middle}
.wykres-rytmu .znacznik.s1,.dymek-wykresu .znacznik.s1{background:var(--seria-1)}
.wykres-rytmu .znacznik.s2,.dymek-wykresu .znacznik.s2{background:var(--seria-2)}
.wykres-rytmu .znacznik.jak-slupek,.dymek-wykresu .znacznik.jak-slupek{
  width:10px;height:12px;border-radius:2px;opacity:.55}
.dymek-wykresu{position:absolute;top:0;right:0;display:flex;flex-direction:column;
  gap:2px;background:var(--surface);border:1px solid var(--line);
  border-radius:var(--radius-sm);padding:8px 10px;font-size:var(--fs-sm);
  box-shadow:var(--cien-1);pointer-events:none}
td.udzial{position:relative;min-width:140px}
td.udzial .pasek{display:inline-block;height:8px;border-radius:4px;
  background:var(--seria-1);opacity:.35;vertical-align:middle;margin-right:8px;
  max-width:60%}
td.udzial .mini{color:var(--ink-2)}
td.zle{color:var(--bad);font-weight:700}
@media (max-width:760px){
  .filtry-statystyk{gap:var(--s3)}
  .filtry-statystyk .presety{width:100%}
  .dymek-wykresu{position:static;margin-top:var(--s3)}
}
.kpi2 .v{white-space:nowrap}
.kpi2 .v.v-s{font-size:28px;letter-spacing:-.01em}
.kpi2 .v.v-xs{font-size:22px;letter-spacing:0}
.kpi-glowa .kpi-znacznik{margin-left:auto;flex:0 0 auto;font-size:10px;font-weight:700;
  letter-spacing:.04em;text-transform:uppercase;padding:2px 7px;border-radius:var(--radius-pill,6px);
  line-height:1.4;border:1px solid var(--line)}
.kpi-znacznik.z-it{color:var(--info);background:var(--info-bg);border-color:var(--info-border)}
.kpi-znacznik.z-serwis{color:var(--ink-2);background:var(--surface-2)}
.kafle-karty-hd{display:flex;justify-content:flex-end;margin-bottom:var(--s2)}
.wybor-kafli-karty{display:flex;flex-wrap:wrap;gap:var(--s3) var(--s5);align-items:flex-start;
  margin-bottom:var(--s3)}
.wybor-kafli-karty .grupa{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s4);align-items:center}
.wybor-kafli-karty .grupa .kpi-znacznik{font-size:10px;font-weight:700;letter-spacing:.04em;
  text-transform:uppercase;padding:2px 7px;border-radius:var(--radius-pill,6px);line-height:1.4;
  border:1px solid var(--line)}
.wybor-kafli-karty .ptaszek{display:inline-flex;gap:6px;align-items:center;cursor:pointer;
  font-size:var(--fs-sm)}
.wybor-kafli-karty > .mini{flex-basis:100%}
.statystyki-zakladki{padding-bottom:0}
.statystyki-zakladki .zakladki{flex-wrap:wrap}
.przelacznik-kwot{display:inline-flex;gap:4px;align-self:flex-end}
.rok-biezacy{font-size:var(--fs-lg);font-variant-numeric:tabular-nums;padding:0 var(--s2)}
.tabela-rozliczen td.mocno{font-weight:700}
.tabela-rozliczen tfoot td{font-weight:700;border-top:2px solid var(--line)}
.tabela-rozliczen tr.wyszarzony td{color:var(--ink-3)}
.tabela-rozliczen.macierz td .pod{display:block;line-height:1.2}
.tabela-rozliczen.macierz td,.tabela-rozliczen.macierz th{white-space:nowrap}
.dwie-kolumny-statystyk{display:grid;gap:var(--s4);grid-template-columns:repeat(auto-fit,minmax(min(100%,600px),1fr))}
.dwie-kolumny-statystyk > .card{margin:0}
.tabela-rozliczen td .pod{display:block;line-height:1.2;font-family:var(--font, inherit)}
.tabela-rozliczen td.nazwa-osoby{white-space:nowrap}
.tabela-rozliczen th,.tabela-rozliczen td{padding-left:10px;padding-right:10px}
.pomiar-lacza{margin-top:10px;padding-top:10px;border-top:1px solid var(--line);
              display:flex;flex-direction:column;gap:6px}
.pomiar-lacza .pomiar-hd{display:flex;align-items:center;gap:8px;justify-content:space-between}
.pomiar-lacza .nazwa{font-weight:640}
.pomiar-lacza table td{vertical-align:top}
.tab-watkow tr.nieprzeczytany td{background:var(--surface-2)}
.rozmowa-watku{display:flex;flex-direction:column;gap:10px;margin:8px 0 14px;
               max-height:46vh;overflow-y:auto;padding-right:4px}
.rozmowa-watku .wiad{border:1px solid var(--line);border-radius:var(--radius);
                     padding:8px 10px;max-width:78%}
.rozmowa-watku .wiad-kto{font-size:var(--fs-s);font-weight:640;margin-bottom:3px}
.rozmowa-watku .wiad-tresc{white-space:pre-wrap}
.rozmowa-watku .wiad-abonent{align-self:flex-start;background:var(--surface-2)}
.rozmowa-watku .wiad-serwis{align-self:flex-end;background:var(--surface);
                            border-color:var(--granat-2,var(--line))}
.rozmowa-watku .wiad-nora{align-self:flex-start;background:transparent;opacity:.8;
                          border-style:dashed}
:root{--cz-lit-tlo:86%;--cz-lit-tekst:28%;--cz-moja:var(--accent-soft);--cz-o-mnie:var(--warn-bg)}
:root[data-theme="dark"]{--cz-lit-tlo:30%;--cz-lit-tekst:86%}
.cz{display:grid;grid-template-columns:minmax(260px,330px) minmax(0,1fr);min-height:420px;
  border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);
  overflow:hidden;position:relative}
.cz.telefon{grid-template-columns:minmax(0,1fr);border-radius:var(--radius)}
.cz-historia{padding:var(--s2) 0;border-bottom:1px solid var(--line-soft)}
.cz-historia:last-child{border-bottom:0}
.cz-awatar{display:inline-flex;align-items:center;justify-content:center;flex:none;
  border-radius:50%;object-fit:cover;background:var(--surface-2);font-weight:700;
  letter-spacing:.02em;user-select:none}
.cz-awatar-litery{background:hsl(var(--cz-h,220) 45% var(--cz-lit-tlo));
  color:hsl(var(--cz-h,220) 55% var(--cz-lit-tekst))}
.cz-awatar-znak{background:var(--accent-soft);color:var(--accent-text)}
.cz-awatar-znak svg{width:55%;height:55%}
.cz-lewa{display:flex;flex-direction:column;min-height:0;min-width:0;border-right:1px solid var(--line);
  background:var(--surface-2)}
.cz.telefon .cz-lewa{border-right:0}
.cz-lewa-gora{display:flex;flex-direction:column;gap:var(--s2);padding:var(--s3);
  border-bottom:1px solid var(--line)}
.cz-szukaj{display:flex;align-items:center;gap:8px;height:var(--control-h);padding:0 10px;
  border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink-3)}
.cz-szukaj:focus-within{border-color:var(--accent);box-shadow:var(--focus)}
.cz-szukaj input{flex:1;min-width:0;border:0;background:none;color:var(--ink);font:inherit;outline:none}
.cz-lewa-akcje{display:flex;gap:var(--s2)}
.cz-lewa-akcje .btn{flex:1}
.cz-lewa-lista{flex:1;overflow:auto;padding:var(--s2) 0}
.cz-sekcja + .cz-sekcja{margin-top:var(--s2)}
.cz-sekcja-tytul{padding:var(--s2) var(--s4) 4px;font-size:var(--fs-xs);font-weight:750;
  text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3)}
.cz-pusto{padding:var(--s4)}
.cz-podpowiedz-pusto{margin:var(--s3);padding:var(--s3);border:1px dashed var(--line);
  border-radius:var(--radius-sm);color:var(--ink-3);font-size:var(--fs-sm)}
.cz-kanal{display:flex;align-items:center;gap:10px;width:100%;padding:8px var(--s4);
  border:0;border-left:3px solid transparent;background:none;color:var(--ink);font:inherit;
  text-align:left;cursor:pointer}
.cz-kanal:hover{background:var(--surface)}
.cz-kanal:focus-visible{outline:none;box-shadow:inset var(--focus)}
.cz-kanal.on{background:var(--surface);border-left-color:var(--accent)}
.cz-kanal-opis{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.cz-kanal-glowa,.cz-kanal-dol{display:flex;align-items:center;gap:6px;min-width:0}
.cz-kanal-nazwa{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.cz-kanal.nowe .cz-kanal-nazwa{font-weight:780}
.cz-kanal-czas{font-size:var(--fs-xs);color:var(--ink-3);font-variant-numeric:tabular-nums;white-space:nowrap}
.cz-kanal-podglad{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-size:var(--fs-sm);color:var(--ink-3)}
.cz-kanal.nowe .cz-kanal-podglad{color:var(--ink-2)}
.cz-znaczek{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;
  padding:0 6px;border-radius:999px;background:var(--accent);color:var(--accent-ink);
  font-size:var(--fs-xs);font-weight:800;font-variant-numeric:tabular-nums}
.cz-znaczek.cichy{background:var(--g4);color:var(--ink-2)}
.cz-znaczek.wzmianka{background:var(--bad-solid);color:var(--bad-solid-ink)}
.cz-wyciszony{display:inline-flex;color:var(--ink-3)}
.cz-wynik{display:flex;flex-direction:column;gap:2px;width:100%;padding:8px var(--s4);border:0;
  background:none;color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.cz-wynik:hover{background:var(--surface)}
.cz-wynik-glowa{display:flex;justify-content:space-between;gap:8px}
.cz-wynik-tresc{font-size:var(--fs-sm);color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:2;
  -webkit-box-orient:vertical;overflow:hidden}
.cz-lewa-stopka{padding:var(--s2) var(--s3);border-top:1px solid var(--line)}
.cz-dzwiek{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;border:0;
  border-radius:var(--radius-sm);background:none;color:var(--ink-2);font:inherit;
  font-size:var(--fs-sm);cursor:pointer;text-align:left}
.cz-dzwiek:hover{background:var(--surface)}
.cz-dzwiek-pasek{display:flex;align-items:center;gap:6px}
.cz-dzwiek-pasek .cz-dzwiek{flex:1;min-width:0}
.cz-dzwiek-ustaw{flex:none}
.cz-dzwiek-panel{display:flex;flex-direction:column;gap:10px;padding:10px 8px 12px;margin-bottom:6px;
  border-bottom:1px solid var(--line-soft)}
.cz-dzwiek-pole{display:flex;flex-direction:column;gap:4px;font-size:var(--fs-sm);color:var(--ink-2)}
.cz-dzwiek-pole>span:first-child{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;
  font-weight:700;color:var(--ink-3)}
.cz-dzwiek-wiersz{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.cz-dzwiek-wiersz select{flex:1;min-width:0;width:auto}
.cz-dzwiek-pole>select{width:100%}
.cz-dzwiek-uwaga{margin:0;font-size:var(--fs-xs);color:var(--ink-3);line-height:1.4}
.cz-prawa{display:flex;flex-direction:column;min-width:0;min-height:0;position:relative}
.cz-nic{align-items:center;justify-content:center}
.cz-glowa{display:flex;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);
  border-bottom:1px solid var(--line);background:var(--surface)}
.cz-glowa-opis{flex:1;min-width:0;display:flex;flex-direction:column}
.cz-glowa-opis h2{margin:0;font-size:var(--fs-md);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cz-glowa-akcje{display:flex;gap:var(--s2)}
.cz-glowa-akcje .btn{display:inline-flex;align-items:center;gap:6px}
.cz.telefon .cz-glowa-akcje .etykieta{display:none}
.cz-wiadomosci{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--s3) 0 var(--s4);
  overscroll-behavior:contain}
.cz-starsze{display:flex;justify-content:center;padding:var(--s2)}
.cz-poczatek{display:flex;flex-direction:column;align-items:center;gap:6px;padding:var(--s8) var(--s4);
  text-align:center}
.cz-dzien,.cz-nowe{display:flex;align-items:center;gap:var(--s3);margin:var(--s4) var(--s4) var(--s2);
  font-size:var(--fs-xs);font-weight:700;color:var(--ink-3)}
.cz-dzien::before,.cz-dzien::after,.cz-nowe::before,.cz-nowe::after{content:'';flex:1;height:1px;background:var(--line)}
.cz-dzien span{text-transform:capitalize}
.cz-nowe{color:var(--bad)}
.cz-nowe::before,.cz-nowe::after{background:var(--bad-border)}
.cz-systemowa{margin:var(--s2) var(--s4);text-align:center;font-size:var(--fs-xs);color:var(--ink-3)}
.cz-wiad{display:grid;grid-template-columns:36px 1fr;gap:10px;padding:6px var(--s4) 2px;position:relative}
.cz-wiad.ciag{padding-top:1px}
.cz-wiad:hover{background:var(--surface-2)}
.cz-wiad.o-mnie{background:var(--cz-o-mnie);box-shadow:inset 3px 0 0 var(--warn)}
.cz-wiad-cialo{min-width:0}
.cz-wiad-glowa{display:flex;align-items:baseline;gap:8px}
.cz-wiad-glowa time{font-size:var(--fs-xs);color:var(--ink-3);font-variant-numeric:tabular-nums}
.cz-tresc{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}
.cz-tresc.duze{font-size:2rem;line-height:1.25}
.cz-tresc a{text-decoration:underline;text-underline-offset:2px}
.cz-wzmianka{padding:0 3px;border-radius:4px;background:var(--accent-soft);color:var(--accent-text);font-weight:650}
.cz-wzmianka.ja{background:var(--warn-bg);color:var(--warn);box-shadow:inset 0 0 0 1px var(--warn-border)}
.cz-zlecenie{padding:0 4px;border:1px solid var(--accent-border);border-radius:4px;background:var(--accent-soft);
  color:var(--accent-text);font:inherit;font-family:var(--mono);font-size:.92em;cursor:pointer}
.cz-zlecenie:hover{border-color:var(--accent)}
.cz-usunieta{font-style:italic;color:var(--ink-3)}
.cz-edytowana{font-size:var(--fs-xs);color:var(--ink-3)}
.cz-edycja textarea{width:100%;height:auto;min-height:60px;padding:8px 10px;resize:vertical;font:inherit}
.cz-edycja-akcje{display:flex;align-items:center;gap:var(--s2);margin-top:4px}
.cz-edycja-akcje .muted{margin-right:auto}
.cz-obrazy{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.cz-obraz{padding:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);
  overflow:hidden;cursor:zoom-in;line-height:0}
.cz-obraz img{display:block;max-width:min(320px,100%);max-height:260px;object-fit:contain}
.cz-obrazy.kilka .cz-obraz img{width:150px;height:150px;object-fit:cover}
.cz-pliki{display:flex;flex-direction:column;gap:6px;margin-top:6px;align-items:flex-start}
.cz-plik{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:8px 12px;
  border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);
  text-decoration:none}
.cz-plik:hover{border-color:var(--accent)}
.cz-plik svg{flex:none;color:var(--accent-text)}
.cz-plik-nazwa{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.cz-reakcje{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.cz-reakcja{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 8px;
  border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink-2);
  font:inherit;font-size:var(--fs-sm);cursor:pointer}
.cz-reakcja:hover{border-color:var(--g5)}
.cz-reakcja.ja{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text)}
.cz-reakcja-ile{font-weight:700;font-variant-numeric:tabular-nums}
.cz-wiad-akcje{position:absolute;top:-14px;right:var(--s4);display:none;align-items:center;gap:2px;
  padding:2px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);
  box-shadow:var(--shadow-1);z-index:2}
.cz-wiad:hover .cz-wiad-akcje,.cz-wiad:focus-within .cz-wiad-akcje{display:flex}
.cz-akcja{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:28px;
  padding:0 6px;border:0;border-radius:6px;background:none;color:var(--ink-2);font:inherit;
  font-size:var(--fs-sm);cursor:pointer}
.cz-akcja:hover{background:var(--surface-2);color:var(--ink)}
.cz-akcja.emoji{font-size:16px}
.cz-akcja.tekst{font-weight:600}
@media (hover:none){
  .cz-wiad-akcje{position:static;display:flex;grid-column:2;width:max-content;margin-top:4px;
    box-shadow:none;background:transparent;border-color:transparent}
  .cz-akcja.emoji{display:none}
}
.cz-dymek{position:absolute;z-index:45;background:var(--surface);border:1px solid var(--line);
  border-radius:var(--radius);box-shadow:var(--shadow-3);padding:var(--s2)}
.cz-dymek-naglowek{padding:6px 4px 4px;font-size:var(--fs-xs);font-weight:700;color:var(--ink-3)}
.cz-emotki{bottom:calc(100% + 8px);left:0;width:min(340px,86vw);max-height:320px;overflow:auto}
.cz-emotki.przy-wiadomosci{bottom:auto;top:calc(100% + 6px);left:auto;right:0}
.cz-emotki-siatka{display:grid;grid-template-columns:repeat(8,1fr);gap:2px}
.cz-emotka{display:inline-flex;align-items:center;justify-content:center;height:36px;border:0;
  border-radius:8px;background:none;font-size:22px;line-height:1;cursor:pointer}
.cz-emotka:hover,.cz-emotka:focus-visible{background:var(--surface-2);outline:none}
.cz-emotka.wiecej{font-size:18px;font-weight:700;color:var(--ink-2)}
.cz-reakcje-wybor{top:calc(100% + 6px);right:0;display:flex;gap:2px;padding:4px}
.cz-gify{bottom:calc(100% + 8px);left:0;width:min(420px,90vw);display:flex;flex-direction:column;gap:var(--s2)}
.cz-gify-siatka{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;max-height:300px;overflow:auto}
.cz-gif{position:relative;padding:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;
  background:var(--surface-2);cursor:pointer;aspect-ratio:1}
.cz-gif img{width:100%;height:100%;object-fit:cover;display:block}
.cz-gif:hover{border-color:var(--accent)}
.cz-gif-wysylam{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  background:color-mix(in srgb,var(--surface) 80%,transparent);font-size:var(--fs-sm);font-weight:700}
.cz-giphy{font-size:var(--fs-xs);color:var(--ink-3);text-align:right}
.cz-podpowiedz{bottom:calc(100% + 4px);left:var(--s4);width:min(320px,80vw);padding:4px}
.cz-pisz{position:relative;padding:var(--s2) var(--s3) var(--s3);border-top:1px solid var(--line);
  background:var(--surface)}
.cz-pisz-rzad{display:flex;align-items:flex-end;gap:4px}
.cz-narzedzie-blok{position:relative}
.cz-narzedzie{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;
  border:0;border-radius:var(--radius-sm);background:none;color:var(--ink-2);cursor:pointer;font:inherit}
.cz-narzedzie:hover{background:var(--surface-2);color:var(--ink)}
.cz-narzedzie.gif{font-size:11px;font-weight:850;letter-spacing:.04em}
.cz-pole-tekstu{flex:1;min-width:0;min-height:38px;max-height:160px;padding:8px 12px;resize:none;
  border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);
  font:inherit;line-height:1.45}
.cz-pole-tekstu:focus{outline:none;border-color:var(--accent);box-shadow:var(--focus)}
.cz-wyslij{display:inline-flex;align-items:center;gap:6px;height:38px}
.cz.telefon .cz-wyslij .etykieta{display:none}
.cz-do-wyslania{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--s2)}
.cz-zalacznik{display:flex;align-items:center;gap:8px;max-width:260px;padding:4px 6px 4px 4px;
  border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2)}
.cz-zalacznik-obraz{width:40px;height:40px;border-radius:6px;object-fit:cover}
.cz-zalacznik-ikona{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;
  color:var(--accent-text)}
.cz-zalacznik-nazwa{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-sm)}
.cz-zalacznik-x{border:0;background:none;color:var(--ink-3);font-size:18px;line-height:1;cursor:pointer;padding:0 4px}
.cz-zalacznik-x:hover{color:var(--bad)}
.cz-prawa.upuszczanie{outline:2px dashed var(--accent);outline-offset:-6px}
.cz-upusc{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  background:color-mix(in srgb,var(--surface) 85%,transparent);font-weight:700;color:var(--accent-text);
  pointer-events:none;z-index:5}
.cz-blad{position:absolute;left:50%;bottom:var(--s4);transform:translateX(-50%);z-index:6;
  display:flex;gap:var(--s3);align-items:center;background:var(--surface)}
.cz-blad-rozmowy{margin:0 var(--s3) var(--s2);display:flex;gap:var(--s3);justify-content:space-between}
.cz-ludzie{display:flex;flex-direction:column;gap:var(--s2)}
.cz-ludzie-lista,.cz-lista-osob{display:flex;flex-direction:column;max-height:46vh;overflow:auto;
  border:1px solid var(--line);border-radius:var(--radius-sm)}
.cz-osoba{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;
  border-bottom:1px solid var(--line-soft);background:none;color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.cz-osoba:last-child{border-bottom:0}
.cz-osoba:hover,.cz-osoba.on{background:var(--accent-soft)}
.cz-osoba.statyczna{cursor:default}
.cz-osoba.statyczna:hover{background:none}
.cz-podpowiedz .cz-osoba{border-bottom:0;border-radius:6px;padding:6px 8px}
.cz-osoba-opis{flex:1;min-width:0;display:flex;flex-direction:column}
.cz-ptaszek{width:20px;height:20px;border:2px solid var(--g5);border-radius:6px;flex:none}
.cz-ptaszek.on{background:var(--accent);border-color:var(--accent);
  box-shadow:inset 0 0 0 3px var(--surface)}
.cz-pole{display:flex;flex-direction:column;gap:4px;font-size:var(--fs-sm);font-weight:600;color:var(--ink-2)}
.cz-wiersz-formularza{display:flex;gap:var(--s2)}
.cz-wiersz-formularza .input{flex:1;min-width:0}
.cz-podglad{position:fixed;inset:0;z-index:80;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:var(--s3);padding:var(--s5);background:rgba(8,10,14,.86);cursor:zoom-out}
.cz-podglad img{max-width:100%;max-height:calc(100vh - 120px);object-fit:contain;border-radius:var(--radius);cursor:default}
.cz-podglad-pasek{display:flex;align-items:center;gap:var(--s2);cursor:default}
.cz-podglad-nazwa{color:#fff;max-width:50vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cz-przycisk.on{border-color:var(--accent);color:var(--accent-text)}
.cz-przycisk.nowe{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent-text)}
.cz-przycisk.nowe .czatnik-licznik{background:var(--accent);color:var(--accent-ink)}
.cz-okienka{position:fixed;right:var(--s5);bottom:var(--s5);z-index:70;display:flex;flex-direction:column;
  gap:var(--s2);width:min(360px,calc(100vw - 32px))}
.cz-okienko{display:flex;align-items:flex-start;background:var(--surface);border:1px solid var(--line);
  border-left:3px solid var(--accent);border-radius:var(--radius);box-shadow:var(--shadow-3);
  animation:cz-wjazd .22s ease-out}
.cz-okienko-tresc{flex:1;min-width:0;display:flex;gap:10px;padding:var(--s3);border:0;background:none;
  color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.cz-okienko-tekst{min-width:0;display:flex;flex-direction:column;gap:2px}
.cz-okienko-kto{font-size:var(--fs-sm)}
.cz-okienko-wiad{font-size:var(--fs-sm);color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:2;
  -webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.cz-okienko-x{border:0;background:none;color:var(--ink-3);font-size:20px;line-height:1;padding:8px 10px;cursor:pointer}
.cz-okienko-x:hover{color:var(--ink)}
@keyframes cz-wjazd{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.cz-okienko{animation:none}}
:root[data-ruch="mniej"] .cz-okienko{animation:none}
@media (max-width:760px){
  .cz-okienka{right:16px;left:16px;bottom:16px;width:auto}
  .cz-wiad{padding-left:var(--s3);padding-right:var(--s3)}
  .cz-obraz img{max-width:100%}
}
.cz-okienka{top:92px;bottom:auto}
@media (max-width:760px){.cz-okienka{top:auto;bottom:16px}}
.cz-dok{position:fixed;bottom:0;z-index:55;display:flex;flex-direction:row-reverse;
  align-items:flex-end;gap:10px;pointer-events:none}
.cz-dok > *{pointer-events:auto}
.cz-okno,.cz-dok-lista{display:flex;flex-direction:column;background:var(--surface);
  border:1px solid var(--line);border-bottom:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;
  box-shadow:var(--shadow-3)}
.cz-okno{width:380px;height:min(660px,calc(100vh - 90px))}
.cz-okno.zwiniete{height:auto}
.cz-dok-lista{width:340px;height:min(520px,calc(100vh - 110px))}
.cz-okno-glowa{display:flex;align-items:center;gap:8px;min-height:48px;padding:6px 6px 6px 12px;
  border-bottom:1px solid var(--line);border-radius:var(--radius-lg) var(--radius-lg) 0 0;
  background:var(--surface);cursor:pointer;user-select:none}
.cz-okno-glowa.stala{cursor:default}
.cz-okno.zwiniete .cz-okno-glowa{border-bottom:0}
.cz-okno.nowe .cz-okno-glowa{background:var(--accent-soft)}
.cz-okno-tytul{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}
.cz-okno-przycisk{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;
  flex:none;border:0;border-radius:6px;background:none;color:var(--ink-2);cursor:pointer}
.cz-okno-przycisk:hover{background:var(--surface-2);color:var(--ink)}
.cz-okno-przycisk:focus-visible{outline:none;box-shadow:var(--focus)}
.cz-dok-lista-gora{display:flex;flex-direction:column;gap:var(--s2);padding:var(--s2) var(--s3);
  border-bottom:1px solid var(--line)}
.cz-dok-lista .cz-lewa-lista{flex:1;min-height:0;overflow:auto;padding:4px 0}
.cz-dok-lista .cz-kanal{padding:7px var(--s3)}
.cz-okno .cz-prawa{flex:1;min-height:0}
.cz-okno .cz-wiadomosci{padding-top:var(--s2)}
.cz-okno .cz-wiad{grid-template-columns:28px 1fr;gap:8px;padding-left:10px;padding-right:10px}
.cz-okno .cz-wiad-awatar .cz-awatar{width:28px !important;height:28px !important;font-size:11px !important}
.cz-okno .cz-wiad-akcje{right:8px}
.cz-okno .cz-dzien,.cz-okno .cz-nowe{margin-left:10px;margin-right:10px}
.cz-okno .cz-systemowa{margin-left:10px;margin-right:10px}
.cz-okno .cz-obraz img{max-width:100%;max-height:180px}
.cz-okno .cz-obrazy.kilka .cz-obraz img{width:108px;height:108px}
.cz-okno .cz-tresc.duze{font-size:1.6rem}
.cz-okno .cz-pisz{padding:6px 8px 8px}
.cz-okno .cz-narzedzie{width:34px}
.cz-okno .cz-wyslij{padding:0 10px}
.cz-okno .cz-wyslij .etykieta{display:none}
.cz-okno .cz-emotki{left:-40px;width:352px;max-height:300px}
.cz-okno .cz-gify{left:-78px;width:352px}
.cz-okno .cz-gify-siatka{grid-template-columns:repeat(3,1fr);max-height:260px}
.cz-okno .cz-pisz-rzad{flex-wrap:wrap;align-items:center;row-gap:4px}
.cz-okno .cz-pole-tekstu{order:-1;flex:1 1 100%;min-height:44px}
.cz-okno .cz-wyslij{margin-left:auto;height:32px}
.cz-okno .cz-narzedzie{width:32px;height:30px}
.cz-okno .cz-okno-glowa{min-height:44px;padding-top:4px;padding-bottom:4px}
.cz-okno .cz-dzien,.cz-okno .cz-nowe{margin-top:var(--s2);margin-bottom:4px}
.cz-okno .cz-wiad{padding-top:4px}
.cz-okno .cz-podpowiedz{left:8px}
.cz-okno .cz-blad-rozmowy{margin:0 8px 6px}
.cz-babel{position:fixed;right:18px;bottom:14px;z-index:56;display:inline-flex;align-items:center;
  justify-content:center;padding:0;border:0;background:none;cursor:pointer;line-height:0;
  border-radius:40% 40% 46% 46%;filter:drop-shadow(0 6px 10px rgba(60,35,0,.28))}
.cz-babel .ananasek{display:block;transition:transform .18s ease}
.cz-babel:hover .ananasek{transform:translateY(-2px) scale(1.04)}
.cz-babel.otwarty .ananasek{transform:scale(.94)}
.cz-babel:focus-visible{outline:none;box-shadow:var(--focus)}
.cz-babel-licznik{position:absolute;top:24px;right:-8px;display:inline-flex;align-items:center;
  justify-content:center;min-width:22px;height:22px;padding:0 6px;border:2px solid var(--surface);
  border-radius:999px;background:var(--bad-solid);color:var(--bad-solid-ink);font-size:var(--fs-xs);
  font-weight:800;font-variant-numeric:tabular-nums;line-height:1}
.ananasek-korona{transform-origin:625px 390px;transform-box:view-box}
.ananasek-kropki circle{transform-box:fill-box;transform-origin:center}
.cz-babel:hover .ananasek-korona{animation:cz-korona .9s ease-in-out}
.cz-babel.nowe .ananasek-korona{animation:cz-korona 2.4s ease-in-out infinite}
.cz-babel.nowe .ananasek-kropki circle{animation:cz-kropka 1.4s ease-in-out infinite}
.cz-babel.nowe .ananasek-kropki circle:nth-child(2){animation-delay:.18s}
.cz-babel.nowe .ananasek-kropki circle:nth-child(3){animation-delay:.36s}
@keyframes cz-korona{0%,100%{transform:rotate(0)}25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}
@keyframes cz-kropka{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-3.5px)}}
@media (prefers-reduced-motion:reduce){
  .cz-babel .ananasek,.ananasek-korona,.ananasek-kropki circle{animation:none !important;transition:none}}
:root[data-ruch="mniej"] .ananasek-korona,:root[data-ruch="mniej"] .ananasek-kropki circle{animation:none !important}
.cz-okno-glowa .ananasek{flex:none}
:root[data-theme="dark"] .cz-babel{filter:drop-shadow(0 0 1.5px rgba(255,255,255,.45)) drop-shadow(0 6px 10px rgba(0,0,0,.5))}
@media (prefers-color-scheme:dark){:root:not([data-theme]) .cz-babel{filter:drop-shadow(0 0 1.5px rgba(255,255,255,.45)) drop-shadow(0 6px 10px rgba(0,0,0,.5))}}
.cz-tozsamosc{display:flex;gap:var(--s4);align-items:flex-start;padding:var(--s3);
  border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2)}
.cz-tozsamosc-foto{display:flex;flex-direction:column;align-items:center;gap:var(--s2)}
.cz-tozsamosc-akcje{display:flex;flex-direction:column;gap:4px;align-items:stretch}
.cz-tozsamosc .cz-pole{flex:1;min-width:0}
@media (max-width:520px){.cz-tozsamosc{flex-direction:column;align-items:stretch}}
@media print{.cz-dok,.cz-babel,.cz-okienka{display:none}}
.wz-filtry > .bd{display:flex;flex-wrap:wrap;gap:var(--s2);align-items:center}
.wz-filtry .wz-szukaj{flex:1 1 280px;min-width:0}
.wz-filtry select.input{flex:0 1 auto;width:auto}
.wz-ptaszek{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-sm);color:var(--ink-2);
  white-space:nowrap;cursor:pointer}
.card > .bd.flush{padding:0;overflow-x:auto}
.wz-tabela{width:100%}
.wz-tabela tr.klik{cursor:pointer}
.wz-tabela tr.klik:hover td{background:var(--wiersz-hover, var(--surface-2))}
.wz-tabela tr.klik:focus-visible{outline:none;box-shadow:inset var(--focus)}
.wz-wiersz-tytul{font-weight:650;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.wz-wiersz-opis{margin-top:2px;max-width:70ch}
.wz-dotyczy-kol{max-width:280px;font-size:var(--fs-sm)}
.wz-tagi{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.wz-tag{font-size:var(--fs-xs);color:var(--accent-text);background:var(--accent-soft);
  border-radius:var(--radius-pill,6px);padding:1px 8px}
.wz-pusto{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s2);padding:var(--s6) var(--pad-card)}
.wz-artykul{max-width:920px}
.wz-wroc{margin-bottom:var(--s3)}
.wz-art-glowa{display:flex;gap:var(--s4);align-items:flex-start;justify-content:space-between;
  flex-wrap:wrap;padding-bottom:var(--s3);border-bottom:1px solid var(--line)}
.wz-art-tytul h2{margin:0 0 6px;font-size:var(--fs-2xl);text-wrap:balance}
.wz-meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:var(--fs-sm)}
.wz-art-akcje{display:flex;gap:var(--s2);flex-wrap:wrap}
.wz-dotyczy{display:flex;gap:var(--s3);align-items:baseline;margin-top:var(--s3);flex-wrap:wrap}
.wz-etykieta{font-size:var(--fs-xs);font-weight:750;text-transform:uppercase;letter-spacing:.06em;
  color:var(--ink-3);min-width:80px}
.wz-chipy{display:inline-flex;flex-wrap:wrap;gap:6px}
.wz-chip{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border:1px solid var(--line);
  border-radius:var(--radius-pill,6px);background:var(--surface-2);font-size:var(--fs-sm)}
.wz-chip-rodzaj{font-size:var(--fs-xs);color:var(--ink-3)}
.wz-chip-x{border:0;background:none;color:var(--ink-3);cursor:pointer;font-size:16px;line-height:1;padding:0}
.wz-chip-x:hover{color:var(--bad)}
.wz-lead{font-size:var(--fs-md);color:var(--ink-2);margin:var(--s4) 0 0;max-width:70ch}
.wz-tresc{margin-top:var(--s4);line-height:1.65;max-width:75ch;overflow-wrap:anywhere}
.wz-tresc h2{font-size:var(--fs-xl);margin:var(--s5) 0 var(--s2)}
.wz-tresc h3{font-size:var(--fs-lg);margin:var(--s4) 0 var(--s2)}
.wz-tresc h4{font-size:var(--fs-md);margin:var(--s3) 0 var(--s1)}
.wz-tresc p{margin:0 0 var(--s3)}
.wz-tresc ul,.wz-tresc ol{margin:0 0 var(--s3);padding-left:1.4em}
.wz-tresc li + li{margin-top:3px}
.wz-tresc code{font-family:var(--mono);font-size:.92em;background:var(--surface-2);
  border:1px solid var(--line-soft);border-radius:4px;padding:0 4px}
.wz-kod{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);
  padding:var(--s3);overflow-x:auto;margin:0 0 var(--s3)}
.wz-kod code{border:0;background:none;padding:0}
.wz-uwaga{margin:0 0 var(--s3);padding:var(--s3) var(--s4);border-left:3px solid var(--warn);
  background:var(--warn-bg);border-radius:0 var(--radius) var(--radius) 0}
.wz-uwaga .wz-tresc{margin:0}
.wz-uwaga p:last-child,.wz-uwaga ul:last-child{margin-bottom:0}
.wz-obraz{display:inline-block;max-width:100%}
.wz-obraz img{max-width:100%;max-height:480px;border:1px solid var(--line);border-radius:var(--radius);
  display:block;margin:var(--s2) 0}
.wz-zalaczniki{margin-top:var(--s5);padding-top:var(--s3);border-top:1px solid var(--line)}
.wz-zalaczniki h3{font-size:var(--fs-md);margin:0 0 var(--s2)}
.wz-galeria{display:flex;flex-wrap:wrap;gap:var(--s2);margin-bottom:var(--s2)}
.wz-galeria img{width:120px;height:120px;object-fit:cover;border-radius:var(--radius);border:1px solid var(--line)}
.wz-plik{display:block;padding:4px 0}
.wz-hist-pasek{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap}
.okienko tr.klik{cursor:pointer}
.okienko tr.klik:hover td{background:var(--surface-2)}
.wz-edytor-tytul{margin:0 0 var(--s3)}
.wz-edytor-siatka{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:var(--s5)}
@media (max-width:1000px){.wz-edytor-siatka{grid-template-columns:minmax(0,1fr)}}
.wz-edytor-glowna,.wz-edytor-boczna{display:flex;flex-direction:column;gap:var(--s3);min-width:0}
.wz-edytor-boczna{padding:var(--s3);border:1px solid var(--line);border-radius:var(--radius);
  background:var(--surface-2);align-self:start}
.wz-pole{display:flex;flex-direction:column;gap:4px;font-size:var(--fs-sm)}
.wz-pole > span:first-child{font-weight:650;color:var(--ink-2)}
.wz-tytul{font-size:var(--fs-lg);font-weight:650;height:auto;padding:8px 12px}
.wz-tresc-glowa{display:flex;align-items:center;gap:var(--s3)}
.wz-zakladki{display:inline-flex;border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;
  margin-left:auto}
.wz-zakladki button{border:0;background:var(--surface);padding:3px 12px;font:inherit;font-size:var(--fs-sm);
  color:var(--ink-2);cursor:pointer}
.wz-zakladki button.on{background:var(--accent-soft);color:var(--accent-text);font-weight:650}
.wz-pasek{display:flex;flex-wrap:wrap;gap:2px;padding:4px;border:1px solid var(--line);border-bottom:0;
  border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:var(--surface-2)}
.wz-pasek button{min-width:32px;height:28px;padding:0 8px;border:0;border-radius:4px;background:none;
  color:var(--ink-2);font:inherit;font-size:var(--fs-sm);font-weight:700;cursor:pointer}
.wz-pasek button:hover{background:var(--surface);color:var(--ink)}
.wz-edytor textarea.wz-pole-tresci{min-height:340px;height:auto;padding:10px 12px;resize:vertical;font-family:var(--mono);
  font-size:var(--fs-sm);line-height:1.55;border-top-left-radius:0;border-top-right-radius:0}
.wz-podglad{min-height:320px;padding:var(--s3) var(--s4);border:1px solid var(--line);border-radius:var(--radius-sm);
  background:var(--surface)}
.wz-podglad .wz-tresc{margin-top:0}
.wz-lista-plikow{display:flex;flex-direction:column;gap:4px}
.wz-plik-wiersz{display:flex;gap:var(--s3);align-items:center;flex-wrap:wrap}
.wz-wybor{display:flex;flex-direction:column;gap:4px;max-height:180px;overflow:auto}
.wz-szukajka{position:relative}
.wz-wyniki{position:absolute;left:0;right:0;top:calc(100% + 2px);z-index:30;display:flex;flex-direction:column;
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-2);
  max-height:240px;overflow:auto}
.wz-wyniki button{border:0;background:none;text-align:left;padding:6px 10px;font:inherit;font-size:var(--fs-sm);
  color:var(--ink);cursor:pointer}
.wz-wyniki button:hover{background:var(--accent-soft)}
.wz-tagi-pole{display:flex;flex-direction:column;gap:4px}
.wz-okno-edytora{width:min(1100px,96vw)}
.wz-okno-artykulu .wz-artykul{max-width:none}
.wz-podpowiedzi{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.wz-podpowiedz{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;
  padding:8px 10px;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--surface);
  font:inherit;text-align:left;color:var(--ink);cursor:pointer}
.wz-podpowiedz:hover{border-color:var(--accent);background:var(--accent-soft)}
.wz-podpowiedz-tytul{font-weight:650}
.wz-powod{font-size:var(--fs-xs);color:var(--accent-text)}
.ai-wraca{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s3);
  padding:8px 10px;margin-bottom:var(--s3);border:1px solid var(--warn-border);
  border-radius:var(--radius);background:var(--warn-bg);font-size:var(--fs-sm)}
.ai-wraca > div{flex:1 1 240px;min-width:0;overflow-wrap:anywhere}
.ai-narzedzia{display:flex;flex-wrap:wrap;gap:4px}
.ai-narzedzie{font:inherit;font-size:var(--fs-sm);padding:4px 10px;border-radius:var(--radius-pill);
  border:1px solid var(--line);background:var(--surface);color:var(--ink-2);cursor:pointer}
.ai-narzedzie:hover{border-color:var(--accent);color:var(--ink)}
.ai-narzedzie.on{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent-text);font-weight:600}
.ai-narzedzie:focus-visible{outline:2px solid var(--focus);outline-offset:1px}
.ai-panel{display:flex;flex-direction:column;gap:var(--s2);margin-top:var(--s3);
  padding-top:var(--s3);border-top:1px solid var(--line-soft)}
.ai-panel .pasek-akcji{margin-top:0;padding-top:0;border-top:0}
.ai-pytanie{display:flex;gap:var(--s2);align-items:flex-start}
.ai-pytanie textarea{flex:1 1 auto;min-width:0;resize:vertical}
.ai-wynik{display:flex;flex-direction:column;gap:var(--s2)}
.ai-wynik .wz-tresc{margin-top:0;max-width:none;font-size:var(--fs-sm);
  padding:var(--s3);border-radius:var(--radius);background:var(--surface-2)}
.ai-wynik .wz-tresc h2,.ai-wynik .wz-tresc h3{font-size:var(--fs-base);font-weight:650;margin:var(--s3) 0 4px}
.ai-wynik .wz-tresc h2:first-child{margin-top:0}
.ai-wynik textarea{resize:vertical}
.ai-wycena{display:flex;flex-direction:column;border:1px solid var(--line-soft);border-radius:var(--radius)}
.ai-pozycja{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:4px var(--s2);
  align-items:start;padding:8px 10px;border-bottom:1px solid var(--line-soft)}
.ai-pozycja > input[type=checkbox]{margin-top:4px}
.ai-pozycja.nieczynne .ai-pozycja-opis{color:var(--ink-3)}
.ai-pozycja-nazwa{overflow-wrap:anywhere}
.ai-pozycja-pole{display:flex;flex-direction:column;gap:2px}
.ai-liczba{width:84px;text-align:right;font-variant-numeric:tabular-nums}
.ai-wycena-suma{display:flex;justify-content:space-between;gap:var(--s2);padding:8px 10px;
  background:var(--surface-2);font-size:var(--fs-sm);font-variant-numeric:tabular-nums}
@media (max-width:520px){
  .ai-pozycja{grid-template-columns:auto 1fr 1fr}
  .ai-pozycja-opis{grid-column:2 / -1}
  .ai-pozycja-pole:first-of-type{grid-column:2}
}
.ai-stopka{margin:var(--s2) 0 0}
@media (max-width:600px){
  .ai-pytanie{flex-direction:column;align-items:stretch}
}
.cpm{display:flex;flex-direction:column;gap:var(--s3);padding-bottom:0}
.cpm .kartahd{display:flex;align-items:flex-start;gap:var(--s3)}
.cpm .kartahd h3{margin:0 0 2px}
.cpm .wyjasnienie{margin:0}
.cpm-sekcja{display:flex;flex-direction:column;gap:var(--s2);padding-top:var(--s3);border-top:1px solid var(--line-soft)}
.cpm-sekcja-hd{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);flex-wrap:wrap}
.cpm .filters{margin:0}
.cpm-tabela th,.cpm-tabela td{white-space:nowrap}
.cpm-tabela td{vertical-align:middle;padding-top:4px;padding-bottom:4px}
.cpm-tabela tr.cpm-zmieniony td{background:var(--accent-soft)}
.cpm-liczba{width:110px;text-align:right;font-variant-numeric:tabular-nums}
.cpm-czas{width:80px;text-align:right;font-variant-numeric:tabular-nums}
.cpm input.zle{border-color:var(--bad);background:var(--bad-bg)}
.cpm input::placeholder{color:var(--ink-3);opacity:.8}
.cpm-wklejka{display:flex;flex-direction:column;gap:var(--s2);padding:var(--s3);
  border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--surface-2)}
.cpm-wklejka .pasek-akcji,.cpm-stopka .pasek-akcji{margin-top:0;padding-top:0;border-top:0}
.cpm-wklejka textarea{resize:vertical;font-size:var(--fs-sm)}
.cpm-lista{margin:4px 0 0;padding-left:18px;font-size:var(--fs-sm)}
.cpm-podglad{display:flex;flex-direction:column;gap:var(--s2)}
.cpm-stopka{position:sticky;bottom:0;display:flex;flex-direction:column;gap:var(--s2);
  margin:0 calc(-1 * var(--s6));padding:var(--s3) var(--s6);
  background:var(--surface);border-top:1px solid var(--line)}
.cpm .kartahd .rozpychacz{margin-left:auto}
.cpm-wklejka select.input{width:auto;max-width:100%}
.sms-szablony td.clip{max-width:420px}
.sms-edytor{display:flex;flex-direction:column;gap:var(--s2);margin-top:var(--s3);padding:var(--s3);
  border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--surface-2)}
.sms-edytor .note{margin:0}
.umowy-daty{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-sm);color:var(--ink-3)}
.umowy-daty .input{width:auto}
.podpowiedz-wiersz{display:flex;align-items:stretch}
.podpowiedz-wiersz > .podpowiedz-cennik{flex:1 1 auto;min-width:0}
.podpowiedz-zaznacz{margin:0 6px 0 10px;align-self:center;flex:0 0 auto}
.podpowiedz-wiersz.zaznaczony{background:var(--accent-soft)}
.podpowiedz-wiele{display:flex;align-items:center;gap:var(--s2);padding:8px 10px;
  border-top:1px solid var(--line-soft);background:var(--surface-2);position:sticky;bottom:0}
.przeplyw-statusow{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:var(--s2) 0}
.przeplyw-status{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border:1px solid var(--line);
  border-left-width:3px;border-radius:var(--radius-sm);background:var(--surface);font-size:var(--fs-sm)}
.przeplyw-status em{font-style:normal;font-size:var(--fs-xs);color:var(--ink-3)}
.przeplyw-status.zamyka{background:var(--surface-2)}
.przeplyw-strzalka{color:var(--ink-3)}
.podpowiedz-wiele .btn{white-space:nowrap;flex:0 0 auto}
button.wersja{font:inherit;line-height:inherit;cursor:pointer}
.sidefoot button.wersja:hover,.sidefoot button.wersja:focus-visible{color:var(--ink-2);border-color:var(--line)}
.co-nowego .kartahd h3{margin:0}
.co-nowego-wstep{margin:var(--s2) 0 var(--s4)}
.co-nowego-grupa + .co-nowego-grupa{margin-top:var(--s4)}
.co-nowego-grupa h4{margin:0 0 var(--s2);font-size:var(--fs-sm);letter-spacing:.04em;
  text-transform:uppercase;color:var(--ink-3)}
.co-nowego-grupa ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--s3)}
.co-nowego-grupa li{display:grid;gap:2px;padding-left:var(--s3);border-left:2px solid var(--line)}
.co-nowego-tytul{display:block}
.co-nowego-gdzie{font-size:var(--fs-sm);color:var(--ink-3)}
.co-nowego-stopka{display:flex;gap:var(--s3);align-items:center;justify-content:flex-end;flex-wrap:wrap}
.co-nowego-stopka select{width:auto;margin-right:auto}
.pola-wlasne-edycja{margin:var(--s3) 0 var(--s5)}
.pola-wlasne-ptaszki{display:flex;flex-wrap:wrap;gap:var(--s3) var(--s6);margin:var(--s3) 0}
.pola-wlasne-sprzet{display:grid;gap:var(--s2);margin:var(--s3) 0}
.pola-wlasne-sprzet .input{max-width:320px}
.pola-wlasne-siatka{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));
  gap:4px var(--s4);max-height:220px;overflow:auto;padding:var(--s2);
  border:1px solid var(--line-soft);border-radius:var(--radius-sm)}
.pola-wlasne-tabela td{vertical-align:top}
.pola-wlasne-strzalki{display:inline-flex;gap:4px}
.pola-wlasne-znaczniki{display:inline-flex;flex-wrap:wrap;gap:4px}
.pola-wlasne-akcje{white-space:nowrap}
.pola-wlasne-akcje .btn + .btn{margin-left:4px}
.pola-wlasne-tabela tr.wylaczony td{color:var(--ink-3)}
.pola-wlasne-nazwa{min-width:220px}
.kopia-pliki{display:inline-flex;flex-wrap:wrap;gap:4px}
.kopia-danych code{font-size:var(--fs-sm)}
.skan-komunikat{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:80;
  background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-lg);
  box-shadow:var(--shadow-3);padding:var(--s3) var(--s5);max-width:min(560px,92vw)}
.przelacznik-punktu{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto}
.przelacznik-punktu .etykieta{font-size:var(--fs-sm);color:var(--ink-3)}
.przelacznik-punktu select{max-width:190px}
.przelacznik-punktu.zawezony select{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}
@media (max-width: 700px){ .przelacznik-punktu .etykieta{display:none} .przelacznik-punktu select{max-width:130px} }
.pulpit-napraw{display:flex;flex-direction:column;gap:var(--s4)}
.pulpit-glowa{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap}
.pulpit-sekcja{margin:var(--s2) 0 0;font-size:var(--fs-sm);letter-spacing:.06em;
  text-transform:uppercase;color:var(--ink-3)}
.pulpit-kafle{margin-bottom:0;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.pulpit-wykresy{display:grid;gap:var(--s4);grid-template-columns:repeat(auto-fit,minmax(420px,1fr))}
.pulpit-wykresy .card{margin:0}
.pulpit-listy{display:grid;gap:var(--s4);grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}
.pulpit-lista{margin:0;display:flex;flex-direction:column;height:360px}
.pulpit-lista .hd{display:flex;align-items:center;gap:var(--s3)}
.pulpit-lista .hd .zobacz-wszystkie{margin-left:auto;white-space:nowrap}
.pulpit-lista .bd{flex:1 1 auto;min-height:0;overflow:auto}
.pulpit-opis{margin-bottom:6px}
.pulpit-pusto{padding:var(--s4) 0;text-align:center}
.pulpit-lista .pulpit-wiersz{width:100%;background:none;border:0;border-top:1px solid var(--line-soft);
  font:inherit;color:inherit;text-align:left;cursor:pointer;padding:7px 4px;border-radius:0}
.pulpit-lista .pulpit-wiersz:first-of-type{border-top:0}
.pulpit-lista .pulpit-wiersz:hover{background:var(--surface-2)}
.pulpit-lista .pulpit-wiersz:focus-visible{outline:none;box-shadow:var(--focus)}
.pulpit-lista .pulpit-wiersz .numer{flex:0 0 auto;min-width:9ch}
.pulpit-lista .pulpit-wiersz .prawa{flex:0 0 auto}
.pulpit-lista .pulpit-notatka{display:flex;flex-direction:column;gap:2px;width:100%;background:none;
  border:0;border-top:1px solid var(--line-soft);font:inherit;color:inherit;text-align:left;cursor:pointer;padding:7px 4px}
.pulpit-lista .pulpit-notatka:first-of-type{border-top:0}
.pulpit-lista .pulpit-notatka:hover{background:var(--surface-2)}
.pulpit-lista .pulpit-notatka .glowa{display:flex;gap:var(--s2);align-items:center;flex-wrap:wrap}
@media (max-width: 700px){
  .pulpit-wykresy{grid-template-columns:1fr}
  .pulpit-listy{grid-template-columns:1fr}
  .pulpit-lista{height:auto;max-height:420px}
}
.pulpit-lista .pulpit-wiersz{display:grid;grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:"numer prawa" "opis opis";column-gap:var(--s3);row-gap:1px;align-items:center}
.pulpit-lista .pulpit-wiersz .numer{grid-area:numer;min-width:0}
.pulpit-lista .pulpit-wiersz .prawa{grid-area:prawa}
.pulpit-lista .pulpit-wiersz .clip{grid-area:opis}
.pulpit-lista .hd h3{white-space:nowrap}
.menu-punkt{padding:var(--s2) 10px var(--s3)}
.menu-punkt .przelacznik-punktu{width:100%}
.menu-punkt .przelacznik-punktu .etykieta{display:inline}
.menu-punkt .przelacznik-punktu select{max-width:none;flex:1 1 auto}
.status-w-menu{display:inline-flex;align-items:center;gap:6px}
.status-w-menu .input{width:15ch}
.pulpit-napraw{gap:var(--s3)}
.pulpit-sekcja{margin:0 0 -4px;font-size:11px;letter-spacing:.08em}
.kpis.pulpit-kafle{grid-template-columns:repeat(var(--kafli, 6), minmax(0,1fr));gap:var(--s3)}
.pulpit-kafle .kpi.kpi2{grid-template-rows:auto 44px auto auto auto;padding:10px 12px 8px}
.pulpit-kafle .kpi2 .kpi-glowa{height:calc(2 * 1.2 * 12.5px);gap:7px}
.pulpit-kafle .kpi2 .kpi-ikona{width:26px;height:26px;border-radius:8px}
.pulpit-kafle .kpi2 .kpi-ikona svg{width:18px;height:18px}
.pulpit-kafle .kpi2 .l{font-size:12.5px;line-height:1.2}
.pulpit-kafle .kpi2 .v{font-size:30px}
.pulpit-kafle .kpi2 .v.v-s{font-size:24px}
.pulpit-kafle .kpi2 .v.v-xs{font-size:20px}
.pulpit-kafle .kpi2 .kpi-zmiana{margin-top:2px;font-size:12px}
.pulpit-kafle .kpi2 .d{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:1.3em}
.pulpit-kafle .kpi2 .kpi-trend{height:16px;margin-top:4px}
.pulpit-wykresy .card .hd{padding-top:8px;padding-bottom:8px}
.pulpit-wykresy .card .bd{padding-top:6px;padding-bottom:6px}
.pulpit-wykresy .wykres-rytmu .legenda{margin-bottom:2px}
.pulpit-lista{height:300px}
@media (max-width: 1200px){
  .kpis.pulpit-kafle{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
}
.pulpit-kafle .kpi2 .d{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;
  -webkit-box-orient:vertical;line-height:1.3}
.pulpit-lista .pulpit-opis{font-size:12px;line-height:1.35}
.pulpit-lista .hd{padding-top:10px;padding-bottom:10px}
.mob{min-height:100dvh;display:flex;flex-direction:column;background:var(--bg);color:var(--ink)}
.mob-gora{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:var(--s2);
  min-height:52px;padding:6px 12px;padding-top:max(6px,env(safe-area-inset-top));
  background:var(--surface);border-bottom:1px solid var(--line)}
.mob-tytul{font-size:var(--fs-lg);flex:1}
.mob-wstecz{flex:1;display:flex;align-items:center;gap:4px;min-height:44px;background:none;border:0;
  color:var(--accent-text);font:inherit;font-weight:600;padding:0;cursor:pointer;text-align:left}
.mob-ja{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--surface-2);
  color:var(--ink);font:inherit;font-weight:600;font-size:13px;cursor:pointer}
.mob-menu{position:absolute;right:12px;top:calc(100% + 4px);min-width:220px;background:var(--surface);
  border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-2);padding:6px;z-index:30}
.mob-menu-kto{padding:8px 10px;color:var(--ink-3);font-size:var(--fs-sm)}
.mob-menu button{display:block;width:100%;min-height:44px;text-align:left;padding:0 10px;background:none;
  border:0;border-radius:var(--radius-sm);font:inherit;color:var(--ink);cursor:pointer}
.mob-menu button:hover,.mob-menu button:focus-visible{background:var(--surface-2);outline:none}
.mob-tresc{flex:1;padding:12px 12px calc(84px + env(safe-area-inset-bottom))}
.mob-pasek{position:fixed;left:0;right:0;bottom:0;z-index:20;display:grid;grid-template-columns:repeat(4,1fr);
  background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}
.mob-pasek-poz{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  min-height:60px;background:none;border:0;color:var(--ink-3);font:inherit;font-size:11px;cursor:pointer}
.mob-pasek-poz.wybrana{color:var(--accent-text)}
.mob-pasek-poz:focus-visible{outline:none;box-shadow:inset var(--focus)}
.mob-ikona{position:relative;display:inline-flex}
.mob-licznik{position:absolute;top:-6px;left:14px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;
  background:var(--bad-solid);color:var(--bad-solid-ink);font-size:11px;font-weight:700;line-height:18px;
  text-align:center;font-variant-numeric:tabular-nums}
.mob-listy{display:flex;flex-direction:column;gap:10px}
.mob-sekcja{margin:8px 0 6px;font-size:var(--fs-base);font-weight:600;display:flex;gap:6px;align-items:baseline}
.mob-pusto{color:var(--ink-3);margin:4px 0 8px}
.mob-wiersz,.mob-pow{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
  padding:12px;display:flex;flex-direction:column;gap:4px;cursor:pointer;margin-bottom:8px}
.mob-wiersz:focus-visible,.mob-pow:focus-visible{outline:none;box-shadow:var(--focus)}
.mob-wiersz-gora{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.mob-numer{font-weight:600}
.mob-wiersz-kto{font-weight:600;overflow-wrap:anywhere}
.mob-wiersz-opis{color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mob-wiersz-dol{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:var(--fs-sm)}
.mob-wiersz-adres{font-size:var(--fs-sm)}
.mob-wiersz-akcja{margin-top:6px}
.mob-biore{width:100%;min-height:44px}
.mob-duzy{width:100%;min-height:48px;justify-content:center;display:inline-flex;align-items:center;gap:4px;
  text-decoration:none;flex-wrap:wrap;text-align:center}
.mob-pole{width:100%;min-height:48px;font-size:16px}
textarea.mob-pole{min-height:auto;padding-top:10px}
.mob-etykieta{font-weight:600}
.mob-skanuj{display:flex;flex-direction:column;gap:10px;padding-top:8px}
.mob-pow.nowe{border-left:3px solid var(--accent)}
.mob-pow.nowe.waga-blad{border-left-color:var(--bad)}
.mob-pow.nowe.waga-uwaga{border-left-color:var(--warn)}
.mob-pow-tytul{font-weight:600}
.mob-pow-tresc{color:var(--ink-2);font-size:var(--fs-sm)}
.mob-pow-kiedy{font-size:var(--fs-xs)}
.mob-wszystkie{align-self:flex-end}
.mob-czat{margin:-12px}
.mob-karta{display:flex;flex-direction:column;gap:12px}
.mob-karta-naglowek{display:flex;flex-direction:column;gap:4px}
.mob-karta-kto{font-size:var(--fs-lg);font-weight:600;overflow-wrap:anywhere}
.mob-blok{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:12px;
  display:flex;flex-direction:column;gap:8px}
.mob-blok .mob-sekcja{margin:0}
.mob-kontakt .btn{justify-content:flex-start;text-align:left}
.mob-opis{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.mob-maly{font-size:var(--fs-sm);margin:0}
.mob-ptaszek{display:flex;align-items:center;gap:10px;min-height:44px}
.mob-ptaszek input{width:22px;height:22px}
.mob-os{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.mob-os li{border-left:2px solid var(--line);padding-left:10px}
.mob-os-tytul{font-weight:600;font-size:var(--fs-sm)}
.mob-os-tresc{white-space:pre-wrap;overflow-wrap:anywhere}
.mob-wysylka{position:sticky;top:52px;z-index:15;padding:8px 12px;font-size:var(--fs-sm);
  background:var(--surface-2);border-bottom:1px solid var(--line);color:var(--ink-2)}
.mob-wysylka.blad{color:var(--bad)}
.mob-zdj-przyciski{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mob-zdj-siatka{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mob-zdj{display:flex;flex-direction:column;gap:4px;min-width:0}
.mob-zdj img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-sm);
  border:1px solid var(--line);background:var(--surface-2);display:block}
.mob-zdj.oczekuje img{opacity:.6}
.mob-zdj.blad img{outline:2px solid var(--bad);outline-offset:-2px}
.mob-zdj-stan{font-size:var(--fs-xs);color:var(--ink-2);overflow-wrap:anywhere}
.mob-zdj.blad .mob-zdj-stan{color:var(--bad)}
.mob-zdj-akcje{display:flex;gap:6px}
.mob-zdj-akcje .btn{flex:1;min-height:40px}
.mob-zdj-klient{min-height:40px;border-radius:var(--radius-sm);border:1px solid var(--line);
  background:var(--surface);color:var(--ink-2);font:inherit;font-size:var(--fs-sm);cursor:pointer}
.mob-zdj-klient.widzi{border-color:var(--ok);color:var(--ok);font-weight:600}
.mob-zdj-klient:focus-visible{outline:none;box-shadow:var(--focus)}
.mob-zdj-kto{font-size:var(--fs-xs)}
.mob-aparat{position:relative;width:100%;aspect-ratio:4/3;border-radius:var(--radius);overflow:hidden;
  background:var(--surface-2);border:1px solid var(--line)}
.mob-aparat video{width:100%;height:100%;object-fit:cover;display:block}
.mob-aparat-zaslona{position:absolute;inset:0;display:grid;place-items:center;padding:16px;color:var(--ink-2)}
.mob-aparat-zaslona .btn{max-width:280px}
.mob-celownik{position:absolute;left:8%;right:8%;top:30%;bottom:30%;border:2px solid rgba(255,255,255,.9);
  border-radius:10px;box-shadow:0 0 0 999px rgba(0,0,0,.35)}
.mob-aparat-przyciski{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.mob-aparat-przyciski .mob-maly{flex:1 1 100%}
.mob-skanuj-reka{display:flex;flex-direction:column;gap:8px;margin-top:8px;padding-top:12px;border-top:1px solid var(--line)}
.mob-sesje{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.mob-sesje li{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--line-soft)}
.mob-sesje li:first-child{border-top:0}
.mob-sesja-opis{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.mob-sesja-opis .mob-maly{flex-basis:100%}
.mob-sesje .btn{min-height:40px}
.bad-tekst{color:var(--bad)}
.bramki{display:flex;flex-direction:column;gap:16px;padding:18px 20px 22px}
.bramki-wstep{margin:0;color:var(--ink-2);max-width:75ch}
.bramka-karta{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden}
.bramka-karta.czynna{border-color:var(--accent-border, var(--line))}
.bramka-glowa{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;
  padding:14px 18px;border-bottom:1px solid var(--line-soft);background:var(--surface-2)}
.bramka-glowa h3{margin:0;font-size:var(--fs-lg)}
.bramka-stan{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:var(--fs-sm);min-width:0}
.bramka-blad{color:var(--bad);max-width:520px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bramka-pola{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;padding:18px}
@media (max-width:900px){.bramka-pola{grid-template-columns:minmax(0,1fr)}}
.bramka-pole{display:flex;flex-direction:column;gap:6px;min-width:0}
.bramka-pole > span{font-weight:600;font-size:var(--fs-sm);display:flex;align-items:center;gap:8px}
.bramka-pole small{color:var(--ink-3);font-size:var(--fs-xs);line-height:1.4}
.bramka-webhook{margin:0 18px 16px;padding:12px 14px;border-radius:var(--radius-sm);background:var(--surface-2);
  display:flex;flex-direction:column;gap:8px;font-size:var(--fs-sm)}
.bramka-adres{display:flex;align-items:center;gap:8px;min-width:0}
.bramka-adres code{flex:1;min-width:0;overflow-x:auto;white-space:nowrap;font-family:var(--mono);padding:6px 8px;
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm)}
.bramka-przelaczniki{display:flex;flex-wrap:wrap;gap:8px 28px;padding:0 18px 16px}
.bramka-stopka{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;padding:12px 18px;
  border-top:1px solid var(--line-soft);background:var(--surface-2)}
.bramki-dodaj{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.bramki-proby .sekcja-tytul{margin-top:8px}
.bramki-uwagi{color:var(--ink-3);font-size:var(--fs-sm);max-width:360px}
.znaczniki { display: flex; flex-direction: column; gap: var(--s2); margin-top: var(--s2); }
.znaczniki-hd { display: flex; align-items: baseline; gap: var(--s3); flex-wrap: wrap; }
.znaczniki-lista { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column;
  border: 1px solid var(--line); border-radius: var(--radius-sm); background: var(--surface); }
.znaczniki-lista li { display: grid; grid-template-columns: minmax(150px, auto) 1fr; gap: var(--s3);
  align-items: start; padding: 8px 10px; border-top: 1px solid var(--line-soft); }
.znaczniki-lista li:first-child { border-top: 0; }
.znaczniki-lista li.uzyty { background: var(--surface-2); }
.znaczniki-lista .znacznik { justify-self: start; }
.znacznik-opis { font-size: var(--fs-sm); line-height: 1.4; min-width: 0; }
.znacznik-przyklad { white-space: pre-line; overflow-wrap: anywhere; margin-top: 2px; }
.znacznik-uzyty { margin-left: 8px; font-size: var(--fs-xs); color: var(--ok); font-weight: 600; }
.znacznik { font: inherit; font-family: var(--mono, ui-monospace, monospace); font-size: var(--fs-sm);
  padding: 3px 8px; border: 1px solid var(--accent-border, var(--line)); border-radius: var(--radius-sm);
  background: var(--accent-soft); color: var(--accent-text); cursor: pointer; }
.znacznik:hover:not(:disabled) { border-color: var(--accent); }
.znacznik:disabled { cursor: default; }
.znacznik.nie-dziala { background: var(--surface-2); color: var(--ink-3); border-color: var(--line); }
.ikona-sok { display: inline-block; vertical-align: -4px; margin-right: 6px; flex: none; }
.btn:has(> .ikona-sok) { display: inline-flex; align-items: center; gap: 6px; }
.btn > .ikona-sok { margin: -2px 0; vertical-align: middle; }
h3 .ikona-sok { vertical-align: -6px; margin-right: 8px; }
.wiad-wycena{width:fit-content;min-width:230px;max-width:min(100%,360px);box-sizing:border-box}
.wiad-wycena-hd{display:flex;align-items:center;justify-content:space-between;gap:10px}
.wiad-wycena-hd b{text-transform:none;letter-spacing:0;font-weight:650;padding:1px 8px;border-radius:var(--radius-pill,6px);
  white-space:nowrap;font-size:.72rem}
.wiad-wycena-hd b.ok{background:#e3f4d8;color:#1c6a12}
.wiad-wycena-hd b.zle{background:#fde8e6;color:#a2170f}
.wiad-wycena-hd b.czeka{background:#fff2d6;color:#7a4b00}
@media (min-width: 900px) {
  .topbar { grid-template-columns: minmax(0, 1fr) auto max-content; }
  .top-prawo { flex-wrap: nowrap; gap: var(--s3); }
  .top-ja { flex-wrap: nowrap; }
}
@media (min-width: 900px) and (max-width: 2150px) {
  .przelacznik-punktu .etykieta { display: none; }
  .czatnik.pilne .czatnik-opis { display: none; }
}
@media (min-width: 900px) and (max-width: 1800px) {
  .topbar .cytat-dnia { display: none; }
}
@media (min-width: 900px) and (max-width: 1500px) {
  .top-ja .ja-rola { display: none; }
  .przycisk-centrum .etykieta { display: none; }
}
@media (min-width: 900px) and (max-width: 1250px) {
  .top-ja .ja-opis { display: none; }
}
@media (min-width: 900px) {
  .top-lewo { overflow-x: clip; overflow-y: visible; }
  .top-lewo .qs { flex: 1 1 auto; min-width: 140px; max-width: 360px; }
}
.tab-pozycji .poz-z-foto{display:flex;gap:10px;align-items:flex-start}
.tab-pozycji .poz-foto{flex:0 0 44px;width:44px;height:44px;border:1px solid var(--line);
  border-radius:6px;background:#fff;display:flex;align-items:center;justify-content:center;
  overflow:hidden}
.tab-pozycji .poz-foto img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.tab-pozycji .kol-akcje-poz label.jak-link{cursor:pointer;margin-left:12px}
.tab-pozycji .kol-akcje-poz label.jak-link.wylaczony{opacity:.5;pointer-events:none}
.tab-pozycji .poz-foto.pusta{border-color:transparent;background:none}
.tab-pozycji .poz-z-foto{text-align:left}
.dok-przelacznik{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-sm);
  margin-left:auto;cursor:pointer;white-space:nowrap}
.dok-warianty{display:flex;flex-direction:column;gap:14px}
.dok-wariant{border:1px solid var(--line);border-radius:10px;padding:12px 14px;
  display:flex;flex-direction:column;gap:10px;background:var(--surface)}
.dok-wariant.polecany{border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}
.dok-wariant.wybrany{border-color:var(--ok);box-shadow:0 0 0 1px var(--ok) inset}
.dok-wariant.wspolne{border-style:dashed;background:none}
.dok-wariant-glowa{display:flex;gap:16px;align-items:flex-start;justify-content:space-between}
.dok-wariant-pola{display:flex;flex-direction:column;gap:6px;flex:1 1 auto;min-width:0;max-width:640px}
.dok-wariant-nazwa{font-weight:700;font-size:var(--fs-md, 15px)}
.dok-wariant-opis{font-size:var(--fs-sm)}
.dok-wariant-suma{display:flex;flex-direction:column;align-items:flex-end;gap:2px;
  font-variant-numeric:tabular-nums;white-space:nowrap}
.dok-wariant-suma strong{font-size:1.25rem;font-weight:750}
.dok-wariant-akcje{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:var(--fs-sm)}
.dok-wariant-polecany{display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.dok-wariant-pusty{font-size:var(--fs-sm);padding:6px 0}
.dok-wariant .tblwrap{margin:0}
.dok-wybrany-wariant{font-size:var(--fs-xs);font-weight:650;color:var(--ok)}
@media (max-width:700px){
  .dok-wariant-glowa{flex-direction:column}
  .dok-wariant-suma{align-items:flex-start}
  .dok-przelacznik{margin-left:0}
}
.pakt-glowa{display:flex;align-items:center;gap:12px;padding:14px 18px 0}
.pakt-glowa img{width:46px;height:46px;display:block;flex:none}
.pakt-slowo{font-family:'Fredoka',system-ui,sans-serif;font-weight:700;font-size:26px;
  line-height:1;letter-spacing:.05em;color:var(--ananas-slowo)}
.pakt-rozw{font-size:12.5px;line-height:1.35;color:var(--ink-2);margin-top:3px}
.pakt-rozw span{color:var(--ananas-litera);font-weight:800}
.ai-pod-polem{display:flex;align-items:center;gap:10px;margin-top:4px}
.jak-link.ai-link{color:var(--ananas-litera, #16a34a);font-weight:650}
.ai-propozycja{display:flex;flex-direction:column;gap:8px;margin-top:6px;padding:10px 12px;
  border:1px dashed color-mix(in srgb,var(--ananas-litera, #16a34a) 60%,var(--line));
  border-radius:8px;background:color-mix(in srgb,var(--ananas-litera, #16a34a) 5%,var(--surface))}
.ai-propozycja .ai-glowa{display:flex;align-items:baseline;gap:10px}
.ai-propozycja .ai-wiersz{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.ai-propozycja .ai-wiersz .input{flex:1 1 260px;min-width:0}
.ai-propozycja .ai-tekst{white-space:pre-wrap;line-height:1.5;padding:8px 10px;border-radius:6px;
  background:var(--surface);border:1px solid var(--line-soft, var(--line))}
.ai-zrodla{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:baseline;font-size:var(--fs-sm)}
.ai-zrodla a{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tab-pozycji tr.wiersz-ai td{background:none;padding-top:0}
.dok-wariant-akcje .ai-wariant{flex:1 1 100%}
.tab-pozycji tr.wiersz-ai td > .ai-propozycja{position:sticky;left:0;max-width:min(760px,86vw)}
.czatnik-monitoring{display:inline-flex;align-items:center;justify-content:center;
  min-width:18px;height:18px;padding:0 5px;border-radius:999px;
  background:var(--g3, #e5e7eb);color:var(--ink-2);
  font-size:10.5px;font-weight:750;font-variant-numeric:tabular-nums}
.dzwonek-zakladki{display:flex;align-items:center;gap:4px;padding:6px 8px;
  border-bottom:1px solid var(--linia,rgba(127,127,127,.2));position:sticky;top:0;
  background:var(--surface);z-index:1}
.dzwonek-zakladki button[role=tab]{border:0;background:none;padding:6px 10px;border-radius:6px;
  font:inherit;font-size:var(--fs-sm);font-weight:650;color:var(--ink-2);cursor:pointer;
  display:inline-flex;align-items:center;gap:6px}
.dzwonek-zakladki button[role=tab].on{background:var(--g2, #f1f3f5);color:var(--ink)}
.dzwonek-zakladki button[role=tab]:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.zakl-licznik{min-width:18px;height:18px;padding:0 5px;border-radius:999px;display:inline-flex;
  align-items:center;justify-content:center;background:var(--bad-solid);color:var(--bad-solid-ink);
  font-size:10.5px;font-weight:800}
.zakl-licznik.szary{background:var(--g3, #e5e7eb);color:var(--ink-2)}
.dzwonek-lista .podpowiedz.osobiste{box-shadow:inset 3px 0 0 var(--accent)}
.powiad-dla-ciebie{font-size:10.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;
  color:var(--accent);white-space:nowrap}
.dymki-osobiste{position:fixed;right:18px;bottom:18px;z-index:60;display:flex;flex-direction:column;
  gap:10px;width:min(360px,calc(100vw - 32px))}
.dymek-osobisty{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--accent);
  border-radius:10px;padding:10px 12px;box-shadow:0 10px 28px rgba(0,0,0,.18);
  display:flex;flex-direction:column;gap:4px}
.dymek-osobisty.uwaga{border-left-color:var(--warn, #d97706)}
.dymek-glowa{display:flex;align-items:center;justify-content:space-between}
.dymek-glowa .jak-link{font-size:18px;line-height:1;text-decoration:none;color:var(--ink-3)}
.dymek-akcje{display:flex;gap:8px;margin-top:4px}
.dymek-wiecej{text-align:right}
@media (prefers-reduced-motion:no-preference){
  .dymek-osobisty{animation:dymek-wjazd .18s ease-out}
  @keyframes dymek-wjazd{from{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}
}
.wybor-osob{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.osoba-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 6px 4px 10px;border-radius:999px;
  background:var(--g2, #f1f3f5);border:1px solid var(--line);font-size:var(--fs-sm);font-weight:600}
.osoba-chip button{border:0;background:none;cursor:pointer;font-size:15px;line-height:1;
  color:var(--ink-3);padding:0 4px}
.osoba-chip button:hover{color:var(--bad)}
.wybor-osob .input.sm{width:auto;min-width:170px}
.zakladki button .ile{margin-left:6px;color:var(--ink-3);font-weight:500;
  font-size:var(--fs-xs);font-variant-numeric:tabular-nums}
.zakladki button.on .ile{color:var(--accent-text);opacity:.75}
.osoby-ipota{margin-top:3px;line-height:1.35}
.osoby-ipota .osoba-ja{color:var(--accent-text);font-weight:650}
.podroz{display:flex;flex-direction:column;gap:10px;margin-top:8px}
.podroz-etapy{list-style:none;margin:0;padding:0;display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));gap:0}
.podroz-etap{position:relative;display:flex;flex-direction:column;gap:3px;
  padding:0 6px 0 0;min-width:0}
.podroz-etap:not(:last-child)::after{content:'';position:absolute;left:14px;right:0;
  top:6px;height:2px;background:var(--line)}
.podroz-etap.zrobiony:not(:last-child)::after{background:var(--ok)}
.podroz-kropka{position:relative;z-index:1;width:14px;height:14px;border-radius:50%;
  border:2px solid var(--line);background:var(--surface);box-sizing:border-box}
.podroz-etap.zrobiony .podroz-kropka{background:var(--ok);border-color:var(--ok)}
.podroz-etap.teraz .podroz-kropka{border-color:var(--accent);background:var(--accent);
  box-shadow:0 0 0 4px var(--accent-soft)}
.podroz-etap.teraz.uwaga .podroz-kropka{border-color:var(--warn);background:var(--warn);
  box-shadow:0 0 0 4px var(--warn-bg)}
.podroz-nazwa{font-size:var(--fs-sm);color:var(--ink-3);line-height:1.3;
  overflow-wrap:anywhere;padding-right:4px}
.podroz-etap.zrobiony .podroz-nazwa{color:var(--ink-2)}
.podroz-etap.teraz .podroz-nazwa{color:var(--ink);font-weight:650}
.podroz-kiedy{font-size:var(--fs-xs);color:var(--ink-3);font-variant-numeric:tabular-nums}
.podroz-uwaga{padding:8px 10px;border-radius:var(--radius-sm);background:var(--warn-bg);
  border:1px solid var(--warn-border);font-size:var(--fs-sm)}
.podroz-numer{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;
  font-size:var(--fs-sm);color:var(--ink-2)}
.podroz-numer .mono{font-family:var(--mono,ui-monospace,monospace);color:var(--ink)}
.podroz-droga{list-style:none;margin:0;padding:0 0 0 12px;border-left:2px solid var(--line-soft);
  display:flex;flex-direction:column;gap:6px}
.podroz-droga li{position:relative;display:grid;grid-template-columns:96px 1fr;gap:10px;
  font-size:var(--fs-sm);color:var(--ink-2)}
.podroz-droga li::before{content:'';position:absolute;left:-17px;top:6px;width:8px;height:8px;
  border-radius:50%;background:var(--line)}
.podroz-droga li.krok::before{background:var(--ok)}
.podroz-droga li.ostatnie{color:var(--ink)}
.podroz-droga li.ostatnie::before{background:var(--accent)}
.podroz-droga li.problem{color:var(--ink)}
.podroz-droga li.problem::before{background:var(--warn)}
.podroz-droga-kiedy{color:var(--ink-3);font-variant-numeric:tabular-nums;white-space:nowrap}
.podroz-droga-gdzie{color:var(--ink-3)}
.podroz-pusto{font-size:var(--fs-sm);color:var(--ink-3)}
.podroz-wiecej{align-self:flex-start;border:0;background:none;padding:0;cursor:pointer;
  font:inherit;font-size:var(--fs-sm);color:var(--accent-text)}
.podroz-stopka{font-size:var(--fs-xs);color:var(--ink-3);display:flex;flex-wrap:wrap;gap:4px 8px;
  align-items:baseline}
.podroz-blad{color:var(--bad)}
@media (max-width:560px){
  .podroz-etapy{grid-template-columns:1fr;gap:10px}
  .podroz-etap{flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:0}
  .podroz-etap:not(:last-child)::after{left:6px;right:auto;top:14px;width:2px;height:calc(100% - 4px)}
  .podroz-kiedy{flex-basis:100%;padding-left:24px}
  .podroz-droga li{grid-template-columns:1fr;gap:0}
}
.zgl-stoper{display:flex;flex-direction:column;gap:6px;padding:8px 10px;margin:8px 0;
  border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2)}
.zgl-stoper.chodzi{border-color:var(--accent-border);background:var(--accent-soft)}
.zgl-stoper-rzad{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}
.zgl-stoper-czas{font-family:var(--mono,ui-monospace,monospace);font-size:var(--fs-lg);
  font-weight:650;font-variant-numeric:tabular-nums;color:var(--accent-text)}
.zgl-stoper-lista{font-size:var(--fs-sm)}
.zgl-stoper-lista td{padding:3px 8px 3px 0}
.zamkniecie-akcji{display:flex;flex-direction:column;gap:6px;margin-top:var(--s3);
  padding-top:var(--s3);border-top:1px solid var(--line-soft)}
.st-ekran{display:flex;flex-direction:column;gap:12px;padding:0 20px 22px}
.st-ekran > .zakladki{margin-bottom:0}
.st-wstep{margin:0;color:var(--ink-2);max-width:80ch;font-size:var(--fs-sm)}
.st-uklad{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:18px;align-items:start}
@media (max-width:980px){.st-uklad{grid-template-columns:minmax(0,1fr)}}
.st-kolumna-lista{display:flex;flex-direction:column;gap:10px;position:sticky;top:12px}
@media (max-width:980px){.st-kolumna-lista{position:static}}
.st-lista{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:var(--radius);
  background:var(--surface);overflow:hidden}
.st-wiersz{display:flex;align-items:stretch;border-bottom:1px solid var(--line-soft)}
.st-wiersz:last-child{border-bottom:0}
.st-wiersz.on{background:var(--accent-soft, var(--surface-2));box-shadow:inset 3px 0 0 var(--accent)}
.st-wiersz.ciagniety{opacity:.55}
.st-uchwyt{display:flex;align-items:center;justify-content:center;width:26px;flex:0 0 26px;
  color:var(--ink-3);cursor:grab;border-radius:var(--radius-sm)}
.st-uchwyt:hover{color:var(--ink)}
.st-uchwyt:focus-visible{outline:2px solid var(--accent-border);outline-offset:-2px}
.st-wiersz-tresc{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:9px 12px 9px 2px;
  border:0;background:transparent;text-align:left;cursor:pointer;color:var(--ink);font:inherit}
.st-wiersz-tresc:focus-visible{outline:2px solid var(--accent-border);outline-offset:-2px}
.st-kropka{flex:0 0 auto;width:10px;height:10px;border-radius:50%;background:var(--kc,#7b8494)}
.st-kropka.duza{width:14px;height:14px}
.st-nazwa{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.st-nazwa-tekst{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.st-plakietki{display:flex;flex-wrap:wrap;gap:4px}
.st-rola,.st-cecha,.st-kod{font-size:11px;line-height:1.5;padding:0 6px;border-radius:var(--radius-pill,6px);white-space:nowrap}
.st-rola{font-weight:600;background:var(--surface-2);border:1px solid var(--line);color:var(--ink-2)}
.st-rola.r-start{border-color:var(--accent);color:var(--accent-text)}
.st-rola.r-zamyka{background:var(--ink);border-color:var(--ink);color:var(--surface)}
.st-rola.r-gotowe{border-color:#c9a100;color:var(--ink)}
.st-cecha{color:var(--ink-3);border:1px dashed var(--line)}
.st-cecha.wyl{border-style:solid;background:var(--surface-2)}
.st-kod{color:var(--ink-3);border:1px solid var(--line-soft);padding:0 5px}
.st-ile{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;font-variant-numeric:tabular-nums;
  font-size:var(--fs-sm);color:var(--ink-2)}
.st-ile small{font-size:11px;color:var(--ink-3)}
.st-dodaj{display:flex;gap:8px}
.st-dodaj .input{flex:1;min-width:0}
.st-dodaj .st-dodaj-kod{flex:0 0 96px}
.st-edytor-tytul{display:flex;align-items:center;gap:10px;min-width:0}
.st-kod-tytul{font-size:var(--fs-sm);font-weight:400}
.st-uwaga{margin:14px 18px 0}
.probki-koloru{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.probka{width:24px;height:24px;border-radius:50%;border:2px solid var(--surface);background:var(--kc);
  box-shadow:0 0 0 1px var(--line);cursor:pointer;padding:0}
.probka.on{box-shadow:0 0 0 2px var(--ink)}
.probka:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.probki-nazwa{margin-left:4px}
.st-role{margin:0 18px 16px;padding:0;border:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
@media (max-width:900px){.st-role{grid-template-columns:minmax(0,1fr)}}
.st-role legend{font-weight:600;font-size:var(--fs-sm);margin-bottom:6px;padding:0}
.st-rola-opcja{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--line);
  border-radius:var(--radius-sm);cursor:pointer;background:var(--surface)}
.st-rola-opcja:hover{border-color:var(--ink-3)}
.st-rola-opcja.on{border-color:var(--accent);background:var(--accent-soft, var(--surface-2))}
.st-rola-opcja.nieczynna{opacity:.5;cursor:not-allowed}
.st-rola-opcja input{margin-top:3px;flex:0 0 auto}
.st-rola-tresc{display:flex;flex-direction:column;gap:2px;min-width:0}
.st-rola-tresc > span{font-size:var(--fs-sm);color:var(--ink-3);line-height:1.4}
.st-rola-tresc .st-rola-dopisek{color:var(--ink-2);font-size:var(--fs-xs)}
.st-role-uwaga{grid-column:1/-1;margin:2px 0 0}
.st-przelaczniki{padding-top:4px}
.st-pola-waskie{padding-top:0;grid-template-columns:minmax(0,320px)}
.st-wiadomosc{border-top:1px solid var(--line-soft);padding:16px 18px;display:flex;flex-direction:column;gap:12px}
.st-wiadomosc-wstep{margin:0;font-size:var(--fs-sm);max-width:80ch}
.st-pola-wiadomosci{padding:0}
.st-pole-mail{grid-column:1/-1}
.st-pole-mail-etykieta{justify-content:space-between}
.st-pole-mail-etykieta .jak-link{font-weight:400}
.st-pole-sms{grid-row:span 1}
.st-licznik{font-variant-numeric:tabular-nums}
.st-licznik.uwaga{color:var(--warn-text, #8a6400)}
.st-kod-pole{padding:8px 0}
.bramka-karta.st-edytor{overflow:clip}
.st-zakladki{margin:14px 18px 0;overflow-x:auto;scrollbar-width:thin}
.st-zakladki button{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;flex:0 0 auto}
.st-zak-zmiana{width:7px;height:7px;border-radius:50%;background:var(--warn)}
.st-zak-tresc{min-height:440px;padding-top:2px}
.st-zak-tresc .st-wiadomosc{border-top:0;padding-top:4px}
.st-role-lista{margin:0 18px 12px;padding:0;border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden}
.st-rola-wiersz{display:flex;align-items:flex-start;gap:10px;padding:8px 12px;border-bottom:1px solid var(--line-soft);cursor:pointer;background:var(--surface)}
.st-rola-wiersz:last-child{border-bottom:0}
.st-rola-wiersz:hover{background:var(--surface-2)}
.st-rola-wiersz.on{background:var(--accent-soft, var(--surface-2));box-shadow:inset 3px 0 0 var(--accent)}
.st-rola-wiersz.nieczynna{opacity:.5;cursor:not-allowed}
.st-rola-wiersz input{flex:0 0 auto;margin:4px 0 0}
.st-rola-wiersz .st-rola-tresc{flex:1;min-width:0;gap:4px}
.st-rola-linia{display:flex;align-items:baseline;gap:10px;min-width:0}
.st-rola-wiersz .st-rola-opis{font-size:var(--fs-sm);color:var(--ink-2);line-height:1.5}
.st-rola-wiersz .st-rola-dopisek{font-size:var(--fs-xs);color:var(--ink-2)}
.st-rola-nazwa{font-weight:600}
.st-rola-wiersz .st-rola-tresc > .st-rola-linia{color:var(--ink);font-size:inherit;line-height:1.4}
.st-rola-teraz{margin-left:auto;font-size:var(--fs-xs);color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:50%}
.st-legenda-ukryta{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.st-zak-wstep{margin:0 18px 12px;font-size:var(--fs-sm);max-width:80ch}
.st-stopka{position:sticky;bottom:0;z-index:2}
.st-stopka-uwaga{margin-left:auto;font-size:var(--fs-sm)}
@media (max-width:640px){.st-zak-tresc{min-height:0}}
.pole-z-okiem{display:flex;gap:8px;align-items:center;min-width:0}
.pole-z-okiem .input{flex:1;min-width:0}
.pole-z-okiem .btn{flex:0 0 auto}
.pole-klucza .pole-etykieta{display:flex;align-items:center;gap:8px}
.gab-wstep{margin:0;padding:14px 18px 4px;color:var(--ink-2);font-size:var(--fs-sm);max-width:80ch}
.gab-tabela{margin:8px 18px 16px}
.gab-wymiary{display:inline-flex;align-items:center;gap:4px}
.gab-wymiary .input{width:64px;text-align:right}
.gab-waga{width:72px;text-align:right}
.gab-domyslny{display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.gab-akcje{display:inline-flex;gap:6px;justify-content:flex-end}
.gab-akcje-kom{text-align:right}
.bramki-dodaj .input{width:auto;flex:0 1 240px}
.rodzaj-notatki{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;color:var(--ink-2)}
:root tbody td.kol-numer.lewo{text-align:left;padding-left:18px}
:root thead th.kol-numer-hd, .lista-napraw thead th:nth-child(1){text-align:left;padding-left:18px}
.kol-numer.lewo .kn-uklad{display:flex;align-items:center;justify-content:space-between;gap:12px}
.kol-numer.lewo .kn-glowny{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
:root tbody td.kol-numer.lewo .status-z-powodem{align-items:flex-start}
.kol-numer.lewo .kn-boczne{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:0 0 auto}
:root tbody td.kol-numer.lewo .kn-boczne .pill{margin:0;display:inline-flex}
.kol-numer.lewo .kn-akcje{display:flex;flex-direction:column;align-items:stretch;gap:4px}
.kol-numer.lewo .kn-akcje .btn{white-space:nowrap}
.scrim-3{z-index:80}
.okienko-3{z-index:81}
.okienko-wyniku{text-align:center;padding:28px 28px 22px}
.okienko-wyniku .wynik-znak{width:48px;height:48px;margin:0 auto 10px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;background:var(--ok-bg);color:var(--ok)}
.okienko-wyniku.uwaga .wynik-znak{background:var(--warn-bg);color:var(--warn)}
.okienko-wyniku.blad .wynik-znak{background:var(--bad-bg);color:var(--bad)}
.okienko-wyniku h3{margin:0;font-size:var(--fs-lg);text-wrap:balance}
.okienko-wyniku .wynik-tresc{color:var(--ink-2);line-height:1.5;text-wrap:pretty}
.okienko-wyniku .wynik-tresc p{margin:0}
.okienko-wyniku .wynik-tresc p + p{margin-top:8px}
.okienko-wyniku .wynik-fakty{display:inline-grid;grid-template-columns:auto auto;gap:4px 14px;
  margin-top:12px;padding:10px 14px;border-radius:var(--radius-sm);background:var(--surface-2);text-align:left;
  font-size:var(--fs-sm)}
.okienko-wyniku .wynik-fakty dt{color:var(--ink-3)}
.okienko-wyniku .wynik-fakty dd{margin:0;font-weight:600}
.okienko-wyniku .pasek-akcji{justify-content:center;margin-top:18px}
.okienko-wyniku .pasek-akcji .btn{min-width:120px}
.akcja-wiersza{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px 0 4px;
  border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);
  font:inherit;font-size:var(--fs-sm);font-weight:600;cursor:pointer;white-space:nowrap;
  transition:border-color .15s,background-color .15s,box-shadow .15s}
.akcja-wiersza .akcja-ikona{width:24px;height:24px;border-radius:50%;display:inline-flex;
  align-items:center;justify-content:center;background:var(--accent);color:var(--accent-ink)}
.akcja-wiersza:hover:not(:disabled){border-color:var(--accent);box-shadow:0 1px 3px rgba(0,0,0,.08)}
.akcja-wiersza:focus-visible{outline:none;box-shadow:var(--focus)}
.akcja-wiersza:disabled{cursor:not-allowed;color:var(--ink-3);background:var(--surface-2);border-style:dashed}
.akcja-wiersza:disabled .akcja-ikona{background:var(--line);color:var(--ink-3)}
.akcja-wiersza.drugorzedna .akcja-ikona{background:var(--surface-2);color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line)}
@media (prefers-reduced-motion:reduce){.akcja-wiersza{transition:none}}
.kurier-chip{display:inline-flex;align-items:center;gap:8px;padding:3px 10px 3px 3px;border-radius:999px;
  background:var(--info-bg, var(--surface-2));color:var(--info, var(--ink));font-size:var(--fs-xs);line-height:1.2;
  white-space:nowrap;text-align:left}
.kurier-chip .akcja-ikona{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;
  justify-content:center;background:var(--surface);color:inherit}
.kurier-chip strong{display:block;font-weight:650}
.kurier-chip small{display:block;opacity:.8;font-size:11px}
.kurier-chip.jedzie{background:var(--ok-bg);color:var(--ok)}
.kurier-chip .kc-tekst{min-width:0}
.kurier-chip .kc-droga{display:inline-flex;gap:2px;margin-left:2px;align-self:center}
.kurier-chip .kc-droga i{display:block;width:7px;height:3px;border-radius:2px;background:currentColor;opacity:.22}
.kurier-chip .kc-droga i.jest{opacity:.9}
.kurier-chip.do-klienta{background:var(--surface-2);color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line)}
.kurier-chip.dotarla{background:var(--ok-bg);color:var(--ok)}
.kurier-chip.problem{background:var(--warn-bg, var(--surface-2));color:var(--warn, var(--ink))}
.kn-paczka-terminy{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.okienko-wyniku .pasek-akcji{border-top:0;padding-top:0}
.rodzaj-poz{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0;
  padding:2px 4px 2px 0;border-radius:var(--radius-sm)}
.rodzaj-poz label{display:flex;gap:8px;align-items:center;min-width:0;cursor:pointer}
.rodzaj-poz label span{overflow-wrap:anywhere}
.rodzaj-poz.poza label{opacity:.7}
.rodzaj-poz:hover{background:var(--surface-2)}
.rodzaj-usun{flex:0 0 auto;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;
  border:0;border-radius:50%;background:transparent;color:var(--ink-3);cursor:pointer;opacity:0;
  transition:opacity .12s,background-color .12s,color .12s}
.rodzaj-poz:hover .rodzaj-usun,.rodzaj-usun:focus-visible{opacity:1}
.rodzaj-usun:hover{background:var(--bad-bg);color:var(--bad)}
.rodzaj-usun:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
@media (hover:none){.rodzaj-usun{opacity:.7}}
@media (prefers-reduced-motion:reduce){.rodzaj-usun{transition:none}}
.ust-szukaj{position:relative;margin-bottom:var(--s3)}
.ust-szukaj .input{width:100%}
.ust-szukaj-wyniki{list-style:none;margin:6px 0 0;padding:4px;border:1px solid var(--line);
  border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-2, 0 4px 14px rgba(0,0,0,.08));
  display:flex;flex-direction:column;gap:2px;max-height:60vh;overflow:auto}
.ust-szukaj-wynik{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;
  padding:8px 10px;border:0;border-radius:var(--radius-sm);background:transparent;text-align:left;
  font:inherit;color:var(--ink);cursor:pointer}
.ust-szukaj-wynik.on{background:var(--accent-soft, var(--surface-2))}
.ust-szukaj-wynik strong{font-weight:600}
.ust-szukaj-gdzie{font-size:var(--fs-xs);color:var(--ink-3)}
.ust-szukaj-gdzie em{font-style:normal;color:var(--ink-2);font-weight:600}
.ust-szukaj-pusto{padding:8px 10px;color:var(--ink-3);font-size:var(--fs-sm)}
.filtr-chip{display:inline-flex;align-items:stretch;border-radius:999px;background:var(--info-bg);
  color:var(--info);font-size:var(--fs-sm);line-height:1;overflow:hidden;border:1px solid transparent}
.filtr-chip button{border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}
.filtr-chip-pin{display:inline-flex;align-items:center;padding:0 4px 0 9px;opacity:.55}
.filtr-chip-pin:hover,.filtr-chip.przypiety .filtr-chip-pin,.filtr-chip.uspiony .filtr-chip-pin{opacity:1}
.filtr-chip-tekst{padding:6px 11px 6px 4px;font-weight:600}
.filtr-chip button:focus-visible{outline:2px solid var(--accent-border);outline-offset:-2px}
.filtr-chip.przypiety{border-color:var(--info-border)}
.filtr-chip.uspiony{background:transparent;border:1px dashed var(--line);color:var(--ink-3)}
.filtr-chip.uspiony .filtr-chip-tekst{font-weight:500}
.scrim.przyjecie-tlo{z-index:55}
.okienko.przyjecie-okno{z-index:56;width:min(840px,96vw);height:min(780px,92vh);max-height:none;
  display:flex;flex-direction:column;padding:0;overflow:hidden}
.okienko.przyjecie-okno > * + *{margin-top:0}
.przyjecie-okno > .kartahd{padding:var(--s4) var(--s6) 0;flex:0 0 auto}
.przyjecie-okno > .note{margin:var(--s3) var(--s6) 0;flex:0 0 auto}
.przyjecie-okno > .kroki-przyjecia{margin:var(--s3) var(--s6) 0;flex:0 0 auto}
.przyjecie-okno > .pz-tresc{flex:1 1 auto;min-height:0;overflow:auto;padding:var(--s4) var(--s6) var(--s5)}
.pz-krok-hd{margin-bottom:var(--s4)}
.pz-krok-hd h3{margin:0;font-size:var(--fs-lg, 1.2rem);font-weight:680;text-wrap:balance}
.pz-krok-hd p{margin:4px 0 0;color:var(--ink-3);font-size:var(--fs-sm)}
.przyjecie-okno > .pz-tresc .podsekcja:first-child{margin-top:0}
.pz-stopka{flex:0 0 auto;display:flex;align-items:center;gap:var(--s3);
  padding:var(--s3) var(--s6);border-top:1px solid var(--line);background:var(--surface);
  box-shadow:0 -6px 18px rgba(20,18,14,.05)}
.pz-stopka .grow{flex:1 1 auto;min-width:0;font-size:var(--fs-sm)}
.pz-stopka .btn.primary{min-width:120px}
.pz-sekcja{padding:var(--s3) 0;border-top:1px solid var(--line-soft, var(--line))}
.pz-sekcja:first-of-type{border-top:0;padding-top:0}
.pz-sekcja-hd{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);margin-bottom:var(--s2)}
.pz-sekcja-hd h4{margin:0;font-size:var(--fs-sm);font-weight:680;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2)}
.pz-fakty{display:grid;grid-template-columns:minmax(120px,190px) 1fr;gap:6px var(--s4);margin:0;font-size:var(--fs-sm)}
.pz-fakty dt{color:var(--ink-3)}
.pz-fakty dd{margin:0;color:var(--ink);min-width:0;overflow-wrap:anywhere}
.pz-dlugi{white-space:pre-wrap}
@media (max-width:720px){
  .okienko.przyjecie-okno{left:0;top:0;transform:none;width:100vw;height:100dvh;border-radius:0;border:0}
  .przyjecie-okno > .kartahd,.przyjecie-okno > .pz-tresc,.pz-stopka{padding-left:var(--s4);padding-right:var(--s4)}
  .przyjecie-okno > .note,.przyjecie-okno > .kroki-przyjecia{margin-left:var(--s4);margin-right:var(--s4)}
  .pz-fakty{grid-template-columns:1fr}
  .pz-fakty dt{margin-top:4px}
}
.mrugnij{border-radius:var(--radius-sm);animation:mrugnij 1.4s ease-out 1}
@keyframes mrugnij{0%,40%{box-shadow:0 0 0 3px var(--bad-border),0 0 0 7px var(--bad-bg)}100%{box-shadow:0 0 0 0 transparent}}
@media (prefers-reduced-motion:reduce){.mrugnij{animation:none;box-shadow:0 0 0 3px var(--bad-border)}}
.podroz-kropka{width:18px;height:18px;display:grid;place-items:center;border-width:2px}
.podroz-kropka svg{width:10px;height:10px;fill:none;stroke:#fff;stroke-width:2.2;
  stroke-linecap:round;stroke-linejoin:round}
.podroz-etap:not(:last-child)::after{left:18px;top:7px;height:4px;border-radius:4px}
.podroz-etap.zrobiony:not(:last-child)::after{
  background:var(--line) linear-gradient(var(--ok),var(--ok)) no-repeat;background-size:100% 100%}
.podroz-etap.w-toku:not(:last-child)::after{
  background:var(--line) linear-gradient(90deg,transparent,var(--accent),transparent) no-repeat;
  background-size:38% 100%;background-position:50% 0}
.podroz-etap.teraz .podroz-kropka{box-shadow:0 0 0 4px var(--accent-soft)}
@media (prefers-reduced-motion:no-preference){
  .podroz-etap.zrobiony:not(:last-child)::after{animation:podroz-wypelnij .6s cubic-bezier(.3,.7,.3,1) both;
    animation-delay:calc(var(--i,0) * .14s)}
  .podroz-etap.zrobiony .podroz-kropka{animation:podroz-kropka .35s cubic-bezier(.3,1.4,.5,1) both;
    animation-delay:calc(var(--i,0) * .14s)}
  .podroz-etap.w-toku:not(:last-child)::after{animation:podroz-plynie 1.9s ease-in-out infinite}
  .podroz-etap.teraz:not(.uwaga) .podroz-kropka{animation:podroz-puls 2.2s ease-out infinite}
}
@keyframes podroz-wypelnij{from{background-size:0% 100%}}
@keyframes podroz-kropka{from{transform:scale(.55);opacity:.4}}
@keyframes podroz-plynie{from{background-position:-60% 0}to{background-position:160% 0}}
@keyframes podroz-puls{0%{box-shadow:0 0 0 0 var(--accent-soft),0 0 0 4px var(--accent-soft)}
  70%{box-shadow:0 0 0 10px transparent,0 0 0 4px var(--accent-soft)}
  100%{box-shadow:0 0 0 0 transparent,0 0 0 4px var(--accent-soft)}}
@media (max-width:560px){
  .podroz-etap:not(:last-child)::after{left:7px;top:18px;width:4px;height:calc(100% - 6px)}
  .podroz-etap.zrobiony:not(:last-child)::after{background-size:100% 100%}
  .podroz-etap.w-toku:not(:last-child)::after{
    background:var(--line) linear-gradient(180deg,transparent,var(--accent),transparent) no-repeat;
    background-size:100% 40%}
  @keyframes podroz-plynie{from{background-position:0 -60%}to{background-position:0 160%}}
  @keyframes podroz-wypelnij{from{background-size:100% 0%}}
}
.przewoznik-znak-wiersz{display:inline-flex;align-items:center;gap:6px;vertical-align:middle}
.przewoznik-znak{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:4px;
  font-size:12px;font-weight:800;letter-spacing:.02em;line-height:1;white-space:nowrap}
.przewoznik-znak.dhl{background:#FFCC00;color:#D40511;font-style:italic;letter-spacing:.04em}
.przewoznik-znak.inpost{background:#FFCD00;color:#1D1D1B}
.przewoznik-znak.dpd{background:#DC0032;color:#fff;text-transform:lowercase}
.przewoznik-znak.furgonetka{background:#1F2937;color:#fff}
.przewoznik-nazwa{color:var(--ink-2)}
.kn-numer-wiersz{display:flex;align-items:center;gap:7px}
.znak-wysylkowa{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;
  border-radius:6px;background:var(--accent-soft,var(--surface-2));color:var(--accent);flex:0 0 auto;
  margin-bottom:3px}
.kol-punkt{white-space:nowrap}
.punkt-skrot{display:inline-block;padding:2px 8px;border-radius:var(--radius-pill,6px);background:var(--surface-2);
  border:1px solid var(--line);font-size:var(--fs-xs);font-weight:650;color:var(--ink-2);letter-spacing:.03em}
.card > .kolejki-robocze{gap:6px;padding:var(--s3) var(--pad-card);
  border-bottom:1px solid var(--line-soft);margin:0}
@media (max-width:640px){ .card > .kolejki-robocze{padding:var(--s3)} }
.scrim.og-tlo{z-index:57}
.okienko.og-okno{z-index:58;height:auto;max-height:min(760px,94vh);width:min(760px,96vw)}
.og-tresc{display:flex;flex-direction:column;gap:var(--s4)}
.og-etykieta{display:block;font-size:var(--fs-xs);font-weight:680;letter-spacing:.06em;
  text-transform:uppercase;color:var(--ink-3);margin-bottom:6px}
.og-opis-klienta{padding:var(--s3) var(--s4);border-radius:var(--radius-sm);
  background:var(--surface-2);border:1px solid var(--line-soft)}
.og-opis-klienta p{margin:0;font-size:var(--fs-md, 1rem);overflow-wrap:anywhere}
.og-wybor{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}
.og-opcja{display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;
  padding:var(--s3);border:1.5px solid var(--line);border-radius:var(--radius);
  background:var(--surface);color:var(--ink);font:inherit;font-weight:650;font-size:1rem;cursor:pointer;
  transition:border-color .15s, background-color .15s}
.og-opcja svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;
  stroke-linecap:round;stroke-linejoin:round}
.og-opcja:hover{border-color:var(--ink-3)}
.og-opcja:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.og-opcja.wybrana.ok{border-color:var(--ok, #2f8a4f);background:var(--ok-bg, #eaf6ee);color:var(--ok-ink, #1f6b3a)}
.og-opcja.wybrana.zle{border-color:var(--bad-border, #d9a3a3);background:var(--bad-bg, #fbeeee);color:var(--bad, #b3261e)}
.og-roznice{display:flex;flex-direction:column;gap:var(--s2)}
.og-znaczniki{display:flex;flex-wrap:wrap;gap:8px}
.og-znacznik{padding:7px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);
  color:var(--ink);font:inherit;font-size:var(--fs-sm);cursor:pointer}
.og-znacznik:hover{border-color:var(--ink-3)}
.og-znacznik.on{border-color:var(--bad, #b3261e);background:var(--bad-bg, #fbeeee);color:var(--bad, #b3261e);font-weight:600}
.og-znacznik:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.og-mail{margin:2px 0 0;font-size:var(--fs-sm)}
.og-zdjecia{display:grid;grid-template-columns:auto 1fr;gap:var(--s5);align-items:start;
  padding:var(--s4);border:1px solid var(--line-soft);border-radius:var(--radius)}
.og-kod{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;font-size:var(--fs-xs);max-width:180px}
.og-kod img,.og-kod-pusty{width:170px;height:170px;border-radius:var(--radius-sm);background:#fff;
  border:1px solid var(--line-soft)}
.og-kod-pusty{display:grid;place-items:center;color:var(--ink-3);font-size:var(--fs-sm);padding:var(--s3)}
.og-galeria{display:flex;flex-direction:column;gap:var(--s3);min-width:0}
.og-licznik{font-size:var(--fs-sm)}
.og-licznik.ok b{color:var(--ok-ink, #1f6b3a)}
.og-miniatury{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}
.og-miniatury figure{position:relative;margin:0;aspect-ratio:1;border-radius:var(--radius-sm);overflow:hidden;
  background:var(--surface-2);animation:og-wskocz .25s ease-out}
.og-miniatury img{width:100%;height:100%;object-fit:cover;display:block}
.og-miejsce{aspect-ratio:1;border-radius:var(--radius-sm);border:1.5px dashed var(--line)}
.og-usun{position:absolute;top:4px;right:4px;width:24px;height:24px;display:grid;place-items:center;
  border-radius:50%;border:0;background:rgba(0,0,0,.55);color:#fff;cursor:pointer}
.og-usun svg{width:10px;height:10px;stroke:currentColor;stroke-width:1.8;fill:none}
.og-z-komputera{align-self:flex-start;font-size:var(--fs-sm)}
.og-okno .btn.primary.nieaktywny{opacity:.55}
@keyframes og-wskocz{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.og-miniatury figure{animation:none}}
@media (max-width:640px){
  .og-wybor{grid-template-columns:1fr}
  .og-zdjecia{grid-template-columns:1fr}
  .og-kod{max-width:none}
}
.og-okno > .og-blad{margin:0 var(--s6) var(--s3);flex:0 0 auto}
.bramka-opis{margin:0;padding:14px 18px 0}
.bramka-opis-dol{padding:12px 18px 16px}
.kn-stoper-start{display:inline-flex;align-items:center;gap:6px}
.kn-stoper-start svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.kn-stoper.leci{display:inline-flex;align-items:center;gap:8px;padding:2px 4px 2px 10px;
  border:1px solid var(--ok-border, var(--line));border-radius:999px;background:var(--ok-bg, var(--surface-2))}
.kn-stoper-kropka{width:8px;height:8px;border-radius:50%;background:var(--ok, #2f8a4f);
  animation:kn-stoper-puls 1.6s ease-in-out infinite}
.kn-stoper-czas{font-weight:680;font-variant-numeric:tabular-nums;color:var(--ok-ink, var(--ink));min-width:4.6em}
.kn-stoper-odrzuc{background:none;border-color:transparent;color:var(--ink-3)}
.kn-stoper-odrzuc:hover{color:var(--bad)}
@keyframes kn-stoper-puls{0%,100%{opacity:1}50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){.kn-stoper-kropka{animation:none}}
.drawer.karta-naprawy{width:min(96vw,max(960px,80vw));max-width:none}
.kn-skoki{position:sticky;top:calc(-1 * var(--s5));z-index:6;display:flex;flex-wrap:wrap;gap:4px;
  margin:0 calc(-1 * var(--s6)) var(--s4);padding:8px var(--s6);
  background:color-mix(in srgb, var(--surface) 92%, transparent);backdrop-filter:blur(6px);
  border-bottom:1px solid var(--line-soft, var(--line))}
.kn-skok{border:0;background:none;padding:5px 10px;border-radius:999px;font:inherit;
  font-size:var(--fs-sm);color:var(--ink-2);cursor:pointer}
.kn-skok:hover{background:var(--surface-2);color:var(--ink)}
.kn-skok:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.kn-strefa{--sk:var(--ink-3);scroll-margin-top:56px;margin-top:var(--s5)}
.kn-strefa-komunikacja{--sk:var(--info)}
.kn-strefa-rozliczenie{--sk:var(--warn)}
.kn-strefa-warsztat{--sk:var(--ok)}
.kn-strefa-historia{--sk:var(--ink-3)}
.kn-strefa-hd{display:flex;align-items:center;gap:8px;margin:0 0 var(--s3);padding:0 0 6px 2px;
  font-size:var(--fs-sm);font-weight:720;letter-spacing:.07em;text-transform:uppercase;color:var(--sk);
  border-bottom:2px solid color-mix(in srgb, var(--sk) 30%, transparent)}
.kn-strefa-ikona{flex:none}
.kn-strefa .blok{border-left:3px solid var(--sk)}
.kn-strefa .blok .blok{border-left-width:1px;border-left-color:var(--line)}
.kn-strefa .blok > .blok-hd{background:color-mix(in srgb, var(--sk) 7%, var(--surface-2))}
.kn-strefa .blok > .blok-hd .tytul{color:var(--ink)}
.kn-skok{display:inline-flex;align-items:center;gap:6px}
.kn-skok .kn-strefa-ikona{width:14px;height:14px}
.kn-sk-komunikacja{color:var(--info)}
.kn-sk-rozliczenie{color:var(--warn)}
.kn-sk-warsztat{color:var(--ok)}
.kn-sk-historia{color:var(--ink-2)}
.kn-skok.kn-sk-komunikacja:hover,.kn-skok.kn-sk-rozliczenie:hover,.kn-skok.kn-sk-warsztat:hover{color:var(--ink)}
.kn-glowne{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);
  padding:var(--s4) var(--s5);margin-bottom:var(--s4)}
.kn-etyk{display:flex;align-items:center;gap:6px;font-size:var(--fs-xs);font-weight:650;letter-spacing:.05em;text-transform:uppercase;
  color:var(--ink-3);margin-bottom:3px}
.kn-etyk .ikonka{flex:0 0 auto;color:var(--accent-text, var(--ink-2));opacity:.85}
.kn-usterka{padding-bottom:var(--s3);margin-bottom:var(--s3);border-bottom:1px solid var(--line-soft, var(--line))}
.kn-usterka-tresc{font-size:var(--fs-md, 1rem);line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}
.kn-glowne-siatka{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:var(--s3) var(--s5)}
.kn-fakt{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:var(--fs-sm);overflow-wrap:anywhere}
.kn-fakt > span:nth-child(2){font-size:var(--fs-base, .95rem);color:var(--ink)}
.kn-fakt-akcje{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.kn-klient{font-weight:600;font-size:inherit;padding:0}
.kn-uwagi-wew{margin-top:var(--s3);padding:8px 12px;border-radius:var(--radius-sm);
  background:var(--warn-bg, var(--surface-2));font-size:var(--fs-sm)}
.kn-uwagi-wew .kn-etyk{display:inline-flex;vertical-align:-2px;margin-right:6px}
.kn-przekazanie{margin-top:var(--s3);display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.kn-przekazanie .btn{margin-left:auto}
.kn-glowne-stopka{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:var(--s3);
  padding-top:var(--s3);border-top:1px solid var(--line-soft, var(--line))}
.kn-glowne-stopka .jak-link{padding-left:0}
.kn-glowne-stopka .btn.kn-rozwin{display:inline-flex;align-items:center;gap:6px}
.kn-rozwin .ikonka{transition:transform .15s ease}
.kn-rozwin.otwarte .ikonka{transform:rotate(180deg)}
@media (prefers-reduced-motion:reduce){ .kn-rozwin .ikonka{transition:none} }
.kn-pelne{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:var(--s3) var(--s5);
  margin-top:var(--s3);padding-top:var(--s3);border-top:1px solid var(--line-soft, var(--line))}
.kn-pelne-grupa{min-width:0}
.kn-pelne-hd{display:flex;align-items:center;gap:6px;margin:0 0 8px;font-size:var(--fs-sm);font-weight:650;color:var(--ink)}
.kn-pelne-hd .ikonka{color:var(--accent-text, var(--ink-2))}
.kn-pelne-hd .cichy{font-weight:400;margin-left:2px}
.kn-pd-siatka{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px var(--s4);margin:0}
.kn-pd{min-width:0}
.kn-pd.szeroki{grid-column:1 / -1}
.kn-pd dt{font-size:var(--fs-xs);color:var(--ink-3);margin:0 0 2px;line-height:1.3}
.kn-pd dd{margin:0;font-size:var(--fs-sm);color:var(--ink);overflow-wrap:anywhere}
.kn-pd dd.kn-punkt{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center}
.kn-przekazanie-powod{flex-basis:100%}
@media (max-width:900px){ .kn-pelne{grid-template-columns:1fr} }
.kn-pozycje td{padding:10px 0}
.kn-pozycje td + td{padding-left:var(--s4)}
.kn-pozycje .kn-poz-usun{white-space:nowrap}
.kn-pozycje .kn-poz-usun .btn + .btn{margin-left:6px}
.kn-pozycje tfoot td{padding-top:12px;padding-bottom:4px}
.kn-wycena-start{margin:0 0 var(--s3)}
@media (max-width:760px){
  .kn-skoki{margin-left:calc(-1 * var(--s4));margin-right:calc(-1 * var(--s4));padding-left:var(--s4);padding-right:var(--s4)}
  .kn-glowne{padding:var(--s3) var(--s4)}
}
@media (max-width:900px){ .drawer.karta-naprawy{width:100vw} }
.blok-bd > .pasek-akcji:first-child{margin-top:0;padding-top:0;border-top:0}
.blok-bd > .kn-zdjecia-akcje:first-child{margin-top:0;padding-top:0;border-top:0}
.kn-podpowiedz-wyceny{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);flex-wrap:wrap;
  margin-top:var(--s3);padding:12px 14px;border-radius:var(--radius-sm);
  background:var(--accent-soft);border:1px solid var(--accent-border);font-size:var(--fs-sm)}
.kn-podpowiedz-wyceny .cichy{margin-top:2px}
.kn-wzor-duzy{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.wzor-blokady.podglad.duzy{width:min(300px,78vw);border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.wzor-blokady.podglad.duzy .wzor-linia{stroke-width:6}
.wzor-start{fill:none;stroke:var(--accent);stroke-width:3;opacity:.55}
.wzor-numer.duzy{font-size:15px;fill:var(--accent-ink)}
.kn-okno-sekret .kn-okno-kod{padding:var(--s3) 0 var(--s2)}
.kn-okno-sekret .kod-jawny{font-size:2rem;letter-spacing:.12em;padding:10px 18px}
.kn-stoper.leci{box-sizing:border-box;height:34px;padding:0 3px 0 12px;gap:8px;overflow:hidden}
.kn-stoper-czas{font-size:var(--fs-sm);min-width:4.2em}
.kn-stoper-stop{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 11px;border:0;border-radius:999px;
  background:var(--ok-solid, #2f8a4f);color:var(--ok-solid-ink, #fff);font:inherit;font-size:var(--fs-sm);font-weight:650;cursor:pointer}
.kn-stoper-stop:hover{background:var(--ok-solid-hover, #26733f)}
.kn-stoper-stop svg{width:10px;height:10px;fill:currentColor}
.kn-stoper-odrzuc{display:inline-grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:50%;
  background:transparent;color:var(--ink-3);cursor:pointer}
.kn-stoper-odrzuc:hover{background:var(--bad-bg);color:var(--bad)}
.kn-stoper-odrzuc svg{width:10px;height:10px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round}
.kn-stoper-stop:focus-visible,.kn-stoper-odrzuc:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.ai-wiad-pola{display:flex;flex-direction:column;gap:var(--s3)}
.ai-wiad-pola .pole{width:100%;max-width:none}
.ai-wiad-pola select.input,.ai-wiad-pola textarea.input{width:100%}
.ai-wiad-pola textarea.input{min-height:76px;resize:vertical}
.kn-poz-lista{display:flex;flex-direction:column;border:1px solid var(--line-soft, var(--line));
  border-radius:var(--radius-sm);overflow:hidden;font-size:var(--fs-sm)}
.kn-poz{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:4px var(--s4);align-items:start;
  padding:10px 12px;border-bottom:1px solid var(--line-soft, var(--line));background:var(--surface)}
.kn-poz:hover{background:var(--surface-2)}
.kn-poz-opis{min-width:0}
.kn-poz-nazwa{font-weight:600;overflow-wrap:anywhere}
.kn-poz-ile,.kn-poz-suma{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.kn-poz-suma{min-width:7em}
.kn-poz-akcje{display:flex;gap:2px;align-self:center;min-width:60px;justify-content:flex-end}
.kn-ikona{display:inline-grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid transparent;
  border-radius:var(--radius-sm);background:transparent;color:var(--ink-2);cursor:pointer}
.kn-ikona svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.kn-ikona:hover{background:var(--surface-3, var(--surface-2));border-color:var(--line)}
.kn-ikona.groznie:hover{color:var(--bad);background:var(--bad-bg);border-color:var(--bad-border)}
.kn-ikona:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.kn-ikona:disabled{opacity:.45;cursor:default}
.kn-poz-edycja{padding:12px;border-bottom:1px solid var(--line-soft, var(--line));background:var(--surface-2)}
.kn-poz-razem{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:var(--s4);align-items:baseline;
  padding:10px 12px;background:var(--surface-2);font-variant-numeric:tabular-nums}
.kn-poz-razem > span:first-child{color:var(--ink-2)}
.kn-poz-brutto{min-width:7em;text-align:right;margin-right:62px}
@media (max-width:640px){
  .kn-poz{grid-template-columns:minmax(0,1fr) auto}
  .kn-poz-ile{grid-column:1;text-align:left}
  .kn-poz-suma{grid-column:2;grid-row:1}
  .kn-poz-akcje{grid-column:2}
  .kn-poz-brutto{margin-right:0}
}
.okienko.ai-okno{width:min(880px,94vw);max-height:90vh}
.ai-okno .ai-narzedzia{margin:var(--s3) 0 0}
.ai-okno .ai-panel{margin-top:var(--s4)}
.kn-fakt .kn-nip{color:var(--ink-2);font-size:var(--fs-sm)}
.kn-fakt .kn-mail{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;overflow-wrap:normal}
.okienko.kn-okno-pozycji{width:min(820px,94vw);max-height:90vh;overflow:auto}
.kn-okno-pozycji > .note{margin:var(--s3) 0 0}
.kn-okno-pozycji > .kartahd + *{margin-top:var(--s3)}
.okienko.kn-okno-pozycji > .kartahd .rozpychacz,
.okienko.ai-okno > .kartahd .rozpychacz{margin-left:auto}
.ai-okno .ai-panel .btn{white-space:nowrap}
.kn-wyc-lista{border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;margin:var(--s3) 0}
.kn-wyc-wiersz{display:grid;grid-template-columns:minmax(0,1fr) auto 11ch;gap:var(--s4);align-items:center;
  padding:10px 14px;min-height:44px;border-top:1px solid var(--line-soft)}
.kn-wyc-wiersz:first-child{border-top:0}
.kn-wyc-wiersz > span:nth-child(2),.kn-wyc-wiersz > span:nth-child(3){text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.kn-wyc-nazwa{overflow-wrap:anywhere}
.kn-wyc-suma{background:var(--surface-2);border-top:1px solid var(--line)}
.kn-wyc-suma > span:first-child{color:var(--muted, var(--ink-2))}
.okienko > .kartahd > .rozpychacz{margin-left:auto}
.ai-przyklady{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:var(--s2) 0}
.ai-przyklad{font:inherit;font-size:var(--fs-sm);line-height:1.3;text-align:left;cursor:pointer;
  padding:5px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);color:var(--ink)}
.ai-przyklad:hover{border-color:var(--accent-border);background:var(--accent-soft)}
.ai-przyklad:focus-visible{outline:2px solid var(--accent-border);outline-offset:2px}
.nav .nav-marka-znak{flex:0 0 auto;width:22px;height:22px;margin:-3px -3px -3px -3px;object-fit:contain}
.nav .nav-marka{display:inline-flex;align-items:baseline;gap:7px;min-width:0}
.nav .nav-marka b{font-weight:760;letter-spacing:.06em}
.nav .nav-marka-opis{font-size:.8em;font-weight:500;opacity:.62;text-transform:lowercase;white-space:nowrap}
.okienko.przyjecie-okno.pz-szerokie{width:min(1180px,96vw);height:min(820px,94vh);background:var(--bg)}
.przyjecie-okno > .pz-glowa{padding:var(--s4) var(--s6) var(--s3);background:var(--surface);
  border-bottom:1px solid var(--line-soft);margin:0}
.pz-glowa .rozpychacz{margin-left:auto}
.pz-marka{display:flex;align-items:center;gap:12px;min-width:0}
.pz-marka img{width:48px;height:48px;flex:none;display:block}
.pz-marka-slowo{margin:0;font-family:'Fredoka',system-ui,sans-serif;font-weight:700;font-size:26px;
  line-height:1;letter-spacing:.02em;color:var(--ananas-slowo, var(--ink))}
.pz-marka-rozw{font-size:12.5px;line-height:1.35;color:var(--ink-2);margin-top:3px}
.pz-marka-rozw span{color:var(--ananas-litera, var(--accent));font-weight:800}
:root[data-theme="dark"] .pz-marka-slowo{color:var(--ink)}
.przyjecie-okno > .note{margin:var(--s3) var(--s6) 0}
.przyjecie-okno > .pz-postep{flex:0 0 auto;margin:0;padding:var(--s4) var(--s6) var(--s3);
  background:var(--surface);border-bottom:1px solid var(--line)}
.pz-postep ol{--kolko:26px;position:relative;display:grid;grid-template-columns:repeat(5,1fr);
  list-style:none;margin:0;padding:0}
.pz-postep ol::before,.pz-postep ol::after{content:'';position:absolute;top:calc(var(--kolko) / 2 - 2px);
  left:10%;height:4px;border-radius:4px}
.pz-postep ol::before{right:10%;background:var(--line)}
.pz-postep ol::after{width:calc(var(--postep, 0%) * .8);background:var(--accent);transition:width .35s ease}
.pz-etap{position:relative;z-index:1;display:flex;justify-content:center}
.pz-etap button{display:flex;flex-direction:column;align-items:center;gap:7px;padding:0 4px;
  border:0;background:transparent;cursor:pointer;font:inherit;color:var(--ink-3);border-radius:var(--radius-sm)}
.pz-etap button:focus-visible{outline:none;box-shadow:var(--focus)}
.pz-etap-kolko{width:var(--kolko);height:var(--kolko);box-sizing:border-box;border-radius:50%;
  display:grid;place-items:center;background:var(--surface);border:2px solid var(--line);
  font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink-3);
  transition:background .2s,border-color .2s,box-shadow .2s,color .2s}
.pz-etap-kolko svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2.2;
  stroke-linecap:round;stroke-linejoin:round}
.pz-etap-nazwa{font-size:var(--fs-sm);font-weight:600;white-space:nowrap}
.pz-etap button:hover .pz-etap-kolko{border-color:var(--accent)}
.pz-etap button:hover .pz-etap-nazwa{color:var(--ink)}
.pz-etap.minety .pz-etap-kolko{border-color:var(--accent);color:var(--ink-2)}
.pz-etap.zrobiony .pz-etap-kolko{background:var(--ok-solid, var(--ok));border-color:var(--ok-solid, var(--ok));color:#fff}
.pz-etap.zrobiony .pz-etap-nazwa{color:var(--ink-2)}
.pz-etap.teraz .pz-etap-kolko{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);
  box-shadow:0 0 0 5px var(--accent-soft)}
.pz-etap.teraz .pz-etap-nazwa{color:var(--ink);font-weight:700}
.pz-etap.zly .pz-etap-kolko{background:var(--bad);border-color:var(--bad);color:#fff}
.pz-etap.zly .pz-etap-nazwa{color:var(--bad)}
@media (prefers-reduced-motion:reduce){.pz-postep ol::after,.pz-etap-kolko{transition:none}}
.pz-uklad{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 320px;
  gap:var(--s4);padding:var(--s4) var(--s6)}
.pz-kolumna,.pz-karta{display:flex;flex-direction:column;min-height:0;background:var(--surface);
  border:1px solid var(--line);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-1);overflow:hidden}
.pz-kolumna-hd{flex:0 0 auto;display:flex;align-items:baseline;gap:8px;padding:12px 18px;
  border-bottom:1px solid var(--line-soft);background:var(--surface-2)}
.pz-kolumna-hd h3{margin:0;font-size:var(--fs-sm);font-weight:700;text-transform:uppercase;
  letter-spacing:.05em;color:var(--ink-2)}
.pz-kolumna-nr{margin-left:auto;font-size:var(--fs-sm);color:var(--ink-3);font-variant-numeric:tabular-nums}
.pz-kolumna > .pz-tresc{flex:1 1 auto;min-height:0;overflow:auto;padding:var(--s4) 18px var(--s5)}
.pz-krok-opis{margin:0 0 var(--s4);color:var(--ink-3);font-size:var(--fs-sm);max-width:62ch}
.pz-kolumna > .pz-tresc .podsekcja:first-child{margin-top:0}
.pz-anonim{display:inline-flex;align-items:center;gap:6px;margin-bottom:var(--s3)}
.pz-szukaj{position:relative}
.pz-szukaj svg{position:absolute;left:12px;top:50%;width:18px;height:18px;transform:translateY(-50%);
  fill:none;stroke:var(--ink-3);stroke-width:1.8;stroke-linecap:round;pointer-events:none}
.pz-szukaj .input{padding-left:38px}
.pz-nowy-hd{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap;
  margin:var(--s5) 0 var(--s3);padding-top:var(--s4);border-top:1px solid var(--line-soft)}
.pz-etykieta{font-size:var(--fs-sm);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-2)}
.pz-przelacznik{display:inline-flex;padding:3px;gap:2px;border:1px solid var(--line);
  border-radius:var(--radius-pill, 999px);background:var(--surface-2)}
.pz-przelacznik button{font:inherit;font-size:var(--fs-sm);font-weight:600;padding:5px 14px;border:0;
  border-radius:var(--radius-pill, 999px);background:transparent;color:var(--ink-2);cursor:pointer}
.pz-przelacznik button.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px rgba(13,31,60,.14)}
.pz-przelacznik button:focus-visible{outline:none;box-shadow:var(--focus)}
.pz-karta-tresc{flex:1 1 auto;min-height:0;overflow:auto;padding:6px}
.pz-karta-grupa{display:block;width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer;
  padding:10px 12px;border:1px solid transparent;border-radius:var(--radius-md, 10px);background:transparent}
.pz-karta-grupa + .pz-karta-grupa{margin-top:2px}
.pz-karta-grupa:hover{background:var(--surface-2)}
.pz-karta-grupa:focus-visible{outline:none;box-shadow:var(--focus)}
.pz-karta-grupa.teraz{background:var(--accent-soft);border-color:var(--accent-border)}
.pz-karta-grupa.przed{opacity:.6}
.pz-karta-tytul{display:block;margin-bottom:6px;font-size:11.5px;font-weight:700;text-transform:uppercase;
  letter-spacing:.06em;color:var(--ink-3)}
.pz-karta-grupa dl{display:grid;grid-template-columns:88px minmax(0,1fr);gap:4px 10px;margin:0;font-size:var(--fs-sm)}
.pz-karta-grupa dt{color:var(--ink-3)}
.pz-karta-grupa dd{margin:0;color:var(--ink);min-width:0;overflow-wrap:anywhere}
.pz-karta-skrot{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pz-karta-brak{color:var(--ink-3)}
.przyjecie-okno .pz-stopka .btn.primary{display:inline-flex;align-items:center;gap:6px}
.pz-strzalka{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:980px){
  .pz-uklad{grid-template-columns:1fr}
  .pz-karta{display:none}
}
@media (max-width:720px){
  .przyjecie-okno > .pz-glowa,.przyjecie-okno > .pz-postep{padding-left:var(--s4);padding-right:var(--s4)}
  .pz-uklad{padding:var(--s3)}
  .pz-etap-nazwa{display:none}
  .pz-etap.teraz .pz-etap-nazwa{display:block;position:absolute;top:calc(var(--kolko) + 6px)}
  .pz-marka-rozw{display:none}
}
.pz-karta-glowne{display:block;font-weight:650;color:var(--ink);overflow-wrap:anywhere}
.pz-karta-glowne.pusto{font-weight:400;color:var(--ink-3);font-style:italic}
.pz-karta-glowne + dl{margin-top:6px}
.przebieg .pz-pokaz{margin-left:8px;font-size:var(--fs-sm);font-weight:600;white-space:nowrap}
.kol-numer.lewo .kn-uklad{align-items:flex-end}
.kol-numer.lewo .kn-boczne{justify-content:flex-end}
.ksiegowosc-ekran{padding:4px 20px 22px}
.ksiegowosc-ekran > .sekcja{padding-left:0;padding-right:0}
.ksiegowosc-ekran .pasek-akcji .grow{flex:1 1 auto}
.kn-inne-dane{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 var(--s3)}
.kn-inne-chip{display:inline-flex;align-items:baseline;gap:8px;flex-wrap:wrap;text-align:left;cursor:pointer;
  font:inherit;font-size:var(--fs-sm);padding:7px 12px;border-radius:var(--radius-sm);
  background:var(--warn-bg);border:1px solid var(--warn-border, var(--line));color:var(--ink);max-width:100%}
.kn-inne-chip:hover{filter:brightness(.98)}
.kn-inne-chip:focus-visible{outline:none;box-shadow:var(--focus)}
.kn-inne-etyk{font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:11px;color:var(--ink-2)}
.kn-inne-zmien{color:var(--accent);font-weight:600}
.kn-glowne-stopka .grow{flex:1 1 auto}
.okienko.kn-okno-inne{width:min(760px,94vw)}
.kn-inne-wstep{margin:var(--s3) 0}
.kn-okno-inne .kn-tryb-wyceny{margin-bottom:var(--s3)}
.kn-inne-kartoteka{display:flex;flex-direction:column;gap:8px}
.kn-inne-wybrany{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);
  border-radius:var(--radius-sm);background:var(--surface-2)}
.kn-inne-wybrany strong{flex:1 1 auto}
.kn-okno-inne .pasek-akcji .grow{flex:1 1 auto}
.kn-faktura-nabywca{margin:0 0 var(--s2)}
.okienko.kn-okno-faktura{width:min(560px,94vw)}
.kn-faktura-fakty{margin:var(--s3) 0}
.btn.kn-btn-faktura{border-color:var(--accent-border);background:var(--accent-soft)}
.kn-faktura-fakty{display:grid;grid-template-columns:90px minmax(0,1fr);gap:8px 14px}
.kn-faktura-fakty dt{color:var(--ink-3);margin:0}
.kn-faktura-fakty dd{margin:0}
.kasa-usun-podsumowanie{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));
  gap:var(--s3);margin-bottom:var(--s4);padding:var(--s3) var(--s4);
  border:1px solid var(--line);border-radius:var(--radius)}
.kasa-usun-podsumowanie > div{display:flex;flex-direction:column;gap:2px;min-width:0}
.kasa-usun-podsumowanie .l{font-size:var(--fs-sm);color:var(--ink-3)}
.kasa-usun-podsumowanie .v{font-weight:640;font-variant-numeric:tabular-nums}
.kasa-usun-wplaty{margin:var(--s3) 0}
.kasa-usun-wplaty .l{font-size:var(--fs-sm);color:var(--ink-2);margin-bottom:var(--s2)}
.kasa-usun-wplaty ul{list-style:none;margin:0;padding:0;max-height:180px;overflow:auto;
  border:1px solid var(--line);border-radius:var(--radius)}
.kasa-usun-wplaty li{display:flex;justify-content:space-between;gap:var(--s3);
  padding:6px var(--s3);border-bottom:1px solid var(--line)}
.kasa-usun-wplaty li:last-child{border-bottom:0}
.kn-galeria:has(.kn-foto){grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}
.kn-foto{margin:0;display:flex;flex-direction:column;gap:6px;min-width:0}
.kn-foto-klient{font:inherit;font-size:var(--fs-sm);line-height:1.2;padding:5px 6px;
  border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink-2);
  cursor:pointer;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kn-foto-klient:hover:not(:disabled){border-color:var(--accent);color:var(--ink)}
.kn-foto-klient:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.kn-foto-klient.widzi{background:var(--ok-bg, #e8f5ec);border-color:var(--ok-border, #b9e0c6);
  color:var(--ok, #1f7a3f);font-weight:600}
.kn-foto-klient:disabled{cursor:default;opacity:.8}
.kn-foto-zasada{margin:0 0 var(--s3);font-size:var(--fs-sm);color:var(--ink-3)}
.dzis-w-punkcie{margin:0}
.dzis-w-punkcie .hd{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap}
.dzis-lista{list-style:none;margin:0;padding:var(--s3) var(--s4);display:grid;gap:var(--s3);
  grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.dzis-osoba{display:flex;align-items:center;gap:12px;min-width:0;padding:8px 10px;
  border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.dzis-osoba.ton-nie{background:var(--surface-2)}
.dzis-osoba.klik{cursor:pointer}
.dzis-osoba.klik:hover{border-color:var(--accent)}
.dzis-osoba.klik:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.dzis-zlecenia{display:flex;flex-direction:column;gap:6px}
.dzis-zlecenie{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;width:100%;
  text-align:left;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm, 8px);
  background:var(--surface);color:inherit;cursor:pointer;font:inherit}
.dzis-zlecenie:hover{border-color:var(--accent);background:var(--surface-2)}
.dzis-zl-nr{font-size:var(--fs-sm);white-space:nowrap}
.dzis-zl-opis{display:flex;flex-direction:column;min-width:0}
.dzis-zl-opis .muted{font-size:var(--fs-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dzis-zl-stan{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:var(--fs-sm);white-space:nowrap}
@media (max-width:640px){.dzis-zlecenie{grid-template-columns:1fr}.dzis-zl-stan{align-items:flex-start}}
.dzis-osoba.ton-nie .dzis-twarz{opacity:.6}
.dzis-twarz{position:relative;flex:0 0 44px;width:44px;height:44px;border-radius:50%;
  display:grid;place-items:center;background:var(--accent-soft, var(--surface-2));color:var(--accent);
  font-weight:700;font-size:15px;border:1px solid var(--line)}
.dzis-twarz img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.dzis-kropka{position:absolute;right:-1px;bottom:-1px;width:13px;height:13px;border-radius:50%;
  border:2px solid var(--surface);background:var(--ok, #1f7a3f)}
.ton-zajety .dzis-kropka{background:var(--warn, #b7791f)}
.ton-nie .dzis-kropka{background:var(--ink-3, #8a8f98)}
.dzis-opis{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.dzis-imie{font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dzis-ja{font-weight:400;color:var(--ink-3)}
.dzis-stan{font-size:var(--fs-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ton-ok .dzis-stan{color:var(--ok, #1f7a3f)}
.ton-zajety .dzis-stan{color:var(--warn, #b7791f)}
.ton-nie .dzis-stan{color:var(--ink-3)}
.dzis-naprawy{font-size:var(--fs-sm);color:var(--ink-2);font-variant-numeric:tabular-nums}
.dzis-po{color:var(--bad, #c62828)}
.dzis-w-punkcie .hd .btn{margin-left:auto}
.btn.odswiez{display:inline-flex;align-items:center;gap:6px}
.btn.odswiez:disabled .ikona-odswiez{animation:obrot-odswiez .8s linear infinite}
@keyframes obrot-odswiez{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.btn.odswiez:disabled .ikona-odswiez{animation:none}}
.kn-glowa-przyciski{margin-left:auto;display:inline-flex;gap:6px;align-items:center}
.kn-glowa-przyciski .zamknij{margin-left:0}
@media (max-width:640px){
  .drawer-hd .kn-glowa-przyciski{grid-column:2;grid-row:1;margin-left:0;align-self:start}
}
.dzis-twarz{overflow:visible}
.dzis-twarz img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}
.dzis-kropka{z-index:1}
.dzis-w-punkcie{margin:0 0 var(--s4)}
.pulpit-napraw .dzis-w-punkcie{margin:0}
.lista-napraw .kol-pieniadze{white-space:nowrap;text-align:left}
.stan-pieniedzy{display:flex;flex-direction:column;gap:2px;line-height:1.25}
.stan-pieniedzy-tekst{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-sm);font-weight:600}
.stan-pieniedzy .kropka{width:8px;height:8px;border-radius:50%;background:currentColor;flex:0 0 8px}
.stan-pieniedzy.ton-ok .stan-pieniedzy-tekst{color:var(--ok)}
.stan-pieniedzy.ton-uwaga .stan-pieniedzy-tekst{color:var(--warn)}
.stan-pieniedzy.ton-zle .stan-pieniedzy-tekst{color:var(--bad)}
.stan-pieniedzy-kwota{font-variant-numeric:tabular-nums;color:var(--ink-2);font-size:var(--fs-sm);padding-left:14px}
.lista-napraw .kol-krok{white-space:nowrap;text-align:left}
.lista-napraw .kol-krok .akcja-wiersza{margin:0}
.lista-napraw .kol-numer .kn-glowny .pill{margin:0 0 3px}
.lista-napraw td,.lista-napraw th{padding-left:10px;padding-right:10px}
.lista-napraw td.clip{max-width:200px}
.lista-napraw td[data-label="Sprzęt"] .tnij{max-width:170px}
.lista-napraw td[data-label="Serwisant"]{white-space:normal;max-width:130px}
.lista-napraw td.kol-numer{white-space:nowrap}
.lista-napraw .kol-numer .pill{max-width:230px;overflow:hidden;white-space:nowrap}
.lista-napraw .kol-pieniadze,.lista-napraw .kol-krok{width:1%}
.lista-napraw td[data-label="Klient"]{max-width:150px}
.qs-stan{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:50;
  padding:10px 12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
  box-shadow:var(--shadow-2);color:var(--ink-2);font-size:var(--fs-sm);line-height:1.45}
.kn-domyslny-status{margin-top:10px}
.kn-domyslny-status .ptaszek{align-items:flex-start}
.kn-domyslny-status .ptaszek input{width:16px;height:16px;margin:calc((1lh - 16px) / 2) 0 0}
:root .pill.st-kolor{background:color-mix(in srgb, var(--kc) 16%, var(--surface));
  border:1px solid color-mix(in srgb, var(--kc) 60%, transparent);color:var(--ink)}
:root .pill.st-kolor .ikonka{color:var(--kc)}
:root .pill.st-kolor.st-ostrzega .ikonka{color:var(--warn)}
.do-ustawienia{padding:var(--s4);display:flex;flex-direction:column;gap:var(--s4)}
.du-podsumowanie{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap;padding:12px 14px;
  border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-2);line-height:1.45}
.du-podsumowanie .btn{margin-left:auto}
.du-podsumowanie.zle{background:var(--bad-bg);border-color:var(--bad-border)}
.du-podsumowanie.dobrze{background:var(--ok-bg);border-color:var(--ok-border)}
.du-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;
  border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.du-poz{display:flex;align-items:center;gap:var(--s4);padding:12px 14px;background:var(--surface)}
.du-poz + .du-poz{border-top:1px solid var(--line)}
.du-poz.du-wazne{box-shadow:inset 3px 0 0 var(--bad)}
.du-poz.du-zalecane{box-shadow:inset 3px 0 0 var(--warn)}
.du-tekst{flex:1;min-width:0}
.du-tytul{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-weight:650}
.du-opis{color:var(--ink-2);font-size:var(--fs-sm);margin-top:3px;line-height:1.45}
.du-poz > .btn{flex:none}
.du-gotowe > summary{cursor:pointer;color:var(--ink-2);font-weight:600;padding:4px 0;margin-bottom:var(--s2)}
:root .input.zle, :root .input[aria-invalid="true"] { border-color: var(--bad); box-shadow: 0 0 0 3px color-mix(in srgb, var(--bad) 18%, transparent); }
:root .bramka-pole small.pole-blad { color: var(--bad); font-weight: 600; }
.punkt-tytul{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}
.punkt-tytul h3{margin:0;font-size:var(--fs-lg)}
.punkt-skrot{font-size:var(--fs-sm);color:var(--ink-2);padding:2px 8px;border:1px solid var(--line);border-radius:6px;background:var(--surface)}
.punkt-fakty{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 20px;padding:14px 18px}
@media (max-width:1100px){.punkt-fakty{grid-template-columns:repeat(2,minmax(0,1fr))}}
.punkt-fakty > div{display:flex;flex-direction:column;gap:3px;min-width:0;font-size:var(--fs-sm)}
.punkt-fakty > div > span{color:var(--ink-3);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.05em;font-weight:650}
.punkt-fakty em.brak{color:var(--warn);font-style:normal}
.punkt-kod-miasto{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px}
.punkt-kod-miasto > label{display:flex;flex-direction:column;gap:6px;min-width:0}
.punkt-kod-miasto > label > span{font-weight:600;font-size:var(--fs-sm)}
.bramka-karta.wyszarzony{opacity:.7}
.punkt-fakty p{margin:0;line-height:1.45}
.akcje-karty-firmy{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.btn:has(> .ikona-sok){vertical-align:middle}
.okienko.okno-formularza{padding:0;display:flex;flex-direction:column;overflow:hidden;max-height:90vh}
.okno-formularza-hd{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;
  padding:16px 20px;border-bottom:1px solid var(--line-soft, var(--line));background:var(--surface-2)}
.okno-formularza-hd h3{margin:0;font-size:var(--fs-lg)}
.okno-formularza-pod{color:var(--ink-3);font-size:var(--fs-sm);margin-top:2px}
.okno-formularza-bd{overflow:auto;flex:1 1 auto}
.okno-formularza-bd > .bramka-pola{padding:18px 20px}
.okno-formularza-st{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;padding:12px 20px;
  border-top:1px solid var(--line-soft, var(--line));background:var(--surface-2)}
.qs-wyniki{position:fixed;z-index:80;max-height:min(70vh,640px);overflow:auto;background:var(--surface);
  border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-2)}
.qs-wynik{display:flex;align-items:center;gap:12px;padding:9px 14px;cursor:pointer}
.qs-wynik + .qs-wynik{border-top:1px solid var(--line-soft, var(--line))}
.qs-wynik.on{background:var(--accent-soft)}
.qs-wynik-tekst{flex:1;min-width:0}
.qs-wynik-nazwa{font-weight:650;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qs-wynik.on .qs-wynik-nazwa{color:var(--accent-text)}
.qs-wynik-pod{color:var(--ink-3);font-size:var(--fs-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:1px}
.qs-wynik .pill{flex:none}
.qs-wiecej{display:block;width:100%;border:0;border-top:1px solid var(--line);background:var(--surface-2);
  padding:9px 14px;font:inherit;font-size:var(--fs-sm);font-weight:600;color:var(--accent-text);cursor:pointer;text-align:left}
.qs-wiecej:hover{background:var(--accent-soft)}
.qs-stan{z-index:80}
.ust-tresc .sekcja{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);
  margin:16px 0 0;overflow:hidden}
.ust-tresc .sekcja:first-child{margin-top:0}
.ust-tresc .sekcja > .sekcja-hd{padding:13px 18px;background:var(--surface-2);border-bottom:1px solid var(--line-soft, var(--line))}
.ust-tresc .sekcja.zwinieta > .sekcja-hd{border-bottom:0}
.ust-tresc .sekcja > .sekcja-hd > h3{margin:0;padding:0;border:0;font-size:var(--fs-lg);font-weight:650}
.ust-tresc .sekcja > .sekcja-hd > .sekcja-opis{margin:4px 0 0;max-width:90ch}
.ust-tresc .sekcja > .sekcja-bd{padding:16px 18px}
.ust-tresc .sekcja > .sekcja-bd > .tblwrap:first-child,
.ust-tresc .sekcja > .sekcja-bd > table:first-child{margin-top:0}
.ust-tresc .sekcja .sekcja{border-radius:var(--radius-sm)}
.ust-cialo{padding:18px 20px 22px}
.ust-cialo > .bramki,.ust-cialo > .bd,.ust-cialo > .ust-blok,.ust-cialo > .st-ekran,
.ust-cialo > .do-ustawienia{padding:0}
.ust-cialo > div[style*="padding"]{padding:0 !important}
.ust-cialo > .card{border:0;box-shadow:none;background:none;padding:0}
.ust-cialo > .card > .bd{padding:0}
.ust-cialo > .ksiegowosc-ekran{padding:0}
.ust-cialo > div > .wyjasnienie:first-child{padding:0 0 14px}
.panel-edycji.w-oknie{margin:0;border:0;border-radius:0;box-shadow:none;background:none;padding:16px 20px 18px}
tr.wiersz-okna, tr.wiersz-okna > td{padding:0 !important;border:0 !important;height:0;background:none !important}
.przelacznik .podpis{font-size:var(--fs-sm);color:var(--ink-3);line-height:1.4}
.seria-edycja.w-oknie{padding:16px 20px 18px;display:flex;flex-direction:column;gap:12px;border:0;margin:0;background:none}
.seria-edycja.w-oknie .formrow{margin:0}
.pola-wlasne-edycja.w-oknie{margin:0;display:grid;gap:var(--s4)}
.sla-wybor{align-items:flex-end;gap:var(--s3)}
.sla-wybor-pole{display:flex;flex-direction:column;gap:4px;min-width:260px}
.sla-wybor-pole > span{font-size:var(--fs-sm);font-weight:600;color:var(--ink-2)}
:root .tabela-kolejnosci tbody > tr > td{text-align:left}
:root .tabela-kolejnosci tbody > tr > td:last-child{text-align:right}
:root .tabela-kolejnosci tbody > tr > td.num{text-align:right}
.zbx-wiersz{display:grid;grid-template-columns:minmax(260px,340px) 84px auto auto 1fr;align-items:center;
  gap:6px 10px;padding:10px 0;border-top:1px solid var(--line-soft, var(--line))}
.zbx-wiersz:first-of-type{margin-top:var(--s3)}
.zbx-wiersz > .input.w-min{width:84px}
.zbx-wiersz > .input.sm{width:auto}
@media (max-width:760px){.zbx-wiersz{grid-template-columns:1fr 84px auto}}
.rodzaje-pasek{margin:var(--s4) 0 var(--s3);align-items:center}
.uninet-ust{max-width:1100px}
.uninet-ust .sekcja + .sekcja,.uninet-ust .uninet-zapisz + .sekcja{margin-top:var(--s4)}
.uninet-ust .uninet-zapisz{margin:var(--s4) 0;align-items:center}
.uninet-ust .sekcja-bd > .muted:first-child{margin-top:0}
.okno-formularza-bd{padding:18px 20px;display:flex;flex-direction:column;gap:12px}
.okno-formularza-bd > .bramka-pola,
.okno-formularza-bd > .panel-edycji.w-oknie,
.okno-formularza-bd > .seria-edycja.w-oknie{padding:0}
.okno-formularza-bd > .pole{margin:0}
.rodzaje-pasek > select.input{width:auto;flex:0 0 auto;min-width:200px}
.rodzaje-pasek > .umowy-szukajka{flex:1 1 260px}
.poczta-ekran{display:flex;flex-direction:column;gap:var(--s4)}
.poczta-ekran > .sekcja{margin:0}
.poczta-pola{grid-template-columns:repeat(4,minmax(0,1fr));padding-bottom:6px}
.poczta-pola .pp-2{grid-column:span 2}
.poczta-blad{margin:12px 18px 0}
.poczta-bezpiecznik{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;
  margin:0 18px 16px;padding-top:14px;border-top:1px dashed var(--line)}
.poczta-omija{display:flex;flex-wrap:wrap;gap:4px 18px}
.poczta-kolejka{font-size:var(--fs-sm);color:var(--ink-2);font-variant-numeric:tabular-nums}
.poczta-kolejka .bad{color:var(--bad)}
.poczta-nieudane{padding:0 18px 14px}
.poczta-nieudane summary{cursor:pointer;font-size:var(--fs-sm);color:var(--ink-2);padding:8px 0}
.poczta-automat{padding:0 0 4px}
.poczta-skrzynki{margin-top:var(--s4)}
.poczta-skrzynki-hd{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.poczta-skrzynki-hd .kolumny-tytul{margin:0}
@media (max-width:900px){.poczta-pola{grid-template-columns:repeat(2,minmax(0,1fr))}
  .poczta-bezpiecznik{grid-template-columns:1fr}}
@media (max-width:560px){.poczta-pola{grid-template-columns:1fr}.poczta-pola .pp-2{grid-column:auto}}
.znaczniki-siatka{list-style:none;margin:0;padding:0;display:grid;
  grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:6px}
.znaczniki-siatka li{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;
  padding:6px 8px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface)}
.znaczniki-siatka li.uzyty{background:var(--ok-bg);border-color:var(--ok-border)}
.znaczniki-siatka .znacznik-opis{font-size:var(--fs-xs);color:var(--ink-2);line-height:1.3;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.znaczniki-inne{display:flex;flex-wrap:wrap;gap:6px}
.sms-szablony-pasek{margin-bottom:var(--s3);gap:8px}
.sms-poz .sms-poz-znaki{display:flex;flex-wrap:wrap;gap:4px}
.sms-poz .pill{font-size:var(--fs-xs)}
.sms-test{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:var(--s3);border-top:1px dashed var(--line)}
.szablony-lista .sms-poz{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 8px;padding:6px 10px}
.szablony-lista .sms-poz .nazwa{font-weight:550;font-size:var(--fs-sm)}
.sms-kolejnosc{margin:0 0 var(--s3)}
.sms-kolejnosc .jak-link{margin-left:6px}
.szablony-lista .sms-grupa{font-size:var(--fs-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:var(--ink-3);padding:10px 10px 4px}
.szablony-lista .sms-grupa:first-child{padding-top:4px}
.szablony-lista .sms-grupa.bad{color:var(--bad)}
.szablony-lista .sms-pusto{padding:4px 10px;font-size:var(--fs-sm)}
.szablony-lista .sms-poz.sierota .nazwa{color:var(--bad)}
.sms-poz .plakietka-modulu{font-size:10px}
.dziennik-pasek{display:grid;grid-template-columns:minmax(140px,1fr) 136px 140px 158px 150px auto auto;
  align-items:center;gap:8px;margin-bottom:var(--s3)}
.dziennik-pasek > .input{width:100%;min-width:0;font-size:var(--fs-sm)}
@media (max-width:1100px){.dziennik-pasek{grid-template-columns:1fr 1fr 1fr}
  .dziennik-pasek > input.input{grid-column:1 / -1}}
.dziennik-kasowanie{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;cursor:pointer;
  font-size:var(--fs-sm)}
:root .tabela-dziennika th{text-align:left;cursor:pointer;user-select:none;white-space:nowrap}
:root .tabela-dziennika tbody > tr > td{text-align:left;height:auto;padding-top:7px;padding-bottom:7px;
  vertical-align:middle;line-height:1.35}
.tabela-dziennika .dz-kiedy{white-space:nowrap;color:var(--muted);font-size:var(--fs-sm)}
.tabela-dziennika .dz-wiersz{cursor:pointer}
.tabela-dziennika .dz-wiersz.otwarty > td{background:var(--surface-2,rgba(127,127,127,.06))}
:root .tabela-dziennika tbody > tr > td.dz-strzalka{width:28px;color:var(--muted);text-align:center;font-size:18px;line-height:1}
.tabela-dziennika th:last-child{cursor:default}
:root .tabela-dziennika tr.dz-szczegoly > td{background:var(--surface-2,rgba(127,127,127,.06));
  padding:8px 14px 12px}
.dz-pola{display:grid;grid-template-columns:max-content 1fr;gap:3px 16px;margin:0;font-size:var(--fs-sm)}
.dz-pola dt{color:var(--muted)}
.dz-pola dd{margin:0;word-break:break-word}
.dz-id{margin-top:6px;font-size:var(--fs-xs,12px)}
.tabela-dziennika .dz-strzalka > span{display:inline-block;transition:transform .15s}
.tabela-dziennika .dz-wiersz.otwarty .dz-strzalka > span{transform:rotate(90deg)}
@media (prefers-reduced-motion:reduce){.tabela-dziennika .dz-strzalka > span{transition:none}}
.moduly-lista{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r-md,10px);overflow:hidden}
.modul-wiersz{display:grid;grid-template-columns:1fr auto auto;gap:6px 18px;align-items:center;padding:12px 16px}
.modul-wiersz + .modul-wiersz{border-top:1px solid var(--line)}
.modul-wiersz.wylaczony .modul-opis{opacity:.7}
.modul-nazwa{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:2px}
.modul-kiedy{white-space:nowrap;text-align:right}
.modul-akcje{display:flex;gap:6px;justify-content:flex-end}
.moduly-stopka{margin-top:10px;line-height:1.6}
.moduly-odcisk{font-size:var(--fs-sm);padding:1px 6px;border-radius:4px;background:var(--surface-2,rgba(127,127,127,.08))}
@media (max-width:760px){.modul-wiersz{grid-template-columns:1fr}.modul-kiedy{text-align:left}.modul-akcje{justify-content:flex-start}}
.jezyk-wiersz{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.jezyk-wiersz > select.input{width:260px;max-width:100%}
.kopia-wiersz{display:grid;grid-template-columns:1fr auto;gap:8px 18px;align-items:center;padding:12px 16px;
  border:1px solid var(--line);border-radius:var(--r-md,10px)}
.kopia-wiersz .mini{margin-top:2px;max-width:70ch}
.kopia-auto-glowa{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:var(--s4) 0 var(--s2)}
@media (max-width:760px){.kopia-wiersz{grid-template-columns:1fr}}
.kopie-lista{border:1px solid var(--line);border-radius:var(--r-md,10px)}
.kopia-poz{display:flex;align-items:center;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;padding:10px 16px}
.kopia-poz + .kopia-poz{border-top:1px solid var(--line)}
.logo-wiersz{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.logo-miniatura{height:40px;min-width:120px;max-width:220px;padding:4px 10px;display:flex;align-items:center;
  justify-content:center;border:1px solid var(--line);border-radius:var(--radius-sm,6px);background:var(--surface-2)}
.logo-miniatura img{max-height:32px;max-width:200px;object-fit:contain}
.kolor-firmy{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap}
.kolor-probki{display:flex;gap:6px;flex-wrap:wrap}
.kolor-probka{width:26px;height:26px;border-radius:6px;cursor:pointer;border:1px solid var(--line);padding:0}
.kolor-probka[aria-pressed="true"]{outline:2px solid var(--ink);outline-offset:2px}
.kolor-firmy input[type=range]{flex:1 1 160px;min-width:140px;max-width:280px}
.kolor-nazwa{display:inline-flex;align-items:center;gap:6px;min-width:110px}
.kolor-kropka{width:12px;height:12px;border-radius:3px;display:inline-block}
.ai-ekran{display:flex;flex-direction:column;gap:var(--s3)}
.ai-ekran > .zakladki{margin-bottom:0}
.ai-wylacznik{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3);
  border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;background:var(--surface-2)}
.ai-wylacznik.wlaczone{border-color:var(--ok-border, var(--line))}
.ai-wylacznik-opis{flex:1 1 280px;display:flex;flex-direction:column;gap:2px}
.ai-wysylamy{display:flex;flex-direction:column;gap:var(--s3)}
.ai-wysylamy tr.klik{cursor:pointer}
.ai-wysylamy tr.grupa td{background:var(--surface-2)}
.ai-wysylamy-szczegol{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--s3);padding:6px 4px}
.ai-wysylamy-szczegol ul{margin:4px 0 0;padding-left:18px}
.ai-wysylamy-szczegol .cala{grid-column:1/-1}
.ai-ekran .ai-uwaga{margin:0;font-size:var(--fs-sm)}
.ai-opis-krotki{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;max-width:70ch}
.ai-uzycia .ai-uzycie{align-items:center;padding-top:8px;padding-bottom:8px}
.ai-model-pola{padding:8px 0 !important}
.ai-czat-wiersz{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}
.ai-dane{margin-top:var(--s2)}
.ai-wynik{max-width:360px}
.ai-wynik > span{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:760px){.ai-czat-wiersz{grid-template-columns:1fr}}
.bramka-gdzie{grid-column:1 / -1;font-size:var(--fs-xs,12px);line-height:1.45;margin-top:-4px}
.bramka-stopka .ptaszek{margin:0}
.bramka-adres code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius-sm,6px);font-size:var(--fs-sm)}
.kal-wstep{padding:12px 18px 4px;display:flex;flex-direction:column;gap:8px}
.kal-wstep .kroki-lista{margin:0}
.kal-wiersz{display:flex;align-items:center;justify-content:space-between;gap:10px 18px;flex-wrap:wrap;padding:12px 18px}
.kal-lista{display:flex;flex-direction:column}
.kal-poz{display:flex;align-items:center;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;padding:7px 18px;
  border-top:1px solid var(--line-soft,var(--line))}
.kal-poz:first-child{border-top:0}
.kal-poz.wybrany{background:var(--surface-2)}
.kal-nazwa{display:flex;align-items:center;gap:8px;cursor:pointer;min-width:0}
.kal-poz select.input{width:auto;min-width:220px}
.formularz-www{display:flex;flex-direction:column;gap:var(--s3);padding:var(--s4)}
.formularz-www > .zakladki{margin-bottom:0}
.formularz-www h4:first-child{margin-top:0 !important}
.zasady-ekran{display:flex;flex-direction:column;gap:var(--s3);padding:var(--s4)}
.zasady-lista{border:1px solid var(--line);border-radius:var(--r-md,10px)}
.zasada{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 20px;align-items:center;padding:12px 16px}
.zasada + .zasada{border-top:1px solid var(--line)}
.zasada-opis .mini{margin-top:2px;max-width:72ch}
.zasada-ster{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.zasada-ster .ptaszek{margin:0;white-space:nowrap}
.zasada-ster select.input{width:auto}
.zasada-pole{display:flex;flex-direction:column;gap:2px;font-size:var(--fs-xs,12px);color:var(--ink-3)}
.zasada-pole .input{width:90px}
.zasada-pole.szersze .input{width:150px}
@media (max-width:900px){.zasada{grid-template-columns:1fr}.zasada-ster{justify-content:flex-start}}
.tabela-alarmow td{vertical-align:middle}
.tabela-alarmow tr.wylaczona td{opacity:.6}
.tabela-alarmow .alarm-grupa-wiersz td{background:var(--surface-2);font-size:var(--fs-xs,12px);font-weight:700;
  text-transform:uppercase;letter-spacing:.05em;color:var(--ink-2);padding-top:5px !important;padding-bottom:5px !important}
.alarm-nazwa{display:flex;align-items:flex-start;gap:8px;cursor:pointer;min-width:240px}
.alarm-nazwa > span{display:flex;flex-direction:column;min-width:0}
.alarm-nazwa input{margin-top:3px}
.alarm-liczba{width:68px !important;display:inline-block}
.tabela-alarmow .nowrap{white-space:nowrap}
.porzadek-czysto{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 0;border-top:1px solid var(--line-soft,var(--line))}
.widgety-dodaj{display:flex;flex-wrap:wrap;gap:6px}
.tabela-alarmow select.input{min-width:118px;width:auto}
.tabela-alarmow .alarm-nazwa{min-width:280px}
.cz-marka{display:flex;align-items:center;gap:10px;padding:12px 14px 4px}
.cz-marka img{width:40px;height:40px;display:block;flex:none}
.cz-marka-slowo{font-family:'Fredoka',system-ui,sans-serif;font-weight:700;font-size:22px;line-height:1;
  color:var(--ananas-slowo);letter-spacing:.05em}
.cz-marka-rozw{font-size:11.5px;line-height:1.3;color:var(--ink-2);margin-top:2px}
.cz-marka-rozw span{color:var(--ananas-litera);font-weight:800}
.cz-okno-miks{font-family:'Fredoka',system-ui,sans-serif;letter-spacing:.05em;color:var(--ananas-slowo)}
.cz-okno-miks span{font-family:var(--font);font-weight:500;letter-spacing:0;font-size:12px;color:var(--ink-2);margin-left:4px}
.godziny-pracy { display: grid; gap: 6px; margin-top: 10px; max-width: 460px; }
.gp-wiersz { display: grid; grid-template-columns: 200px 1fr; align-items: center; gap: 12px; min-height: 36px; }
.gp-wiersz.wolne .gp-dzien { color: var(--ink-2); }
.gp-dzien { display: inline-flex; align-items: center; gap: 8px; cursor: pointer; }
.gp-zakres { display: inline-flex; align-items: center; gap: 8px; }
.gp-zakres .input { width: 96px; }
.licencja-karta { margin-bottom: 14px; }
.licencja-karta .hd { display: flex; align-items: center; gap: 10px; }
.licencja-karta .hd .rozpychacz { margin-left: auto; }
.licencja-liczby { display: flex; gap: 40px; padding: 12px 20px 6px; font-variant-numeric: tabular-nums; }
.licencja-karta > .muted.mini { padding: 0 20px 14px; }
.licencja-liczby strong { font-size: 18px; }
.mapa-firmy { padding: 16px 20px 20px; }
.mapa-firmy > p { margin: 0 0 12px; }
.mapa-firmy-lista { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 8px; }
.mapa-firma { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; text-align: left;
  padding: 10px 12px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); cursor: pointer; }
.mapa-firma:hover { border-color: var(--accent); background: var(--surface-2); }
.mapa-firma:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
.mapa-firma-nazwa { font-weight: 600; }
.demo-ustawienia { margin: var(--s3) var(--s4) 0; border-left-color: var(--accent); background: var(--surface-2); }
td.akcje-wiersza { white-space: nowrap; text-align: right; width: 1%; }
td.akcje-wiersza > span { display: inline-flex; gap: 6px; justify-content: flex-end; }
.umowa-szczegoly{display:grid;grid-template-columns:minmax(130px,max-content) 1fr;gap:6px 18px;margin:0 0 var(--s4)}
.umowa-wiersz{display:contents}
.umowa-wiersz dt{color:var(--ink-3);font-size:var(--fs-sm);padding-top:1px}
.umowa-wiersz dd{margin:0;overflow-wrap:anywhere}
.umowa-dalej{border-top:1px solid var(--line);padding-top:var(--s3);display:flex;flex-direction:column;gap:6px}
.umowa-dalej .pasek-akcji{margin:0}
.umowa-dalej-l{min-width:80px;font-size:var(--fs-sm);color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em}
.umowa-skutki{margin:0 0 var(--s3);padding-left:18px;font-size:var(--fs-sm);color:var(--ink-2)}
@media (max-width:560px){.umowa-szczegoly{grid-template-columns:1fr;gap:2px}.umowa-wiersz dd{margin-bottom:6px}}
.okienko.okno-formularza.bardzo-szerokie{width:min(1180px,96vw)}
.kolumna-co{min-width:260px}
.kolumna-co .co-tytul{font-weight:560;line-height:1.35}
.kolumna-co .ai-skrot{max-width:60ch;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.kolumna-co .co-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:6px;font-size:var(--fs-xs)}
.kolumna-co .co-meta .cytat{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40ch}
.kolumna-co .wykrycie-slad{text-align:left}
.raporty-uklad{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:var(--s4);
  padding:var(--s4);align-items:start}
.raporty-panel{display:flex;flex-direction:column;gap:var(--s4);position:sticky;top:12px;
  max-height:calc(100vh - 24px);overflow:auto;padding-right:4px}
.raporty-panel section{display:flex;flex-direction:column;gap:8px}
.raporty-panel h4{margin:0;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);
  display:flex;align-items:baseline;gap:8px}
.raporty-panel h4 .jak-link{margin-left:auto;text-transform:none;letter-spacing:0;font-size:var(--fs-xs)}
.raporty-zestawy{display:flex;flex-direction:column;gap:6px}
.raporty-zestaw{display:flex;flex-direction:column;gap:2px;text-align:left;padding:8px 10px;
  border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:inherit;cursor:pointer;font:inherit}
.raporty-zestaw:hover{border-color:var(--accent)}
.raporty-zestaw.on{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}
.raporty-zestaw .nazwa{font-weight:620;font-size:var(--fs-sm)}
.raporty-zestaw .opis{font-size:var(--fs-xs);color:var(--ink-3);line-height:1.35}
.raporty-filtry{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px}
.raporty-filtry .pole{min-width:0}
.raporty-chipy{display:flex;flex-wrap:wrap;gap:6px}
.raporty-chip{border:1px solid var(--line);background:var(--surface);color:var(--ink-2);border-radius:999px;
  padding:4px 10px;font:inherit;font-size:var(--fs-xs);cursor:pointer;line-height:1.3}
.raporty-chip:hover{border-color:var(--accent)}
.raporty-chip.on{background:var(--accent-soft, var(--surface-2));border-color:var(--accent);color:var(--ink);font-weight:600}
.raporty-chip:focus-visible,.raporty-zestaw:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.raporty-grupa{border-top:1px solid var(--line);padding-top:6px}
.raporty-grupa summary{cursor:pointer;font-size:var(--fs-sm);font-weight:600;padding:2px 0 6px}
.raporty-grupa summary .muted{font-weight:400;font-size:var(--fs-xs)}
.raporty-wynik{min-width:0;display:flex;flex-direction:column;gap:var(--s3)}
.raporty-wynik-hd{display:flex;align-items:center;gap:10px;flex-wrap:wrap;position:sticky;top:0;z-index:2;
  background:var(--surface);padding:6px 0;border-bottom:1px solid var(--line)}
.raporty-tytul{max-width:300px;font-weight:600}
.raporty-licznik{font-size:var(--fs-sm);white-space:nowrap}
.raporty-tabela.liczy{opacity:.55;transition:opacity .15s}
.raporty-tabela td.raporty-lp,.raporty-tabela th.raporty-lp{width:1%;white-space:nowrap}
.raporty-iframe{width:100%;height:68vh;border:1px solid var(--line);border-radius:var(--radius);background:#fff}
@media (max-width:1100px){
  .raporty-uklad{grid-template-columns:1fr}
  .raporty-panel{position:static;max-height:none}
}
td .wiersz-akcje{display:flex;gap:6px;justify-content:flex-end;align-items:center;flex-wrap:nowrap;margin-left:auto}
td .wiersz-akcje .btn.sm{height:32px;padding:0 12px;white-space:nowrap}
td .wiersz-akcje .akcja-glowna{min-width:108px}
td .wiersz-akcje .akcja-wiecej{width:32px;padding:0;color:var(--ink-2)}
td .wiersz-akcje .akcja-wiecej[aria-expanded="true"]{border-color:var(--ink-3);background:var(--surface-2, var(--line))}
.akcje-menu{position:fixed;z-index:60;min-width:240px;padding:4px;display:flex;flex-direction:column;
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
  box-shadow:0 8px 28px rgba(15,23,42,.14),0 2px 6px rgba(15,23,42,.08);text-align:left}
.akcje-menu button{display:flex;flex-direction:column;align-items:flex-start;gap:1px;width:100%;
  padding:8px 10px;border:0;border-radius:calc(var(--radius) - 2px);background:transparent;
  font:inherit;color:var(--ink);cursor:pointer;text-align:left}
.akcje-menu button:hover,.akcje-menu button:focus-visible{background:var(--surface-2, rgba(15,23,42,.05));outline:none}
.akcje-menu-slowo{font-weight:600;font-size:var(--fs-sm)}
.akcje-menu-opis{font-size:var(--fs-xs);color:var(--ink-3)}
@media (prefers-reduced-motion:no-preference){
  .akcje-menu{animation:akcje-menu-wejscie .14s ease-out}
  @keyframes akcje-menu-wejscie{from{opacity:0;transform:translateY(-4px)}}
}
.mob-stoper{display:flex;flex-direction:column;gap:10px}
.mob-stoper.leci{border-color:var(--ok-border, var(--line));box-shadow:inset 3px 0 0 var(--ok-solid)}
.mob-zegar{display:flex;align-items:center;gap:10px;line-height:1.1;font-variant-numeric:tabular-nums}
.mob-zegar .mono{font-size:34px;font-weight:700}
.mob-zegar .mob-maly{font-size:var(--fs-sm);font-weight:500}
.mob-zegar-kropka{width:12px;height:12px;border-radius:50%;background:var(--ok-solid);flex:none;
  animation:mob-puls 1.6s ease-in-out infinite}
@keyframes mob-puls{50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){.mob-zegar-kropka{animation:none}}
.mob-rodzaje{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.mob-rodzaj{min-height:44px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);
  color:var(--ink);font:inherit;font-size:var(--fs-sm);cursor:pointer}
.mob-rodzaj.on{border-color:var(--ink);background:var(--ink);color:var(--surface);font-weight:600}
.mob-czasy{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:var(--fs-sm)}
.mob-czasy li{display:flex;gap:10px;align-items:baseline;padding:4px 0;border-top:1px solid var(--line-soft)}
.mob-czasy li .mono{min-width:64px;font-weight:600}
.mob-zadania{display:flex;flex-direction:column;gap:2px;margin-top:6px}
.mob-zadanie{min-height:44px;align-items:center}
.mob-zadanie.zrobione span{text-decoration:line-through;color:var(--ink-3)}
.mob-zadanie-wiersz{display:flex;align-items:center;gap:8px}
.mob-zadanie-wiersz .mob-zadanie{flex:1;min-width:0}
.mob-zadanie-wiersz .mob-zadanie span{overflow-wrap:anywhere}
.mob-zadanie-akcje{flex:none;display:flex;gap:2px}
.mob .mob-zadanie-link{border:0;background:none;color:var(--ink-2);font:inherit;font-size:13px;font-weight:600;padding:10px 6px;cursor:pointer;min-height:44px}
.mob .mob-zadanie-link.usun{color:var(--mob-zle, #b3261e)}
.mob .mob-zadanie-link:disabled{opacity:.5}
.mob-zadanie-edycja{display:flex;flex-direction:column;gap:8px;padding:6px 0}
.mob-zadanie-przyciski{display:flex;gap:8px}
.mob-zadanie-przyciski .btn{flex:1;min-height:44px}
.mob-szybki{display:flex;flex-direction:column;gap:10px}
.mob-szybki-leci{flex-wrap:wrap;gap:8px}
.mob-szybki-firma{flex-basis:100%;font-size:var(--fs-sm);font-weight:500;opacity:.9}
.mob-zegar-kropka.jasna{background:currentColor;width:10px;height:10px}
.mob-szybki-wybrana{display:flex;gap:12px;align-items:baseline;min-height:44px;align-items:center}
.mob-szybki-firmy{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.mob-szybki-firma{min-height:48px;text-align:left;padding:8px 12px;background:var(--surface);border:0;
  border-top:1px solid var(--line-soft);font:inherit;color:var(--ink);cursor:pointer}
.mob-szybki-firma:first-child{border-top:0}
.mob-rodzaje.trzy{grid-template-columns:repeat(3,1fr)}
.mob-dopisz{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.mob-sprzet{display:flex;flex-direction:column;gap:6px;padding:8px 0;border-top:1px solid var(--line-soft)}
.mob-blok .podpis-osadzony{display:flex;flex-direction:column;gap:8px}
.btn.na-mobilny{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin:4px 12px 10px;white-space:nowrap}
.btn.na-mobilny svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}
.kal-sprawdz{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-sm);color:var(--ink-2)}
.kal-sprawdz .input{width:auto}
.kal-tydzien{margin-bottom:var(--s3)}
.kal-tydz-tab{width:100%;border-collapse:collapse;font-size:var(--fs-sm);table-layout:fixed;min-width:760px}
.kal-tydz-tab th:first-child{width:170px}
.kal-tydz-tab th{text-align:left;font-weight:600;padding:4px 6px;white-space:nowrap}
.kal-tydz-tab th .dz{text-transform:capitalize;color:var(--ink-2)}
.kal-tydz-tab th.dzis{color:var(--accent)}
.kal-tydz-tab td{padding:3px;vertical-align:top;border-top:1px solid var(--line-soft)}
.kal-tydz-tab td.kto{padding:6px;font-weight:600;overflow-wrap:anywhere}
.kal-tydz-kom{display:flex;flex-direction:column;gap:2px;width:100%;min-height:34px;text-align:left;font:inherit;
  font-size:var(--fs-xs);line-height:1.3;padding:5px 7px;border-radius:var(--radius-sm);cursor:pointer;
  border:1px solid var(--line);border-left:3px solid var(--ok);background:var(--surface);color:var(--ink)}
.kal-tydz-kom:hover{border-color:var(--ink-3)}
.kal-tydz-kom.pelno{border-left-color:var(--warn)}
.kal-tydz-kom.nie{border-left-color:var(--line);background:var(--surface-2);color:var(--ink-3)}
.kal-tydz-kom.brak{border-left-color:var(--line);color:var(--ink-3)}
.kal-tydz-kom .wn{color:var(--warn)}
.termin-konflikt{display:flex;flex-direction:column;gap:8px;margin-top:var(--s2)}
.termin-wyjscia{display:flex;flex-wrap:wrap;gap:6px}
.termin-zostawiam{display:flex;align-items:center;gap:8px;font-size:var(--fs-sm)}
.kasa-hd{display:flex;align-items:center;gap:var(--s4);flex-wrap:wrap;padding-top:10px;padding-bottom:0}
.kasa-hd .kasa-marka{padding:0;margin-right:auto}
.kasa-hd .kasa-marka img{width:40px;height:40px}
.kasa-hd .pakt-slowo{font-size:22px}
.kasa-hd .zakladki{margin:0}
.kasa-punkt{display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-sm);color:var(--ink-2);
  margin:0 0 var(--s3)}
.kasa-punkt .input{width:auto;min-width:180px}
.kasa-gora{align-items:stretch}
.kasa-gora .kasa-baner{padding:var(--s3) var(--s4)}
.kasa-baner-v{font-size:calc(var(--fs-2xl) * 1.25)}
.kasa-baner-d{margin-top:2px}
.kasa-rachunek{margin:var(--s3) 0 0;padding-top:0;gap:4px}
.kasa-rachunek .wynik{padding-top:6px}
.kasa-utarg{padding:var(--s3) var(--s4);gap:10px}
.kasa-wykres{grid-template-rows:118px auto}
.kasa-skad{padding-top:8px;gap:4px}
.kasa-kpi{margin-bottom:var(--s3)}
.kpi.kasa-kafel{display:grid;grid-template-columns:auto minmax(70px,1fr);
  grid-template-areas:"l l" "v t" "o t" "d d";column-gap:16px;padding:10px 16px}
.kasa-kafel .l{grid-area:l}
.kasa-kafel .v{grid-area:v;margin-top:2px;font-size:var(--fs-xl, 22px)}
.kasa-kafel .kasa-kafel-opis{grid-area:o}
.kasa-kafel .kpi-trend{grid-area:t;align-self:center;margin:0;padding:0;height:34px}
.kasa-kafel .d{grid-area:d;margin-top:4px}
.kasa-gora{grid-template-columns:minmax(250px,3fr) minmax(0,4fr) minmax(0,5fr);margin-bottom:var(--s3)}
.kasa-gora .kasa-kpi{grid-template-columns:repeat(2,minmax(0,1fr));margin:0;gap:var(--s2)}
.kasa-gora .kpi.kasa-kafel{padding:8px 12px;grid-template-columns:auto minmax(40px,1fr);column-gap:10px}
.kasa-gora .kasa-kafel .l{font-size:var(--fs-xs)}
.kasa-gora .kasa-kafel .v{font-size:var(--fs-lg)}
.kasa-gora .kasa-kafel .kpi-trend{height:28px}
.kasa-gora .kasa-kafel .d{font-size:var(--fs-xs)}
.kasa-gora .kasa-wykres{grid-template-rows:100px auto}
@media (max-width:1650px){
  .kasa-gora{grid-template-columns:minmax(270px,1fr) minmax(0,2.5fr);
    grid-template-areas:"b u" "b k"}
  .kasa-gora .kasa-baner{grid-area:b}
  .kasa-gora .kasa-utarg{grid-area:u}
  .kasa-gora .kasa-kpi{grid-area:k;grid-template-columns:repeat(4,minmax(0,1fr))}
  .kasa-gora .kasa-kafel .kasa-kafel-opis{display:none}
  .kasa-gora .kasa-kafel{grid-template-areas:"l l" "v t" "d d"}
  .kasa-gora .kasa-wykres{grid-template-rows:90px auto}
}
@media (max-width:1100px){
  .kasa-gora{grid-template-columns:1fr;grid-template-areas:"b" "k" "u"}
  .kasa-gora .kasa-kpi{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.kasa-baner .kasa-skad{margin-top:var(--s3);border-top:1px solid var(--line);padding-top:8px}
.kasa-baner .kasa-skad-w{grid-template-columns:minmax(0,1fr) 60px auto auto;gap:8px;font-size:var(--fs-xs)}
.kasa-baner .kasa-skad-w .o{min-width:0}
.kasa-rachunek dt{white-space:normal}
.kasa-hd .kasa-marka img{width:34px;height:34px}
@media (max-width:1650px){
  .kasa-gora{grid-template-columns:minmax(300px,1fr) minmax(0,2.3fr)}
  .kasa-gora .kasa-kafel .l,.kasa-gora .kasa-kafel .d{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .kasa-gora .kasa-kafel .v{font-size:var(--fs-md, 17px)}
  .kasa-gora .kasa-kafel .kpi-trend{height:24px}
  .kasa-gora .kasa-wykres{grid-template-rows:80px auto}
}
.kasa-gora .kasa-baner-d{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kasa-gora .kasa-utarg{justify-content:space-between}
.kasa-gora .kasa-utarg{justify-content:flex-start}
.kasa-gora .kasa-utarg .kasa-wykres{flex:1 1 auto;grid-template-rows:minmax(80px,1fr) auto}
.kasa-punkt{margin:var(--s3) var(--s4)}
.kasa-punkty{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--s3);
  padding:var(--s3) var(--s4) 0;margin-bottom:var(--s3)}
.kasa-punkt-kafel{display:flex;flex-direction:column;gap:6px;text-align:left;font:inherit;color:var(--ink);
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);
  box-shadow:var(--shadow-1);padding:12px 16px;cursor:pointer;min-width:0}
.kasa-punkt-kafel:hover{border-color:var(--ink-3)}
.kasa-punkt-kafel.wybrany{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 30%,transparent)}
.kasa-punkt-kafel.pusty{background:var(--surface-2)}
.kasa-punkt-kafel .gora{display:flex;justify-content:space-between;align-items:center;gap:8px}
.kasa-punkt-kafel .n{font-size:var(--fs-sm);font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.kasa-punkt-kafel .srodek{display:grid;grid-template-columns:auto minmax(60px,1fr);align-items:center;gap:14px}
.kasa-punkt-kafel .v{font-size:var(--fs-xl);font-weight:680;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.kasa-punkt-kafel .kpi-trend{display:block;width:100%;height:30px;color:var(--seria-2)}
.kasa-punkt-kafel .dol{font-size:var(--fs-xs);color:var(--ink-3)}
.kasa-punkt-kafel .zle{color:var(--bad);font-weight:600}
.kasa-punkt-kafel .kpi-trend .krzywa{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
.kasa-punkt-kafel .kpi-trend .pole{fill:currentColor;opacity:.12}
.card > .hd.mon-zakladki{padding-top:6px;padding-bottom:0}
.mon-pasek .row{flex-wrap:wrap;gap:8px;align-items:center}
.mon-pasek .mon-szukaj{width:240px;max-width:100%}
.mon-pasek .mon-firma{max-width:260px}
.mon-pasek select.input.sm{width:auto}
.mon-ile{font-size:var(--fs-sm);white-space:nowrap}
.btn.sm.mon-info{width:30px;padding:0;justify-content:center;border-radius:50%;font-weight:700}
.rap-ust{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}
.rap-pole{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-sm);white-space:nowrap}
.rap-godziny{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-sm)}
.rap-godziny .input.sm{width:96px}
.rap-maile{width:260px;max-width:100%}
@media (min-width:761px){
  .dzis-w-punkcie{display:flex;align-items:stretch}
  .dzis-w-punkcie > .hd{flex:0 0 auto;flex-direction:column;align-items:flex-start;justify-content:center;
    gap:4px;border-bottom:0;border-right:1px solid var(--line-soft);padding:8px 16px;min-width:170px}
  .dzis-w-punkcie > .hd h3{margin:0;font-size:var(--fs-md, 16px)}
  .dzis-w-punkcie .hd .btn{margin-left:0;margin-top:2px}
  .dzis-w-punkcie .dzis-lista{flex:1;padding:8px 12px;gap:8px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
}
.dzis-osoba{padding:5px 8px;gap:9px}
.dzis-twarz{flex:0 0 34px;width:34px;height:34px}
.dzis-kropka{width:11px;height:11px}
.dzis-opis{line-height:1.2}
.dzis-imie{font-size:var(--fs-sm)}
.dzis-stan,.dzis-naprawy{font-size:var(--fs-xs)}
.dzis-w-punkcie{margin:0 0 var(--s3)}
.filters.rap-ust{flex-direction:row;align-items:center}
.mon-pasek select.input{min-width:0}
.rap-godziny .input.sm{width:112px}
.mon-pasek .mon-szukaj{width:200px}
.mon-pasek .mon-firma{max-width:200px}
.rap-godziny .input.sm{width:104px}
.rap-maile{width:220px}
.rap-ust{gap:8px 12px}
.dok-lista{flex-basis:320px}
.dok-grupa{display:flex;flex-direction:column;gap:2px}
.dok-grupa + .dok-grupa{margin-top:8px}
.dok-grupa-hd{display:flex;align-items:center;gap:6px;width:100%;padding:6px 8px;border:0;border-radius:var(--radius-sm);
  background:var(--surface-2);font:inherit;font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;
  letter-spacing:.05em;color:var(--ink-2);cursor:pointer;position:sticky;top:0;z-index:1}
.dok-grupa-hd .strzalka{width:12px;color:var(--ink-3)}
.dok-grupa-hd .ile{margin-left:auto;font-weight:600;color:var(--ink-3)}
.dok-pierwsza{display:flex;align-items:baseline;gap:6px}
.dok-data{margin-left:auto;font-size:var(--fs-xs);color:var(--ink-3);font-variant-numeric:tabular-nums;white-space:nowrap}
.dok-stan{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:0 5px;border-radius:4px}
.dok-stan.szkic{background:var(--warn-bg);color:var(--warn)}
.dok-stan.anul{background:var(--surface-2);color:var(--ink-3)}
.dok-pozycja.anulowany .dok-tytul{text-decoration:line-through;color:var(--ink-3)}
.pakt-hd{display:flex;align-items:center;gap:var(--s4);flex-wrap:wrap;padding-top:10px;padding-bottom:0}
.pakt-hd .pakt-marka{padding:0;margin-right:auto}
.pakt-hd .pakt-marka img{width:36px;height:36px}
.pakt-hd .pakt-slowo{font-size:22px}
.pakt-zakladki{margin:0}
.pakt-zakladki .ile{display:inline-block;min-width:20px;margin-left:4px;padding:0 6px;border-radius:10px;
  background:var(--surface-2);color:var(--ink-3);font-size:var(--fs-xs);font-weight:650}
.pakt-zakladki button.on .ile{background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent-text, var(--accent))}
.th-sort{all:unset;cursor:pointer;font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit}
.th-sort:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.pakt-tab tr.klik{cursor:pointer}
.pakt-tab tr.klik:hover td{background:var(--surface-2)}
.pakt-tab tr.klik:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--accent)}
.pakt-tab .pakt-tytul{font-weight:600;max-width:420px}
.pakt-tab tr.pakt-anulowany .pakt-tytul{text-decoration:line-through;color:var(--ink-3)}
.pakt-rodzaj{display:inline-block;font-size:var(--fs-xs);font-weight:650;padding:2px 8px;border-radius:10px;
  border:1px solid var(--line);white-space:nowrap}
.pakt-rodzaj.r-wycena{border-color:color-mix(in srgb,var(--seria-1) 45%,var(--line));color:var(--seria-1)}
.pakt-rodzaj.r-protokol{border-color:color-mix(in srgb,var(--seria-2) 45%,var(--line));color:var(--seria-2)}
.pakt-rodzaj.r-opinia{color:var(--ink-2)}
.okienko.dok-okno{width:min(1400px,96vw);height:92vh;max-height:92vh;padding:0;display:flex;flex-direction:column;overflow:hidden}
.dok-okno-hd{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);
  padding:10px var(--s5);border-bottom:1px solid var(--line);font-size:var(--fs-sm)}
.dok-okno-bd{flex:1;overflow:auto;padding:var(--s4) var(--s5)}
:root .pakt-tab thead > tr > th,:root .pakt-tab tbody > tr > td{text-align:left;padding-top:10px;padding-bottom:10px}
:root .pakt-tab tbody > tr > td.num,:root .pakt-tab thead > tr > th.num{text-align:right}
.pakt-tab{font-size:var(--fs-sm)}
.pakt-tab .pakt-tytul{max-width:none;min-width:260px}
.pakt-tab td:nth-child(5){min-width:200px}
:root .pakt-tab.wysrodek thead > tr > th,
:root .pakt-tab.wysrodek tbody > tr > td{text-align:center}
:root .pakt-tab.wysrodek thead > tr > th .th-sort{margin-inline:auto;justify-content:center}
:root .pakt-tab.wysrodek tbody > tr.grupa-wiersz > td{text-align:left}
.btn.mob-nawiguj{background:var(--seria-1);border-color:var(--seria-1);color:#fff}
.mob-kontakt .btn{justify-content:center;text-align:center}
.mob-kontakt a.btn.mob-nawiguj,.mob-kontakt a.btn.mob-nawiguj:visited,.mob-kontakt a.btn.mob-nawiguj:hover{
  background:var(--seria-1);border-color:var(--seria-1);color:#fff}
.mob-kontakt a.btn.mob-nawiguj *{color:inherit}
.mob-kontakt a.btn.mob-nawiguj{color:#fff !important;background:var(--seria-1) !important;border-color:var(--seria-1) !important}
:root[data-theme="ananas"] .mob-kontakt a.btn.mob-nawiguj{background:#1f6fd1 !important;border-color:#1a63bd !important}
.mob-dojazd{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:var(--radius);
  background:color-mix(in srgb,var(--seria-1) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--seria-1) 25%,var(--line))}
.mob-dojazd-hd{font-weight:650;font-size:var(--fs-sm)}
.mob-kontakt > .mob-maly.muted{text-align:center;margin-top:-2px}
.mob{--mob-akcja:#15294a;--mob-akcja-hover:#1d375f;--mob-akcja-ink:#fff;
  --mob-drugi-bg:var(--surface);--mob-drugi-ink:#15294a;--mob-drugi-line:#cdd5e0;--mob-drugi-hover:#f2f5f9;
  --mob-zle:#b3261e}
:root[data-theme="dark"] .mob{--mob-akcja:#d6e0ee;--mob-akcja-hover:#e6edf6;--mob-akcja-ink:#0f1c30;
  --mob-drugi-bg:transparent;--mob-drugi-ink:#d6e0ee;--mob-drugi-line:#3a4658;--mob-drugi-hover:#1c2533;
  --mob-zle:#f2a19b}
.mob .btn{border-radius:10px !important;box-shadow:none !important;font-weight:600 !important;
  background:var(--mob-drugi-bg) !important;color:var(--mob-drugi-ink) !important;border:1px solid var(--mob-drugi-line) !important}
.mob .btn:hover{background:var(--mob-drugi-hover) !important}
.mob .btn.primary,.mob .btn.zielony,.mob .btn.ostrzega{background:var(--mob-akcja) !important;
  color:var(--mob-akcja-ink) !important;border-color:var(--mob-akcja) !important}
.mob .btn.primary:hover,.mob .btn.zielony:hover,.mob .btn.ostrzega:hover{background:var(--mob-akcja-hover) !important}
.mob .btn.czerwony{color:var(--mob-zle) !important;border-color:color-mix(in srgb,var(--mob-zle) 45%,var(--mob-drugi-line)) !important}
.mob .btn:disabled{opacity:.45}
.mob .btn .muted{color:inherit !important;opacity:.7}
.mob .mob-kontakt a.btn.mob-nawiguj,.mob .mob-kontakt a.btn.mob-nawiguj:visited,
:root[data-theme="ananas"] .mob .mob-kontakt a.btn.mob-nawiguj{
  background:var(--mob-drugi-bg) !important;color:var(--mob-drugi-ink) !important;border-color:var(--mob-drugi-line) !important}
.mob .mob-kontakt .btn{justify-content:flex-start;text-align:left;gap:10px;padding-left:14px;padding-right:14px}
.mob .mob-ik{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;opacity:.85}
.mob .mob-kontakt .btn > span{flex:1;min-width:0}
.mob .mob-rodzaj{border-radius:10px;border-color:var(--mob-drugi-line);color:var(--mob-drugi-ink)}
.mob .mob-rodzaj.on{background:var(--mob-akcja);border-color:var(--mob-akcja);color:var(--mob-akcja-ink)}
.mob .mob-stoper.leci{box-shadow:inset 3px 0 0 var(--mob-akcja);border-color:var(--mob-drugi-line)}
.mob .mob-dojazd{background:var(--mob-drugi-hover);border-color:var(--mob-drugi-line)}
.mob .mob-blok{border-radius:12px}
.mob-gora{min-height:60px}
.mob-kto{flex:1;min-width:0;display:flex;align-items:center;gap:10px;background:none;border:0;padding:0;
  font:inherit;color:inherit;text-align:left;cursor:pointer;min-height:44px}
.mob-kto-opis{display:flex;flex-direction:column;min-width:0;line-height:1.2}
.mob-kto-opis strong{font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mob-kto-opis span{font-size:12.5px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mob-kto-opis span::first-letter{text-transform:uppercase}
.mob-twarz{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:0 0 auto;
  border:1px solid var(--line);background:var(--surface-2)}
.mob-twarz-inicjaly{display:inline-grid;place-items:center;font-weight:650;font-size:13px;color:var(--ink)}
.mob-zegar{flex:0 0 auto;font-size:22px;font-weight:750;letter-spacing:-.01em;font-variant-numeric:tabular-nums;
  color:var(--ink);padding:0 2px}
.mob-ja:has(.mob-twarz){padding:0;border:0;background:none;width:40px;height:40px}
.mob-ja .mob-twarz{width:36px;height:36px}
.mob-kto:focus-visible,.mob-ja:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:12px}
.poz-okno{display:flex;flex-direction:column;gap:12px}
.poz-okno .pole{min-width:0}
.poz-okno-etyk{display:inline-flex;align-items:center;gap:10px}
.poz-okno-etyk .ai-link{font-size:var(--fs-sm);font-weight:600}
.poz-okno textarea.input{min-height:76px;resize:vertical}
.poz-okno-liczby{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.poz-okno-liczby.bez-cen{grid-template-columns:repeat(2,minmax(0,160px))}
.poz-okno .ai-propozycja{margin:0}
@media (max-width:760px){ .poz-okno-liczby{grid-template-columns:repeat(2,minmax(0,1fr))} }
.gen-hasel{display:flex;flex-direction:column;gap:14px}
.gen-rodzaje{align-self:flex-start}
.gen-wynik{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);
  padding:14px 16px;text-align:center}
.gen-haslo{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:22px;
  font-weight:650;letter-spacing:.04em;overflow-wrap:anywhere;cursor:copy;color:var(--ink);background:none;padding:0}
.gen-ocena{display:flex;align-items:center;gap:10px;font-size:var(--fs-sm);color:var(--ink-2)}
.gen-pasek{flex:0 0 120px;height:6px;border-radius:3px;background:var(--surface-2);overflow:hidden;border:1px solid var(--line)}
.gen-pasek span{display:block;height:100%;background:var(--ink-3)}
.gen-ocena.ok .gen-pasek span{background:var(--ok)} .gen-ocena.ok{color:var(--ok)}
.gen-ocena.warn .gen-pasek span{background:var(--warn,#b7791f)}
.gen-ocena.bad .gen-pasek span{background:var(--bad)} .gen-ocena.bad{color:var(--bad)}
.gen-dlugosc{display:flex;flex-direction:column;gap:6px;font-size:var(--fs-sm)}
.gen-dlugosc input[type=range]{width:100%;accent-color:var(--accent)}
.gen-opcje{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px}
.gen-rada{margin:0}
@media (max-width:760px){ .gen-haslo{font-size:19px} .gen-opcje{grid-template-columns:1fr} }
.uninet-przel{display:flex;flex-direction:column;gap:10px}
.uninet-przel-wiersz{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;
  padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.uninet-pol{display:flex;flex-direction:column;gap:10px}
.uninet-pol-wiersz{display:grid;grid-template-columns:minmax(180px,260px) minmax(0,1fr) auto auto;gap:8px 12px;align-items:center}
.uninet-pol-wiersz label{display:flex;flex-direction:column;gap:2px;font-weight:600;font-size:var(--fs-sm)}
.uninet-pol-zrodlo{font-weight:400}
.uninet-pol-zrodlo.brak{color:var(--warn,#b7791f)}
.uninet-pol-podp{grid-column:2 / -1;margin-top:-4px}
@media (max-width:760px){
  .uninet-pol-wiersz{grid-template-columns:1fr auto}
  .uninet-pol-wiersz label{grid-column:1 / -1}
  .uninet-przel-wiersz{grid-template-columns:1fr auto}
  .uninet-przel-wiersz > div{grid-column:1 / -1}
}
.dzis-stan-klik{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;
  overflow:hidden;text-align:left;background:none;border:0;padding:0;margin:0;font-family:inherit;font-size:var(--fs-xs);cursor:pointer;
  color:inherit;text-decoration:underline dotted;text-underline-offset:2px;line-height:1.25}
.dzis-stan-klik:hover{text-decoration-style:solid}
.dzis-stan-klik:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-radius:3px}
.ton-ok .dzis-stan-klik{color:var(--ok, #1f7a3f)}
.ton-zajety .dzis-stan-klik{color:var(--warn, #b7791f)}
.ton-nie .dzis-stan-klik{color:var(--ink-2)}
.dzis-plan{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.dzis-plan-poz{display:grid;grid-template-columns:92px 1fr;gap:12px;padding:10px 12px;
  border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.dzis-plan-poz.trwa{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}
.dzis-plan-poz.minelo{opacity:.65}
.dzis-plan-czas{font-size:var(--fs-sm);font-weight:650;font-variant-numeric:tabular-nums;display:flex;flex-direction:column;gap:4px}
.dzis-plan-teraz{align-self:flex-start;font-size:11px;font-weight:700;padding:1px 8px;border-radius:var(--radius-pill,6px);
  background:var(--accent-soft);color:var(--accent-text, var(--accent))}
.dzis-plan-tresc{display:flex;flex-direction:column;gap:3px;min-width:0}
.dzis-plan-tresc .muted{font-size:var(--fs-sm)}
.dzis-plan-opis{margin:4px 0 0;font-size:var(--fs-sm);color:var(--ink-2);white-space:pre-wrap;overflow-wrap:anywhere}
.dzis-plan-tresc .jak-link{align-self:flex-start;margin-top:2px}
@media (max-width:640px){ .dzis-plan-poz{grid-template-columns:1fr;gap:4px} }
.lista-napraw td.kol-data{width:1%;white-space:nowrap;font-size:var(--fs-sm)}
.lista-napraw td[data-label="Sprzęt"]{width:175px;max-width:175px}
.lista-napraw td[data-label="Sprzęt"] .tnij{max-width:165px}
.lista-napraw td[data-label="Klient"]{width:150px;max-width:150px}
.lista-napraw td[data-label="Usterka"]{max-width:none;min-width:260px}
.lista-napraw td[data-label="Usterka"] .tnij{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  white-space:normal;overflow:hidden;text-overflow:ellipsis;max-width:none}
.lista-napraw td[data-label="Sprzęt"] .tnij{font-weight:600}
.lista-napraw .termin-listy{font-weight:700;color:var(--bad);white-space:nowrap}
.lista-napraw .termin-listy.po{background:var(--bad-bg);border:1px solid var(--bad-border);
  border-radius:4px;padding:0 5px;display:inline-block}
.lista-napraw .kol-numer .pill{max-width:360px}
.kn-uwagi-klienta{margin-top:var(--s2)}
.kn-uwagi-klienta .kn-slowa-klienta{white-space:pre-line;color:var(--ink-2, inherit)}
.lista-stanowisk td.numer-stanowiska,.lista-stanowisk th.kol-stanowisko{width:1%;white-space:nowrap}
.lista-stanowisk td.do-lewej{width:1%;white-space:nowrap}
.lista-stanowisk td.kol-cpu{max-width:190px}
.lista-stanowisk td.kol-cpu .tnij{max-width:180px}
.lista-stanowisk td.tekst-min{max-width:190px;white-space:normal;line-height:1.3}
.gab-z-dhl{margin:0 18px 12px;padding-top:8px;border-top:1px solid var(--line)}
.gab-z-dhl h4{margin:6px 0 4px;font-size:var(--fs-sm)}
.gab-z-dhl .gab-tabela{margin:6px 0}
.gab-domyslny input[type=radio]{margin:0;flex:none}
.gab-domyslny span{line-height:1}
.pulpit-kafle .kpi.kpi2{grid-template-rows:auto auto auto auto auto;padding:8px 12px 6px}
.pulpit-kafle .kpi2 .v{height:40px;margin:6px auto 4px;font-size:24px;padding:0 14px;min-width:60px}
.pulpit-kafle .kpi2 .v.v-s{font-size:21px}
.pulpit-kafle .kpi2 .v.v-xs{font-size:18px}
.pulpit-kafle .kpi2 .v .kwota{font-size:21px}
.pulpit-kafle .kpi .kpi-trend{height:16px;margin-top:4px}
.pulpit-kafle .kpi2 .kpi-glowa{height:auto;min-height:26px}
.pulpit-listy.pulpit-listy-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.pulpit-lista.pulpit-lista-duza{height:520px}
.pulpit-lista-duza .hd{flex-wrap:wrap}
.pulpit-lista-duza .hd .hd-podtytul{color:var(--ink-3);font-size:var(--fs-sm)}
.pulpit-lista-duza .pulpit-notatka{padding:9px 6px;gap:3px}
.pulpit-lista-duza .pulpit-notatka .numer{font-weight:650}
.pulpit-lista-duza .pulpit-notatka .clip2{font-size:var(--fs-md, 15px);line-height:1.4}
.pulpit-lista-duza .pulpit-notatka.nowa{background:var(--warn-bg, #fff8e6)}
@media (max-width: 900px){ .pulpit-listy.pulpit-listy-2{grid-template-columns:1fr} }
.lista-napraw td.kol-numer{width:1%}
.lista-napraw .kol-numer .pill{max-width:210px;white-space:normal;line-height:1.25;
  text-align:left;overflow:visible;text-overflow:clip}
.lista-napraw .kol-numer .pill svg{flex:none}
.lista-napraw td[data-label="Usterka"]{min-width:320px}
.kn-dostawa{display:flex;align-items:center;gap:14px;margin:0 0 var(--s3);padding:12px 16px;
  border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--surface)}
.kn-dostawa.info{background:var(--info-bg, #eef4ff);border-color:var(--info-border, #c9dafb);color:var(--info, #1f4fa8)}
.kn-dostawa.ok{background:var(--ok-bg, #eaf6ef);border-color:var(--ok-border, #bfe3cc);color:var(--ok, #16753e)}
.kn-dostawa.pilne{background:var(--warn-bg);border-color:var(--warn-border);color:var(--ink)}
.kn-dostawa-tresc{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0}
.kn-dostawa-tresc strong{font-size:var(--fs-lg, 17px);color:var(--ink)}
.kn-dostawa-tresc span{color:var(--ink-2)}
.kn-dostawa-btn{font-size:var(--fs-md, 15px);padding:10px 18px}
.kn-adres{display:block;text-align:left;font-size:var(--fs-sm);color:var(--ink-2);white-space:normal}
.adres-wysylki{font-size:var(--fs-md, 15px);line-height:1.5;padding:12px 14px;border:1px solid var(--line);
  border-radius:var(--radius-sm);background:var(--surface-2);margin-bottom:var(--s3)}
.adres-wysylki .adres-nazwa{font-weight:650}
.lista-napraw .krok-czekaj{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.lista-napraw .termin-data{font-size:var(--fs-xs)}
.lista-napraw .kol-numer .pill{padding-top:3px;padding-bottom:3px;line-height:1.3}
.lista-napraw .kol-numer .pill{height:auto;min-height:24px;padding:4px 10px;align-items:center}
.lista-napraw tbody td{padding-top:10px;padding-bottom:10px}
.lista-napraw .kol-numer .kn-glowny, .lista-napraw .kol-numer .numer{white-space:nowrap}
@keyframes s24-kreci{to{transform:rotate(360deg)}}
.ikona-w-przycisku{display:inline-flex;align-items:center;justify-content:center;line-height:0}
.kreci{display:inline-flex;animation:s24-kreci .7s ease-in-out}
@media (prefers-reduced-motion: reduce){.kreci{animation:none}}
.mob-odswiez{background:none;border:0;color:inherit;padding:6px;margin-left:auto;display:inline-flex;
  align-items:center;justify-content:center;min-width:40px;min-height:40px;border-radius:10px;cursor:pointer}
.mob-odswiez:active{background:rgba(0,0,0,.06)}
.szybki-gdzie{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.szybki-gdzie.mob{grid-template-columns:1fr}
.szybki-opcja{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:inherit;font:inherit;cursor:pointer}
.szybki-opcja strong{font-size:14px}
.szybki-opcja span{font-size:12px;color:var(--ink-2)}
.szybki-opcja:hover{border-color:var(--accent)}
.szybki-opcja.on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:var(--accent-soft)}
.szybki-opcja:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.szybki-nawiguj{display:block;text-align:center;margin:var(--s3,12px) 0;white-space:normal}
@media (max-width:700px){.szybki-gdzie{grid-template-columns:1fr}}
.dok-naglowek .input.rosnace{min-block-size:2.6lh;max-block-size:22lh}
table.tab-pozycji thead > tr > th,table.tab-pozycji tbody > tr > td{text-align:left;vertical-align:top}
table.tab-pozycji thead > tr > th.num,table.tab-pozycji tbody > tr > td.num,
table.tab-pozycji tbody > tr > td.kol-akcje-poz{text-align:right}
.dok-okno-bd > * + *{margin-top:var(--s6)}
.dok-okno-bd > .dok-naglowek{margin-bottom:0}
.dok-okno-bd > .dok-pasek-numeru + *{margin-top:var(--s4)}
.dok-pasek-numeru{flex-wrap:wrap;row-gap:var(--s2)}
.pz-slad{display:flex;flex-direction:column;gap:2px;margin-top:3px;font-size:var(--fs-sm)}
.pz-slad-poz{display:flex;align-items:baseline;gap:6px;color:var(--ink-2);overflow-wrap:anywhere}
.pz-slad-kropka{display:inline-block;flex:0 0 auto;width:7px;height:7px;border-radius:2px;
  background:var(--ink-2);transform:translateY(-1px);margin-right:4px}
.pz-slad-poz.ok .pz-slad-kropka,.pz-slad-kropka.ok{background:var(--ok)}
.pz-slad-poz.czeka .pz-slad-kropka,.pz-slad-kropka.czeka{background:var(--warn)}
.pz-slad-poz.zle,.pz-slad-poz.zle .pz-slad-kropka{color:var(--bad)}
.pz-slad-poz.zle .pz-slad-kropka,.pz-slad-kropka.zle{background:var(--bad)}
.pz-slad-poz.nic .pz-slad-kropka{background:transparent;border:1px solid var(--line)}
.dok-naglowek-wycena{gap:var(--s3) var(--s4)}
.dok-naglowek .input.rosnace.zwarte{min-block-size:2.6lh;max-block-size:6lh;overflow-y:auto}
.dok-naglowek-wycena .dok-naglowek-akcje{padding-top:0;border-top:0}
.dok-okno-bd > * + *{margin-top:var(--s5)}
.dok-sekcja-hd{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s2) var(--s4)}
.dok-sekcja-hd > h3{margin:0}
.dok-sekcja-hd > .formrow{margin:0;flex:1 1 auto}
.szukaj-adresu{width:100%;margin-bottom:6px}
.zabieram-opcje{display:grid;grid-template-columns:1fr 1fr;gap:8px}
@media (max-width:560px){.zabieram-opcje{grid-template-columns:1fr}}
.notatka-dokument{display:block;margin-top:2px;font-size:var(--fs-sm)}
.zrobione-dokumenty{display:flex;flex-direction:column;gap:2px;max-height:260px;overflow:auto;
  border:1px solid var(--line);border-radius:var(--radius);padding:6px;margin:6px 0 10px;background:var(--surface)}
.zrobione-dok{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:baseline;gap:8px;
  padding:5px 7px;border-radius:var(--radius-sm);cursor:pointer}
.zrobione-dok:hover{background:var(--surface-2)}
.zrobione-dok.on{background:var(--accent-soft)}
.zrobione-dok-tytul{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zrobione-dok .muted{font-size:var(--fs-xs);white-space:nowrap}
.kpis.kpis-zwarte{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--s3)}
.kpis-zwarte .kpi.kpi2{display:grid;grid-template-columns:minmax(0,1fr) auto;
  grid-template-rows:auto auto;column-gap:var(--s3);row-gap:2px;align-items:center;
  text-align:left;padding:var(--s3) var(--s4) 30px;min-height:0}
.kpis-zwarte .kpi2 .kpi-glowa{grid-column:1;grid-row:1;min-height:0;align-self:end}
.kpis-zwarte .kpi2 .l{font-size:var(--fs-sm);letter-spacing:.05em}
.kpis-zwarte .kpi2 .d{grid-column:1;grid-row:2;margin:0;min-height:0;align-self:start}
.kpis-zwarte .kpi2 .v{grid-column:2;grid-row:1 / span 2;margin:0;height:auto;min-width:0;
  padding:0;background:none;font-size:32px;justify-self:end}
:root[data-theme="ananas"] .kpis-zwarte .kpi2 .v{background:none}
.kpis-zwarte .kpi2 .kpi-trend{position:absolute;left:0;right:0;bottom:0;width:100%;height:28px;margin:0;
  color:var(--accent)}
.kpis-zwarte .kpi2 .kpi-trend .pole{opacity:.16}
.kpis-zwarte .kpi2.alert .kpi-trend{color:var(--bad)}
td.nieob-decyzja{vertical-align:middle;padding-top:8px;padding-bottom:8px}
td.nieob-decyzja > span{align-items:center}
.mob-tryb,.mob-kolejki{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;padding:3px;
  background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius)}
.mob-tryb{margin-bottom:10px}
.mob-tryb button,.mob-kolejki button{min-height:40px;border:0;border-radius:calc(var(--radius) - 2px);background:none;
  color:var(--ink-2);font:inherit;font-size:var(--fs-sm);font-weight:600;cursor:pointer}
.mob-tryb button.on,.mob-kolejki button.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.08)}
.mob-tryb button:focus-visible,.mob-kolejki button:focus-visible{outline:none;box-shadow:var(--focus)}
.mob-operator-akcje{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}
.mob-operator-akcje .btn{min-height:44px;justify-content:center}
.mob .drawer{width:100vw;max-width:100vw;inset:0}
.mob .drawer .drawer-hd{position:sticky;top:0;z-index:2;background:var(--surface)}
.okno-powrot{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;margin:0 0 var(--s2)}
.zgl-stoper-rodzaj{font-size:var(--fs-xs);font-weight:650;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3)}
.mob .zgl-stoper-rzad .btn{min-height:44px}
.sesje-pion{display:none}
.sesja-pion{display:flex;flex-direction:column;gap:4px;padding:10px 0;border-bottom:1px solid var(--line)}
.sesja-pion:first-child{padding-top:0}
.sesja-pion:last-child{border-bottom:0}
.sesja-pion-gora{display:flex;justify-content:space-between;align-items:center;gap:8px}
.sesja-pion-konto{overflow-wrap:anywhere}
.sesja-pion-dol{display:flex;flex-wrap:wrap;gap:2px 12px;font-size:var(--fs-sm)}
.sesja-pion-btn{margin-top:6px;min-height:44px;justify-content:center;width:100%}
@media (max-width:700px){ .sesje-pion{display:block} .sesje-tabela{display:none} }
.mob .sesje-pion{display:block}
.mob .sesje-tabela{display:none}
.zgl-stoper{gap:8px;padding:10px 12px}
.zgl-stoper.w-drodze{border-color:var(--info-border);background:var(--info-bg)}
.zgl-stoper-licznik{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.zgl-stoper-licznik .zgl-stoper-czas{font-size:var(--fs-xl, 1.5rem);font-weight:650;font-variant-numeric:tabular-nums}
.zgl-stoper-przyciski{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}
.zgl-stoper-przyciski .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;font-weight:600;text-decoration:none}
.zgl-btn-praca{background:var(--ok-solid);border-color:var(--ok-solid);color:var(--ok-solid-ink)}
.zgl-btn-praca:hover:not(:disabled){background:var(--ok-solid-hover);border-color:var(--ok-solid-hover);color:var(--ok-solid-ink)}
.zgl-btn-dojazd{background:var(--info-bg);border-color:var(--info-border);color:var(--info)}
.zgl-btn-dojazd:hover:not(:disabled){border-color:var(--info);color:var(--info)}
.zgl-stoper.w-drodze .zgl-btn-dojazd{background:var(--surface)}
.zgl-btn-stop.pelny{grid-column:1 / -1}
.zgl-stoper-info{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:var(--fs-sm)}
.zgl-stoper-info .jak-link{padding:0;text-align:left}
.zgl-fakty{display:flex;flex-direction:column;gap:10px;margin:var(--s3) 0}
.zgl-czego{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font-weight:600}
.zgl-czego .ikonka,.zgl-fakt .ikonka{color:var(--accent-text, var(--ink-2));flex:0 0 auto}
.zgl-kategoria{font-weight:600;font-size:var(--fs-sm);padding:2px 8px;border-radius:var(--radius-pill);
  background:var(--warn-bg);border:1px solid var(--warn-border);color:var(--warn)}
.zgl-fakty-siatka{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}
.zgl-fakt{display:flex;gap:8px;align-items:flex-start;min-width:0}
.zgl-fakt .ikonka{margin-top:2px}
.zgl-fakt > div{display:flex;flex-direction:column;min-width:0;overflow-wrap:anywhere}
.zgl-fakt.szeroki{grid-column:1 / -1}
.zgl-fakt-e{font-size:var(--fs-xs);font-weight:650;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3)}
.zgl-opis{border-left:3px solid var(--accent-border, var(--line));background:var(--surface-2);
  border-radius:var(--radius-sm);padding:8px 12px;display:flex;flex-direction:column;gap:2px}
.zgl-opis.abonent{border-left-color:var(--info-border)}
.zgl-opis-tresc{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.45}
.zgl-stoper-przyciski .btn{white-space:nowrap;padding:0 10px;gap:6px}
.zgl-stoper .btn.zgl-btn-praca{background:var(--accent) !important;border-color:var(--accent) !important;color:var(--accent-ink, #fff) !important}
.zgl-stoper .btn.zgl-btn-praca:hover:not(:disabled){background:var(--accent-hover, var(--accent)) !important}
.zgl-stoper .btn.zgl-btn-dojazd{background:#e8f0fb !important;border-color:#b9cde9 !important;color:#1f5fae !important}
.zgl-stoper .btn.zgl-btn-dojazd:hover:not(:disabled){border-color:#1f5fae !important}
:root[data-theme="dark"] .zgl-stoper .btn.zgl-btn-dojazd{background:#16263b !important;border-color:#2c4666 !important;color:#9cc3f5 !important}
.mob .zgl-stoper .btn.zgl-btn-praca{background:var(--mob-akcja) !important;border-color:var(--mob-akcja) !important;color:var(--mob-akcja-ink) !important}
.zgl-stoper.w-drodze{border-color:#b9cde9;background:#f1f6fd}
:root[data-theme="dark"] .zgl-stoper.w-drodze{border-color:#2c4666;background:#111d2d}
.zgl-stoper.w-drodze .btn.zgl-btn-dojazd{background:var(--surface) !important}
.zgl-stoper-przyciski .btn.pelny{grid-column:1 / -1}
.mob .zgl-stoper-przyciski .btn{font-size:var(--fs-sm) !important;min-height:46px}
.zgl-stoper-info .jak-link{color:var(--ink-2);text-decoration:underline dotted;text-underline-offset:3px}
.zgl-stoper-info{justify-content:center;text-align:center;margin:4px 0 2px}
.zgl-stoper-info .jak-link{text-align:center}
.zgl-stoper{padding:12px 12px 10px}
.pomiar-lacza{gap:8px}
.pomiar-lacza .pomiar-hd{gap:10px}
.pomiar-lacza .nazwa{display:inline-flex;align-items:center;gap:8px}
.pomiar-lacza .nazwa .ikonka{color:var(--accent-text, var(--ink-2))}
.btn.pomiar-btn{background:#e8f0fb !important;border-color:#b9cde9 !important;color:#1f5fae !important;flex:0 0 auto}
:root[data-theme="dark"] .btn.pomiar-btn{background:#16263b !important;border-color:#2c4666 !important;color:#9cc3f5 !important}
.pomiar-stan{display:flex;gap:8px;align-items:flex-start;padding:8px 10px;border-radius:var(--radius-sm);
  background:var(--surface-2);font-size:var(--fs-sm);line-height:1.45;color:var(--ink-2)}
.pomiar-stan .ikonka{flex:0 0 auto;margin-top:2px;color:var(--info)}
.pomiar-stan strong{color:var(--ink)}
.pomiar-meta{display:flex;flex-wrap:wrap;gap:2px 14px;font-size:var(--fs-xs);color:var(--ink-3)}
.pomiar-meta strong{font-weight:600;color:var(--ink-2)}
.pomiar-lacza + .zgl-akcje,.pomiar-lacza ~ .zgl-akcje{margin-top:12px}
.zgl-akcje > .btn{gap:7px}
.zgl-akcje > .btn .ikonka{flex:0 0 auto;opacity:.85}
.zgl-akcje + .zgl-fakty,.zgl-fakty{margin-top:18px}
.mob .zgl-akcje > .btn{font-size:var(--fs-sm) !important;min-height:44px}
.zgl-stoper{padding:14px 14px 12px}
.zgl-stoper-info{margin:6px 0 4px;padding-top:10px;border-top:1px dashed var(--line)}
.mob-sekcja > .ikonka{align-self:center;flex:0 0 auto;color:var(--accent-text, var(--ink-2))}
.mob .mob-duzy{gap:8px}
.mob .mob-duzy .ikonka,.mob .mob-operator-akcje .btn .ikonka{flex:0 0 auto}
.mob .mob-operator-akcje .btn{display:inline-flex;align-items:center;gap:8px}
.mob-rodzaj{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 4px;line-height:1.15}
.mob-rodzaj .ikonka{opacity:.8}
.mob-rodzaj.on .ikonka{opacity:1}
.rzad-faktura .kn-faktura{display:flex;flex-direction:column;gap:2px;min-width:0}
.rzad-faktura .kn-faktura .formrow{margin:0;gap:8px;align-items:center;flex-wrap:wrap}
.rzad-faktura .kn-faktura .formrow strong{font-variant-numeric:tabular-nums}
.rzad-faktura .wyjasnienie{margin:0;font-size:var(--fs-sm);color:var(--bad)}
.krok-generuje{display:inline-flex;align-items:center;gap:8px;padding:4px 10px;
  border-radius:999px;border:1px solid var(--info-border);background:var(--info-bg);
  color:var(--info);font-size:var(--fs-sm);font-weight:600;white-space:nowrap;
  background-image:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);
  background-size:220% 100%;background-repeat:no-repeat;
  animation:krok-generuje-blysk 1.8s ease-in-out infinite}
.krok-generuje .krecik{width:12px;height:12px;border-radius:50%;flex:0 0 12px;
  border:2px solid currentColor;border-right-color:transparent;
  animation:krecik-obrot .8s linear infinite}
@keyframes krecik-obrot{to{transform:rotate(360deg)}}
@keyframes krok-generuje-blysk{0%{background-position:120% 0}100%{background-position:-120% 0}}
.plakietka-faktura{display:inline-flex;align-items:center;gap:4px;margin-top:4px;
  padding:1px 8px;border-radius:999px;border:1px solid var(--ok-border);
  background:var(--ok-bg);color:var(--ok);font-size:var(--fs-xs);font-weight:600;
  white-space:nowrap;font-variant-numeric:tabular-nums;
  animation:plakietka-wskakuje .35s ease-out}
@keyframes plakietka-wskakuje{from{opacity:0;transform:translateY(3px) scale(.96)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){
  .krok-generuje,.plakietka-faktura{animation:none}
  .krok-generuje .krecik{animation-duration:2.4s}
}
.umowa-karta{display:flex;flex-direction:column;gap:var(--s4)}
.umowa-karta > .note{margin:0}
.umowa-pola{border:0;margin:0;padding:0;min-width:0;display:flex;flex-direction:column;gap:var(--s4)}
.umowa-blok{display:flex;flex-direction:column;gap:var(--s3);padding:var(--s4);
  border:1px solid var(--line);border-radius:var(--radius, 8px);background:var(--surface)}
.umowa-blok > h3,.umowa-blok .dok-sekcja-hd h3{margin:0;font-size:var(--fs-md, 1rem)}
.umowa-blok .pola{margin:0}
.umowa-strona{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr);gap:var(--s3);align-items:start}
.umowa-strona > div{display:flex;flex-direction:column;gap:2px;min-width:0}
.umowa-etyk{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3)}
.umowa-powierzenie{display:flex;gap:8px;align-items:center;font-size:var(--fs-sm)}
.umowa-zakladki{margin:0}
.umowa-tresc-uklad{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:var(--s3);align-items:start}
.input.umowa-tresc{width:100%;height:auto;min-height:560px;padding:var(--s3);resize:vertical;font-size:13px;line-height:1.55;
  font-family:var(--font-body, inherit);white-space:pre-wrap;tab-size:2}
.umowa-wstawki{position:sticky;top:0;max-height:620px;overflow:auto;border:1px solid var(--line);
  border-radius:var(--radius, 8px);padding:var(--s2) var(--s3);background:var(--surface-2)}
.umowa-wstawki p{margin:0 0 var(--s2)}
.umowa-wstawki ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.umowa-wstawki li{display:flex;flex-direction:column;gap:1px;min-width:0}
.umowa-wstawka{align-self:flex-start;font-family:var(--font-mono, monospace);font-size:var(--fs-xs);
  padding:1px 6px;border:1px solid var(--line);border-radius:4px;background:var(--surface);
  color:var(--ink);cursor:pointer}
.umowa-wstawka:hover:not(:disabled){border-color:var(--accent)}
.umowa-wstawka:disabled{cursor:default;opacity:.7}
.umowa-wartosc{font-size:var(--fs-xs);color:var(--ink-2);overflow-wrap:anywhere}
.umowa-skladnia{margin:0}
.umowa-stopka{margin:0}
@media (max-width: 900px){
  .umowa-strona,.umowa-tresc-uklad{grid-template-columns:minmax(0,1fr)}
  .umowa-wstawki{position:static;max-height:260px}
}
.mag-wygaszone{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;
  font-size:var(--fs-sm);color:var(--ink-2);cursor:pointer}
.mag-wygaszone input{margin:0}
.umowa-wykaz{width:100%;table-layout:fixed}
.umowa-wykaz th{font-size:var(--fs-xs);text-align:left}
.umowa-wykaz td{vertical-align:top;padding:4px}
.umowa-wykaz td.srodek{text-align:center;padding-top:12px}
.umowa-wykaz th:nth-last-child(1),.umowa-wykaz td:nth-last-child(1){width:52px}
.umowa-wykaz textarea.input{width:100%;height:auto;min-height:52px;padding:6px 8px;
  font-size:var(--fs-xs);line-height:1.35;resize:vertical}
.umowa-wykaz th[title]{width:52px}
.ochrona-danych{display:flex;flex-direction:column;gap:var(--s3);margin-top:var(--s3)}
.ochrona-pasek{align-items:center;gap:var(--s3)}
.ochrona-umowy td{vertical-align:middle}
.ochrona-umowy tr.klikalny{cursor:pointer}
.ochrona-umowy tr.klikalny:focus-visible td{background:var(--wiersz-hover)}
.input.umowa-lista{height:auto;min-height:120px;font-family:inherit;line-height:1.45}
html.przejscie-ekranu .tresc-ekranu{view-transition-name:tresc}
::view-transition-old(root),::view-transition-new(root){animation-duration:.22s}
::view-transition-group(tresc){animation-duration:0s}
::view-transition-old(tresc){animation:s24-ekran-znika .14s ease-out both}
::view-transition-new(tresc){animation:s24-ekran-wchodzi .3s cubic-bezier(.2,0,0,1) .04s both}
@keyframes s24-ekran-znika{to{opacity:0}}
@keyframes s24-ekran-wchodzi{from{opacity:0;translate:0 12px}}
.scrim{animation:s24-zaslona .45s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(1.5px);-webkit-backdrop-filter:blur(1.5px)}
.okienko{animation:s24-okno .42s cubic-bezier(.22,1,.36,1)}
.drawer{animation:s24-szuflada .55s cubic-bezier(.22,1,.36,1)}
.drawer > :not(.okienko):not(.scrim){animation:s24-tresc .5s cubic-bezier(.22,1,.36,1) .1s backwards}
.drawer > :nth-child(n+3):not(.okienko):not(.scrim){animation-delay:.16s}
.drawer.briefing{animation:s24-okno .42s cubic-bezier(.22,1,.36,1)}
@keyframes s24-zaslona{from{opacity:0;backdrop-filter:blur(0)}}
@keyframes s24-okno{from{opacity:0;scale:.96;translate:0 16px}}
@keyframes s24-szuflada{from{translate:100% 0}}
@keyframes s24-tresc{from{opacity:0;translate:0 10px}}
.s24-duch{pointer-events:none !important}
.s24-duch *{animation:none !important}
.s24-duch.s24-wyj-szuflada{animation:s24-szuflada-wyj .38s cubic-bezier(.55,0,.55,.2) both !important}
.s24-duch.s24-wyj-okno{animation:s24-okno-wyj .26s cubic-bezier(.4,0,.2,1) both !important}
.s24-duch.s24-wyj-zaslona{animation:s24-zaslona-wyj .36s cubic-bezier(.4,0,.2,1) both !important}
.s24-duch.drawer.briefing.s24-wyj-szuflada{animation-name:s24-okno-wyj !important}
@keyframes s24-szuflada-wyj{to{translate:100% 0}}
@keyframes s24-okno-wyj{to{opacity:0;scale:.98;translate:0 8px}}
@keyframes s24-zaslona-wyj{to{opacity:0;backdrop-filter:blur(0)}}
.kn-panel{animation:s24-tresc .36s cubic-bezier(.22,1,.36,1) backwards}
.kn-wiecej-lista,.kn-status-okno{transform-origin:top left;animation:s24-menu .26s cubic-bezier(.22,1,.36,1) backwards}
.kz-lista{transform-origin:bottom right;animation:s24-menu .26s cubic-bezier(.22,1,.36,1) backwards}
@keyframes s24-menu{from{opacity:0;scale:.96;translate:0 -4px}}
[data-czeka]{cursor:progress}
.btn[data-czeka]::after,button[data-czeka]::after{content:"";display:inline-block;flex:0 0 auto;width:.9em;height:.9em;
  margin-left:8px;vertical-align:-.12em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;
  animation:s24-kreci .7s linear infinite;opacity:.85}
html.s24-czeka,html.s24-czeka *{cursor:progress}
.s24-czeka-pasek{position:fixed;left:0;right:0;top:0;height:3px;z-index:1000;pointer-events:none;overflow:hidden;
  opacity:0;transition:opacity .25s ease}
.s24-czeka-pasek.on{opacity:1}
.s24-czeka-pasek::before{content:"";position:absolute;top:0;bottom:0;left:-40%;width:40%;border-radius:3px;
  background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:s24-pasek 1.1s cubic-bezier(.4,0,.2,1) infinite}
@keyframes s24-pasek{to{left:100%}}
.btn{transition:background-color .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease,scale .08s ease}
.btn:active:not(:disabled){scale:.98}
.zakladki button{transition:color .15s ease,border-color .15s ease,background-color .15s ease}
.side button.nav{transition:background-color .14s ease,color .14s ease,border-color .14s ease}
.side button.nav.ma-podmenu .strzalka{transition:transform .18s ease}
tbody tr{transition:background-color .12s ease}
.jak-link{transition:color .14s ease}
@media (prefers-reduced-motion:reduce){
  ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none !important}
  .scrim,.okienko,.drawer,.drawer.briefing,.drawer > *,.kn-panel,.kn-wiecej-lista,.kn-status-okno,.kz-lista{animation:none !important}
  .s24-czeka-pasek::before{animation-duration:2.4s}
  .btn:active:not(:disabled){scale:none}
}
.oddziel-2fa{border:0;border-top:1px solid var(--line);margin:var(--s5) 0 var(--s4)}
.klucze-sekcja{display:flex;flex-direction:column;gap:var(--s3)}
.klucze-sekcja h3{margin:0}
.klucze-sekcja .wyjasnienie{margin:0}
.klucze-tab{width:100%}
.klucze-dodaj{align-items:flex-end;gap:var(--s3)}
.ai-tresc-start{flex-wrap:wrap}
.ai-tresc-pole{display:flex;flex-direction:column;gap:4px}
.ai-tresc-hd{display:flex;align-items:center;justify-content:space-between;gap:8px}
.poz-doliczanie{font-size:var(--fs-xs);color:var(--ink-2);font-style:italic;margin-top:2px}
.poz-warianty-wybor{display:flex;flex-wrap:wrap;gap:6px 16px;padding:2px 0 4px}
.rzad-faktura .okno-formularza .wyjasnienie,
.rzad-faktura .wyjasnienie.info{color:var(--ink-2)}
.lista-napraw td.kol-data{line-height:1.35}
.lista-napraw td.kol-data .kol-data-godz{font-size:var(--fs-xs)}
.lista-napraw .kol-numer .pill{max-width:250px}
.kn-rozliczenie{margin:0 0 var(--s3);padding:14px 18px;border:1px solid var(--line);border-radius:var(--radius-lg);
  background:var(--surface);display:flex;flex-direction:column;gap:12px}
.kn-rozliczenie.info{background:var(--info-bg, #eef4ff);border-color:var(--info-border, #c9dafb)}
.kn-rozliczenie.ok{background:var(--ok-bg, #eaf6ef);border-color:var(--ok-border, #bfe3cc)}
.kn-rozl-glowa{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.kn-rozl-etykieta{font-size:var(--fs-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);
  min-width:92px}
.kn-rozl-kwota{display:flex;align-items:baseline;gap:6px 12px;flex-wrap:wrap;flex:1 1 auto;min-width:0}
.kn-rozl-kwota strong{font-size:var(--fs-lg, 17px);color:var(--ink)}
.kn-rozl-suma{font-size:22px;font-weight:800;color:var(--ink)}
.kn-rozliczenie.ok .kn-rozl-suma{color:var(--ok, #16753e)}
.kn-rozl-pod{color:var(--ink-2);font-size:var(--fs-sm)}
.kn-rozl-faktura{border-top:1px solid color-mix(in srgb, var(--line) 70%, transparent);padding-top:12px}
.kn-rozl-faktura.zle{border-top-color:var(--bad-border)}
.kn-rozl-faktura .kn-faktura{display:flex;flex-direction:column;gap:6px}
.kn-rozl-dok{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.kn-rozl-dok > .ikonka{color:var(--ink-2);flex:none}
.kn-rozl-dok-opis{display:flex;flex-direction:column;gap:2px;flex:1 1 220px;min-width:0}
.kn-rozl-dok-numer{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.kn-rozl-dok-numer strong{font-size:var(--fs-md, 15px)}
.kn-rozl-akcje{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.kn-rozl-drobne{display:flex;gap:4px 16px;flex-wrap:wrap;padding-left:30px}
.kn-rozl-ksef{font-size:var(--fs-sm);color:var(--ok);overflow-wrap:anywhere}
.kn-rozl-ksef.czeka{color:var(--ink-2)}
.kn-rozl-drobne:empty{display:none}
.kn-rozl-pod.zle{color:var(--bad);font-weight:600}
.kn-rozl-zaplata{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;padding:10px 12px;margin-left:30px;
  border:1px solid var(--line);border-radius:var(--radius);background:var(--surface, #fff)}
.kn-rozl-zaplata-pole{display:flex;flex-direction:column;gap:4px;font-size:var(--fs-sm);color:var(--ink-2)}
.kn-rozl-zaplata-pole .input{width:auto}
.kn-rozl-zaplata .muted{align-self:center}
label.btn input[type=file]{display:none}
label.btn.disabled{opacity:.5;pointer-events:none}
.btn-link{background:none;border:0;padding:2px 0;font:inherit;font-size:var(--fs-sm);color:var(--ink-2);
  text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.btn-link:hover{color:var(--ink)}
.btn-link:focus-visible{outline:2px solid var(--accent, #2b6cb0);outline-offset:2px;border-radius:3px}
.btn-link.groznie{color:var(--bad)}
.btn-link:disabled{opacity:.5;cursor:default}
.kn-rozl-faktura .wyjasnienie{margin:0;padding:0;border:0;font-size:var(--fs-sm);color:var(--bad)}
.kn-rozl-faktura .wyjasnienie.info,.kn-rozl-faktura .okno-formularza .wyjasnienie{color:var(--ink-2)}
.kn-rozl-faktura .okno-formularza .wyjasnienie{padding:var(--s3) var(--pad-card);border-bottom:1px solid var(--line-soft);font-size:var(--fs-sm)}
.abonamenty .hd{flex-wrap:wrap;gap:var(--s2) var(--s3)}
.abonamenty .abo-miesiac{display:inline-flex;align-items:center;gap:6px}
.abonamenty .abo-miesiac strong{min-width:9.5em;text-align:center;font-variant-numeric:tabular-nums}
.abonamenty .abo-odbiorca{font-size:var(--fs-sm)}
.abonamenty .abo-blad{color:var(--bad);font-size:var(--fs-sm);margin-top:4px;max-width:36ch;white-space:normal}
.abonamenty tr.abo-pominiety td{color:var(--ink-3)}
.abonamenty td.num .formrow{flex-wrap:nowrap}
.nabywca-faktury{border:1px solid var(--line-soft);border-radius:var(--radius);padding:var(--s3);margin:var(--s3) 0;display:grid;gap:var(--s2)}
.nabywca-faktury .nabywca-glowa{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--s3);flex-wrap:wrap}
.nabywca-faktury .nabywca-etykieta{font-size:var(--fs-xs, 12px);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3);margin-bottom:2px}
.nabywca-faktury .nabywca-szukaj{display:grid;gap:6px;justify-items:start}
.nabywca-faktury .nabywca-szukaj .input{width:100%;max-width:420px}
.nabywca-faktury .nabywca-lista{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.abonamenty .abo-tabela td,.abonamenty .abo-tabela th{white-space:nowrap}
.abonamenty .abo-tabela td.clip{max-width:27ch;white-space:normal;text-align:left}
.abonamenty .abo-tabela td.clip > div:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kn-rozliczenie .kn-rozl-wystaw{margin-left:auto}
.pasek-zlecenia .rzad-dokumenty{padding-top:10px;border-top:1px solid var(--line)}
.pasek-zlecenia .kn-rzad-prawa{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.kn-wiecej{position:relative;display:inline-flex}
.kn-wiecej-lista{position:absolute;right:0;top:calc(100% + 4px);z-index:30;min-width:260px;
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
  box-shadow:0 8px 24px rgb(0 0 0 / .12);padding:4px;display:grid;gap:2px}
.kn-wiecej-poz{all:unset;box-sizing:border-box;cursor:pointer;display:grid;gap:2px;padding:8px 10px;
  border-radius:var(--radius-sm);font-weight:600;color:var(--ink)}
.kn-wiecej-poz small{font-weight:400;color:var(--ink-3);font-size:var(--fs-xs)}
.kn-wiecej-poz:hover,.kn-wiecej-poz:focus-visible{background:var(--line-soft)}
.kn-wiecej-poz:focus-visible{outline:2px solid var(--accent-border);outline-offset:-2px}
.kn-wiecej-poz.groznie{color:var(--bad)}
@media (max-width:700px){.pasek-zlecenia .kn-rzad-prawa{margin-left:0}}
.kal-zawezone{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
  margin:0 0 var(--s3);padding:8px 12px;border:1px solid var(--accent-border);border-radius:var(--radius);
  background:var(--accent-soft);font-size:var(--fs-sm);color:var(--ink)}
.legenda-wierszy{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;
  margin:2px 0 8px;padding:0 var(--s4);font-size:var(--fs-xs);color:var(--ink-3)}
.legenda-wierszy .lw{display:inline-flex;align-items:center;gap:5px;cursor:help;white-space:nowrap}
.legenda-wierszy .lw i{position:relative;flex:none;width:22px;height:13px;border-radius:2px;
  border:1px solid var(--line);background:var(--surface);overflow:hidden}
.legenda-wierszy .lw i::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px}
.legenda-wierszy .lw-uwaga i{background:var(--w-uwaga-tlo)}      .legenda-wierszy .lw-uwaga i::before{background:var(--warn)}
.legenda-wierszy .lw-alarm i{background:var(--w-alarm-tlo)}      .legenda-wierszy .lw-alarm i::before{background:var(--bad)}
.legenda-wierszy .lw-awaria i{background:var(--w-awaria-tlo)}    .legenda-wierszy .lw-awaria i::before{background:var(--bad);width:4px}
.legenda-wierszy .lw-www i{background:var(--w-www-tlo)}          .legenda-wierszy .lw-www i::before{background:var(--w-www)}
.legenda-wierszy .lw-zgoda i::before{background:var(--accent)}
.legenda-wierszy .lw-oplacone i::before{background:var(--ok)}
.legenda-wierszy .lw-zamkniete i{background:var(--surface-2)}
.legenda-wierszy .lw-zamkniete{color:var(--ink-3);opacity:.8}
@media (max-width:640px){ .legenda-wierszy{gap:3px 10px} }
.aud{display:flex;flex-direction:column;gap:var(--s4)}
.aud-zapis{min-width:64px;text-align:right}
.aud-wizyta{border:1px solid var(--line);border-radius:var(--radius);padding:var(--s3) var(--s4);background:var(--surface)}
.aud-uklad{display:grid;grid-template-columns:260px minmax(0,1fr);gap:var(--s5);align-items:start}
.aud-kroki{position:sticky;top:0;display:flex;flex-direction:column;gap:2px;
  border:1px solid var(--line);border-radius:var(--radius);padding:6px;background:var(--surface)}
.aud-krok{all:unset;box-sizing:border-box;display:grid;grid-template-columns:24px 1fr;grid-template-rows:auto auto;
  column-gap:8px;padding:7px 8px;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--fs-sm);color:var(--ink-2)}
.aud-krok:hover{background:var(--surface-2)}
.aud-krok:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.aud-krok.aktywny{background:var(--surface-2);color:var(--ink);font-weight:650;box-shadow:inset 3px 0 0 var(--accent)}
.aud-krok-nr{grid-row:1 / span 2;align-self:center;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;
  font-size:var(--fs-xs);font-weight:700;border:1px solid var(--line);background:var(--surface);font-variant-numeric:tabular-nums}
.aud-krok.pelny .aud-krok-nr{background:var(--ok);border-color:var(--ok);color:#fff}
.aud-krok-nazwa{line-height:1.25}
.aud-krok-ile{grid-column:2;font-size:var(--fs-xs);color:var(--ink-3);font-weight:400;font-variant-numeric:tabular-nums}
.aud-tresc{display:flex;flex-direction:column;gap:var(--s3);min-width:0}
.aud-tytul{margin:0}
.aud-cel{margin:0 0 var(--s2)}
.aud-pyt{border:1px solid var(--line);border-radius:var(--radius);padding:var(--s3) var(--s4);background:var(--surface);
  display:flex;flex-direction:column;gap:8px}
.aud-pyt.slaba{box-shadow:inset 3px 0 0 var(--warn)}
.aud-pyt-hd{display:flex;gap:var(--s3);align-items:flex-start;justify-content:space-between}
.aud-pyt-tresc{font-weight:600;line-height:1.35;max-width:75ch}
.aud-podstawa{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end;flex:0 0 auto;max-width:40%}
.aud-chip{display:inline-block;font-size:var(--fs-xs);padding:1px 7px;border-radius:var(--radius-pill);
  border:1px solid var(--line);color:var(--ink-3);white-space:nowrap}
.aud-chip.dowod{border-color:var(--info-border);color:var(--info)}
.aud-chip.klik{all:unset;box-sizing:border-box;display:inline-block;font-size:var(--fs-xs);padding:2px 8px;
  border-radius:var(--radius-pill);border:1px solid var(--line);color:var(--ink-2);cursor:pointer}
.aud-chip.klik.wlaczony{background:var(--warn-bg);border-color:var(--warn-border);color:var(--ink)}
.aud-chip.klik:focus-visible{outline:2px solid var(--accent)}
.aud-jak{max-width:80ch}
.aud-odp{border:0;padding:0;margin:0;min-width:0}
.aud-guziki{display:flex;flex-wrap:wrap;gap:6px}
.aud-g.wybrany,.aud-g.wybrany:hover{background:var(--ink)!important;border-color:var(--ink)!important;color:var(--surface)!important}
.aud-g.wybrany.k-ok,.aud-g.wybrany.k-ok:hover{background:var(--ok)!important;border-color:var(--ok)!important;color:#fff!important}
.aud-g.wybrany.k-warn,.aud-g.wybrany.k-warn:hover{background:var(--warn)!important;border-color:var(--warn)!important;color:#fff!important}
.aud-g.wybrany.k-bad,.aud-g.wybrany.k-bad:hover{background:var(--bad)!important;border-color:var(--bad)!important;color:#fff!important}
.aud-g.wybrany.k-mute,.aud-g.wybrany.k-mute:hover{background:var(--ink-3)!important;border-color:var(--ink-3)!important;color:#fff!important}
.aud-krotkie{max-width:200px}
.aud-znak-wrap{position:relative;display:inline-block;vertical-align:middle;margin-left:4px}
.aud-znak{all:unset;box-sizing:border-box;cursor:pointer;width:20px;height:20px;border-radius:50%;
  border:1.5px solid var(--ink);color:var(--ink);font-size:12px;font-weight:700;line-height:1;
  display:inline-grid;place-items:center}
.aud-znak.on,.aud-znak:hover{background:var(--ink);color:var(--surface)}
.aud-znak:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.aud-dymek{position:absolute;left:-8px;top:calc(100% + 8px);z-index:40;width:min(440px,80vw);
  background:var(--ink);color:var(--surface);border-radius:var(--radius);padding:12px 14px;
  font-size:var(--fs-sm);font-weight:400;line-height:1.5;box-shadow:0 12px 32px rgba(13,31,60,.28);
  display:flex;flex-direction:column;gap:6px;text-align:left;white-space:normal}
.aud-dymek b{color:var(--accent);font-weight:650}
.aud-dymek-skala{opacity:.85;border-top:1px solid rgba(255,255,255,.18);padding-top:6px;font-size:var(--fs-xs)}
.aud-ai-guzik{margin-left:auto}
.aud-ai{border:1px solid var(--warn-border);background:var(--warn-bg);border-radius:var(--radius);
  padding:12px 14px;display:flex;flex-direction:column;gap:8px}
.aud-ai-nad{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.05em;font-weight:650;color:var(--ink-2)}
.aud-ai-tresc{white-space:pre-line;line-height:1.55;max-width:90ch}
.aud-ai-blad{color:var(--bad)}
.aud-ai-akcje{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.aud-ai-zastrz{margin-left:auto}
.drawer.aud-ai-szuflada{width:min(94vw,600px);display:flex;flex-direction:column;gap:var(--s4)}
.drawer.aud-ai-szuflada .drawer-hd{margin-bottom:0}
.drawer.aud-ai-szuflada .aud-ai-zastrz{margin:0}
.aud-ai-pytanie{font-weight:600;line-height:1.45}
.aud-ai-tresc strong{font-weight:700}
.aud-szbi-wskazowka{margin-top:var(--s2)}
.aud-szbi-wskazowka .jak-link{font-weight:600}
.aud-dok{gap:var(--s3);flex-wrap:wrap}
.aud-data-dok{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-sm);color:var(--ink-2)}
.aud-brak{align-self:flex-end;padding-bottom:8px}
.aud-pyt-stopka{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3)}
.aud-zdj-rzad{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.aud-miniatura img{display:block;width:56px;height:42px;object-fit:cover;border-radius:4px;border:1px solid var(--line)}
.aud-dalej{display:flex;gap:var(--s3);margin-top:var(--s3);padding-top:var(--s3);border-top:1px solid var(--line)}
.aud-obchod{display:flex;flex-direction:column;gap:var(--s3)}
.aud-zdj-siatka{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--s3)}
.aud-zdj-karta{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--surface);
  display:flex;flex-direction:column;gap:6px;padding-bottom:8px}
.aud-zdj-karta.z-uwagami{border-color:var(--warn-border)}
.aud-zdj-obraz img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--surface-2)}
.aud-zdj-pola{border:0;margin:0;padding:0 8px;display:flex;flex-direction:column;gap:6px;min-width:0}
.aud-zdj-karta > .jak-link{align-self:flex-start;margin-left:8px}
.aud-uwagi-chipy{display:flex;flex-wrap:wrap;gap:4px}
.aud-podsum h4{margin:var(--s4) 0 var(--s2)}
.aud-obszary td{vertical-align:middle}
.aud-niezg{margin:0;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.aud-niezg li{border-bottom:1px solid var(--line-soft);padding-bottom:8px}
.aud-param{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}
.aud-param > .input:not(.aud-krotkie){min-width:min(360px,100%)}
.aud-tab{display:flex;flex-direction:column;gap:8px;min-width:0}
.aud-tab-pasek{gap:8px;flex-wrap:wrap}
.aud-tab-pasek input[type=search]{max-width:240px}
.aud-tab-ramka{max-height:560px;overflow:auto}
.aud-tab-ramka table{min-width:0}
.aud-tabela th{position:sticky;top:0;z-index:1;background:var(--surface-2);white-space:nowrap}
.aud-tabela td{padding:3px 4px;vertical-align:middle}
.aud-tabela td .input.sm{min-width:0}
.aud-tab-sort{all:unset;cursor:pointer;font:inherit;font-weight:600}
.aud-tab-sort:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.aud-tab-stala{display:inline-block;min-width:16ch;max-width:34ch;white-space:normal;font-weight:600;color:var(--ink-2)}
tr.aud-tab-grupa td{text-align:left;font-weight:650;background:var(--surface-2);color:var(--ink-2)}
.aud-tab-stopka{gap:8px}
.aud-tab-strony{display:inline-flex;align-items:center;gap:6px;margin-left:auto}
.aud-dns{display:flex;flex-direction:column;gap:6px}
.aud-dns .input.sm{max-width:260px}
.aud-dns-wynik{border:1px solid var(--line);border-radius:var(--radius-sm);padding:8px 12px;background:var(--surface-2);
  display:flex;flex-direction:column;gap:6px;font-size:var(--fs-sm)}
.aud-dns-wynik ul{margin:0;padding-left:18px;word-break:break-word}
.aud-szbi{border:1px solid var(--line);border-radius:var(--radius);padding:var(--s3) var(--s4);background:var(--surface);
  display:flex;flex-direction:column;gap:8px;box-shadow:inset 3px 0 0 var(--accent)}
.aud-szbi-opis{display:flex;flex-direction:column;gap:2px;max-width:70ch}
.aud-szbi-braki summary{cursor:pointer;font-weight:600}
.aud-szbi-braki .tblwrap{margin-top:6px}
.aud-procent{margin:0 0 var(--s2)}
@media (max-width:900px){
  .aud-uklad{grid-template-columns:1fr}
  .aud-kroki{position:static;flex-direction:row;overflow-x:auto}
  .aud-krok{min-width:150px}
  .aud-pyt-hd{flex-direction:column}
  .aud-podstawa{justify-content:flex-start;max-width:none}
}
.proby-api{display:flex;flex-direction:column;gap:8px;margin-top:6px;min-width:0}
.proba-api{min-width:0}
.proba-api .formrow{gap:6px 10px;flex-wrap:wrap;font-size:var(--fs-sm);word-break:break-all}
.proba-api pre.odp-api{margin:4px 0 0;max-height:220px;overflow:auto;white-space:pre-wrap;word-break:break-word;
  font-size:var(--fs-xs);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:6px 8px}
.polaczenia{display:flex;flex-direction:column;gap:var(--s3)}
.pz-filtry{display:flex;flex-direction:column;gap:8px;padding:var(--s3) var(--s4);
  border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.pz-filtry .formrow{flex-wrap:wrap;gap:8px 10px;align-items:center}
.pz-okres{min-width:150px;text-align:center;text-transform:capitalize}
.polaczenia .filtr-chip{display:inline-flex;align-items:center;gap:6px;padding:2px 4px 2px 10px;border-radius:var(--radius-pill);
  border:1px solid var(--line);background:var(--surface-2);font-size:var(--fs-sm)}
.polaczenia .kpi-rzad.ciasny{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.pz-wykres{display:flex;align-items:flex-end;gap:2px;height:90px;padding:6px 8px;border:1px solid var(--line);
  border-radius:var(--radius);background:var(--surface)}
.pz-slupek{flex:1 1 0;height:100%;display:flex;align-items:flex-end;min-width:3px}
.pz-slupek span{display:block;width:100%;background:var(--accent);border-radius:2px 2px 0 0}
.pz-slupek.wolne span{background:color-mix(in srgb,var(--accent) 45%,var(--surface))}
.pz-slupek:hover span{filter:brightness(.9)}
.pz-grupy td,.pz-tab td{vertical-align:middle}
.pz-udzial{position:relative;min-width:120px}
.pz-udzial span{display:block;height:8px;border-radius:4px;background:var(--accent);min-width:2px}
.pz-udzial em{font-style:normal;font-size:var(--fs-xs);color:var(--ink-3)}
.pz-lista{display:flex;flex-direction:column;gap:var(--s2)}
.pz-lista-filtry{flex-wrap:wrap;gap:8px 14px;align-items:center}
.pz-lista-filtry input[type=search]{min-width:240px}
.pz-tab tr.pz-pominieta td{color:var(--ink-3)}
.pz-numery h4{margin:var(--s4) 0 var(--s2)}
@media (max-width:640px){ .pz-lista-filtry input[type=search]{min-width:0;width:100%} }
.pz-wybor-firmy{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:220px}
.ikona.ikona-jezyk{font-size:12px;font-weight:700;letter-spacing:.04em;line-height:1}
.wybor-jezyka{display:inline-flex;border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden}
.wybor-jezyka button{appearance:none;border:0;background:transparent;color:var(--ink-2);
  font:inherit;font-size:var(--fs-sm);padding:5px 12px;cursor:pointer}
.wybor-jezyka button+button{border-left:1px solid var(--line)}
.wybor-jezyka button:hover{background:var(--surface)}
.wybor-jezyka button.on{background:var(--accent-soft);color:var(--accent-text);font-weight:600;cursor:default}
.wybor-jezyka button:focus-visible{outline:none;box-shadow:var(--focus)}
.wybor-jezyka.na-logowaniu{margin-top:var(--s3)}
.menu-ja-poz.menu-ja-jezyk{cursor:default}
.mob-menu-jezyk{padding:8px 14px}
.pz-wiecej{display:flex;align-items:center;gap:var(--s2);justify-content:center;margin-top:var(--s2)}
.kn-zkasy-wejscie{margin-top:var(--s2);font-size:var(--fs-sm)}
.kn-zkasy{margin-top:var(--s3);padding:var(--s3);border:1px solid var(--line);border-radius:var(--radius);
  background:var(--surface-2);display:flex;flex-direction:column;gap:var(--s2)}
.kn-zkasy-hd{display:flex;flex-direction:column;gap:2px;font-size:var(--fs-sm)}
.kn-zkasy-lista{list-style:none;margin:0;padding:0;max-height:240px;overflow:auto;display:flex;flex-direction:column;gap:2px}
.kn-zkasy-lista label{display:grid;grid-template-columns:auto 8.5em 6.5em minmax(0,1fr) auto;gap:var(--s2);
  align-items:center;padding:6px 8px;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--fs-sm)}
.kn-zkasy-lista label:hover{background:var(--surface)}
.kn-zkasy-kwota{font-variant-numeric:tabular-nums;text-align:right}
.kn-zkasy .pasek-akcji{margin-top:0}
.porzadki-kl{max-height:92vh}
.pk-zakladki{display:flex;gap:6px;flex-wrap:wrap;margin:var(--s3) 0}
.pk-zakladki .btn.wybrana{background:var(--ink);color:var(--surface);border-color:var(--ink)}
.pk-zakladki .btn.wybrana .pill{background:var(--surface);color:var(--ink)}
.pk-pasek{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:var(--s3)}
.pk-pasek>.input{width:auto;min-width:180px;max-width:320px}
.pk-pasek>.input:first-child{min-width:300px}
.pk-odstep{flex:1}
.pk-grupa{margin-bottom:var(--s3)}
.pk-grupa-hd{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:var(--s2)}
.pk-tabela tbody tr{cursor:pointer}
.pk-tabela tr.pk-glowna td{background:var(--ok-bg)}
.pk-tabela tr.pk-edycja td{background:var(--surface-2);cursor:default}
.pk-akcje{display:flex;gap:8px;justify-content:flex-end;padding-top:var(--s3)}
.pk-akcje-wiersza{white-space:nowrap;text-align:right}
.pk-akcje-wiersza .btn+.btn{margin-left:6px}
.kafel.polaczenie-opis{border-left:3px solid var(--warn)}
.baner-polaczen{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:var(--s3)}
.baner-polaczen > span{flex:1;min-width:220px}
.baner-polaczen-kierownik{display:flex;gap:6px 16px;flex-wrap:wrap;align-items:center;
  font-size:var(--fs-sm);margin-bottom:var(--s3)}
.side button.nav.pod .nav-liczba.uwaga{color:var(--warn);font-weight:650}
.side button.nav.pod .nav-liczba + .nav-liczba{margin-left:8px}
.pz-sesje{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}
.pz-sesje td{padding:6px 8px;border-top:1px solid var(--line);vertical-align:middle}
.mob-blok.mob-do-opisania{border-left:3px solid var(--warn)}
.okienko.raport-wejscie{padding:0;display:flex;flex-direction:column}
.raport-wejscie-hd{padding:var(--s5) var(--s6) var(--s3);border-bottom:1px solid var(--line)}
.raport-wejscie-hd h2{margin:0;font-size:var(--fs-lg)}
.raport-wejscie-liczby{display:flex;gap:10px;flex-wrap:wrap;padding:var(--s4) var(--s6) 0}
.raport-liczba{border:1px solid var(--line);border-radius:var(--radius);padding:8px 12px;min-width:120px;
  display:flex;flex-direction:column}
.raport-liczba b{font-size:20px;font-variant-numeric:tabular-nums}
.raport-liczba.zle b{color:var(--bad)}
.raport-liczba.uwaga b{color:var(--warn)}
.raport-wejscie-tekst{padding:var(--s4) var(--s6) 0;white-space:pre-line;max-width:72ch}
.raport-wejscie-sekcja{margin:var(--s4) var(--s6) 8px;font-size:var(--fs-xs);text-transform:uppercase;
  letter-spacing:.07em;color:var(--ink-3)}
.raport-wejscie-lista{margin:0 var(--s6);display:flex;flex-direction:column;border:1px solid var(--line);
  border-radius:var(--radius);overflow:hidden}
.raport-poz{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:start;
  padding:10px 12px;border:0;border-top:1px solid var(--line);background:none;color:inherit;
  font:inherit;text-align:left;width:100%}
.raport-poz:first-child{border-top:0}
button.raport-poz{cursor:pointer}
button.raport-poz:hover{background:var(--surface-2)}
button.raport-poz:focus-visible{outline:none;box-shadow:var(--focus)}
.raport-poz-co{display:flex;flex-direction:column;gap:2px;min-width:0}
.raport-poz-co strong{overflow-wrap:anywhere}
.raport-poz-co .muted{font-size:var(--fs-sm)}
.raport-poz-podpowiedz{font-size:var(--fs-sm);color:var(--ink-2);display:flex;gap:6px;align-items:baseline}
.raport-ai{font-size:10px;font-weight:700;letter-spacing:.05em;padding:0 5px;border-radius:4px;
  border:1px solid var(--line);color:var(--ink-3);flex:none}
.raport-poz-dokad{color:var(--accent-text);font-size:var(--fs-sm);white-space:nowrap}
.raport-wejscie-lista + .jak-link{margin-left:var(--s6)}
.raport-wejscie-przypis{margin:8px var(--s6) 0;font-size:var(--fs-xs)}
.raport-wejscie-stopka{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:var(--s4);
  padding:var(--s4) var(--s6);border-top:1px solid var(--line);background:var(--surface-2)}
.okienko.raport-wejscie > .note{margin:var(--s3) var(--s6) 0}
.btn.raport-wroc{position:fixed;right:18px;bottom:18px;z-index:58;box-shadow:var(--shadow-3);
  border-color:var(--warn);background:var(--warn-bg);color:var(--warn)}
@media (max-width:640px){
  .raport-poz{grid-template-columns:auto minmax(0,1fr)}
  .raport-poz-dokad{grid-column:2}
}
.okienko.raport-wejscie{overflow:hidden}
.raport-wejscie-hd,.raport-wejscie-stopka{flex:none}
.raport-wejscie-srodek{flex:1 1 auto;min-height:0;overflow-y:auto;padding-bottom:var(--s4)}
.raport-wejscie-lista{flex:none}
.raport-ile{margin-left:8px;font-size:var(--fs-xs);font-weight:700;color:var(--ink-3);
  font-variant-numeric:tabular-nums}
.raport-poz-szczegol{font-size:var(--fs-sm);color:var(--ink-2);overflow-wrap:anywhere}
.polaczenie-bez{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);flex-wrap:wrap;margin-top:var(--s3);padding:8px 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);font-size:var(--fs-sm)}
.polaczenie-wybor{display:flex;flex-direction:column;border:1px solid var(--warn-border);border-radius:var(--radius);
  background:var(--surface);overflow:hidden}
.polaczenie-wybor-wiersz{display:flex;align-items:center;gap:12px;padding:8px 10px;border-top:1px solid var(--line)}
.polaczenie-wybor-wiersz:first-child{border-top:0}
.polaczenie-wybor-opis{flex:1;min-width:0;overflow-wrap:anywhere}
@media (max-width:640px){.polaczenie-wybor-wiersz{flex-direction:column;align-items:stretch}}
.nr-zl{display:inline-flex;align-items:baseline;gap:7px;white-space:nowrap;font-variant-numeric:tabular-nums}
.nr-zl-pre{align-self:center;font-size:10.5px;font-weight:800;letter-spacing:.06em;line-height:1.5;
  padding:1px 6px;border-radius:5px;background:var(--accent-soft);color:var(--accent-text)}
.nr-zl-nr{font-size:var(--fs-md);font-weight:750;color:var(--ink)}
.nr-zl-ogon{font-size:var(--fs-xs);color:var(--ink-3)}
.nr-zl-ukryte,.nr-zl-sep{font-size:0}
.nr-zl-sep::before{content:"·";font-size:var(--fs-xs);margin:0 4px}
.nr-zl-ogon .nr-zl-sep:first-child::before{content:"";margin:0}
tbody tr.w-zamkniete .nr-zl-nr{color:var(--ink-2)}
.kn-kod-wydanie{display:flex;gap:var(--s4);align-items:flex-start;padding:var(--s3);
  border:1px solid var(--line);border-radius:10px;background:var(--surface);margin-bottom:var(--s4)}
.kn-kod-wydanie-qr{flex:none;width:150px;height:150px;display:flex;align-items:center;justify-content:center;
  border:1px solid var(--line);border-radius:10px;background:#fff}
.kn-kod-wydanie-qr .kn-kod{width:138px;height:138px;max-width:none;border-radius:6px}
.kn-kod-wydanie-kroki{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.kn-kod-wydanie-kroki ol{margin:0;padding-left:1.2em;display:flex;flex-direction:column;gap:4px}
.kn-kod-wydanie-kroki .jak-link{align-self:flex-start}
@media (max-width:560px){.kn-kod-wydanie{flex-direction:column;align-items:center}}
.umowa-ai{display:flex;flex-direction:column;gap:var(--s3);padding:var(--s3) var(--s4);margin:var(--s2) 0 var(--s3);
  border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:10px;background:var(--surface)}
.umowa-ai-hd{display:flex;justify-content:space-between;align-items:center;gap:var(--s3)}
.umowa-ai-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.umowa-ai-lista li{border:1px solid var(--line);border-radius:8px;background:var(--surface-2)}
.umowa-ai-lista li.on{background:var(--surface);border-color:var(--accent)}
.umowa-ai-wiersz{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;cursor:pointer}
.umowa-ai-wiersz input{margin-top:3px;flex:none}
.umowa-ai-tresc{display:flex;flex-direction:column;gap:3px;min-width:0}
.umowa-ai-pola{display:flex;flex-direction:column;gap:1px;font-size:var(--fs-sm);color:var(--ink-2)}
.umowa-ai-pola em{font-style:normal;color:var(--ink-3)}
.umowa-ai-wyjasnienie{font-size:var(--fs-sm);color:var(--ink);background:var(--surface-2);border-radius:6px;padding:5px 8px;margin-top:2px}
.umowa-doprecyzuj>td{padding:0 6px 8px;border-top:0}
.umowa-doprecyzuj-pasek{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding:5px 10px;border-radius:6px;background:var(--surface-2);font-size:var(--fs-sm);color:var(--ink-2)}
.umowa-doprecyzuj-panel{display:flex;flex-direction:column;gap:var(--s2);padding:var(--s3);border:1px solid var(--line);border-radius:8px;background:var(--surface)}
.umowa-doprecyzuj-zmiany{display:flex;flex-direction:column;gap:6px;margin:0}
.umowa-doprecyzuj-zmiany>div{display:grid;grid-template-columns:minmax(140px,190px) 1fr;gap:10px;font-size:var(--fs-sm)}
.umowa-doprecyzuj-zmiany dt{color:var(--ink-3)}
.umowa-doprecyzuj-zmiany dd{margin:0;display:flex;flex-direction:column;gap:2px}
.umowa-doprecyzuj-zmiany s{color:var(--ink-3)}
.umowa-doprecyzuj-zmiany span{color:var(--ink);font-weight:500}
@media (max-width:720px){.umowa-doprecyzuj-zmiany>div{grid-template-columns:1fr;gap:2px}}
.umowa-wybor{border:0;padding:0;margin:var(--s3) 0 0;min-width:0;
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3)}
.umowa-wybor legend{grid-column:1/-1;padding:0;margin-bottom:6px;font-weight:650;font-size:var(--fs-sm)}
.umowa-wybor-opcja{display:flex;flex-direction:column;gap:6px;padding:var(--s3);
  border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}
.umowa-wybor-opcja.on{border-color:var(--accent);background:var(--surface);box-shadow:inset 3px 0 0 var(--accent)}
.umowa-wybor-hd{display:flex;align-items:center;gap:8px;cursor:pointer}
.umowa-wybor-opcja .pole{margin-top:4px}
@media (max-width:720px){.umowa-wybor{grid-template-columns:1fr}}
.lista-zgloszen td[data-label="Zgłoszenie"]{max-width:none;min-width:320px;text-align:left}
.lista-zgloszen td[data-label="Zgłoszenie"] .tnij{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  white-space:normal;overflow:hidden;line-height:1.4}
.lista-zgloszen td[data-label="Firma"]{width:190px;max-width:190px}
.lista-zgloszen td[data-label="Firma"] .tnij{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lista-zgloszen td[data-label="Firma"] .cichy{margin-top:2px}
.lista-zgloszen td[data-label="Priorytet"],.lista-zgloszen td[data-label="Do terminu"],
.lista-zgloszen td[data-label="Technik"]{width:1%;white-space:nowrap}
.lista-zgloszen .kol-numer .pill + .pill{margin-top:3px}
.monitoring-firmy{display:flex;flex-direction:column;gap:var(--s3);margin-top:var(--s3)}
.monitoring-przelacznik{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border:1px solid var(--line);
  border-radius:var(--radius);background:var(--surface-2);cursor:pointer}
.monitoring-przelacznik.on{border-color:var(--accent);background:var(--accent-bg, var(--surface))}
.monitoring-przelacznik input{margin-top:3px;flex:none}
.monitoring-przelacznik > span{display:flex;flex-direction:column;gap:2px}
.pole-grupa{display:flex;flex-direction:column;gap:6px}
.monitoring-raporty{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.monitoring-raport{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid var(--line);
  border-radius:var(--radius);cursor:pointer;background:var(--surface)}
.monitoring-raport.on{border-color:var(--accent);background:var(--accent-bg, var(--surface-2))}
.monitoring-raport input{margin-top:3px;flex:none}
.monitoring-raport > span{display:flex;flex-direction:column;gap:2px}
.monitoring-filtry{align-items:center;justify-content:space-between;gap:var(--s3);flex-wrap:wrap}
.zakladki.male button{font-size:var(--fs-sm);padding:4px 10px}
table.monitoring-zasoby td{vertical-align:top;text-align:left}
table.monitoring-zasoby th{text-align:left}
table.monitoring-zasoby tr.pominiety td{opacity:.55}
@media (max-width:720px){.monitoring-raporty{grid-template-columns:1fr}}
.zakladki.male{margin-bottom:0}
:root .lista-zgloszen tbody td[data-label="Zgłoszenie"]{text-align:left;min-width:240px}
:root .lista-zgloszen tbody td[data-label="Zgłoszenie"] .tnij{max-width:none}
.lista-zgloszen td[data-label="Sprzęt"]{width:170px;max-width:170px;text-align:left}
.lista-zgloszen td[data-label="Sprzęt"] .tnij{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lista-zgloszen td.kol-zdalny{width:1%;white-space:nowrap;text-align:left}
.zdalny-wiersz{display:flex;flex-direction:column;gap:3px;align-items:flex-start;cursor:default}
.zdalny-gora{display:flex;align-items:center;gap:8px}
.zdalny-gora .btn.sm{padding:3px 10px}
.lista-napraw .termin-zamkniecie{font-weight:600;font-variant-numeric:tabular-nums}
.monitoring-osoby{display:flex;flex-direction:column;gap:6px;max-height:340px;overflow:auto}
.monitoring-osoba{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;background:var(--surface)}
.monitoring-osoba.on{border-color:var(--accent)}
.monitoring-osoba input{flex:none}
.monitoring-osoba-dane{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}
.monitoring-raport-okno{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:18px;align-items:start}
.monitoring-raport-okno.sam-podglad{grid-template-columns:minmax(0,1fr)}
.monitoring-raport-edycja{flex-direction:column;align-items:stretch}
.monitoring-raport-edycja textarea{resize:vertical}
.monitoring-raport-podglad{background:var(--surface-2, #f3f4f6);border-radius:8px;padding:14px;overflow-x:auto}
.monitoring-raporty-lista td{vertical-align:top}
@media (max-width:900px){.monitoring-raport-okno{grid-template-columns:minmax(0,1fr)}}
.umowa-blok.monitoring-alarmy-czeka{border-color:var(--bad, #c23b3b);box-shadow:inset 3px 0 0 var(--bad, #c23b3b)}
.monitoring-alarmy td{vertical-align:top}
.monitoring-alarmy tr.alarm-bez-opiekuna td:first-child{box-shadow:inset 3px 0 0 var(--bad, #c23b3b)}
.lista-zgloszen .zdalny-wiersz{gap:6px}
.btn.sm.polacz-zdalny{padding:5px 12px;font-weight:650;min-width:118px;justify-content:center}
.btn.sm.polacz-zdalny.online{background:var(--ok-solid, #1f8a5b);border-color:var(--ok-solid, #1f8a5b);color:#fff}
.btn.sm.polacz-zdalny.online:hover:not(:disabled){filter:brightness(1.08)}
.zdalny-stan{display:inline-flex;align-items:center;gap:6px;border-radius:var(--radius-pill, 999px);
  padding:2px 9px 2px 7px;font-size:var(--fs-xs);font-weight:650;white-space:nowrap;
  background:var(--surface-2, #f1f3f6);color:var(--ink-3, #5b6474)}
.zdalny-stan::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;flex:none}
.zdalny-stan.online{background:var(--ok-bg, #e7f5ee);color:var(--ok, #1f7a50)}
.zdalny-stan.online::before{background:var(--ok-solid, #1f8a5b);box-shadow:0 0 0 3px color-mix(in srgb, var(--ok-solid, #1f8a5b) 22%, transparent)}
.zdalny-stan.chyba-online{background:var(--warn-bg, #fff3df);color:var(--warn, #9a5a00)}
.zdalny-stan.offline{background:var(--bad-bg, #fdecec);color:var(--bad, #b42318)}
:root .lista-zgloszen tbody td.kol-numer .status-z-powodem > .pill{
  display:flex;align-items:center;justify-content:center;text-align:center;gap:7px;line-height:1.25;padding:5px 11px}
:root .lista-zgloszen tbody td.kol-numer .status-z-powodem > .pill .ikonka{width:19px;height:19px;flex:none}
.szybki-gdzie.mob-jedna{grid-template-columns:1fr;align-content:start}
.mob .szybki-opcja{border-radius:10px;padding:11px 14px}
.mob .szybki-opcja.on{border-color:var(--mob-akcja);box-shadow:inset 0 0 0 1px var(--mob-akcja);background:var(--mob-drugi-hover)}
.mob .mob-kontakt{display:flex;flex-direction:column;gap:8px}
.mob .mob-kontakt-poz,.mob .mob-kontakt-poz:visited{display:flex;align-items:center;gap:12px;padding:10px 12px;
  border:1px solid var(--mob-drugi-line);border-radius:12px;background:var(--mob-drugi-bg);color:var(--mob-drugi-ink);
  text-decoration:none;min-height:56px}
.mob .mob-kontakt-poz:active{background:var(--mob-drugi-hover)}
.mob .mob-kontakt-ik{width:38px;height:38px;flex:none;border-radius:10px;display:grid;place-items:center;
  background:var(--mob-drugi-hover);color:var(--mob-drugi-ink)}
.mob .mob-kontakt-poz.nawiguj .mob-kontakt-ik{background:#e8f0fc;color:#1f5fbf}
:root[data-theme="dark"] .mob .mob-kontakt-poz.nawiguj .mob-kontakt-ik{background:#1c2a40;color:#8db5f0}
.mob .mob-kontakt-ik .mob-ik{width:20px;height:20px;opacity:1}
.mob .mob-kontakt-tekst{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;line-height:1.3}
.mob .mob-kontakt-tekst strong{font-size:16px;font-weight:650}
.mob .mob-kontakt-tekst > span{font-size:13px;color:var(--ink-2);overflow-wrap:anywhere}
.mob .mob-kontakt-tekst > .mob-kontakt-dop{font-size:12px;color:var(--ink-3)}
.mob .mob-kontakt-strz{flex:none;font-size:22px;line-height:1;color:var(--ink-3)}
.mob .btn.mob-zakoncz{background:#1f8a5b !important;border-color:#1f8a5b !important;color:#fff !important;
  min-height:54px;font-size:16px !important;margin-top:4px}
.mob .btn.mob-zakoncz:hover{background:#19764d !important}
:root[data-theme="dark"] .mob .btn.mob-zakoncz{background:#2fa36f !important;border-color:#2fa36f !important;color:#06170f !important}
.mob .mob-numer .nr-zl{font-size:15px}
:root .lista-zgloszen td.kol-stanowisko,:root .lista-zgloszen th.kol-stanowisko{text-align:center}
.lista-zgloszen td.kol-stanowisko .st-nr{font-size:var(--fs-md, 15px);font-weight:650;font-variant-numeric:tabular-nums}
.lista-zgloszen td.kol-stanowisko .st-nr .jak-link{font-size:inherit;font-weight:inherit}
.mob .mob-czasy li{align-items:center}
.mob .mob-czasy li .muted{flex:1;min-width:0}
.mob .mob-czas-usun{flex:none;border:0;background:none;color:var(--mob-zle, #b3261e);font:inherit;font-size:13px;font-weight:600;padding:6px 4px;cursor:pointer}
:root .lista-zgloszen td.kol-zdalny,:root .lista-zgloszen th.kol-zdalny{text-align:center}
.lista-zgloszen td.kol-zdalny .zdalny-wiersz{align-items:center}
:root .lista-zgloszen .btn.sm.polacz-zdalny{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-width:132px;padding:6px 12px;border-radius:8px;font-weight:600;letter-spacing:0;
  background:var(--surface, #fff) !important;color:var(--ink, #16202e) !important;
  border:1px solid var(--line, #d5dbe3) !important;box-shadow:0 1px 0 rgba(16,24,40,.04) !important}
:root .lista-zgloszen .btn.sm.polacz-zdalny:hover:not(:disabled){background:var(--surface-2, #f4f6f9) !important;filter:none}
:root .lista-zgloszen .btn.sm.polacz-zdalny .pz-kropka{width:8px;height:8px;border-radius:50%;flex:none;background:var(--ink-3, #9aa3b2)}
:root .lista-zgloszen .btn.sm.polacz-zdalny.online{border-color:color-mix(in srgb, var(--ok-solid, #1f8a5b) 55%, var(--line, #d5dbe3)) !important}
:root .lista-zgloszen .btn.sm.polacz-zdalny.online .pz-kropka{background:var(--ok-solid, #1f8a5b);
  box-shadow:0 0 0 3px color-mix(in srgb, var(--ok-solid, #1f8a5b) 20%, transparent)}
:root .lista-zgloszen .btn.sm.polacz-zdalny.online:hover:not(:disabled){background:var(--ok-bg, #e7f5ee) !important}
:root .lista-zgloszen .btn.sm.polacz-zdalny.chyba-online .pz-kropka{background:var(--warn, #b26a00)}
:root .lista-zgloszen .btn.sm.polacz-zdalny.offline .pz-kropka{background:var(--bad, #c23b3b)}
:root .lista-zgloszen .zdalny-stan{background:none !important;padding:0;font-weight:600;font-size:var(--fs-xs)}
:root .lista-zgloszen .zdalny-stan::before{display:none}
:root .lista-zgloszen .zdalny-stan.online{color:var(--ok, #1f7a50)}
:root .lista-zgloszen .zdalny-stan.offline{color:var(--ink-3, #7a8494)}
.pola.co-zrobilem{flex-direction:column;align-items:stretch;gap:12px}
.co-zrobilem textarea{resize:vertical;min-height:72px}
.co-zrobilem-podp,.co-zrobilem-szybkie{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.co-zrobilem-czas{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 14px}
.co-zrobilem .chip{border:1px solid var(--line);background:var(--surface);color:var(--ink-2);border-radius:999px;
  padding:4px 11px;font:inherit;font-size:var(--fs-xs);font-weight:600;cursor:pointer}
.co-zrobilem .chip:hover{border-color:var(--accent);color:var(--ink)}
.co-zrobilem .chip.on{background:var(--ink);border-color:var(--ink);color:var(--surface)}
.mob .mob-co-zrobilem{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--mob-drugi-line);
  border-radius:12px;background:var(--mob-drugi-hover)}
.mob .mob-co-hd{font-weight:700;font-size:15px}
.mob .mob-co-et{font-size:12px;font-weight:700;color:var(--ink-2);margin-top:2px}
.mob .mob-chipy{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.mob .mob-chip{border:1px solid var(--mob-drugi-line);background:var(--mob-drugi-bg);color:var(--mob-drugi-ink);
  border-radius:999px;padding:8px 13px;font:inherit;font-size:14px;font-weight:600;min-height:38px}
.mob .mob-chip.on{background:var(--mob-akcja);border-color:var(--mob-akcja);color:var(--mob-akcja-ink)}
.mob .mob-chip-pole{width:76px;min-height:38px;border-radius:999px;text-align:center;padding:6px 10px}
.mob .mob-link{align-self:flex-start;border:0;background:none;padding:4px 0;font:inherit;font-size:14px;font-weight:600;color:var(--mob-drugi-ink);text-decoration:underline}
.od-reki{display:flex;flex-direction:column;gap:14px}
.od-reki textarea{width:100%;min-height:64px;resize:vertical}
.od-reki-podp{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.od-reki-podp > .muted{font-size:var(--fs-sm)}
.od-reki .chip{border:1px solid var(--line);background:var(--surface);color:var(--ink-2);border-radius:999px;
  padding:3px 10px;font-size:13px;cursor:pointer}
.od-reki .chip:hover{border-color:var(--accent);color:var(--ink)}
.od-reki-wiersz{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:flex-start}
.od-reki-wiersz > .pole{flex:0 0 auto}
.od-reki-wiersz > .pole:first-child{flex:1 1 240px;min-width:0}
.pole input.od-reki-kw{width:130px;text-align:right;font-variant-numeric:tabular-nums}
.pole select.od-reki-osoba{width:230px}
.od-reki-czesc{font-size:var(--fs-sm);margin-top:-6px}
.od-reki-szukaj-czesci{max-width:420px}
.od-reki-formy{display:flex;flex-wrap:wrap;gap:8px}
.od-reki-formy .btn{min-width:96px;justify-content:center}
.od-reki-formy .btn.wybrana{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}
.od-reki-zarobek{display:grid;grid-template-columns:1fr auto;gap:4px 16px;padding:12px 14px;
  border:1px solid var(--line);border-radius:8px;background:var(--surface-2);font-size:var(--fs-sm)}
.od-reki-zarobek .k{text-align:right;font-variant-numeric:tabular-nums}
.od-reki-zarobek .suma{font-weight:600;color:var(--ink);border-top:1px solid var(--line);padding-top:6px;margin-top:2px}
.od-reki-zarobek .suma.k{color:var(--ok)}
.od-reki-zarobek .suma.k.ujemny{color:var(--bad)}
.od-reki-miesiac{grid-column:1/-1;color:var(--ink-2);margin-top:6px}
.lista-od-reki td.num,.lista-od-reki th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.lista-od-reki tr.anulowana td{color:var(--ink-3);text-decoration:line-through;text-decoration-color:var(--line)}
.lista-od-reki tr.anulowana td .muted{text-decoration:none}
@media (max-width:640px){
  .od-reki-wiersz{flex-direction:column;align-items:stretch}
  .od-reki-wiersz > .pole:first-child{flex:0 0 auto}
  .pole input.od-reki-kw,.pole select.od-reki-osoba{width:100%}
}
.premia-pasek{height:8px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line-soft, var(--line));overflow:hidden}
.premia-pasek > span{display:block;height:100%;background:var(--accent);border-radius:999px;transition:width .3s ease}
.premia-pasek.pelny > span{background:var(--ok-solid, var(--ok))}
@media (prefers-reduced-motion:reduce){.premia-pasek > span{transition:none}}
.premia-moja{display:flex;flex-direction:column;gap:14px}
.premia-glowna{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.premia-kwota{font-size:var(--fs-xl);font-weight:650;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1.15}
.premia-kwota.ok{color:var(--ok)}
.premia-wynik{text-align:right}
.premia-zdanie{margin:0;color:var(--ink-2);line-height:1.5}
.premia-sklad{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:0;padding:12px 14px;
  border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2)}
.premia-sklad dt{color:var(--ink-3);font-size:var(--fs-sm)}
.premia-sklad dd{margin:0;font-variant-numeric:tabular-nums}
.premia-h{margin:var(--s4) 0 var(--s2)}
.premia-tabela td.num,.premia-tabela th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.premia-brak{color:var(--warn);font-size:var(--fs-sm);white-space:nowrap}
.premia-przycisk{display:inline-flex;align-items:center;gap:8px}
.dzis-w-punkcie .hd .premia-przycisk{margin-left:auto}
.dzis-w-punkcie .hd .premia-przycisk + .btn{margin-left:0}
.premia-mini{display:inline-block;width:48px;height:6px;border-radius:999px;background:var(--surface-2);
  border:1px solid var(--line);overflow:hidden}
.premia-mini > span{display:block;height:100%;background:var(--accent)}
.premia-proc{font-variant-numeric:tabular-nums;color:var(--ink-2)}
.premia-mob{display:flex;flex-direction:column;gap:8px;width:100%;text-align:left;padding:12px 14px;
  border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer}
.premia-mob:hover,.premia-mob:focus-visible{border-color:var(--accent)}
.premia-mob-gora{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.premie-ust{display:flex;flex-direction:column;gap:var(--s3)}
.premie-ust > p.muted{margin:0;max-width:78ch;line-height:1.5}
.premie-pasek-narzedzi{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.premie-miesiac{display:inline-flex;align-items:center;gap:8px}
.premie-miesiac strong{min-width:150px;text-align:center}
.premie-filtr{display:inline-flex;gap:6px}
.premie-filtr .btn.wybrana{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}
.premie-lista td.premia-postep{min-width:150px}
.premie-lista tr.bez-premii td{color:var(--ink-2)}
.premia-przelacznik{display:flex;gap:8px;align-items:center;margin:4px 0}
@media (max-width:640px){
  .premia-wynik{text-align:left}
  .premie-miesiac strong{min-width:0}
  .dzis-w-punkcie .hd .premia-przycisk{margin-left:0}
}
.premia-skala{display:flex;justify-content:space-between;gap:8px;margin-top:4px;font-variant-numeric:tabular-nums}
.premie-lista td.premia-postep{min-width:220px}
.premia-postep-w{display:flex;align-items:center;gap:10px}
.premia-postep-w .premia-pasek{flex:1 1 120px;margin:0}
.premia-kw{font-variant-numeric:tabular-nums;white-space:nowrap}
.dzis-w-punkcie .hd .btn + .btn{margin-left:0}
.ananasy-przycisk{display:inline-flex;align-items:center;gap:6px}
.ananasy-przycisk .i-ananas{width:13px;height:16px}
.dzis-osoba.krol{border-color:#d9a520;box-shadow:inset 0 0 0 1px #d9a52040}
.dzis-twarz .korona,.ranking .twarz .korona{position:absolute;left:50%;top:-15px;width:26px;height:18px;z-index:2;
  transform:translateX(-50%) rotate(-8deg);filter:drop-shadow(0 1px 1px #0003);animation:korona-buja 3.2s ease-in-out infinite}
@keyframes korona-buja{0%,100%{transform:translateX(-50%) rotate(-8deg)}50%{transform:translateX(-50%) rotate(-2deg) translateY(-1px)}}
.ananasy-osoby{display:inline-flex;align-items:center;gap:3px;font-variant-numeric:tabular-nums;white-space:nowrap}
.ananasy-osoby .i-ananas{width:12px;height:15px}
.ananasy-osoby .i-plaster{width:11px;height:11px;margin-left:5px}
.plasterki-kropki{display:inline-flex;gap:3px;vertical-align:middle}
.plasterki-kropki i{width:9px;height:9px;border-radius:50%;background:var(--surface-2);border:1px solid var(--line)}
.plasterki-kropki i.jest{background:#f2c33d;border-color:#c98a1b}
.plasterki-kropki i.nowy{animation:kropka-pop .5s ease-out .35s both}
@keyframes kropka-pop{0%{transform:scale(.3)}60%{transform:scale(1.5)}100%{transform:scale(1)}}
.plasterek-miejsce{position:fixed;right:24px;bottom:24px;z-index:180;pointer-events:none}
.plasterek-toast{pointer-events:auto;position:relative;display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:center;
  min-width:310px;max-width:420px;padding:12px 16px 12px 12px;border-radius:12px;background:var(--surface);color:var(--ink);
  border:1px solid var(--line);box-shadow:0 10px 30px #0f172a26;font:inherit;text-align:left;cursor:pointer;
  animation:toast-wjazd .45s cubic-bezier(.2,1.3,.4,1) both}
.plasterek-toast:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.plasterek-toast .ikona{grid-row:1/3;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:#fff6dc}
.plasterek-toast .ikona svg{width:34px;height:34px;animation:plaster-wpada .7s cubic-bezier(.2,1.4,.4,1) .1s both}
.plasterek-toast .tresc{min-width:0}
.plasterek-toast strong{font-size:15px}
.plasterek-toast .za{font-size:var(--fs-sm);color:var(--ink-2)}
.plasterek-toast .postep{grid-column:2;display:flex;align-items:center;gap:6px;margin-top:2px;font-size:12px;color:var(--ink-3)}
.plasterek-toast .postep .plasterki-kropki i{width:10px;height:10px}
.plasterek-toast.minus .ikona{background:var(--surface-2)}
.plasterek-toast.minus .ikona svg{filter:grayscale(1);opacity:.6;animation:none}
.plasterek-toast.minus strong{color:var(--bad)}
.plasterek-toast.ananas{border-color:#d9a520}
.plasterek-toast.ananas .ikona{background:#fff1c2}
.plasterek-toast.ananas .ikona svg{width:30px;height:38px;animation:ananas-rosnie .9s cubic-bezier(.2,1.5,.4,1) .1s both}
.plasterek-toast .blysk{position:absolute;inset:0;border-radius:12px;pointer-events:none;overflow:hidden}
.plasterek-toast .blysk::after{content:'';position:absolute;top:0;bottom:0;width:40%;left:-50%;
  background:linear-gradient(100deg,transparent,#fff8,transparent);animation:blysk 1.1s ease-out .5s both}
@keyframes toast-wjazd{from{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:none}}
@keyframes plaster-wpada{0%{transform:scale(.2) rotate(-200deg);opacity:0}70%{opacity:1}100%{transform:scale(1) rotate(0)}}
@keyframes ananas-rosnie{0%{transform:scale(.3) translateY(10px);opacity:0}100%{transform:none;opacity:1}}
@keyframes blysk{to{left:120%}}
.ranking-miesiac{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.ranking-miesiac strong{min-width:150px;text-align:center;text-transform:capitalize}
.ranking{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.ranking li{display:grid;grid-template-columns:28px 40px 1fr auto;gap:12px;align-items:center;padding:10px 14px;background:var(--surface)}
.ranking li + li{border-top:1px solid var(--line-soft, var(--line))}
.ranking li.klik{cursor:pointer}
.ranking li.klik:hover{background:var(--surface-2)}
.ranking li.klik:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.ranking li.lider{background:linear-gradient(90deg,#f2c33d1f,transparent 70%)}
.ranking li.ja .kto strong{color:var(--accent-text, var(--accent))}
.ranking .miejsce{color:var(--ink-3);font-variant-numeric:tabular-nums;text-align:right}
.ranking .twarz{position:relative;width:36px;height:36px;border-radius:50%;background:var(--surface-2);display:grid;place-items:center;
  font-weight:600;color:var(--ink-2);font-size:13px}
.ranking .twarz img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.ranking .twarz .korona{top:-13px;width:22px;height:15px}
.ranking .kto{display:flex;flex-direction:column;gap:3px;min-width:0}
.ranking .prog-premii{font-size:12px;color:var(--ink-3)}
.ranking .prog-premii.ok{color:var(--ok)}
.ranking .ile{display:flex;align-items:center;gap:6px;font-weight:650;font-variant-numeric:tabular-nums;font-size:17px}
.ranking .ile .i-ananas{width:18px;height:22px}
.ranking-zasady{border:1px solid var(--line);border-radius:10px;padding:10px 14px;margin-bottom:12px;background:var(--surface-2)}
.ranking-zasady h4{margin:6px 0 4px;font-size:var(--fs-sm)}
.ranking-zasady dl{display:grid;grid-template-columns:1fr auto;gap:4px 14px;margin:0 0 6px}
.ranking-zasady dd{margin:0;text-align:right;font-variant-numeric:tabular-nums;font-weight:600}
.ranking-zasady dd.minus,.premia-tabela td.minus{color:var(--bad)}
.premia-tabela tr.cofniety td{color:var(--ink-3);text-decoration:line-through;text-decoration-color:var(--line)}
.premia-kwota.czeka{color:var(--warn)}
.ananasy-reguly tr.grupa td{background:var(--surface-2);font-weight:650;font-size:var(--fs-sm)}
.input.ananasy-pkt{width:70px;text-align:right;font-variant-numeric:tabular-nums}
.krol-okno{position:relative;overflow:hidden;text-align:center;padding:6px 4px 4px}
.krol-okno h3{margin:8px 0 4px;font-size:19px;text-wrap:balance}
.krol-okno p{margin:0;color:var(--ink-2)}
.krol-okno .twarz-duza{position:relative;width:72px;height:72px;margin:26px auto 0;border-radius:50%;background:var(--surface-2);
  display:grid;place-items:center;font-size:24px;font-weight:650;color:var(--ink-2)}
.krol-okno .twarz-duza .korona{position:absolute;left:50%;top:-26px;width:44px;height:30px;
  animation:korona-laduje 1s cubic-bezier(.2,1.4,.4,1) both,korona-buja 3.2s ease-in-out 1s infinite}
@keyframes korona-laduje{from{transform:translateX(-50%) translateY(-40px) rotate(-30deg);opacity:0}to{transform:translateX(-50%) rotate(-8deg);opacity:1}}
.krol-okno .deszcz{position:absolute;inset:0;pointer-events:none}
.krol-okno .deszcz span{position:absolute;top:-24px;width:16px;height:16px;animation:spada 2.6s linear infinite;opacity:.85}
.krol-okno .deszcz svg{width:100%;height:100%}
@keyframes spada{to{transform:translateY(260px) rotate(360deg);opacity:0}}
.krol-okno .wynik{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin-top:12px;font-size:var(--fs-sm);color:var(--ink-2)}
.ananasy-mob{display:flex;flex-direction:column;gap:8px;width:100%;text-align:left;padding:12px 14px;border:1px solid var(--line);
  border-radius:var(--radius);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer}
.ananasy-mob:hover,.ananasy-mob:focus-visible{border-color:var(--accent)}
.ananasy-mob-gora,.ananasy-mob-dol{display:flex;justify-content:space-between;align-items:center;gap:10px}
.ananasy-mob-ile{position:relative;display:inline-flex;align-items:center;gap:6px;font-size:17px}
.ananasy-mob-ile .i-ananas{width:18px;height:22px}
.ananasy-mob-ile .korona-mala{position:absolute;left:-2px;top:-12px;width:18px;height:12px}
@media (max-width:640px){
  .plasterek-miejsce{left:12px;right:12px;bottom:84px}
  .plasterek-toast{min-width:0;max-width:none;width:100%}
  .ranking li{grid-template-columns:22px 36px 1fr auto;gap:8px;padding:10px}
}
@media (prefers-reduced-motion:reduce){
  .plasterek-toast,.plasterek-toast *,.plasterek-toast .blysk::after,.korona,.krol-okno .deszcz span,.plasterki-kropki i.nowy{animation:none!important}
  .krol-okno .deszcz{display:none}
}
@media (min-width:761px){
  .dzis-w-punkcie .dzis-lista{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;padding:10px 12px}
}
.dzis-osoba{display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:12px;row-gap:9px;
  align-items:center;align-content:start;padding:10px 12px}
.dzis-twarz{width:52px;height:52px;flex:none;font-size:16px}
.dzis-twarz .dzis-kropka{width:14px;height:14px}
.dzis-twarz .korona{top:-17px;width:30px;height:21px}
.dzis-opis{display:flex;flex-direction:column;gap:2px;min-width:0;line-height:1.25}
.dzis-imie{font-size:var(--fs-sm);font-weight:650;white-space:normal;overflow:visible;text-overflow:clip;
  overflow-wrap:break-word;text-wrap:balance}
.dzis-ja{white-space:nowrap}
.dzis-stan{font-size:12.5px;white-space:normal;overflow:visible;text-overflow:clip}
.dzis-opis .dzis-stan-klik{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;
  overflow:hidden;overflow-wrap:anywhere}
.dzis-znaczki{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:5px}
.dzis-znak{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:999px;white-space:nowrap;
  font-size:12px;line-height:18px;font-variant-numeric:tabular-nums;color:var(--ink-2);
  background:var(--surface-2);border:1px solid var(--line-soft, var(--line))}
.dzis-znak.cichy{color:var(--ink-3)}
.dzis-znak.po{color:var(--bad);background:var(--bad-bg, #fdecec);border-color:var(--bad-border, #f5c2c2);font-weight:600}
.dzis-znak.ananas{background:#fff8e1;border-color:#f0d58a;color:#7a5410}
.dzis-znak.zalegle{color:var(--warn, #8a5200);background:var(--warn-bg, #fff2dc);
  border-color:var(--warn-border, #efc983);font-family:inherit;cursor:default}
button.dzis-znak.zalegle{cursor:pointer}
button.dzis-znak.zalegle:hover{border-color:var(--warn, #8a5200)}
button.dzis-znak.zalegle:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.dzis-zalegle-opis{margin:0 0 var(--s3)}
.dzis-znak.ananas .ananasy-osoby{gap:3px}
.dzis-znak.ananas .i-plaster{margin-left:6px}
.dzis-osoba.ton-nie .dzis-znak{opacity:.85}
:root[data-theme="dark"] .dzis-znak.ananas{background:#3a2f12;border-color:#6b5420;color:#f2d68a}
.sam-blokada{position:fixed;z-index:2400;background:transparent}
.sam-ciemno{background:rgba(17,22,33,.45)}
.sam-reflektor{position:fixed;z-index:2401;border-radius:12px;pointer-events:none;
  box-shadow:0 0 0 100vmax rgba(17,22,33,.55);
  transition:top .45s cubic-bezier(.3,.8,.3,1),left .45s cubic-bezier(.3,.8,.3,1),width .45s cubic-bezier(.3,.8,.3,1),height .45s cubic-bezier(.3,.8,.3,1)}
.sam-reflektor::after{content:"";position:absolute;inset:-5px;border-radius:15px;border:2px solid #f2c33d;animation:sam-puls 1.8s ease-out infinite}
@keyframes sam-puls{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(1.04)}}
.sam-dymek{position:fixed;z-index:2403;width:min(380px,calc(100vw - 32px));background:var(--surface);color:var(--ink);
  border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 50px #0000004d;padding:18px 18px 14px;opacity:0;
  transition:top .45s cubic-bezier(.3,.8,.3,1),left .45s cubic-bezier(.3,.8,.3,1),opacity .2s}
.sam-dymek.widoczny{opacity:1}
.sam-dymek.koniec{top:50%;left:50%;transform:translate(-30%,-50%)}
.sam-dymek h3{margin:4px 0 6px;font-size:17px;line-height:1.25;text-wrap:balance}
.sam-dymek p{margin:0 0 6px;color:var(--ink-2)}
.sam-krok{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);font-weight:600;font-variant-numeric:tabular-nums}
.sam-zart{color:var(--ink-3)!important;font-style:italic;font-size:13px}
.sam-zadanie{margin-top:8px;display:flex;gap:8px;align-items:center;padding:8px 10px;background:var(--warn-bg);border-radius:8px;color:var(--warn);font-size:13px;font-weight:600}
.sam-zadanie i{width:8px;height:8px;border-radius:50%;background:currentColor;animation:sam-mrug 1s infinite}
@keyframes sam-mrug{50%{opacity:.25}}
.sam-stopka{display:flex;align-items:center;gap:8px;margin-top:12px}
.sam-kropki{display:flex;gap:5px;margin-right:auto}
.sam-kropki b{width:7px;height:7px;border-radius:50%;background:var(--line);transition:width .2s,background .2s}
.sam-kropki b.teraz{background:var(--accent);width:18px;border-radius:4px}
.sam-kropki b.bylo{background:var(--accent-soft)}
.sam-pomin{background:none;border:0;color:var(--ink-3);padding:6px 4px;font-size:13px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.sam-dymek .btn[disabled]{opacity:.45;cursor:not-allowed}
.sam-ananas{position:fixed;z-index:2404;width:112px;height:112px;cursor:pointer;
  transition:top .5s cubic-bezier(.3,.8,.3,1),left .5s cubic-bezier(.3,.8,.3,1)}
.sam-ananas img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 10px #0000003a);transform-origin:50% 92%;
  animation:sam-skok .6s cubic-bezier(.3,1.6,.5,1)}
@keyframes sam-skok{0%{transform:scale(.86) translateY(4px)}35%{transform:scale(1.06,.92) translateY(2px)}65%{transform:scale(.96,1.05) translateY(-14px)}100%{transform:none}}
.sam-ananas.kreci img{animation:sam-krec .9s cubic-bezier(.4,1.4,.5,1)}
@keyframes sam-krec{to{transform:rotate(360deg)}}
.sam-ananas.na-koniec{top:calc(50% - 75px);left:calc(50% - 114px - 166px);width:150px;height:150px}
.sam-ananas.na-koniec img{animation:sam-hura .5s cubic-bezier(.3,1.6,.5,1) 3}
@keyframes sam-hura{50%{transform:translateY(-16px) rotate(-6deg)}}
.sam-zaproszenie{position:fixed;right:24px;bottom:24px;z-index:2300;width:min(370px,calc(100vw - 32px));background:var(--surface);color:var(--ink);
  border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 36px #00000030;padding:16px 16px 14px 112px;min-height:136px;
  animation:sam-wjazd .5s cubic-bezier(.3,1.3,.5,1)}
@keyframes sam-wjazd{from{transform:translateY(30px);opacity:0}}
.sam-zaproszenie .sam-mini{position:absolute;left:10px;bottom:16px;width:92px;height:92px;object-fit:contain;transform-origin:50% 90%;animation:sam-macha 2.6s ease-in-out infinite}
@keyframes sam-macha{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(4deg) translateY(-2px)}}
.sam-zaproszenie h3{margin:0 0 4px;font-size:16px}
.sam-zaproszenie p{margin:0 0 10px;color:var(--ink-2);font-size:13.5px}
.sam-rzad{display:flex;gap:8px;flex-wrap:wrap}
.sam-nie-proponuj{display:flex;gap:6px;align-items:center;margin-top:10px;font-size:12px;color:var(--ink-3)}
.sam-brawo{position:fixed;z-index:2410;left:50%;top:22px;transform:translateX(-50%);background:#1f2430;color:#fff;border-radius:999px;
  padding:9px 16px;font-weight:600;font-size:13.5px;box-shadow:0 10px 30px #0004;animation:sam-wjazd .4s cubic-bezier(.3,1.3,.5,1)}
.sam-konfetti{position:fixed;inset:0;pointer-events:none;z-index:2405;overflow:hidden}
.sam-konfetti i{position:absolute;top:-12px;width:9px;height:9px;border-radius:50%;animation:sam-spad 1.6s cubic-bezier(.2,.6,.4,1) forwards}
@keyframes sam-spad{to{transform:translate(var(--dx),110vh) rotate(540deg)}}
.pomoc-samouczek{display:flex;align-items:center;gap:12px;margin:0 0 var(--s4);padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}
.pomoc-samouczek img{width:52px;height:52px;object-fit:contain}
.pomoc-samouczek p{margin:0;color:var(--ink-2);font-size:13px}
@media (max-width:720px){.sam-ananas.na-koniec{display:none}.sam-dymek.koniec{transform:translate(-50%,-50%)}}
@media (prefers-reduced-motion:reduce){.sam-reflektor,.sam-dymek,.sam-ananas,.sam-ananas img,.sam-zaproszenie,.sam-mini,.sam-konfetti i{animation:none!important;transition:none!important}}
.podp{border:1px solid var(--line);border-radius:12px;background:var(--surface-2);overflow:hidden}
.podp-liczy{padding:14px}
.podp-hd{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 14px 10px}
.podp-hd img{width:56px;height:56px;object-fit:contain}
.podp-hd h4{margin:0;font-size:var(--fs-md, 15px)}
.podp-hd p{margin:2px 0 0;color:var(--ink-2);font-size:var(--fs-sm);line-height:1.45}
.podp-blad{margin:0 14px 10px}
.podp ol{list-style:none;margin:0;padding:0}
.podp li{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:6px 12px;align-items:center;
  padding:11px 14px;border-top:1px solid var(--line);background:var(--surface)}
.podp-lp{width:22px;height:22px;border-radius:50%;background:var(--accent-soft);color:var(--accent-text);
  display:grid;place-items:center;font-size:12px;font-weight:700}
.podp-co{min-width:0}
.podp-nr{font-family:var(--mono);font-size:12.5px;font-weight:600}
.podp-spr{font-weight:600}
.podp-dlaczego{display:block;color:var(--ink-2);font-size:var(--fs-sm);margin-top:2px;line-height:1.4}
.podp-znaki{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.podp-znak{font-size:11.5px;padding:2px 8px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);
  color:var(--ink-2);white-space:nowrap}
.podp-znak.ok{background:var(--ok-bg);border-color:var(--ok-border);color:var(--ok)}
.podp-znak.uw{background:var(--warn-bg);border-color:var(--warn-border);color:var(--warn)}
.podp-ile{text-align:right}
.podp-kw{font-weight:700;font-size:16px;font-variant-numeric:tabular-nums;color:var(--ok);white-space:nowrap}
.podp-zr{font-size:12px;color:var(--ink-3);white-space:nowrap}
.podp-akc{grid-column:2/-1;display:flex;gap:8px;flex-wrap:wrap}
.podp-st{padding:10px 14px;border-top:1px solid var(--line);font-size:12px;color:var(--ink-3);line-height:1.45}
@media (max-width:560px){
  .podp-hd{grid-template-columns:44px minmax(0,1fr)}
  .podp-hd img{width:44px;height:44px}
  .podp-hd .btn{grid-column:1/-1;justify-self:start}
  .podp li{grid-template-columns:22px minmax(0,1fr)}
  .podp-ile{grid-column:2;text-align:left;display:flex;gap:8px;align-items:baseline}
}
.mob-znaki{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.mob-znak-mono{font-family:var(--mono);font-size:12px;padding:2px 8px;border-radius:999px;
  border:1px solid var(--mob-drugi-line,var(--line));color:var(--ink-2);background:var(--surface-2)}
.mob-naprawa{display:flex;flex-direction:column;gap:5px}
.mob-naprawa.pilna{box-shadow:inset 3px 0 0 var(--bad)}
.mob-naprawa-sprzet{font-weight:650;font-size:16px;line-height:1.25;overflow-wrap:anywhere}
.mob-termin{font-size:12.5px;font-weight:600;white-space:nowrap;color:var(--ink-3)}
.mob-termin.warn{color:var(--warn)}
.mob-termin.bad{color:var(--bad)}
.mob-podpowiedz{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;
  padding:8px 12px;border:1px solid var(--mob-drugi-line,var(--line));border-radius:12px;background:var(--surface);
  color:var(--ink);font:inherit;font-size:14px;text-align:left;cursor:pointer;line-height:1.35}
.mob-podpowiedz img{width:36px;height:36px;object-fit:contain}
.mob-podpowiedz:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.mob-akcje-naprawy{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mob-akcja{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:76px;
  padding:10px 8px;border-radius:12px;border:1px solid var(--mob-drugi-line,var(--line));background:var(--mob-drugi-bg,var(--surface));
  color:var(--mob-drugi-ink,var(--ink));font:inherit;font-weight:650;font-size:14.5px;cursor:pointer;text-align:center}
.mob-akcja small{font-weight:400;font-size:11.5px;color:var(--ink-3)}
.mob-akcja .ikonka{opacity:.9}
.mob-akcja.glowna{background:var(--mob-akcja,#15294a);border-color:var(--mob-akcja,#15294a);color:var(--mob-akcja-ink,#fff)}
.mob-akcja.glowna small{color:inherit;opacity:.75}
.mob-akcja:active{transform:translateY(1px)}
.mob-akcja:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.mob-info-naprawy{margin:-2px 0 2px}
.mob-pozycje{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.mob-pozycje li{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:8px;align-items:center;
  padding:8px 0;border-top:1px solid var(--line);font-size:14px}
.mob-pozycje li:first-child{border-top:0}
.mob-pozycje li strong{font-variant-numeric:tabular-nums;white-space:nowrap}
.mob-dopisz-pozycje .pasek-akcji,.mob-dopisz-pozycje .row{flex-wrap:wrap}
.mob-dopisz-pozycje .input{min-height:44px;font-size:16px}
.mob-rozmowa .blok{border:0;padding:0;margin:0;background:none;box-shadow:none}
.mob-rozmowa textarea{font-size:16px}
.mob .btn.mob-gotowe{min-height:58px;font-size:16px}
.mob-gotowe span{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}
.mob-gotowe small{font-weight:400;font-size:12px;opacity:.8}
.mob-kafle{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mob-kafel{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;
  background:var(--surface);min-width:0}
.mob-kafel-l{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ink-3)}
.mob-kafel strong{font-size:22px;font-weight:750;font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:var(--ink)}
.mob-kafel-s{font-size:12px;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis}
.mob-pali{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}
.mob-pali .mob-pusto{padding:12px;margin:0}
.mob-pali-poz{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:52px;
  padding:8px 12px;border:0;border-top:1px solid var(--line);background:none;font:inherit;color:var(--ink);text-align:left;cursor:pointer}
.mob-pali-poz:first-child{border-top:0}
.mob-pali-poz:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.mob-pali-ik{color:var(--ink-2);display:grid;place-items:center}
.mob-pali-n{display:flex;flex-direction:column;font-weight:600;font-size:14.5px;line-height:1.25}
.mob-pali-n small{font-weight:400;font-size:12px;color:var(--ink-3)}
.mob-pali-ile{min-width:30px;padding:2px 9px;border-radius:999px;text-align:center;font-weight:750;font-size:13.5px;
  font-variant-numeric:tabular-nums;color:#fff}
.mob-pali-ile.bad{background:var(--bad)}
.mob-pali-ile.warn{background:var(--warn)}
.mob-chipy-kafli{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.mob-chip-kafel{border:1px solid var(--mob-drugi-line,var(--line));background:var(--surface);color:var(--ink-2);border-radius:999px;
  padding:6px 12px;font:inherit;font-size:13px;cursor:pointer;min-height:36px}
.mob-chip-kafel strong{color:var(--ink);margin-left:4px;font-variant-numeric:tabular-nums}
.mob-ludzie{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.mob-osoba{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 12px;border-top:1px solid var(--line)}
.mob-osoba:first-child{border-top:0}
.mob-osoba-opis{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:14px}
.mob-osoba-opis strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mob-osoba-opis .muted{font-size:12.5px}
.mob-osoba-pasek{height:5px;margin-top:3px}
.mob-osoba-liczby{display:flex;flex-direction:column;align-items:flex-end;font-size:12.5px;font-variant-numeric:tabular-nums;white-space:nowrap}
.mob-decyzja{display:flex;flex-direction:column;gap:6px}
.kier-powiad{display:flex;flex-direction:column;gap:var(--s2);margin-top:var(--s3)}
.kier-powiad-glowa h3{margin:0}
.kier-powiad-glowa p{margin:2px 0 0;max-width:80ch}
.kier-powiad-kto{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.kier-powiad .zasada-pole select.input{width:auto;min-width:88px}
.bz-dwa{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3);align-items:start}
@media (max-width:900px){.bz-dwa{grid-template-columns:1fr}}
.bz-blok{border:1px solid var(--line);border-radius:var(--radius);padding:var(--s3);display:flex;flex-direction:column;gap:var(--s2);min-width:0}
.bz-blok h3{margin:0}
.bz-blok > p.muted{margin:-4px 0 0}
.bz-uwaga{display:flex;flex-direction:column;gap:var(--s2)}
.bz-odcisk{display:block;word-break:break-all;background:var(--surface-2);border:1px solid var(--line);
  border-radius:var(--radius);padding:6px 8px;color:var(--ink)}
.bz-glowa{padding-bottom:0;flex-wrap:wrap;gap:var(--s3)}
.bz-glowa .zakladki{margin-bottom:0;border-bottom:0}
.bz-glowa select.input{width:auto;max-width:260px}
.bz-przeglad{display:flex;flex-direction:column;gap:var(--s4)}
.bz-kafle{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--s3)}
.bz-kafle.male{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:var(--s3)}
.bz-kafel{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;
  font:inherit;color:inherit;background:var(--surface);border:1px solid var(--line);
  border-radius:var(--radius-lg);padding:var(--s3) var(--s4);min-width:0}
button.bz-kafel{cursor:pointer}
button.bz-kafel:hover{border-color:var(--g5);box-shadow:var(--shadow-2)}
button.bz-kafel:focus-visible{outline:none;box-shadow:var(--focus)}
.bz-opis{font-size:var(--fs-sm);color:var(--ink-2);font-weight:600}
.bz-liczba{font-size:var(--fs-2xl);font-weight:660;line-height:1.1;font-variant-numeric:tabular-nums}
.bz-kafel.bad{border-color:var(--bad-border)}
.bz-kafel.bad .bz-liczba{color:var(--bad)}
.bz-kafel.warn .bz-liczba{color:var(--warn)}
.bz-kafel.ok .bz-liczba{color:var(--ok)}
.bz-rozbicie{display:flex;flex-wrap:wrap;gap:4px}
.bz-utnij{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bz-dwie{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4);align-items:start}
@media (max-width:1000px){.bz-dwie{grid-template-columns:1fr}}
.bz-ramka{border:1px solid var(--line);border-radius:var(--radius-lg);min-width:0;overflow:hidden}
.bz-ramka-hd{display:flex;align-items:baseline;gap:var(--s2);flex-wrap:wrap;
  padding:var(--s2) var(--s3);border-bottom:1px solid var(--line);background:var(--surface-2)}
.bz-ramka-hd h3{margin:0;font-size:var(--fs-md, 14px)}
.bz-ramka .puste{padding:var(--s4)}
.bz-ramka .tblwrap table{min-width:0}
.bz-panel .bz-tabela{min-width:0}
.bz-tabela{width:100%}
:root tbody > tr.bz-grupa > td{text-align:left;text-transform:none}
:root tbody > tr.bz-szczegoly > td{text-align:left}
:root .bz-panel .bz-tabela td{text-align:left}
:root .bz-panel .bz-tabela td.num{text-align:right}
.bz-logi-pasek .mon-szukaj{min-width:240px}
.bz-tabela td{vertical-align:top}
.bz-tabela.mini td{padding-top:3px;padding-bottom:3px}
tr.bz-klik{cursor:pointer}
tr.bz-klik:hover > td{background:var(--surface-2)}
tr.bz-klik:focus-visible{outline:none;box-shadow:inset var(--focus)}
tr.bz-klik.wybrany > td{background:var(--info-bg)}
tr.bz-szczegoly > td{background:var(--surface-2);padding-top:var(--s2);padding-bottom:var(--s3)}
tr.bz-szczegoly .pasek-akcji{margin-top:var(--s2)}
.bz-sca-wiersz{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.bz-sca-wiersz.szeroki{display:flex;width:100%;margin:4px 0}
.bz-sca{display:inline-block;width:90px;height:8px;border-radius:4px;background:var(--surface-3, var(--line));overflow:hidden}
.bz-sca-wiersz.szeroki .bz-sca{flex:1;width:auto;height:10px}
.bz-sca i{display:block;height:100%;background:var(--ink-3)}
.bz-sca.bad i{background:var(--bad)}
.bz-sca.warn i{background:var(--warn)}
.bz-sca.ok i{background:var(--ok)}
.bz-godziny{display:flex;align-items:flex-end;gap:6px;height:120px;padding:var(--s3)}
.bz-godzina{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:2px;min-width:0}
.bz-godzina i{display:block;width:100%;max-width:42px;background:var(--info);border-radius:3px 3px 0 0;opacity:.8}
.bz-godzina i.zle{background:var(--bad);opacity:1}
.bz-ile{font-size:var(--fs-xs);color:var(--ink-3);font-variant-numeric:tabular-nums}
:root{--bz-b7:#dfa22a;--bz-b10:#cf5f1d;--bz-b12:#a3171a}
:root[data-theme="dark"]{--bz-b7:#e6b44a;--bz-b10:#e57a3c;--bz-b12:#e0474a}
.bz-kafel-wiersz{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.bz-zmiana{font-size:var(--fs-xs);font-weight:620;white-space:nowrap;font-variant-numeric:tabular-nums}
.bz-zmiana.lepiej{color:var(--ok)}
.bz-zmiana.gorzej{color:var(--bad)}
.bz-zmiana.bez{color:var(--ink-3);font-weight:500}
.bz-trend{position:relative;display:block;align-self:stretch;height:36px;margin-top:6px;color:var(--ink-3)}
.bz-trend svg{display:block;width:100%;height:100%;overflow:visible}
.bz-trend .krzywa{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
.bz-trend .pole{fill:currentColor;opacity:.1}
.bz-trend .kropka{position:absolute;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;
  background:currentColor;box-shadow:0 0 0 1.5px var(--surface)}
.bz-kafel.bad .bz-trend{color:var(--bad)}
.bz-kafel.warn .bz-trend{color:var(--warn)}
.bz-trend-podpis{display:flex;justify-content:space-between;align-self:stretch;font-size:10.5px;color:var(--ink-3);margin-top:1px}
.bz-trend.maly{display:inline-block;width:90px;height:22px;margin:0;vertical-align:middle}
.bz-trend-kom{white-space:nowrap}
.bz-trend-kom.bad .bz-trend{color:var(--bad)}
.bz-trend-kom.warn .bz-trend{color:var(--warn)}
.bz-wykres-hd{align-items:center}
.bz-okna{display:inline-flex;margin-left:auto;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.bz-okna button{font:inherit;font-size:var(--fs-sm);font-weight:560;border:0;background:var(--surface);
  color:var(--ink-2);padding:4px 12px;cursor:pointer}
.bz-okna button + button{border-left:1px solid var(--line)}
.bz-okna button:hover{background:var(--surface-2)}
.bz-okna button.on{background:var(--accent-soft);color:var(--ink);box-shadow:inset 0 -2px 0 var(--accent)}
.bz-okna button:focus-visible{outline:none;box-shadow:var(--focus)}
.bz-wykres-cialo{display:grid;grid-template-columns:250px minmax(0,1fr);gap:var(--s4);padding:var(--s3) var(--s4)}
@media (max-width:760px){.bz-wykres-cialo{grid-template-columns:1fr}}
.bz-wniosek{display:flex;flex-direction:column;gap:var(--s3);border-right:1px solid var(--line-soft);padding-right:var(--s4)}
@media (max-width:760px){.bz-wniosek{border-right:0;padding-right:0}}
.bz-wniosek p{margin:0;font-size:var(--fs-sm);color:var(--ink-2)}
.bz-wniosek-liczba{font-size:var(--fs-2xl);font-weight:680;line-height:1.1;font-variant-numeric:tabular-nums}
.bz-legenda{display:flex;flex-direction:column;gap:6px;font-size:var(--fs-sm)}
.bz-legenda span{display:flex;align-items:center;gap:8px}
.bz-legenda small{color:var(--ink-3);font-size:var(--fs-xs)}
.bz-legenda b{margin-left:auto;font-weight:650;font-variant-numeric:tabular-nums}
.bz-legenda i{display:inline-block;width:12px;height:12px;border-radius:3px}
.bz-wykres-pudlo{min-width:0;min-height:220px;position:relative}
.bz-wykres{display:block;overflow:visible}
.bz-wykres .os text{font-size:11px;fill:var(--ink-3);font-variant-numeric:tabular-nums}
.bz-wykres .siatka{stroke:var(--line-soft)}
.bz-wykres .zero{stroke:var(--line)}
.pasmo.b7{fill:var(--bz-b7);background:var(--bz-b7)}
.pasmo.b10{fill:var(--bz-b10);background:var(--bz-b10)}
.pasmo.b12{fill:var(--bz-b12);background:var(--bz-b12)}
.bz-wykres .cel{fill:transparent;cursor:pointer}
.bz-wykres .cel:hover{fill:var(--ink);fill-opacity:.05}
.drawer.bz-panel{width:min(600px,94vw)}
.drawer.bz-panel.szeroki{width:min(1180px,96vw);padding:var(--s4) var(--s5)}
.bzp-glowa{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.bzp-glowa h2{margin:0}
.bzp-glowa .rozpychacz{flex:1}
.bzp-meta{margin:4px 0 var(--s4)}
.bzp-kafle{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s3);margin:var(--s3) 0 var(--s4)}
.bzp-kafel{all:unset;box-sizing:border-box;border:1px solid var(--line);border-radius:var(--radius);padding:10px 14px;
  background:var(--surface);display:flex;flex-direction:column;gap:4px;cursor:pointer;min-width:0}
.bzp-kafel:hover{border-color:var(--ink-3)}
.bzp-kafel:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.bzp-kafel.bad{box-shadow:inset 3px 0 0 var(--bad)}
.bzp-kafel.warn{box-shadow:inset 3px 0 0 var(--warn)}
.bzp-kafel.ok{box-shadow:inset 3px 0 0 var(--ok)}
.bzp-o{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);font-weight:650}
.bzp-l{font-size:26px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.1;color:var(--ink)}
.bzp-pasek{display:block;height:8px;border-radius:4px;background:var(--surface-2);overflow:hidden}
.bzp-pasek > i{display:block;height:100%;background:var(--bad)}
.bzp-kafel.warn .bzp-pasek > i{background:var(--warn)}
.bzp-kafel.ok .bzp-pasek > i{background:var(--ok)}
.bzp-najpierw{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:12px 16px;margin-bottom:var(--s4);
  display:flex;flex-direction:column;gap:8px}
.bzp-najpierw h3{margin:0;font-size:15px}
.bzp-najpierw ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;line-height:1.45}
.bzp-najpierw .jak-link{font-weight:650;display:inline;text-align:left}
.bzp-uwaga{display:block}
.bzp-pasek-narz{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:0 0 8px}
.bzp-pasek-narz .input{width:auto;flex:0 0 auto}
.bzp-pasek-narz input[type=search]{width:260px}
.bzp-pasek-narz .rozpychacz{flex:1}
.bzp-tab tr.klik{cursor:pointer}
.bzp-tab tr.klik:hover td{background:var(--surface-2)}
:root .bzp-tab tr.bzp-rozw td{background:var(--surface-2);text-align:left;padding:10px 16px}
.bzp-tab tr.bzp-rozw p{margin:0 0 6px;max-width:110ch}
:root .bzp-tab tr.bzp-grupa td{text-align:left;font-weight:650;background:var(--surface-2);color:var(--ink-2)}
.bzp-strzalka{display:inline-block;width:16px;color:var(--ink-3)}
.bzp-opis{max-width:70ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bzp-cve{display:grid;grid-template-columns:150px minmax(0,1fr) 100px 50px;gap:4px 12px;font-size:var(--fs-sm);align-items:center}
.bzp-cve .num{text-align:right;font-variant-numeric:tabular-nums}
.bzp-stopka{display:flex;align-items:center;gap:8px;margin-top:8px}
.bzp-stopka .rozpychacz{flex:1}
@media (max-width:900px){
  .bzp-kafle{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bzp-cve{grid-template-columns:130px minmax(0,1fr)}
}
.bz-panel-tresc{display:flex;flex-direction:column;gap:var(--s4);margin-top:var(--s2)}
.bz-panel-tresc h3{margin:0 0 6px;font-size:var(--fs-md, 14px);display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.bz-panel-tresc h4{margin:var(--s3) 0 4px;font-size:var(--fs-sm)}
.bz-zalecenia{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px}
.bz-zalecenia summary{cursor:pointer}
.bz-zalecenia p{margin:4px 0 0}
.bz-sprawy{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.bz-sprawy li{display:flex;gap:var(--s2);align-items:baseline;flex-wrap:wrap}
.bz-chipy{display:flex;gap:6px;flex-wrap:wrap;padding:0 var(--s4) var(--s2)}
.bz-chipy .pill{display:inline-flex;align-items:center;gap:4px}
.bz-chipy .jak-link{font-size:1.1em;line-height:1;padding:0 2px}
.bz-ptaszek{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-sm);color:var(--ink-2);white-space:nowrap}
.bz-logi-pasek input[type="datetime-local"]{width:auto}
.bz-log{margin:0 0 var(--s2);padding:var(--s2) var(--s3);background:var(--surface);border:1px solid var(--line);
  border-radius:var(--radius);white-space:pre-wrap;word-break:break-word;max-height:260px;overflow:auto;
  font-family:var(--font-mono, ui-monospace, monospace);font-size:var(--fs-xs)}
.bz-meta{margin-bottom:var(--s2)}
.bz-stopka{padding:0 var(--s4) var(--s3);margin:0;max-width:90ch}
.bz-opis-cve{max-width:90ch}
.bz-karta-hd{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap;margin:var(--s5) 0 8px}
.bz-karta-hd .rozpychacz{margin-left:auto}
.bz-zrodlo{font-weight:400;font-size:var(--fs-sm)}
.przycisk-wroc{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;flex:0 0 auto}
.przycisk-wroc:disabled{opacity:.45;cursor:default}
@media (max-width:760px){.przycisk-wroc .etykieta{display:none}}
.pab{display:flex;flex-direction:column;gap:var(--s3)}
.pab-kpi-rzad{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:var(--s2)}
.pab-kpi{border:1px solid var(--line);border-radius:var(--radius);padding:8px 10px;background:var(--surface)}
.pab-liczba{font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.1}
.pab-etykieta{font-size:var(--fs-sm);color:var(--ink-2)}
.pab-wykres{display:flex;align-items:flex-end;gap:3px;height:56px;padding:4px 0;border-bottom:1px solid var(--line)}
.pab-slupek{flex:1;height:100%;display:flex;align-items:flex-end}
.pab-slupek span{display:block;width:100%;background:var(--accent);opacity:.55;border-radius:3px 3px 0 0}
.pab-slupek.dzis span{opacity:1}
.pab-uwaga{color:var(--warn, #9a6200);font-weight:600}
.pab-ostatnie tr.klik{cursor:pointer}
.topbar{padding-top:max(16px, calc(env(safe-area-inset-top) + 6px))}
.side{padding-top:max(var(--s4), calc(env(safe-area-inset-top) + 8px))}
@media (max-width:900px){
  .topbar{padding-top:max(10px, calc(env(safe-area-inset-top) + 6px))}
  .side{padding-bottom:max(var(--s6), env(safe-area-inset-bottom))}
}
@media (min-width:761px) and (max-width:900px){
  .topbar .top-srodek{display:none}
  .top-lewo{flex:0 0 auto}
  .top-prawo{flex:1 1 auto;min-width:0}
}
@media (max-width:900px){
  .otworz-menu, .side button.nav, .scrim-menu{touch-action:manipulation}
}
.kn-rozl-korekta{margin-top:var(--s2);padding-top:var(--s2);border-top:1px dashed var(--line-soft)}
.kn-rozl-korekta .kn-rozl-dok-opis .cichy{display:block;margin-top:2px}
.kn-wydanie-dok{flex-wrap:wrap;align-items:center;gap:var(--s2)}
.kn-wydanie-dok .cichy{flex-basis:100%}
.kn-faktura-przesylka{display:flex;flex-direction:column;gap:6px;margin:var(--s2) 0;padding:var(--s2) var(--s3);
  border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2)}
.kn-faktura-przesylka label.formrow{gap:8px;align-items:center}
.kn-faktura-przesylka p{margin:0}
.note.warn{border-left-color:var(--warn);background:var(--warn-bg)}
.pasek-licencji{margin:0 0 var(--s3)}
.hasla-okno{margin-bottom:var(--s3)}
.hasla-sekcja{margin:var(--s4) 0 var(--s2);font-size:var(--fs-sm);font-weight:650;
  color:var(--ink-2);text-transform:uppercase;letter-spacing:.04em}
.hasla-wiersz{display:flex;gap:var(--s2);align-items:flex-end;flex-wrap:wrap}
.hasla-wiersz > .input{flex:1 1 auto;min-width:0}
.hasla-odbiorca{display:flex;flex-direction:column;gap:var(--s3)}
.hasla-kanaly{display:flex;flex-direction:column;gap:var(--s1)}
.hasla-kanal{display:flex;gap:var(--s2);align-items:flex-start;padding:var(--s2) var(--s3);
  border:1px solid var(--line-soft);border-radius:var(--radius, 6px);cursor:pointer;
  background:var(--surface)}
.hasla-kanal:hover{border-color:var(--line)}
.hasla-kanal.on{border-color:var(--accent);background:var(--accent-soft)}
.hasla-kanal.nieczynny{opacity:.55;cursor:default}
.hasla-kanal input{margin-top:3px}
.hasla-wynik{display:flex;flex-direction:column;gap:var(--s3)}
.hasla-wynik p{margin:0}
.hasla-link{display:flex;gap:var(--s2);align-items:center}
.hasla-link code{flex:1 1 auto;min-width:0;overflow-wrap:anywhere;padding:var(--s2) var(--s3);
  background:var(--surface-2);border:1px solid var(--line-soft);border-radius:var(--radius, 6px);
  font-family:var(--mono);font-size:var(--fs-xs)}
.hasla-kod{font-size:var(--fs-lg);letter-spacing:.08em}
.hasla-pozycja{padding:var(--s3) 0;border-top:1px solid var(--line-soft);display:flex;
  flex-direction:column;gap:2px}
.hasla-pozycja:first-child{border-top:0;padding-top:0}
.hasla-glowa{display:flex;gap:var(--s2);align-items:center;flex-wrap:wrap}
.hasla-glowa strong{overflow-wrap:anywhere}
.hasla-dane{margin-top:var(--s2);display:flex;flex-direction:column;gap:var(--s2)}
.hasla-dl{display:grid;grid-template-columns:max-content 1fr;gap:var(--s1) var(--s3);margin:0;
  padding:var(--s2) var(--s3);background:var(--surface-2);border-radius:var(--radius, 6px)}
.hasla-dl dt{color:var(--ink-3);font-size:var(--fs-xs);align-self:center}
.hasla-dl dd{margin:0;display:flex;gap:var(--s2);align-items:center;flex-wrap:wrap}
.hasla-dl dd code{overflow-wrap:anywhere}
.hasla-moje{margin-top:var(--s4);border-top:1px solid var(--line-soft);padding-top:var(--s2)}
.plakietka-portal{display:inline-block;margin-top:4px;padding:1px 7px;border-radius:999px;
  font-family:var(--font);font-size:11.5px;font-weight:650;letter-spacing:.02em;
  color:var(--info);background:var(--info-bg);border:1px solid var(--info-border)}
tr.wiersz-z-portalu > td.kol-numer{box-shadow:inset 3px 0 0 var(--info)}
.napisz-abonent .bd{display:flex;flex-direction:column;gap:var(--s3)}
.napisz-historia{display:flex;flex-direction:column;gap:var(--s2);max-height:38vh;overflow-y:auto;
  padding:var(--s2) var(--s3);border:1px solid var(--line-soft);border-radius:var(--radius, 6px)}
.napisz-historia .rozmowa-watku{margin:4px 0}
.napisz-kontakt .wiad-tresc{white-space:pre-wrap}
.napisz-kontakty{display:flex;flex-direction:column;gap:var(--s2);border-top:1px solid var(--line-soft);
  padding-top:var(--s2)}
.napisz-kontakty:first-child{border-top:0;padding-top:0}
.napisz-kanaly{display:flex;flex-direction:column;gap:var(--s1)}
.napisz-kanal{display:flex;gap:var(--s2);align-items:flex-start;padding:var(--s2) var(--s3);
  border:1px solid var(--line-soft);border-radius:var(--radius, 6px);cursor:pointer;background:var(--surface)}
.napisz-kanal:hover{border-color:var(--line)}
.napisz-kanal.on{border-color:var(--accent);background:var(--accent-soft)}
.napisz-kanal.nieczynny{opacity:.55;cursor:default}
.napisz-kanal input{margin-top:3px}
.dzwonek-ust{display:flex;flex-direction:column;gap:var(--s3)}
.dzwonek-ust>p{margin:0}
.dzwonek-tabela .dzwonek-sekcja td{background:var(--surface-2);font-size:var(--fs-xs);text-transform:uppercase;
  letter-spacing:.08em;font-weight:750;color:var(--ink-2);height:auto;padding:9px 13px}
.dzwonek-tytul{font-weight:600;color:var(--ink)}
.dzwonek-tabela td.num{width:120px}
.dzwonek-tabela td.dzwonek-ster{width:260px}
.dzwonek-tabela td.dzwonek-ster select{width:100%}
.dzwonek-tabela tr.wylaczone .dzwonek-tytul{color:var(--ink-3)}
.dzwonek-porzadki{border-top:1px solid var(--line-soft);padding-top:var(--s4);margin-top:var(--s2)}
.dzwonek-porzadki h3{margin-bottom:var(--s1)}
.dzwonek-porzadki p{margin:0 0 var(--s3)}
.dzwonek-porzadki-wiersz{display:flex;gap:var(--s3);align-items:flex-end;flex-wrap:wrap}
.okienko.moje-powiadomienia{width:min(640px,94vw);max-height:88vh;display:flex;flex-direction:column;overflow:hidden}
.moje-powiadomienia .okienko-hd{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);margin-bottom:var(--s2)}
.moje-powiadomienia-lista{display:flex;flex-direction:column;gap:var(--s3);margin-top:var(--s3);overflow-y:auto;min-height:0;flex:1 1 auto}
.moje-powiadomienia-lista fieldset{border:1px solid var(--line-soft);border-radius:var(--radius);padding:var(--s2) var(--s3);margin:0}
.moje-powiadomienia-lista legend{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;font-weight:750;color:var(--ink-2);padding:0 4px}
.moje-poz{display:flex;gap:10px;align-items:flex-start;padding:7px 4px;cursor:pointer}
.moje-poz input{margin-top:3px;flex:0 0 auto}
.moje-poz>span{display:flex;flex-direction:column;gap:1px;min-width:0}
.moje-poz.wylaczone{cursor:default;opacity:.6}
.dzwonek-co-pokazywac{font-size:var(--fs-sm)}
.dzwonek-stopka{display:flex;justify-content:flex-end;border-top:1px solid var(--line-soft);
  margin-top:var(--s2);padding:var(--s2) var(--s1) 0}
.podpowiedzi-sekcja{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;
  font-weight:700;color:var(--ink-3);padding:8px 12px 4px}
.sub-zrodlo{display:flex;gap:var(--s3);align-items:center;flex-wrap:wrap;padding:10px 14px;
  margin:0 var(--s4) var(--s3);border:1px solid var(--line);border-radius:var(--radius);
  background:var(--surface-2);font-size:var(--fs-sm)}
.sub-zrodlo .rozpychacz{margin-left:auto}
.hd.sub-filtry{display:flex;gap:var(--s2);flex-wrap:wrap;align-items:center}
.hd.sub-filtry select.input{width:auto;flex:0 0 auto}
.hd.sub-filtry .rozpychacz{margin-left:auto}
th.sub-pow,td.sub-pow{background:color-mix(in srgb,var(--accent) 6%,transparent)}
td.sub-zero{color:var(--ink-3)}
td.sub-ujemny{color:var(--bad);font-weight:650}
tr.sub-grupa td{background:var(--surface-2);font-size:var(--fs-xs);text-transform:uppercase;
  letter-spacing:.08em;font-weight:750;color:var(--ink-2);padding:8px 13px}
.sub-mapa select.input{min-width:150px}
.sub-grupy{margin-top:var(--s5);padding-top:var(--s4);border-top:1px solid var(--line-soft)}
.sub-grupy h3{margin:0 0 4px}
.sub-grupy-pasek{display:flex;gap:var(--s2);align-items:center;flex-wrap:wrap;margin:var(--s3) 0}
.sub-grupy-pasek .input{max-width:240px}
.sub-grupy-lista{max-height:380px;overflow:auto}
.sub-grupy-lista td:first-child{width:80px}
.drawer.szeroki{width:min(96vw,1280px)}
.kiwi-import{display:flex;flex-direction:column;gap:var(--s3)}
.kiwi-import .kartahd p{margin:4px 0 0;font-size:var(--fs-sm)}
.kiwi-strefa{border:2px dashed var(--line);border-radius:var(--radius);padding:16px 18px;display:flex;
  align-items:center;gap:16px;background:var(--surface-2)}
.kiwi-strefa.nad{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,var(--surface))}
.kiwi-strefa strong{display:block}
.kiwi-strefa .muted{font-size:var(--fs-sm)}
.kiwi-strefa .btn{margin-left:auto}
.kiwi-liczniki,.kiwi-filtry{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.kiwi-filtry .input{width:auto;max-width:280px}
:root .kiwi-tabela tbody>tr>td{vertical-align:top;text-align:left}
.kiwi-tabela td.ch,.kiwi-tabela th.ch{width:36px}
.kiwi-tabela thead th{text-align:left}
.kiwi-t{font-weight:600}
.kiwi-o{font-size:var(--fs-sm);color:var(--ink-3);line-height:1.35;margin-top:2px}
.kiwi-uwaga{font-size:var(--fs-sm);color:var(--warn);margin-top:2px}
.kiwi-blad{font-size:var(--fs-sm);color:var(--bad);margin-top:2px}
.kiwi-wybor{margin-top:6px}
.kiwi-wybor .input{width:auto;min-width:240px;max-width:100%}
.kiwi-grupa-opis{text-transform:none;letter-spacing:0;font-weight:500;color:var(--ink-3)}
tr.kiwi-pomin td{opacity:.55}
.kiwi-stopka{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding-top:var(--s3);
  border-top:1px solid var(--line-soft);position:sticky;bottom:0;background:var(--surface)}
.kiwi-stopka .rozpychacz{margin-left:auto}
.kiwi-czeka{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;
  padding:0 5px;margin-left:6px;border-radius:9px;background:var(--warn);color:#fff;font-size:11px;font-weight:700}
.kiwi-przyslane{color:var(--ink-2);font-weight:600}
.kiwi-odrzuc{background:none;border:0;padding:0;font:inherit;color:var(--bad);text-decoration:underline;cursor:pointer}
.kiwi-odrzuc:hover{color:var(--ink)}
.kiwi-wysylka-kroki{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:4px}
.kiwi-koniec{display:flex;flex-direction:column;gap:var(--s3)}
.pierwsze-kroki{margin:0 0 var(--s5);padding:0;overflow:hidden}
.pk-glowa{display:flex;align-items:flex-start;gap:var(--s5);padding:var(--s4) var(--s5);
  border-bottom:1px solid var(--line-soft);background:var(--naglowek)}
.pk-glowa-tekst{flex:1;min-width:0}
.pk-glowa h2{margin:0;font-size:var(--fs-md);font-weight:700;letter-spacing:-.01em}
.pk-glowa p{margin:4px 0 0;color:var(--ink-2);font-size:var(--fs-sm);line-height:1.45;max-width:62ch}
.pk-postep{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:6px;min-width:120px}
.pk-postep-liczba{font-size:var(--fs-sm);color:var(--ink-2);font-variant-numeric:tabular-nums}
.pk-postep-liczba b{color:var(--ink);font-size:var(--fs-md)}
.pk-pasek{display:block;width:120px;height:6px;border-radius:3px;background:var(--line-soft);overflow:hidden}
.pk-pasek i{display:block;height:100%;background:var(--ok-solid);border-radius:3px}
.pk-lista{list-style:none;margin:0;padding:0}
.pk-krok{display:flex;align-items:center;gap:var(--s4);padding:12px var(--s5);background:var(--surface)}
.pk-krok + .pk-krok{border-top:1px solid var(--line-soft)}
.pk-krok.nastepny{box-shadow:inset 3px 0 0 var(--accent);background:var(--accent-soft)}
.pk-znak{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;
  font-size:var(--fs-xs);font-weight:700;color:var(--ink-2);border:1.5px solid var(--line);
  background:var(--surface);font-variant-numeric:tabular-nums}
.pk-krok.nastepny .pk-znak{border-color:var(--accent);color:var(--accent-text)}
.pk-krok.zrobiony .pk-znak{background:var(--ok-bg);border-color:var(--ok-border);color:var(--ok)}
.pk-znak svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.pk-tekst{flex:1;min-width:0}
.pk-tytul{font-weight:650}
.pk-krok.zrobiony .pk-tytul{color:var(--ink-3);font-weight:550}
.pk-opis{color:var(--ink-2);font-size:var(--fs-sm);line-height:1.45;margin-top:2px;max-width:80ch}
.pk-gotowe{flex:none;font-size:var(--fs-xs);color:var(--ok);font-weight:600}
.pk-krok > .btn{flex:none;min-width:84px}
.pk-stopka{display:flex;align-items:center;gap:var(--s4);flex-wrap:wrap;padding:12px var(--s5);
  border-top:1px solid var(--line-soft);background:var(--surface-2)}
.pk-stopka-info{flex:1;min-width:180px;color:var(--ink-3);font-size:var(--fs-sm)}
.pk-niewidoczny{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.du-karta-ukryta{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap}
@media (max-width:640px){
  .pk-glowa{flex-direction:column;gap:var(--s3);padding:var(--s4)}
  .pk-postep{align-items:flex-start}
  .pk-krok{padding:12px var(--s4);align-items:flex-start}
  .pk-stopka{padding:12px var(--s4)}
}
.du-przyklady{margin-bottom:var(--s3);display:flex;flex-direction:column;gap:var(--s2)}
.du-przyklady p{margin:0;max-width:72ch}
.du-przyklady-lista{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--s2) var(--s4)}
.du-przyklady-lista span{color:var(--ink-2)}
.du-przyklady-pytanie{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2)}
.du-przyklady > .btn{align-self:flex-start}
.dzis-w-punkcie{display:block}
.dzis-w-punkcie > .hd{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:8px 12px;
  min-width:0;padding:10px 16px;border-right:0;border-bottom:1px solid var(--line-soft)}
.dzis-w-punkcie > .hd h3{margin:0;font-size:var(--fs-md, 16px)}
.dzis-w-punkcie > .hd .btn,.dzis-w-punkcie > .hd .btn + .btn,.dzis-w-punkcie > .hd .premia-przycisk{margin:0}
.dzis-rozpych{flex:1 1 0;min-width:0}
.dzis-w-punkcie .dzis-lista{display:grid;gap:8px;padding:10px 12px 12px;
  grid-template-columns:repeat(auto-fill,minmax(max(185px,calc((100% - (var(--ile, 5) - 1) * 8px) / var(--ile, 5) - 1px)),1fr))}
.dzis-w-punkcie .dzis-osoba{display:grid;grid-template-columns:42px minmax(0,1fr);column-gap:10px;row-gap:8px;
  align-items:center;align-content:start;padding:10px 11px 9px;border-radius:12px}
.dzis-w-punkcie .dzis-osoba.ton-ok{box-shadow:inset 0 3px 0 var(--ok, #1f7a3f)}
.dzis-w-punkcie .dzis-osoba.ton-zajety{box-shadow:inset 0 3px 0 var(--warn, #b7791f)}
.dzis-w-punkcie .dzis-osoba.ton-ok.krol{box-shadow:inset 0 3px 0 var(--ok, #1f7a3f),inset 0 0 0 1px #d9a52040}
.dzis-w-punkcie .dzis-osoba.ton-zajety.krol{box-shadow:inset 0 3px 0 var(--warn, #b7791f),inset 0 0 0 1px #d9a52040}
.dzis-w-punkcie .dzis-osoba.ton-nie .dzis-imie{color:var(--ink-2)}
.dzis-w-punkcie .dzis-twarz{width:42px;height:42px;font-size:14px}
.dzis-w-punkcie .dzis-twarz .dzis-kropka{width:12px;height:12px}
.dzis-w-punkcie .dzis-twarz .korona{top:-14px;width:24px;height:17px}
.dzis-w-punkcie .dzis-opis{gap:1px}
.dzis-w-punkcie .dzis-imie{font-size:13.5px;line-height:1.25}
.dzis-w-punkcie .dzis-stan{font-size:12px}
.dzis-w-punkcie .dzis-znaczki{gap:4px;align-items:center}
.dzis-w-punkcie .dzis-znak{padding:1px 6px;font-size:11px;line-height:16px;letter-spacing:-.005em}
.dzis-w-punkcie .dzis-znak.po{font-weight:600}
.dzis-w-punkcie .dzis-znak.ananas{margin-left:auto;padding:1px 0 1px 4px;background:none;border-color:transparent;font-weight:600}
:root[data-theme="dark"] .dzis-w-punkcie .dzis-znak.ananas{background:none;border-color:transparent}
@media (max-width:760px){
  .dzis-w-punkcie .dzis-lista{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
}
.ao-plasterki{display:inline-flex;align-items:center;gap:3px}
.dzis-w-punkcie .dzis-osoba{container-type:inline-size}
@container (max-width:200px){
  .dzis-w-punkcie .dzis-znak.ananas .ao-plasterki{display:none}
}
.dzis-w-punkcie .dzis-znaczki{flex-wrap:nowrap;align-items:flex-start;gap:6px}
.dzis-znaczki-sprawy{flex:1 1 auto;min-width:0;display:flex;flex-wrap:wrap;gap:4px}
.dzis-w-punkcie .dzis-znak.ananas{flex:0 0 auto}
.drawer.karta-naprawy{padding-top:0}
.kn-glowa{position:sticky;top:0;z-index:8;margin:0 calc(-1 * var(--s6)) var(--s4);
  padding:var(--s4) var(--s6) 10px;background:var(--surface);
  border-bottom:1px solid var(--line);box-shadow:0 8px 16px -14px rgba(0,0,0,.35)}
.kn-glowa .kartahd{margin-bottom:2px}
.kn-glowa .karta-podtytul{margin-bottom:10px !important}
.kn-glowa .pasek-zlecenia{margin-bottom:0;padding:8px 10px;gap:8px}
.kn-glowa > .note{margin:8px 0 0}
.kn-rzad-glowny{row-gap:8px}
.kn-dokumenty{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;
  padding-left:10px;margin-left:2px;border-left:1px solid var(--line)}
.kn-dokumenty .menu-wiecej,.kn-dokumenty > span{flex:0 0 auto}
@media (max-height:820px){.kn-glowa{position:static}}
.kn-status{position:relative;display:inline-flex}
.kn-status-btn{display:inline-flex;align-items:center;gap:4px;border:0;background:none;padding:0;margin:0;
  font:inherit;color:var(--ink-2);cursor:pointer;border-radius:999px}
.kn-status-btn:hover .pill{box-shadow:0 0 0 2px var(--line)}
.kn-status-btn.otwarte .pill{box-shadow:0 0 0 2px var(--accent)}
.kn-status-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.kn-status-okno{position:absolute;top:calc(100% + 8px);left:0;z-index:30;width:min(460px,86vw);
  display:flex;flex-direction:column;gap:8px;padding:14px;background:var(--surface);
  border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-3, 0 18px 40px rgba(0,0,0,.18))}
.kn-status-etyk{font-size:var(--fs-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.kn-status-sugestie{display:flex;flex-direction:column;gap:6px;margin-bottom:4px}
.kn-status-sug{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;text-align:left;
  padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);
  color:var(--ink);font:inherit;cursor:pointer}
.kn-status-sug:hover:not(:disabled){border-color:var(--accent)}
.kn-status-sug.wybrany{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}
.kn-status-sug .cichy{font-size:var(--fs-xs);white-space:nowrap}
.kn-status-pola{display:flex;flex-direction:column;gap:8px}
.kn-status-pola select.input,.kn-status-pola input.input{width:100%;min-width:0}
.kn-status-pola > .btn{align-self:flex-end}
.kn-uklad{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:var(--s4);align-items:start}
.kn-glowna{min-width:0}
.kn-bok{position:sticky;top:calc(var(--kn-glowa-h, 150px) + 12px);display:flex;flex-direction:column;gap:var(--s3);
  max-height:calc(100vh - var(--kn-glowa-h, 150px) - 24px);overflow:auto;overscroll-behavior:contain;
  padding-bottom:var(--s4)}
.kn-bok .blok{margin:0}
.kn-bok > *{flex-shrink:0}
.formrow.zdj-ster{flex-wrap:wrap;align-items:center;row-gap:8px}
.pola.ciasne .pole .formrow.zdj-ster .ptaszek{flex:0 0 auto;white-space:nowrap;align-items:center}
.formrow.zdj-ster .ptaszek input{margin-top:0}
.kn-bok .kn-dopisz-czas .pola{flex-wrap:wrap}
.kn-zakladki{display:flex;gap:2px;margin:var(--s4) 0;border-bottom:1px solid var(--line);
  overflow-x:auto;scrollbar-width:thin}
.kn-zak{--sk:var(--ink-3);display:inline-flex;align-items:center;gap:8px;white-space:nowrap;
  padding:10px 14px 9px;margin-bottom:-1px;border:0;border-bottom:3px solid transparent;background:none;
  font:inherit;font-weight:600;color:var(--ink-2);cursor:pointer}
.kn-zak-komunikacja{--sk:var(--info)}
.kn-zak-rozliczenie{--sk:var(--warn)}
.kn-zak-warsztat{--sk:var(--ok)}
.kn-zak-historia{--sk:var(--ink-3)}
.kn-zak:hover{color:var(--ink)}
.kn-zak.on{color:var(--ink);border-bottom-color:var(--sk)}
.kn-zak:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:6px}
.kn-zak-licznik{font-size:12px;font-weight:600;line-height:18px;padding:0 7px;border-radius:999px;
  background:var(--surface-2);border:1px solid var(--line);color:var(--ink-2);font-variant-numeric:tabular-nums}
.kn-zak-licznik.ok{background:var(--ok-bg);border-color:color-mix(in srgb, var(--ok) 30%, transparent);color:var(--ok)}
.kn-zak-licznik.warn{background:var(--warn-bg);border-color:color-mix(in srgb, var(--warn) 35%, transparent);color:var(--warn)}
.kn-zak-licznik.bad{background:var(--bad-bg);border-color:color-mix(in srgb, var(--bad) 30%, transparent);color:var(--bad)}
.kn-zak-licznik.nowe{background:var(--info);border-color:var(--info);color:#fff}
.kn-panel{min-width:0}
.kn-panel[hidden]{display:none}
.kn-panel .blok,.kn-bok .blok{border-left:3px solid var(--sk)}
.kn-panel .blok .blok,.kn-bok .blok .blok{border-left-width:1px;border-left-color:var(--line)}
.kn-panel .blok > .blok-hd,.kn-bok .blok > .blok-hd{background:color-mix(in srgb, var(--sk) 7%, var(--surface-2))}
.kn-panel .blok > .blok-hd .tytul,.kn-bok .blok > .blok-hd .tytul{color:var(--ink)}
.kn-panel > .blok + .blok{margin-top:var(--s4)}
.kn-panel > .kn-rozliczenie{margin-bottom:var(--s4)}
.kn-para-zdjecia > .lewa{flex:2 1 420px}
.kn-dk-skrot{display:flex;flex-wrap:wrap;gap:4px 18px;font-size:var(--fs-sm);color:var(--ink-2)}
.kn-dk-skrot b{color:var(--ink);font-weight:600}
.kn-dk-pods{flex:1 1 100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:1410px){
  .kn-uklad{grid-template-columns:minmax(0,1fr)}
  .kn-bok{order:-1;position:static;max-height:none;overflow:visible;padding-bottom:0;
    display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:start}
}
.kn-glowna .kn-glowne-siatka{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--s3) var(--s4)}
.kn-glowna .kn-fakt{min-width:0;overflow-wrap:anywhere}
.kn-glowna .kn-fakt > span{white-space:normal}
.kn-glowna .kn-fakt .termin{white-space:normal}
.kn-zak-stan::before{content:"\00b7";margin:0 4px}
.kn-zak{padding:10px 11px 9px}
.drawer.karta-it{width:min(96vw,max(960px,80vw));max-width:none;padding-top:0}
.kn-zgloszenie{margin-bottom:0}
.kn-zgloszenie > .lewa{flex:1 1 100%}
.kn-zgloszenie .kafel-fakty{grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr);column-gap:14px}
@media (max-width:900px){.kn-zgloszenie .kafel-fakty{grid-template-columns:auto minmax(0,1fr)}}
.kn-glowa .kn-zegar{margin:8px 0 0}
.kn-bok-stanowisko{display:flex}
.kn-bok-stanowisko > .kafel{flex:1 1 auto;margin:0}
@media (max-width:900px){.drawer.karta-it{width:100vw}}
.kn-glowa .kn-wiecej-lista{left:0;right:auto}
.kn-bok .notatka{padding:8px 10px}
.kn-bok .notatka .meta{flex-wrap:nowrap;gap:4px;font-size:12px;min-width:0}
.kn-bok .notatka .meta .btn{flex:0 0 auto;padding:1px 7px;min-height:0;height:auto;font-size:11.5px;line-height:18px;border-radius:6px}
.kn-bok .notatka .meta .pill{flex:0 0 auto}
.kn-bok .notatka .tresc{overflow-wrap:anywhere;font-size:var(--fs-sm)}
.kn-bok .notatka .meta:has(.pill){flex-wrap:wrap}
.kn-panel .blok:has(> .puste),.kn-bok .blok:has(> .puste){display:flex;flex-wrap:wrap;align-items:center;
  gap:6px 10px;padding:10px 14px}
.kn-panel .blok:has(> .puste) > .blok-hd,.kn-bok .blok:has(> .puste) > .blok-hd{display:contents}
.kn-panel .blok:has(> .puste) > .blok-hd > *,.kn-bok .blok:has(> .puste) > .blok-hd > *{order:3}
.kn-panel .blok:has(> .puste) > .blok-hd > .tytul,.kn-bok .blok:has(> .puste) > .blok-hd > .tytul{order:1}
.kn-panel .blok:has(> .puste) > .blok-hd > .licznik,.kn-bok .blok:has(> .puste) > .blok-hd > .licznik{order:1}
.kn-panel .blok:has(> .puste) > .blok-hd > .rozpychacz,.kn-bok .blok:has(> .puste) > .blok-hd > .rozpychacz{display:none}
.kn-panel .blok:has(> .puste) > .puste,.kn-bok .blok:has(> .puste) > .puste{order:2;flex:1 1 160px;min-width:0;
  padding:0;margin:0;border:0;background:none;font-size:var(--fs-sm);color:var(--ink-3);text-align:left}
.kn-pary{display:flex;flex-wrap:wrap;gap:var(--s4);align-items:flex-start;margin-top:var(--s4)}
.kn-pary > .blok{flex:1 1 100%;min-width:0;margin:0}
.kn-pary > .blok:has(> .puste){flex:1 1 380px}
.kn-panel .para-blokow .blok:has(> .puste){margin-bottom:var(--s4)}
.zit-prot-meta{display:flex;flex-wrap:wrap;gap:4px 18px;font-size:var(--fs-sm);color:var(--ink-2)}
.zit-prot-meta b{color:var(--ink);font-weight:600}
.zit-prot-opis{margin:10px 0 0;padding:8px 12px;border-left:3px solid var(--line);background:var(--surface-2);
  border-radius:0 8px 8px 0;white-space:pre-wrap;overflow-wrap:anywhere}
.zit-prot-opis::after{content:"";display:block;clear:both}
.zit-prot-popraw{float:right;margin:0 0 4px 10px}
.zit-prot-akcje{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:12px -14px -12px;padding:10px 14px;
  border-top:1px solid var(--line-soft);background:color-mix(in srgb, var(--surface-2) 60%, var(--surface))}
.zit-prot-akcje .rozpychacz{flex:1}
.kz-siatka{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.kz{position:relative;margin:0;display:flex;flex-direction:column;min-width:0;
  border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.kz-obraz{display:block;width:100%;aspect-ratio:4/3;padding:0;margin:0;border:0;border-radius:9px 9px 0 0;
  overflow:hidden;background:var(--surface-2);cursor:zoom-in}
.kz-obraz img{display:block;width:100%;height:100%;object-fit:cover}
.kz-obraz.pdf{display:grid;place-items:center;color:var(--bad)}
.kz-obraz:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.kz-znak{position:absolute;left:6px;top:6px;font-size:11px;font-weight:600;line-height:18px;padding:0 8px;
  border-radius:999px;background:rgb(20 24 30 / .8);color:#ffd65a;pointer-events:none}
.kz-znak.nie{background:rgb(255 255 255 / .92);color:#545a66}
.kz-dol{display:flex;align-items:center;gap:6px;padding:6px 8px;min-width:0}
.kz-txt{flex:1;min-width:0;display:flex;flex-direction:column}
.kz-nazwa{font-size:12.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kz-data{font-size:11.5px;color:var(--ink-3)}
.kz-menu{position:relative;flex:0 0 auto}
.kz-menu-btn{display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid var(--line);
  border-radius:8px;background:var(--surface);color:var(--ink-2);cursor:pointer}
.kz-menu-btn:hover{border-color:var(--ink-3);color:var(--ink)}
.kz-menu-btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.kz-lista{position:absolute;right:0;bottom:calc(100% + 4px);z-index:20;display:grid;min-width:210px;padding:4px;
  background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 24px rgb(0 0 0 / .14)}
.kz-poz{all:unset;box-sizing:border-box;cursor:pointer;padding:7px 10px;border-radius:6px;font-size:var(--fs-sm);white-space:nowrap}
.kz-poz:hover,.kz-poz:focus-visible{background:var(--line-soft)}
.kz-poz.groznie{color:var(--bad)}
.kz-dodaj{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:150px;
  border:1.5px dashed var(--line);border-radius:10px;background:var(--surface-2);color:var(--ink-2);
  font:inherit;font-weight:600;font-size:var(--fs-sm);cursor:pointer}
.kz-dodaj small{font-weight:400;color:var(--ink-3)}
.kz-dodaj:hover{border-color:var(--accent);color:var(--ink)}
.kz-dodaj:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.kz-menu{position:static}
.kz-lista{left:4px;right:4px;bottom:44px;min-width:0}
.kz-poz{white-space:normal;line-height:1.3}
.kn-pary .blok:has(> .puste) > .puste{order:4;flex-basis:100%}
.kn-pary .blok:has(> .puste) > .blok-hd > .tytul{flex:1 1 auto}
.kn-panel .para-blokow .blok:has(> .puste) > .puste,.kn-bok .blok:has(> .puste) > .puste{order:4;flex-basis:100%}
.kn-panel .para-blokow .blok:has(> .puste) > .blok-hd > .tytul,.kn-bok .blok:has(> .puste) > .blok-hd > .tytul{flex:1 1 auto}
.kn-para-zdjecia{flex-direction:column;align-items:stretch}
.kn-para-zdjecia > .lewa,.kn-para-zdjecia > .prawa{flex:1 1 auto;width:100%}
.kn-zakladki{gap:4px;padding:6px 6px 0;margin:var(--s4) 0 var(--s3);border-bottom:1px solid var(--line);
  overflow-x:auto;overflow-y:hidden}
.kn-zak{position:relative;padding:9px 16px 9px;margin-bottom:-1px;border:1px solid var(--line);border-bottom:1px solid var(--line);
  border-radius:10px 10px 0 0;background:var(--surface-2);color:var(--ink-2);font-weight:600}
.kn-zak:hover{background:color-mix(in srgb, var(--surface-2) 70%, var(--line));color:var(--ink)}
.kn-zak.on{background:var(--surface);color:var(--ink);border-bottom-color:var(--surface);
  box-shadow:inset 0 3px 0 var(--sk);z-index:1}
.kn-zak.on:hover{background:var(--surface)}
.kn-zak:not(.on) .kn-zak-licznik:not(.ok):not(.warn):not(.bad):not(.nowe){background:var(--surface)}
.kn-zak{font-size:15px;font-weight:700;letter-spacing:.005em;padding:10px 18px}
.kn-zak:not(.on){color:var(--ink-2)}
.kn-zak{font-size:14.5px;padding:9px 14px;gap:7px}
.kn-zak-ok{margin-left:5px;font-weight:800}
.wz-okno-edytora{width:min(1180px,96vw);max-height:92vh;padding-top:0;padding-bottom:0}
.wz-okno-edytora > .kartahd{position:sticky;top:0;z-index:4;margin:0 calc(-1 * var(--s6));
  padding:var(--s4) var(--s6) 10px;background:var(--surface);border-bottom:1px solid var(--line-soft)}
.wz-okno-edytora .wz-edytor > .pasek-akcji{position:sticky;bottom:0;z-index:4;margin:var(--s4) calc(-1 * var(--s6)) 0;
  padding:12px var(--s6);background:var(--surface);border-top:1px solid var(--line-soft)}
.wz-okno-edytora .wz-edytor{padding-top:var(--s4)}
.wz-okno-edytora .wz-edytor textarea.wz-pole-tresci{min-height:240px}
.wz-okno-edytora .wz-podglad{min-height:240px}
.wz-okno-edytora .wz-edytor-boczna{gap:10px}
.wz-okno-edytora .wz-wybor{max-height:140px}
.kn-bok:has(.scrim, .okienko){z-index:60}
.kk-okno .pola .pole.waskie{flex:0 1 220px;min-width:180px}
.kk-okno .pola .pole.rosnie{flex:1 1 320px;min-width:0}
.kk-okno select.kk-rozmiar{width:100%}
.kk-inna{display:flex;align-items:center;gap:10px;padding:8px 12px;border-top:1px solid var(--line-soft);
  background:var(--surface-2);font-size:var(--fs-sm);color:var(--ink-2)}
.kk-inna > span{flex:0 0 auto;font-weight:600}
.kk-inna select.input{flex:1 1 auto;min-width:0;width:auto}
.kn-zak.on{position:static;z-index:auto}
.kn-panel .rozmowa{max-width:none}
.kn-panel .rozmowa .czat{max-height:max(380px, 62vh);min-height:220px}
.kn-daty{display:inline-flex;flex-wrap:wrap;gap:6px;margin-left:8px}
.kn-data{display:inline-flex;align-items:baseline;gap:6px;padding:2px 10px;border:1px solid var(--line);border-radius:999px;
  background:var(--surface-2);font-size:var(--fs-sm);color:var(--ink-2);white-space:nowrap}
.kn-data b{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}
.kn-data-et{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);font-weight:600}
.kn-data.zakonczona{background:var(--ok-bg);border-color:color-mix(in srgb, var(--ok) 30%, transparent)}
.karta-stanowiska .rozpychacz{flex:1}
.karta-stanowiska .kn-glowa .drawer-hd{margin-bottom:4px}
.ws-podtytul{display:flex;flex-wrap:wrap;gap:4px 18px;color:var(--ink-2);font-size:var(--fs-sm);margin-bottom:10px}
.ws-podtytul strong{color:var(--ink);font-weight:600}
.ws-pasek{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ws-grupa{display:inline-flex;gap:6px;align-items:center;padding-left:10px;border-left:1px solid var(--line)}
.ws-grupa:empty{display:none}
.ws-pasek > .kn-wiecej:last-child .kn-wiecej-lista{left:auto;right:0}
.ws-grupa .kn-wiecej-lista{min-width:300px}
.ws-komunikaty:empty{display:none}
.ws-komunikaty > .note,.karta-stanowiska .kn-glowa > .note{margin:8px 0 0}
.ws-alarm{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px;padding:7px 12px;
  border:1px solid var(--warn-border);background:var(--warn-bg);border-radius:10px;font-size:var(--fs-sm)}
.ws-menu-tyt{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);font-weight:600;padding:6px 10px 2px}
.ws-menu-sep{border-top:1px solid var(--line-soft);margin:6px 4px}
.ws-menu-stopka{font-size:var(--fs-xs);color:var(--ink-3);padding:4px 10px 6px;max-width:320px;line-height:1.4}
.ws-menu-polecenie{display:grid;gap:6px;padding:0 10px 6px}
.ws-menu-polecenie label{display:grid;gap:4px;font-size:var(--fs-sm);font-weight:600}
.ws-menu-polecenie small{font-size:var(--fs-xs);max-width:300px}
.ws-menu-polecenie .btn{justify-self:start}
.ws-dostep{padding:10px;width:340px;display:grid;gap:8px}
.ws-dostep .ws-menu-tyt{padding:0}
.ws-dostep-pola{display:flex;gap:6px}
.ws-dostep-pola input{flex:1;min-width:0}
.ws-dostep-dol{display:flex;justify-content:flex-end}
.ws-spec-ram{overflow:hidden}
.ws-spec{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 -1px -1px 0}
.ws-spec > div{display:flex;flex-direction:column;gap:3px;padding:10px 14px;min-width:0;overflow-wrap:anywhere;
  border-right:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}
.ws-spec .etyk{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);font-weight:600}
.ws-drobne{font-size:var(--fs-xs)}
.ws-link{font-size:var(--fs-sm)}
.ws-zaznaczone{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px var(--s4);
  background:var(--info-bg);border-bottom:1px solid var(--info-border);font-size:var(--fs-sm)}
.ws-wykrycia td{vertical-align:top}
.ws-wykrycie strong{font-weight:600}
.ws-sciezka{display:block;max-width:52ch;margin-top:2px;font-size:12px;color:var(--ink-3);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ws-stan{display:inline-flex;gap:6px;flex-wrap:wrap}
.ws-wiecej{padding:8px var(--s4)}
.ws-wiecej:empty{display:none}
.ws-wiersze{display:flex;flex-direction:column}
.ws-wiersz{display:flex;align-items:center;gap:8px;padding:8px var(--s4);border-bottom:1px solid var(--line-soft);font-size:var(--fs-sm);min-width:0}
.ws-wiersz:last-child{border-bottom:0}
.ws-wiersz-zgl .clip{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.karta-stanowiska .kn-panel > h3:first-child{margin-top:0 !important}
.karta-stanowiska .kn-panel > .blok + h3{margin-top:var(--s4) !important}
@media (max-width:1100px){.ws-spec{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.ws-spec{grid-template-columns:minmax(0,1fr)}.ws-grupa{border-left:0;padding-left:0}}
.ws-dostep-pola select.input{flex:0 0 140px;width:140px}
.ws-dostep-pola input.input{flex:1 1 auto;width:auto}
.karta-abonenta-2 .kn-glowa .rozpychacz,.karta-abonenta-2 .ws-pasek .rozpychacz,
.karta-abonenta-2 .ws-alarm .rozpychacz,.karta-abonenta-2 .ws-wiersz .rozpychacz{flex:1}
.karta-abonenta-2 .kn-glowa .drawer-hd{margin-bottom:4px;align-items:center}
.karta-abonenta-2 .kn-glowa .drawer-hd .zamknij{margin-left:0}
.karta-abonenta-2 .ws-podtytul a{color:var(--accent-text)}
.karta-abonenta-2 .kn-panel > .kafel + .kafel{margin-top:var(--s3)}
.karta-abonenta-2 .kn-bok .kafel{margin:0}
.karta-abonenta-2 .kn-bok .ws-wiersz{padding-left:0;padding-right:0}
button.ab-zgl{background:none;border:0;border-bottom:1px solid var(--line-soft);width:100%;text-align:left;
  cursor:pointer;font:inherit;color:inherit;border-radius:0}
button.ab-zgl:last-child{border-bottom:0}
button.ab-zgl:hover .clip{text-decoration:underline}
button.ab-zgl:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
@media (min-width:900px){
  .drawer.karta-stanowiska{width:min(1180px,94vw)}
}
.karta-stanowiska .kn-bok,#ws-panel-przeglad,#ws-panel-historia{--sk:var(--ink-3)}
#ws-panel-bezpieczenstwo{--sk:var(--warn)}
#ws-panel-siec,#ws-panel-zgloszenia{--sk:var(--info)}
.raport-diag.raport-diag-2{width:min(1080px,95vw);max-height:90vh}
.raport-diag-2 .kartahd{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.raport-diag-2 .kartahd h3{margin:0}
.raport-diag-2 .rd-rozpychacz{flex:1}
.rd-podtytul{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:var(--fs-sm);color:var(--ink-2);
  margin:6px 0 var(--s4);padding-bottom:var(--s3);border-bottom:1px solid var(--line)}
.rd-podtytul a{color:var(--accent-text)}
.rd-werdykt{border-left:4px solid var(--warn);background:color-mix(in srgb, var(--warn) 5%, var(--surface))}
.rd-werdykt-gora{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.rd-werdykt p{max-width:85ch}
.rd-powody{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:var(--s4);
  margin-top:var(--s3);padding-top:var(--s3);border-top:1px solid var(--line-soft)}
.rd-powody .lista-powodow{margin-bottom:0}
.rd-miary{grid-template-columns:repeat(5,minmax(0,1fr))}
.rd-miary .miara.warn{background:var(--warn-bg)}
.rd-miary .miara.bad{background:var(--bad-bg,var(--warn-bg))}
.rd-dwa{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s4);margin-bottom:var(--s3)}
.rd-kol{border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 14px;min-width:0}
.rd-kol h4{margin:0 0 8px}
.rd-kol dl.kv{grid-template-columns:140px minmax(0,1fr)}
.rd-urzadzenie{border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 14px}
.rd-urzadzenie > summary{cursor:pointer;font-size:var(--fs-sm)}
.rd-urzadzenie[open] > summary{margin-bottom:8px}
.rd-urzadzenie dl.kv{grid-template-columns:150px minmax(0,1fr) 150px minmax(0,1fr)}
@media (max-width:860px){
  .rd-powody,.rd-dwa{grid-template-columns:minmax(0,1fr)}
  .rd-miary{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
  .rd-urzadzenie dl.kv{grid-template-columns:130px minmax(0,1fr)}
}
.rd-kol dl.kv,.rd-urzadzenie dl.kv{margin:0}
@media (min-width:901px){
  .drawer{inset:0;margin:auto;height:fit-content;max-height:min(92vh,1200px);
    width:min(94vw,1100px);border:1px solid var(--line);border-radius:16px;
    animation:s24-okno .42s cubic-bezier(.22,1,.36,1)}
  .s24-duch.drawer.s24-wyj-szuflada{animation-name:s24-okno-wyj !important}
  .drawer .kn-glowa{border-radius:16px 16px 0 0}
  .drawer.karta-naprawy,.drawer.karta-it{width:min(94vw,1440px)}
  .drawer.karta-naprawy .kn-bok,.drawer.karta-it .kn-bok,.drawer.karta-stanowiska .kn-bok,
  .drawer.karta-abonenta-2 .kn-bok{max-height:calc(min(92vh,1200px) - var(--kn-glowa-h, 150px) - 40px)}
}
@media (min-width:901px) and (prefers-reduced-motion:reduce){ .drawer{animation:none} }
.mob .drawer{height:auto;margin:0;max-height:none;border-radius:0;border-width:0}
.drawer .scrim{z-index:41}
.drawer .drawer{z-index:42}
@media (min-width:901px){ .scrim{z-index:40} }
@media (min-width:901px){ .drawer.karta-firmy-2{width:min(97vw,1600px)} }
.karta-firmy-2 .rozpychacz{flex:1}
.karta-firmy-2 .kn-glowa .kartahd{margin-bottom:4px;align-items:center}
.karta-firmy-2 .kn-glowa .kartahd .zamknij{margin-left:auto}
.kf-kontakt a{color:var(--accent-text)}
.kf-liczby{display:inline-flex;gap:6px;flex-wrap:wrap}
.kf-liczba{border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:4px 10px;
  font:inherit;font-size:var(--fs-sm);color:var(--ink-2);cursor:pointer;display:inline-flex;gap:5px;align-items:baseline}
.kf-liczba b{font-size:15px;color:var(--ink);font-variant-numeric:tabular-nums}
.kf-liczba:hover:not(:disabled){border-color:var(--ink-3)}
.kf-liczba:disabled{cursor:default}
.kf-liczba.alert{border-color:var(--warn-border);background:var(--warn-bg)}
.kf-menu-logo{padding:6px 10px;display:flex;gap:6px;flex-wrap:wrap}
.kf-wybor{margin-bottom:var(--s3)}
.kf-uklad{display:grid;grid-template-columns:220px minmax(0,1fr);gap:var(--s4);align-items:start}
.kf-tresc{min-width:0}
.kf-spis{position:sticky;top:calc(var(--kn-glowa-h, 150px) + 12px);border:1px solid var(--line);border-radius:14px;
  padding:6px;background:var(--surface);max-height:calc(min(92vh,1200px) - var(--kn-glowa-h, 150px) - 40px);overflow:auto}
.kf-spis-grupa + .kf-spis-grupa{border-top:1px solid var(--line-soft);margin-top:4px;padding-top:4px}
.kf-spis-tyt{display:flex;justify-content:space-between;align-items:baseline;padding:8px 10px 4px;
  font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);font-weight:600}
.kf-spis-tyt b{letter-spacing:0;text-transform:none;color:var(--ink-2);font-weight:600}
.kf-spis button{display:flex;align-items:center;gap:8px;width:100%;border:0;background:none;text-align:left;
  padding:7px 10px;border-radius:8px;font:inherit;font-size:var(--fs-sm);color:var(--ink);cursor:pointer}
.kf-spis button:hover{background:var(--surface-2)}
.kf-spis button.on{background:color-mix(in srgb, var(--accent) 10%, var(--surface));font-weight:600;
  box-shadow:inset 3px 0 0 var(--accent)}
.kf-spis button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.kf-spis-nazwa{flex:1;min-width:0}
.kf-spis-n{font-size:12px;color:var(--ink-3);font-variant-numeric:tabular-nums}
.kf-kropka{flex:0 0 8px;width:8px;height:8px;border-radius:50%;border:1.5px solid var(--ink-3)}
.kf-kropka.kf-kropka-ok{background:var(--ok);border-color:var(--ok)}
.kf-kropka.kf-kropka-uwaga{background:var(--warn);border-color:var(--warn)}
.kf-kropka.kf-kropka-brak{border-color:transparent}
.kf-uzupelnij{display:flex;flex-wrap:wrap;align-items:center;gap:8px;border:1px dashed var(--warn-border);
  background:color-mix(in srgb, var(--warn) 5%, var(--surface));border-radius:12px;padding:9px 14px;
  margin-bottom:var(--s3);font-size:var(--fs-sm)}
.kf-chip{border:1px solid var(--line);border-radius:999px;padding:3px 10px;background:var(--surface);
  font:inherit;font-size:12.5px;cursor:pointer;color:var(--ink)}
.kf-chip:hover{border-color:var(--ink-3)}
@media (max-width:900px){
  .kf-uklad{grid-template-columns:minmax(0,1fr)}
  .kf-spis{position:static;max-height:none}
}
.kf-akcje-osoby{flex-wrap:nowrap;white-space:nowrap}
.drawer:has(> .kn-glowa){padding-top:0}
.dzis-mini{display:flex;align-items:center;gap:10px;padding:6px 12px;margin-bottom:var(--s3);min-height:46px}
.dzis-mini .dzis-rozpych{flex:1}
.dzis-mini-tyt{all:unset;cursor:pointer;display:inline-flex;align-items:baseline;gap:8px;white-space:nowrap;padding:4px 2px;border-radius:6px}
.dzis-mini-tyt strong{font-size:var(--fs-sm)}
.dzis-mini-tyt:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.dzis-mini-ile{font-size:12.5px;color:var(--ink-3)}
.dzis-mini-ile b{color:var(--ok)}
.dzis-mini-osoby{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;align-items:center;
  min-width:0;flex:0 1 auto;max-height:30px;overflow:hidden}
.dzis-mini-os{display:inline-flex;align-items:center;gap:6px;height:28px;border:1px solid var(--line);border-radius:999px;
  padding:0 9px 0 2px;background:var(--surface-2);font-size:12.5px;white-space:nowrap}
.dzis-mini-os.ton-ok{background:color-mix(in srgb, var(--ok) 8%, var(--surface));border-color:color-mix(in srgb, var(--ok) 30%, var(--line))}
.dzis-mini-os.ton-nie{opacity:.7}
.dzis-mini-os.klik{cursor:pointer}
.dzis-mini-os.klik:hover{border-color:var(--ink-3);opacity:1}
.dzis-mini-os:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.dzis-mini-twarz{position:relative;width:24px;height:24px;flex:0 0 24px;border-radius:50%;background:var(--surface);
  display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--ink-2)}
.dzis-mini-twarz img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.dzis-mini-twarz .dzis-kropka{width:9px !important;height:9px !important;right:-2px;bottom:-2px;border-width:1.5px}
.dzis-mini-lk{font-size:11px;font-weight:600;line-height:16px;padding:0 6px;border-radius:999px;background:var(--surface);
  border:1px solid var(--line);color:var(--ink-2);font-variant-numeric:tabular-nums}
.dzis-mini-lk.wazne{background:var(--bad-bg, #fdeceb);border-color:color-mix(in srgb, var(--bad) 35%, transparent);color:var(--bad)}
.dzis-mini-wiecej{border:1px dashed var(--line);border-radius:999px;background:none;font:inherit;font-size:12px;
  padding:2px 9px;cursor:pointer;color:var(--ink-2);white-space:nowrap}
@media (max-width:760px){ .dzis-mini .ananasy-przycisk{display:none} }
.card > .hd:empty{display:none}
@media (min-width:641px){
  .filters.z-szukaj{flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px}
  .filters.z-szukaj > .filtry-szukaj{flex:0 1 320px;min-width:220px}
  .filters.z-szukaj > .sterowanie{flex:1 1 auto;display:flex}
  .filters.z-szukaj > .row:not(.sterowanie){flex-basis:100%}
}
.filters.z-szukaj .input{min-height:36px;padding-top:5px;padding-bottom:5px}
.filters.z-szukaj select.input{min-width:130px}
.card > .kolejki-robocze{padding:6px var(--pad-card);gap:6px;align-items:center}
.kolejki-robocze .umowy-daty .input{min-height:32px;padding-top:3px;padding-bottom:3px}
.legenda-w-menu{padding:8px 10px;max-width:320px}
.legenda-w-menu .legenda-wierszy{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin:0;padding:0;border:0;background:none}
.kolejki-robocze .kn-wiecej-lista{left:auto;right:0}
@media (min-width:641px){
  .filters.z-szukaj > .filtry-szukaj{flex:0 1 280px;min-width:200px}
  .filters.z-szukaj > .sterowanie{flex:1 1 0;min-width:0}
  .filters.z-szukaj select.input{max-width:180px !important}
}
.dzis-mini > .btn{flex:0 0 auto;white-space:nowrap}
.dzis-mini > .dzis-mini-tyt{flex:0 0 auto}
.dzis-mini > .dzis-mini-osoby{flex:0 1 auto}
@media (min-width:641px){
  .filters.z-szukaj > .filtry-szukaj{flex:0 1 240px;min-width:190px}
  .filters.z-szukaj select.input{max-width:150px !important;min-width:110px}
}
.filters.eset-pasek .row{flex-wrap:wrap;gap:8px}
.filters.eset-pasek .filtry-szukaj{flex:0 1 250px;min-width:170px}
.filters.eset-pasek .input{min-height:36px;padding-top:5px;padding-bottom:5px}
.filters.eset-pasek select.input{min-width:120px;max-width:160px}
.filters.eset-pasek select.eset-firma{max-width:200px}
.filters.eset-pasek .ptaszek{white-space:nowrap}
.filters.eset-pasek .rozpychacz{flex:1 1 0}
.eset-ile{font-size:var(--fs-sm);white-space:nowrap}
.eset-pasek .kn-wiecej-lista{left:auto;right:0}
.eset-opis{width:min(440px,80vw);padding:10px 12px;font-size:var(--fs-sm);line-height:1.5;color:var(--ink-2);white-space:normal}
.eset-opis strong{color:var(--ink)}
.kopie-gora{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--ok-border);background:var(--surface)}
.kopie-gora.uwaga{border-color:var(--warn-border)}
.kopie-gora.zle{border-color:var(--bad-border)}
.kopie-gora > .kopie-werdykt{border:0;border-radius:0;padding:var(--s3) var(--s4)}
.kopie-gora > .kopie-werdykt .znak{width:30px;height:30px;font-size:16px}
.kopie-pasek-liczb{display:flex;border-top:1px solid var(--line);background:var(--surface)}
.kopie-liczba{flex:1 1 0;min-width:0;padding:8px var(--s4);border-left:1px solid var(--line-soft,var(--line))}
.kopie-liczba:first-child{border-left:0}
.kopie-liczba b{display:block;font-size:var(--fs-lg);font-weight:680;line-height:1.2;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kopie-liczba span{display:block;font-size:var(--fs-xs);line-height:1.25;color:var(--ink-3);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.kopie-liczba.zle b{color:var(--bad)}
.kopie-liczba.uwaga b{color:var(--warn)}
@media (max-width:1080px){
  .kopie-pasek-liczb{flex-wrap:wrap}
  .kopie-liczba{flex:1 1 25%;border-top:1px solid var(--line-soft,var(--line))}
}
.kopie-maszyny-hd{flex-wrap:wrap;gap:8px}
.kopie-segment{display:inline-flex;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;flex:0 0 auto}
.kopie-segment button{border:0;border-left:1px solid var(--line);background:var(--surface);color:var(--ink-2);font:inherit;font-size:var(--fs-sm);padding:4px 10px;cursor:pointer;white-space:nowrap}
.kopie-segment button:first-child{border-left:0}
.kopie-segment button:hover{background:var(--surface-2,var(--bg))}
.kopie-segment button.on{background:var(--ink);color:var(--surface)}
.kopie-segment button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.kopie-segment .n{font-weight:650;margin-left:5px;font-variant-numeric:tabular-nums}
.kopie-maszyny-hd .kopie-szukaj{flex:0 1 220px;min-width:160px;min-height:34px;padding-top:4px;padding-bottom:4px}
.kopie-maszyny-hd .kopie-grupuj{width:auto;min-height:34px;padding-top:4px;padding-bottom:4px}
.kopie-grupy{padding:4px var(--pad-card) var(--s4)}
.kopie-grupa-tyt{display:flex;align-items:center;gap:8px;font-size:var(--fs-sm);margin:10px 0 6px}
.kopie-grupy .kopie-kafle{padding:0;gap:8px;grid-template-columns:repeat(auto-fill,minmax(188px,1fr))}
.kopie-grupy .kopie-maszyna{border-left-width:4px;padding:7px 10px;gap:1px;background:var(--surface)}
.kopie-grupy .kopie-maszyna.ton-uwaga,.kopie-grupy .kopie-maszyna.ton-zle{background:var(--surface)}
.kopie-grupy .kopie-maszyna .nazwa{font-size:var(--fs-sm);min-width:4.5em}
.kopie-grupy .kopie-maszyna .gora .pill{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kopie-grupy .kopie-maszyna .pod{font-size:var(--fs-xs)}
.kopie-maszyna .srodek{display:flex;align-items:center;gap:8px;min-width:0;margin-top:2px}
.kopie-maszyna .srodek .wiek{flex:0 0 auto;white-space:nowrap}
.kopie-maszyna.ton-zle .srodek .wiek{color:var(--bad)}
.kopie-maszyna.ton-uwaga .srodek .wiek{color:var(--warn)}
.kopie-maszyna .srodek .kopia-trend{flex:1 1 auto;min-width:0;height:18px;display:block;margin:0}
.kopie-maszyna .srodek .kopia-trend .kpi-trend{height:18px}
.kopie-grupy .kopie-maszyna .stopka{padding-top:2px}
.mapa-wezel.otwieralny{cursor:grab}
.mapa-wezel.otwieralny:active{cursor:grabbing}
.mapa-wezel.otwieralny:not(.rysunkowy):hover .tlo{stroke-width:1.5}
.mapa-guzik{cursor:pointer}
.mapa-guzik rect{fill:var(--surface);stroke:var(--line);stroke-width:1}
.mapa-guzik path{fill:none;stroke:var(--ink-2);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mapa-guzik:hover rect{fill:var(--accent);stroke:var(--accent)}
.mapa-guzik:hover path{stroke:var(--ink)}
.mapa-boczek-hd{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
@media print{.mapa-guzik{display:none}}
@media (min-width:901px){ .drawer.karta-urzadzenia{width:min(94vw,1200px)} }
.karta-urzadzenia .drawer-hd{flex-wrap:wrap;gap:8px}
.karta-urzadzenia .drawer-hd h2{margin:0}
.karta-urzadzenia .drawer-hd .znacznik{font-size:11px;font-weight:700;padding:3px 7px}
.ku-podtytul{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px}
.ku-podtytul .mono{color:var(--ink)}
.ku-punkt{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:4px;
  font-size:var(--fs-sm);font-weight:600;padding:2px 9px;border-radius:8px;
  border:1px solid var(--line);background:var(--surface-2,var(--bg));color:var(--ink)}
.ku-punkt.brak{border:1px dashed var(--warn-border,var(--warn));background:var(--warn-bg);color:var(--warn)}
.ku-punkt:hover{border-color:var(--accent-border)}
.ku-punkt:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.ku-podtytul .kn-wiecej-lista{left:0;right:auto}
.ku-punkty{display:grid;gap:2px;min-width:280px}
.ku-punkty button{all:unset;box-sizing:border-box;cursor:pointer;display:flex;justify-content:space-between;gap:12px;
  padding:7px 10px;border-radius:var(--radius-sm);font-size:var(--fs-sm)}
.ku-punkty button:hover,.ku-punkty button:focus-visible{background:var(--line-soft)}
.ku-punkty button.on{font-weight:650;background:var(--accent-bg,var(--line-soft))}
.ku-punkty-pusto{padding:6px 10px;font-size:var(--fs-sm);max-width:280px}
.ku-uklad{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:var(--s4);align-items:start;margin-top:var(--s4)}
@media (max-width:1100px){ .ku-uklad{grid-template-columns:minmax(0,1fr)} }
.ku-tresc,.ku-bok{display:flex;flex-direction:column;gap:var(--s3);min-width:0}
.karta-urzadzenia .blok{margin:0}
.pola.ciasne.ku-pola{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:700px){ .pola.ciasne.ku-pola{grid-template-columns:minmax(0,1fr)} .pola.ciasne.ku-pola > .pole.rosnie{grid-column:auto} }
.pola.ciasne.ku-polaczenie{grid-template-columns:minmax(0,1fr) 84px}
.karta-urzadzenia .input.zmienione{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-border,var(--accent)) inset}
.ku-ptaszki{margin-top:var(--s3)}
.ku-zwiniety{display:flex;align-items:center;gap:10px;padding:10px var(--s4)}
.ku-zwiniety .tytul{font-weight:650}
.ku-zwiniety .muted{font-size:var(--fs-sm)}
.ku-notatka{width:100%;min-height:64px;resize:vertical}
.ku-wisi{font-size:var(--fs-sm);margin-top:var(--s2)}
.ku-stopka{position:sticky;bottom:calc(-1 * var(--s5));z-index:5;display:flex;align-items:center;gap:8px;
  margin:var(--s4) calc(-1 * var(--s6)) calc(-1 * var(--s5));padding:10px var(--s6);
  background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -6px 16px rgb(0 0 0 / .05)}
.ku-niezapisane{font-size:var(--fs-sm);font-weight:650;color:var(--warn)}
.ku-zapisane{font-size:var(--fs-sm);font-weight:600;color:var(--ok)}
.kol-zaznacz{width:36px;text-align:center}
.na-wierzchu .drawer{z-index:60}
.drawer.zgloszenie.zgloszenie-2{width:min(94vw,1180px)}
.zgloszenie-2 .zgl2-glowa .drawer-hd{flex-wrap:wrap;gap:8px}
.zgloszenie-2 .zgl2-glowa .drawer-hd h2{margin:0}
.zgl2-abonent{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 18px;margin:2px 0 10px}
.zgl2-nazwa{font-size:19px;font-weight:700;letter-spacing:-.01em}
.zgl2-fakt{display:inline-flex;align-items:baseline;gap:6px}
.zgl2-fakt i{font-style:normal;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);font-weight:600}
.zgl2-fakt b{font-size:17px;font-weight:700}
.zgl2-fakt a{color:inherit;text-decoration:none}
.zgl2-fakt a:hover{text-decoration:underline}
.zgl2-adres,.zgl2-mail{font-size:var(--fs-sm);color:var(--ink-2)}
.zgl2-pasek{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;padding-bottom:10px}
.zgl2-pasek > .zgl-stoper{flex:1 1 380px;margin:0;min-width:0}
.zgl2-glowne{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-left:auto}
.zgl2-glowne > .btn{display:inline-flex;align-items:center;gap:6px}
.zgl2-uklad{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:var(--s4);align-items:start;margin-top:var(--s3)}
.zgl2-tresc,.zgl2-bok{display:flex;flex-direction:column;gap:var(--s3);min-width:0}
.zgl2-tresc > .zgl-fakty{margin-top:0}
.zgl2-tresc > .kafel,.zgl2-bok > .kafel{margin:0}
.zgl2-blok{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden}
.zgl2-blok-hd{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--line-soft,var(--line))}
.zgl2-blok-hd .nazwa{font-weight:650}
.zgl2-blok > .zgl-akcje{margin:0;padding:10px 12px}
.zgl2-akcje{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.zgl2-skroty{grid-template-columns:1fr 1fr}
.zgl2-bok > .pomiar-lacza{margin:0}
.zgl2-sesje-hd.ton-ok{background:var(--ok-bg)}
.zgl2-sesje-hd.ton-warn{background:var(--warn-bg)}
.zgl2-sesje-hd.ton-bad{background:var(--bad-bg)}
.zgl2-sesja{padding:10px 12px}
.zgl2-sesja + .zgl2-sesja{border-top:1px dashed var(--line)}
.zgl2-sesja-stan{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px}
.zgl2-kv{display:grid;grid-template-columns:96px minmax(0,1fr);gap:3px 10px;margin:0;font-size:var(--fs-sm)}
.zgl2-kv dt{color:var(--ink-3)}
.zgl2-kv dd{margin:0;min-width:0;overflow-wrap:anywhere}
.zgl2-sesja-uwaga{margin-top:8px;font-size:var(--fs-sm);color:var(--ink-2);background:var(--surface-2,var(--bg));border-radius:var(--radius-sm);padding:6px 9px}
.zgl2-sesja-przyciski{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.zgl2-sesja-pusto{padding:10px 12px;font-size:var(--fs-sm)}
@media (max-width:1000px){
  .zgl2-uklad{grid-template-columns:minmax(0,1fr)}
  .zgl2-bok{order:-1}
  .zgl2-glowne{margin-left:0}
}
.mob .zgl2-uklad{grid-template-columns:minmax(0,1fr)}
.mob .zgl2-glowne > .btn{min-height:44px}
.zgloszenie-2 .zgl-fakty .zgl-czego{display:none}
.mapa-wezel.punkt .tlo{fill:var(--surface);stroke:var(--accent-border,var(--accent));stroke-width:1.6}
.mapa-wezel.punkt:hover .tlo,.mapa-wezel.punkt.wybrany .tlo{stroke:var(--accent);stroke-width:2.5}
.mapa-wezel.punkt .ksztalt{stroke:var(--ink)}
.mapa-wezel .mapa-punkt-liczby{font-family:inherit;font-size:10.5px;font-weight:600;fill:var(--ink-2)}
.mapa-niedostepne{text-anchor:end;font-size:11px;font-weight:700;fill:var(--bad-solid,#d64545)}
@media print{ .mapa-druk .mapa-wezel.punkt .tlo{fill:#fff;stroke:#111;stroke-width:1.6} .mapa-druk .mapa-niedostepne{fill:#111} }
.mapa-zdarzenia{cursor:pointer}
.mapa-zdarzenia rect:not(.trafienie){stroke:var(--surface);stroke-width:1.5;filter:drop-shadow(0 1px 2px rgb(0 0 0 / .25))}
.mapa-zdarzenia rect.kr{fill:var(--bad-solid,#b42318)}
.mapa-zdarzenia rect.wa{fill:#f0b400}
.mapa-zdarzenia text{text-anchor:middle;font-size:12px;font-weight:800;pointer-events:none}
.mapa-zdarzenia rect.trafienie{fill:transparent;stroke:none;filter:none}
.mapa-zdarzenia text.kr{fill:#fff}
.mapa-zdarzenia text.wa{fill:#1d2027}
.mapa-zdarzenia:hover rect:not(.trafienie){stroke:var(--ink);stroke-width:2}
.mapa-wezel.alarm .tlo{stroke:var(--bad-border,#f3c4c0);stroke-width:2;filter:drop-shadow(0 0 5px rgb(180 35 24 / .28))}
.mapa-wezel.wyrozniony .tlo{stroke:var(--accent);stroke-width:3.5;filter:drop-shadow(0 0 7px rgb(240 180 0 / .55))}
.mapa-strefa .mapa-strefa-tlo{fill:rgb(74 163 255 / .07);stroke:#9fb5d6;stroke-width:1.5;stroke-dasharray:6 5}
.mapa-strefa .mapa-strefa-etykieta{fill:var(--surface);stroke:#c6d8f2}
.mapa-strefa .mapa-strefa-podpis{font-size:12px;font-weight:650;fill:#1d4f91}
.mapa-strefa.kolor-zielona .mapa-strefa-tlo{fill:rgb(31 122 63 / .06);stroke:#a8d5b9}
.mapa-strefa.kolor-zielona .mapa-strefa-etykieta{stroke:#cbe5d4}
.mapa-strefa.kolor-zielona .mapa-strefa-podpis{fill:#1f7a3f}
.mapa-strefa.kolor-zolta .mapa-strefa-tlo{fill:rgb(240 180 0 / .08);stroke:#e2c46a}
.mapa-strefa.kolor-zolta .mapa-strefa-etykieta{stroke:#efd59a}
.mapa-strefa.kolor-zolta .mapa-strefa-podpis{fill:#7a5600}
.mapa-strefa.kolor-szara .mapa-strefa-tlo{fill:rgb(120 120 120 / .07);stroke:#b9bcc2}
.mapa-strefa.kolor-szara .mapa-strefa-etykieta{stroke:#d6d8dc}
.mapa-strefa.kolor-szara .mapa-strefa-podpis{fill:var(--ink-2)}
.mapa-strefa:not(.edytowalna){pointer-events:none}
.mapa-strefa.edytowalna .mapa-strefa-tlo{cursor:move;fill-opacity:1}
.mapa-strefa.edytowalna .mapa-strefa-etykieta{cursor:move}
.mapa-strefa-podpis{pointer-events:none}
.mapa-strefa-uchwyt{fill:var(--surface);stroke:var(--accent);stroke-width:2;cursor:nwse-resize}
.mapa-karteczka-kreska{stroke:#b9a24a;stroke-width:1.2;stroke-dasharray:3 3}
.mapa-karteczka .tlo{fill:#fff3b0;filter:drop-shadow(0 3px 6px rgb(0 0 0 / .14))}
.mapa-karteczka.kolor-niebieska .tlo{fill:#dceeff}
.mapa-karteczka.kolor-czerwona .tlo{fill:#ffe0dc}
.mapa-karteczka.kolor-zielona .tlo{fill:#dff3e5}
.mapa-karteczka:not(.edytowalna){pointer-events:none}
.mapa-karteczka.edytowalna{cursor:move}
.mapa-karteczka.wybrana .tlo{stroke:var(--accent);stroke-width:2.5}
.mapa-karteczka-tresc{box-sizing:border-box;height:100%;padding:7px 10px 6px;display:flex;flex-direction:column;gap:3px;overflow:hidden;
  font:12.5px/15px var(--font, inherit);color:#2a2a22}
.mapa-karteczka-tresc .tekst{white-space:pre-wrap;overflow-wrap:anywhere;flex:1 1 auto;overflow:hidden}
.mapa-karteczka-tresc .kto{font-size:10.5px;line-height:13px;color:#7a6a2a}
.mapa-karteczka.kolor-niebieska .kto{color:#3d5f86}
.mapa-karteczka.kolor-czerwona .kto{color:#8a3a30}
.mapa-karteczka.kolor-zielona .kto{color:#2f6a42}
.mapa-pasek-kreska{width:1px;align-self:stretch;background:var(--line);margin:2px 4px}
.mapa-zd-przelacznik{display:inline-flex;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.mapa-zd-przelacznik button{border:0;border-left:1px solid var(--line);background:var(--surface);color:var(--ink-2);font:inherit;font-size:var(--fs-sm);padding:4px 10px;cursor:pointer;white-space:nowrap}
.mapa-zd-przelacznik button:first-child{border-left:0}
.mapa-zd-przelacznik button.on{background:var(--ink);color:var(--surface)}
.mapa-zd-przelacznik button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.mapa-kolory{display:flex;gap:6px;margin:8px 0}
.mapa-kolory button{width:24px;height:24px;border-radius:6px;border:1px solid var(--line);cursor:pointer;padding:0;background:#fff3b0}
.mapa-kolory button.kolor-niebieska{background:#dceeff}
.mapa-kolory button.kolor-czerwona{background:#ffe0dc}
.mapa-kolory button.kolor-zielona{background:#dff3e5}
.mapa-kolory.strefy button.kolor-niebieska{background:#dbe8f8}
.mapa-kolory.strefy button.kolor-zielona{background:#d9efe0}
.mapa-kolory.strefy button.kolor-zolta{background:#fbecc2}
.mapa-kolory.strefy button.kolor-szara{background:#e4e5e8}
.mapa-kolory button.on{outline:2px solid var(--ink);outline-offset:1px}
.mapa-zd-lista{flex:0 0 auto;list-style:none;margin:0 0 var(--s3);padding:0}
.mapa-zd-lista li{display:grid;grid-template-columns:92px 64px minmax(0,1fr);gap:6px 10px;align-items:start;padding:8px 0;border-bottom:1px solid var(--line-soft,var(--line))}
.mapa-zd-lista li:last-child{border-bottom:0}
.mapa-zd-lista .mzd-zrodlo{font-size:var(--fs-sm)}
.mapa-zd-lista .tresc{display:flex;flex-direction:column;gap:2px;min-width:0;overflow-wrap:anywhere}
@media (min-width:901px){ .drawer.okno-mapy{width:min(94vw,1300px)} }
.okno-mapy .drawer-hd{flex-wrap:wrap;gap:8px}
.mapa-w-oknie .mapa-plotno{height:min(66vh,680px)}
.kn-bok-mapa{margin-top:8px;width:100%}
.kf-akcje-stanowiska{white-space:nowrap}
.kf-akcje-stanowiska .btn + .btn{margin-left:6px}
@media print{ .mapa-druk .mapa-zdarzenia,.mapa-druk .mapa-strefa-uchwyt{display:none} }
.mapa-zd-grupa{flex:0 0 auto;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:var(--s3);overflow:hidden}
.mapa-zd-grupa-hd{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--surface-2,var(--bg));border-bottom:1px solid var(--line);flex-wrap:wrap}
.mapa-zd-grupa .mapa-zd-lista{margin:0;padding:0 12px}
.mapa-zd-grupa-hd .rozpychacz{flex:1 1 auto}
.mapa-zd-zrodla{align-self:flex-start;flex:0 0 auto;flex-wrap:wrap}
.okno-formularza-st > .pasek-akcji{border-top:0;margin:0;padding:0}
.ss-kolumny{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.ss-kolumna{padding:4px 14px 10px;min-width:0}
.ss-kolumna+.ss-kolumna{border-left:1px solid var(--line-soft,var(--line))}
.ss-kolumna h4{margin:8px 0 2px;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);font-weight:600}
.ss-wiersz{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;padding:6px 0;border-bottom:1px solid var(--line-soft,var(--line));align-items:baseline}
.ss-wiersz:last-child{border-bottom:0}
.ss-et{color:var(--ink-3);font-size:var(--fs-sm)}
.ss-wart{min-width:0;overflow-wrap:anywhere}
.ss-drobne{font-size:var(--fs-sm)}
.ss-obc{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;margin-top:4px}
.ss-obc-nazwa{font-size:var(--fs-sm);color:var(--ink-3);min-width:22px}
.ss-tor{flex:0 1 150px;min-width:80px;height:6px;border-radius:3px;background:var(--line-soft,var(--line));overflow:hidden}
.ss-tor i{display:block;height:100%;border-radius:3px;background:var(--ok)}
.ss-tor i.ton-uwaga{background:var(--warn)}
.ss-tor i.ton-zle{background:var(--bad)}
.ss-obc-opis{font-size:var(--fs-sm);color:var(--ink-3);font-variant-numeric:tabular-nums}
.ss-obc-opis .zly{color:var(--bad)}
.ss-stopka{display:flex;flex-wrap:wrap;gap:6px 20px;padding:8px 14px;border-top:1px solid var(--line-soft,var(--line));background:var(--surface-2,var(--bg));font-size:var(--fs-sm)}
@media (max-width:760px){.ss-kolumny{grid-template-columns:minmax(0,1fr)}.ss-kolumna+.ss-kolumna{border-left:0;border-top:1px solid var(--line-soft,var(--line))}}
.kond-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden;min-width:0}
.kond-panel > header{display:flex;align-items:baseline;gap:var(--s2);flex-wrap:wrap;padding:10px var(--s4);border-bottom:1px solid var(--line-soft)}
.kond-panel > header h4{margin:0;font-size:var(--fs-sm);font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.kond-panel > header .muted{font-size:var(--fs-xs)}
.kond-panel > header .rozpychacz{margin-left:auto;font-size:var(--fs-sm)}
.kond-sprzet{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.kond-grupa{padding:var(--s3) var(--s4) var(--s4);border-left:1px solid var(--line-soft);display:flex;flex-direction:column;gap:4px;min-width:0}
.kond-grupa:first-child{border-left:0}
.kond-grupa-nag{display:flex;align-items:center;gap:8px;font-weight:700;font-size:var(--fs-sm)}
.kond-kropka{width:8px;height:8px;border-radius:50%;background:var(--line);flex:0 0 auto}
.kond-kropka.ton-dobrze{background:var(--ok)}.kond-kropka.ton-uwaga{background:var(--warn)}.kond-kropka.ton-zle{background:var(--bad)}
.kond-tor{display:flex;height:5px;border-radius:3px;background:var(--line-soft);overflow:hidden;margin:4px 0 2px}
.kond-tor i{display:block;height:100%}.kond-tor i.ok{background:var(--ok)}.kond-tor i.zle{background:var(--bad)}
.kond-grupa .kond-typy{margin-top:4px}
.kond-kafle{display:grid;gap:var(--s3);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.kond-kafel{position:relative;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:var(--s3) var(--s4);display:flex;flex-direction:column;gap:4px;min-width:0}
.kond-kafel::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:var(--line)}
.kond-kafel.ton-dobrze::before{background:var(--ok)}.kond-kafel.ton-uwaga::before{background:var(--warn)}.kond-kafel.ton-zle::before{background:var(--bad)}
.kond-kafel .t{display:flex;align-items:baseline;gap:var(--s2);font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3)}
.kond-kafel .t .jak-link{margin-left:auto;text-transform:none;letter-spacing:0;font-weight:500;font-size:var(--fs-sm)}
.kond-kafel .d{display:flex;flex-wrap:wrap;gap:2px 12px;font-size:var(--fs-sm);color:var(--ink-2)}
.kond-kafel .d .zle{color:var(--bad);font-weight:600}
.kond-listy{display:grid;gap:var(--s3);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start}
.kond-listy.jedna{grid-template-columns:minmax(0,1fr)}
.kond-problemy,.kond-osoby{list-style:none;margin:0;padding:0}
.kond-problemy li{display:flex;flex-direction:column;gap:2px;padding:8px var(--s4);border-top:1px solid var(--line-soft);min-width:0}
.kond-problemy li:first-child,.kond-osoby li:first-child{border-top:0}
.kond-problemy .gora{display:flex;align-items:center;gap:var(--s2);min-width:0}
.kond-problemy .gora .mono,.kond-problemy .gora .jak-link{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-weight:600}
.kond-problemy .stan{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.kond-problemy .dol{font-size:var(--fs-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kond-osoby li{display:grid;grid-template-columns:minmax(0,1fr) 90px auto;align-items:center;gap:var(--s3);padding:8px var(--s4);border-top:1px solid var(--line-soft);font-size:var(--fs-sm)}
.kond-osoby .nazwa{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.kond-osoby .stan{white-space:nowrap;font-variant-numeric:tabular-nums}
.kond-belka{height:6px;border-radius:3px;background:var(--line-soft);overflow:hidden}
.kond-belka i{display:block;height:100%;background:var(--accent);opacity:.55;border-radius:3px}
.kond-stopka{padding:8px var(--s4);border-top:1px solid var(--line-soft);font-size:var(--fs-sm);background:var(--surface-2,var(--bg))}
@media (max-width:900px){.kond-listy{grid-template-columns:minmax(0,1fr)}.kond-grupa{border-left:0;border-top:1px solid var(--line-soft)}.kond-grupa:first-child{border-top:0}}
.kond-problemy .gora .jak-link{font-size:var(--fs-sm);text-decoration:none}
.pst{display:flex;flex-direction:column;gap:var(--s3)}
.pst-gora{display:flex;align-items:flex-start;gap:var(--s3);justify-content:space-between;flex-wrap:wrap}
.pst-gora h2{margin:0 0 2px;font-size:var(--fs-xl,20px)}
.pst-gora .muted{font-size:var(--fs-sm);max-width:720px}
.pst-kafle{display:grid;gap:var(--s3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.pst-kafel{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;cursor:pointer;font:inherit;color:inherit;
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--s3) var(--s4);position:relative}
.pst-kafel strong{font-size:var(--fs-2xl);line-height:1.05;font-variant-numeric:tabular-nums}
.pst-kafel .t{font-weight:700}
.pst-kafel .o{font-size:var(--fs-xs);color:var(--ink-3)}
.pst-kafel.zle strong{color:var(--bad)}
.pst-kafel.on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.pst-kafel:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.pst-filtry{display:flex;flex-wrap:wrap;gap:var(--s2);align-items:center}
.pst-filtry input[type=search]{min-width:260px;flex:1 1 260px;max-width:420px}
.pst-komunikat{display:flex;gap:var(--s3);align-items:baseline}
.pst-komunikat .jak-link{margin-left:auto}
.pst-pasek{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s3);align-items:center;padding:8px var(--s4);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2,var(--bg))}
.pst-pasek.aktywny{border-color:var(--ink-3)}
.pst-tabela td{vertical-align:top}
.pst-ch{width:34px}
.pst-st{display:flex;flex-direction:column;gap:2px;min-width:0}
.pst-st .jak-link{text-align:left;font-weight:600}
.pst-drobne{font-size:var(--fs-xs)}
.pst-zrodla{display:flex;flex-wrap:wrap;gap:4px}
.pst-zr{font-size:var(--fs-xs);border:1px solid var(--line);border-radius:6px;padding:0 6px;color:var(--ink-3);background:var(--surface);white-space:nowrap;opacity:.6}
.pst-zr.podpiety{opacity:1;border-style:dashed}
.pst-zr.widzial{opacity:1;color:var(--ink);border-color:var(--ink-3)}
.pst-zr-d{color:var(--ink-3)}
.pst-powody{display:flex;flex-direction:column;gap:1px;font-size:var(--fs-sm)}
.pst-grupa td{background:var(--surface-2,var(--bg));font-size:var(--fs-sm)}
.pst-tabela tr.zaznaczony td{background:color-mix(in srgb,var(--accent) 6%,transparent)}
.pst-zgadza{white-space:nowrap}
.pst-zgadza .pill+.pill{margin-left:4px}
.pst-akcje{display:flex;flex-direction:column;gap:6px;align-items:stretch;min-width:180px}
.pst-filtry select.input{width:auto;flex:0 0 auto;max-width:320px}
.pst-filtry input.input{width:auto}
.pst-tabela th,.pst-tabela td{text-align:left}
.pst-akcje .btn{white-space:normal;justify-content:center}
.mapa-kabel line.pulsuje{animation:mapa-lacze-puls 1.6s ease-in-out infinite}
@keyframes mapa-lacze-puls{0%,100%{stroke-opacity:1}50%{stroke-opacity:.3}}
@media (prefers-reduced-motion:reduce){.mapa-kabel line.pulsuje{animation:none}}
.mapa-stan-lacza{text-anchor:middle;font-size:10.5px;font-weight:700;font-variant-numeric:tabular-nums}
.mapa-stan-lacza.dziala{fill:#1a7f46}
.mapa-stan-lacza.slabo{fill:#946600}
.mapa-stan-lacza.padlo{fill:#c03535}
.mapa-stan-lacza.nieznany{fill:var(--ink-3)}
:root[data-theme="dark"] .mapa-stan-lacza.dziala{fill:#5fd394}
:root[data-theme="dark"] .mapa-stan-lacza.slabo{fill:#f0c24d}
:root[data-theme="dark"] .mapa-stan-lacza.padlo{fill:#ff8a8a}
.mapa-kabel-opis.stan-padlo rect{stroke:#d64545;stroke-width:1.2}
.mapa-kabel-opis.stan-slabo rect{stroke:#d49a00}
.mapa-odciety rect{fill:var(--bad-solid,#d64545)}
.mapa-odciety text{text-anchor:middle;font-size:11px;font-weight:700;fill:var(--bad-solid-ink,#fff)}
.okno-lacza .okno-formularza-bd > section{display:flex;flex-direction:column;gap:var(--s2);flex:0 0 auto}
.okno-lacza .okno-formularza-bd > section + section{border-top:1px solid var(--line);padding-top:var(--s3)}
.okno-lacza h4{margin:0;font-size:var(--fs-sm);font-weight:700}
.lacze-stan-hd{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap}
.lacze-liczby{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s2)}
.lacze-liczby > div{border:1px solid var(--line);border-radius:var(--radius);padding:8px 10px;
  display:flex;flex-direction:column;gap:2px;min-width:0}
.lacze-liczby > div > b{font-size:18px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.lacze-liczby > div > span{font-size:var(--fs-xs);color:var(--ink-3)}
.lacze-liczby .lacze-zamiast{font-size:12px;font-weight:600;color:#946600;margin-left:2px}
:root[data-theme="dark"] .lacze-liczby .lacze-zamiast{color:#f0c24d}
.lacze-24h-pasek{display:flex;height:14px;gap:1px;border-radius:4px;overflow:hidden}
.lacze-24h-pasek i{flex:1;background:#7cc68a}
.lacze-24h-pasek i.slabo{background:#e3b341}
.lacze-24h-pasek i.zle{background:#d64545}
.lacze-24h-pasek i.brak{background:var(--line)}
.lacze-24h-os{display:flex;justify-content:space-between;gap:var(--s2);font-size:var(--fs-xs);color:var(--ink-3);margin-top:3px}
.lacze-wybor{margin:0}
.lacze-wybor-opis{display:block;margin-top:2px}
.lacze-pomiar{margin-top:6px;width:100%;max-width:100%}
.lacze-progi{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:var(--fs-sm)}
.lacze-progi .input{width:64px}
@media (max-width:560px){.lacze-liczby{grid-template-columns:1fr 1fr}}
@media print{.mapa-kabel line.pulsuje{animation:none}}
.mapa-odciety text{font-size:10px}
.okno-lacza .pasek-akcji .rozpychacz{margin-left:auto}
.kn-bok-stanowisko{flex-direction:column;gap:0}
.kn-bok-stanowisko > .kn-bok-mapa{align-self:stretch;width:auto}
.kk-punkt{display:flex;flex-direction:column;gap:4px;margin:var(--s2) 0 0}
.kk-punkt > span{font-size:var(--fs-sm);font-weight:600}
.kk-punkt .input{max-width:220px}
.ocena-pilnosci{display:flex;flex-direction:column;gap:var(--s2);margin-bottom:var(--s3)}
.ocena-pilnosci-wybor{flex-wrap:wrap;gap:6px}
.pino{position:fixed;right:96px;bottom:10px;z-index:55;display:flex;flex-direction:column;align-items:flex-end;pointer-events:none}
.pino>*{pointer-events:auto}
.pino-postac{position:relative;display:block;padding:0;border:0;background:none;cursor:pointer;line-height:0;border-radius:40%;
  filter:drop-shadow(0 6px 9px rgba(60,35,0,.24));transform-origin:50% 100%}
.pino-postac img{display:block;width:84px;height:84px;user-select:none;-webkit-user-drag:none}
.pino-postac:focus-visible{outline:none;box-shadow:var(--focus)}
:root[data-theme="dark"] .pino-postac{filter:drop-shadow(0 0 1.5px rgba(255,255,255,.4)) drop-shadow(0 6px 10px rgba(0,0,0,.5))}
@media (prefers-color-scheme:dark){:root:not([data-theme]) .pino-postac{filter:drop-shadow(0 0 1.5px rgba(255,255,255,.4)) drop-shadow(0 6px 10px rgba(0,0,0,.5))}}
.pino-licznik{position:absolute;top:6px;right:2px;display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;
  padding:0 6px;border:2px solid var(--surface);border-radius:999px;background:var(--warn-bg);color:var(--warn);box-shadow:inset 0 0 0 1px var(--warn-border);font-size:var(--fs-xs);
  font-weight:800;font-variant-numeric:tabular-nums;line-height:1}
.pino-licznik-pilne,.pino-licznik-po_terminie{background:var(--bad-solid);color:var(--bad-solid-ink);box-shadow:none}
.pino-dymek{width:340px;max-height:min(460px,calc(100vh - 140px));margin-bottom:8px;display:flex;flex-direction:column;gap:var(--s2);
  padding:12px 14px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-lg);
  box-shadow:var(--shadow-3);font-size:var(--fs-sm);line-height:1.4;animation:pino-dymek .18s ease-out}
.pino-glowa-poz{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
body:has(.sam-zaproszenie,.sam-krok) .pino{display:none}
.pino-dymek-glowa{display:flex;align-items:center;justify-content:space-between;gap:8px}
.pino-dymek-glowa .jak-link{font-size:20px;line-height:1;padding:0 4px}
.pino-lista{display:flex;flex-direction:column;gap:8px;overflow-y:auto;min-height:0}
.pino-poz{display:flex;flex-direction:column;gap:4px;padding:8px 10px;border:1px solid var(--line-soft);border-left:3px solid var(--warn);
  border-radius:var(--radius-sm);background:var(--surface-2)}
.pino-poz-przypomnienie{border-left-color:var(--info)}
.pino-poz-po_terminie{border-left-color:var(--bad-solid)}
.pino-poz .mono{color:var(--ink-2)}
.pino-tresc{color:var(--ink-2);font-size:var(--fs-xs)}
.pino-poz .formrow{gap:6px;margin-top:2px}
.pino-dymek-stopka{display:flex;align-items:center;justify-content:space-between;gap:8px}
.pino-kiwa .pino-postac{animation:pino-kiwa 5.5s ease-in-out infinite}
.pino-macha .pino-postac{animation:pino-kiwa 2.6s ease-in-out infinite}
.pino-skacze .pino-postac{animation:pino-skacze 1.6s ease-in-out infinite}
.pino-tupie .pino-postac{animation:pino-tupie 1.2s ease-in-out infinite}
.pino-cieszy .pino-postac{animation:pino-skacze .7s ease-in-out 3}
.pino-otwarty .pino-postac{animation-play-state:paused}
.pino-postac:hover{animation-play-state:paused}
@keyframes pino-kiwa{0%,100%{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}
@keyframes pino-skacze{0%,60%,100%{transform:translateY(0) scale(1,1)}70%{transform:translateY(0) scale(1.06,.94)}80%{transform:translateY(-12px) scale(.97,1.03)}90%{transform:translateY(0) scale(1.04,.96)}}
@keyframes pino-tupie{0%,50%,100%{transform:rotate(0)}10%{transform:rotate(-6deg)}20%{transform:rotate(5deg)}30%{transform:rotate(-4deg)}40%{transform:rotate(2deg)}}
@keyframes pino-dymek{from{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.pino .pino-postac,.pino-dymek{animation:none}}
@media print{.pino{display:none}}
.nektar-ust h4{margin:var(--s4) 0 var(--s2);font-size:var(--fs-base)}
.nektar-liczby{display:flex;flex-wrap:wrap;gap:6px 18px;margin:var(--s3) 0;color:var(--ink-2);font-size:var(--fs-sm)}
.nektar-liczby b{color:var(--ink);font-variant-numeric:tabular-nums}
.nektar-dwie{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--s3)}
.nektar-lista{margin:0;padding-left:18px;font-size:var(--fs-sm)}
.nektar-lista li{margin:2px 0}
.nektar-karta{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:6px 14px;margin:0;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);font-size:var(--fs-sm)}
.nektar-karta dt{color:var(--ink-2);font-weight:600}
.nektar-karta dd{margin:0;overflow-wrap:anywhere}
.nektar-wiele{white-space:pre-line}
.nektar-kolejka{margin-top:var(--s3);display:flex;flex-direction:column;gap:var(--s2)}
.nk-liczby{display:inline-flex;flex-wrap:wrap;gap:0 8px;font-variant-numeric:tabular-nums}
.nk-okno .bd{display:flex;flex-direction:column;gap:var(--s3);padding:var(--s4)}
.nk-tytul{margin:0;font-size:var(--fs-lg);text-wrap:balance}
.nk-statystyki{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}
.nk-statystyki>div{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2)}
.nk-statystyki b{font-size:var(--fs-lg);font-variant-numeric:tabular-nums}
.nk-statystyki span{font-size:var(--fs-xs);color:var(--ink-2)}
.nk-sekcja h4{margin:0 0 4px;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-2)}
.nk-sekcja p{margin:0}
.nk-sekcja ol{margin:0;padding-left:20px}
.nk-przyczyny{width:100%;border-collapse:collapse}
.nk-przyczyny td{padding:4px 6px;border-bottom:1px solid var(--line-soft);vertical-align:middle}
.nk-przyczyny td.num{text-align:right;white-space:nowrap;color:var(--ink-2);font-variant-numeric:tabular-nums}
.nk-pasek-kom{width:140px}
.nk-pasek{display:block;height:7px;border-radius:4px;background:var(--line-soft);overflow:hidden}
.nk-pasek i{display:block;height:100%;background:var(--ok-solid)}
.nk-akcje{gap:8px;align-items:center;flex-wrap:wrap}
.nk-ekran{display:flex;flex-direction:column;gap:var(--s3)}
.nk-filtry{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.nk-szukaj{flex:1 1 260px;min-width:220px}
.nk-filtry>.input{width:auto;flex:0 1 210px}
.nk-filtry>.nk-szukaj{flex:1 1 260px}
.nk-filtry>.ptaszek{flex:0 0 auto}
.nk-ekran .tab th,.nk-ekran .tab td{text-align:left}
.nk-ekran .tab th.num,.nk-ekran .tab td.num{text-align:right;font-variant-numeric:tabular-nums}
.nk-marka{display:flex;align-items:center;gap:12px}
.nk-marka img{flex:0 0 auto;object-fit:contain}
.nk-marka-nazwa{font-family:'Fredoka',system-ui,sans-serif;font-weight:700;font-size:28px;line-height:1;letter-spacing:.03em;color:var(--ananas-slowo)}
.nk-marka-rozw{margin-top:4px;font-family:'Fredoka',system-ui,sans-serif;font-weight:600;font-size:13px;line-height:1.3;color:var(--muted)}
.nk-marka-rozw .litera{color:var(--ananas-litera);font-weight:800}
.nk-marka.maly{margin-bottom:var(--s3)}
.nk-marka.maly .nk-marka-nazwa{font-size:22px}
.kk-ekran{display:flex;flex-direction:column;gap:var(--s3)}
.kk-gora{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.kk-gora .zakladki{margin-bottom:0;flex-wrap:wrap}
.kk-gora .rozpychacz{flex:1 1 auto}
.kk-filtry{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.kk-filtry>.input{width:auto;flex:0 1 200px}
.kk-filtry>.kk-szukaj{flex:1 1 260px;min-width:220px}
.kk-tab td{vertical-align:top}
.kk-tab th,.kk-tab td{text-align:left}
.kk-tab .kk-kontakt{white-space:nowrap}
.kk-tab .kk-uwagi{max-width:280px;font-size:var(--fs-sm)}
.kk-grupa td{background:var(--surface-2);font-weight:600;color:var(--ink-2);font-size:var(--fs-sm)}
.kk-tag{display:inline-block;padding:1px 7px;border-radius:4px;font-size:var(--fs-xs,11.5px);background:var(--surface-2);color:var(--ink-2);border:1px solid var(--line);margin:1px 4px 1px 0;white-space:nowrap}
.kk-tag.zle{background:var(--bad-bg);color:var(--bad);border-color:var(--bad-border)}
.kk-x{border:0;background:transparent;color:inherit;cursor:pointer;padding:0 0 0 4px;font:inherit}
.kk-wybor{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.kk-opcja{border:1px solid var(--line-strong,var(--line));border-radius:999px;background:var(--surface);color:var(--ink-2);padding:4px 12px;font:inherit;font-size:var(--fs-sm);cursor:pointer}
.kk-opcja:hover{border-color:var(--ink-3)}
.kk-opcja.on{background:var(--accent,#1f2a44);border-color:var(--accent,#1f2a44);color:#fff}
.kk-opcja:disabled{cursor:default;opacity:.8}
.kk-przeszkoda{width:180px}
.kk-pola{display:flex;flex-wrap:wrap;gap:var(--s3);align-items:flex-end}
.kk-pola>.input{flex:1 1 160px;width:auto}
.kk-tytul{display:inline-flex;gap:10px;align-items:center;flex-wrap:wrap}
.kk-etap-wybor{width:auto}
.kk-sciezka{display:flex;flex-wrap:wrap;gap:2px;font-size:var(--fs-sm);margin-bottom:var(--s3)}
.kk-sciezka span{padding:5px 10px;background:var(--surface-2);color:var(--ink-3);font-weight:600}
.kk-sciezka span:first-child{border-radius:6px 0 0 6px}
.kk-sciezka span:last-child{border-radius:0 6px 6px 0}
.kk-sciezka span.byl{background:var(--ok-bg);color:var(--ok)}
.kk-sciezka span.teraz{background:var(--ink);color:var(--surface)}
.kk-sciezka span.zamkniety{background:var(--bad-bg);color:var(--bad)}
.kk-karta{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:var(--s5)}
.kk-karta>div{display:flex;flex-direction:column;gap:var(--s3);min-width:0}
.kk-nastepny{border:1px solid var(--line);border-radius:var(--radius-sm,6px);padding:10px 12px;display:flex;flex-direction:column;gap:8px}
.kk-nastepny.teraz{border-color:var(--warn-border);background:var(--warn-bg)}
.kk-nastepny-hd,.kk-historia-hd{font-weight:650;font-size:var(--fs-sm);color:var(--ink-2)}
.kk-szybkie{display:flex;flex-wrap:wrap;gap:6px}
.kk-notatka{display:grid;grid-template-columns:auto 1fr auto;gap:6px;align-items:start}
.kk-historia{list-style:none;margin:0;padding:0;font-size:var(--fs-sm);max-height:420px;overflow-y:auto}
.kk-historia li{display:grid;grid-template-columns:110px 1fr;gap:8px;padding:7px 0;border-bottom:1px solid var(--line)}
.kk-kiedy{color:var(--ink-3);font-size:var(--fs-xs,11.5px);font-variant-numeric:tabular-nums}
.kk-sezon{width:auto}
.kk-lejek{display:flex;flex-direction:column;gap:4px}
.kk-lejek-wiersz{display:grid;grid-template-columns:200px 1fr 56px;gap:10px;align-items:center;border:0;background:transparent;padding:4px 6px;border-radius:6px;font:inherit;color:var(--ink);cursor:pointer;text-align:left}
.kk-lejek-wiersz:hover{background:var(--surface-2)}
.kk-lejek-wiersz .num{text-align:right;font-variant-numeric:tabular-nums}
.kk-pasek{height:14px;border-radius:3px;background:var(--surface-2);overflow:hidden}
.kk-pasek i{display:block;height:100%;min-width:2px;background:var(--info)}
.kk-pasek i.kk-ok{background:var(--ok)}
.kk-pasek i.kk-warn{background:var(--warn)}
.kk-pasek i.kk-bad{background:var(--bad)}
.kk-pasek i.kk-mute{background:var(--ink-3)}
.kk-import{display:flex;flex-direction:column;gap:var(--s3)}
@media (max-width:900px){.kk-karta{grid-template-columns:1fr}.kk-notatka{grid-template-columns:1fr}.kk-lejek-wiersz{grid-template-columns:130px 1fr 44px}}
.kk-pola>.pole.rosnie{flex:1 1 360px}
.kt-miejsca{display:inline-flex;align-items:center;gap:8px;min-width:90px}
.kt-miejsca .num{font-variant-numeric:tabular-nums}
.kt-miejsca .kk-pasek{width:56px;height:8px}
.kt-miejsca.pelny .num{color:var(--warn);font-weight:600}
.kt-kiedy{white-space:nowrap}
.kt-kursanci-hd{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap;margin-top:var(--s3)}
.kt-kursanci-hd h4{margin:0;font-size:var(--fs-sm);font-weight:650;color:var(--ink-2)}
.kt-kursanci-hd .kk-szybkie{margin-left:auto}
.kt-status{width:auto;min-width:130px}
.kt-google{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap}
.kt-link{background:none;border:0;padding:0;font:inherit;color:var(--accent,var(--ink));text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.kt-link:hover{color:var(--ink)}
.kt-link:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.kt-wyniki{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.kt-wynik{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;text-align:left;border:0;border-top:1px solid var(--line-soft);background:var(--surface);padding:8px 12px;font:inherit;color:var(--ink);cursor:pointer}
.kt-wyniki li:first-child .kt-wynik{border-top:0}
.kt-wynik:hover{background:var(--surface-2)}
.kt-wynik:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}
.kt-chetny{display:flex;flex-direction:column;gap:6px}
.kt-chetny .kt-kursanci-hd{margin-top:0}
.kt-chetny .kt-kursanci-hd .btn{margin-left:auto}
.kt-lista{max-height:200px}
.tblwrap.kt-tabela{flex:none}
.kt-hd{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap}.kt-hd h3{margin-right:auto}
@media (min-width:641px){
  .filters.z-szukaj{align-items:center;column-gap:8px;row-gap:8px}
  .filters.z-szukaj > .sterowanie{display:contents}
  .filters.z-szukaj > .filtry-szukaj{flex:0 1 260px;min-width:200px}
  .filters.z-szukaj > .sterowanie > .btn.sm{min-height:36px}
}
.card > .note.baner-polaczen{margin:var(--s3) var(--pad-card) 0}
.card > .baner-polaczen-kierownik{margin:var(--s2) var(--pad-card) 0;padding:0}
.card > .baner-polaczen-kierownik + .filters,.card > .note.baner-polaczen + .filters{padding-top:var(--s3)}
@media (min-width:641px){
  :root .lista-zgloszen th.kol-opis{text-align:center}
  .tblwrap table.lista-zgloszen td[data-label="Firma"]{--tnij:170px;width:190px;max-width:190px;white-space:normal}
  .tblwrap table.lista-zgloszen td[data-label="Firma"] .tnij{white-space:normal;overflow:visible;text-overflow:clip;max-width:none;line-height:1.35;text-align:center;margin-left:auto;margin-right:auto}
  .tblwrap table.lista-zgloszen td[data-label="Technik"]{white-space:normal;min-width:84px}
  .tblwrap table.lista-zgloszen td[data-label="Wpłynęło"]{width:1%}
}
@media (min-width:641px) and (max-width:1600px){
  .tblwrap table.lista-zgloszen th,.tblwrap table.lista-zgloszen td{padding-left:7px;padding-right:7px}
  .tblwrap table.lista-zgloszen td.kol-numer{padding-left:14px}
  :root .lista-zgloszen tbody td[data-label="Zgłoszenie"]{min-width:200px}
}
@media (min-width:641px){
  .tblwrap table.lista-napraw td[data-label="Klient"]{width:150px;max-width:150px;white-space:normal}
  .tblwrap table.lista-napraw td[data-label="Klient"] .tnij{white-space:normal;overflow:visible;text-overflow:clip;max-width:none;line-height:1.35}
  .lista-napraw td.kol-pieniadze{white-space:normal;min-width:118px}
  .lista-napraw .stan-pieniedzy-tekst{align-items:flex-start;line-height:1.25}
  .lista-napraw .stan-pieniedzy .kropka{margin-top:4px}
  .lista-napraw td.kol-krok,.lista-napraw td.kol-krok .akcja-wiersza,.lista-napraw td.kol-krok .kc-tekst{white-space:normal}
  .lista-napraw td.kol-krok .kurier-chip{display:inline-grid;grid-template-columns:auto minmax(0,1fr);column-gap:8px;row-gap:3px;align-items:center;border-radius:14px;padding:4px 10px 5px 4px}
  .lista-napraw td.kol-krok .kurier-chip .kc-droga{grid-column:2;margin-left:0}
  .lista-napraw td.kol-krok .kurier-chip small{white-space:normal}
  .lista-napraw td.kol-krok{max-width:170px}
  .lista-napraw .kol-krok .akcja-wiersza{height:auto;min-height:32px;padding-top:3px;padding-bottom:3px;text-align:left;line-height:1.2}
  :root .lista-napraw td[data-label="Usterka"]{min-width:240px}
}
@media (min-width:641px) and (max-width:2000px){
  .tblwrap table.lista-napraw th,.tblwrap table.lista-napraw td{padding-left:7px;padding-right:7px}
  .tblwrap table.lista-napraw td.kol-numer{padding-left:14px}
}
@media (min-width:641px) and (max-width:1600px){
  :root .lista-napraw td[data-label="Usterka"]{min-width:200px}
  .tblwrap table.lista-napraw td[data-label="Sprzęt"]{width:150px;max-width:150px}
  .tblwrap table.lista-napraw td[data-label="Sprzęt"] .tnij{max-width:140px}
}
.kt-zakladki{margin:var(--s2) 0 0;flex-wrap:wrap}
.kt-link-ankiety{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.kt-link-ankiety .input{flex:1 1 320px;min-width:0;font-size:var(--fs-sm)}
.kt-ankieta-akcja{width:auto;min-width:150px;margin-top:4px;font-size:var(--fs-sm)}
.kt-ankiety{display:flex;flex-direction:column;gap:var(--s2)}
.kt-ankiety-gora{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap}
.kt-ankiety-gora > span:first-child{display:inline-flex;align-items:center;gap:10px}
.kt-pasek-ankiet{width:120px;height:8px}
.kt-logistyka{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.kt-logistyka li{display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:start;padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius-sm,6px);background:var(--surface)}
.kt-logistyka .num{font-size:var(--fs-lg);font-weight:700;font-variant-numeric:tabular-nums;text-align:center;line-height:1.2}
.kt-zdrowie-osoby{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:6px}
.kt-sort{width:auto;margin-left:auto}
.kt-siatka th{font-size:11px;white-space:normal;min-width:72px;vertical-align:bottom}
.kt-siatka td{white-space:nowrap}
.kt-poziom{display:inline-block;padding:2px 8px;border-radius:999px;font-size:var(--fs-xs,11.5px);font-weight:600;border:1px solid var(--line)}
.kt-poziom.p0{background:var(--surface-2);color:var(--ink-3)}
.kt-poziom.p1{background:var(--warn-bg);color:var(--warn);border-color:var(--warn-border,var(--line))}
.kt-poziom.p2{background:var(--info-bg,var(--accent-soft));color:var(--info,var(--accent));border-color:var(--info-border,var(--line))}
.kt-poziom.p3{background:var(--ok-bg);color:var(--ok);border-color:var(--ok-border,var(--line))}
.kt-poziom.p4{background:var(--ok);color:var(--surface);border-color:var(--ok)}
.kt-dla-trenera{line-height:1.5}
.kt-oczekiwania{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.kt-oczekiwania li{padding:8px 10px;border-left:3px solid var(--line);background:var(--surface)}
.kt-oczekiwania p{margin:4px 0 0;font-size:var(--fs-sm)}
.kt-odp-blok{margin-bottom:var(--s3)}
.kt-odp-blok h4{margin:0 0 6px;font-size:var(--fs-sm);font-weight:650;color:var(--ink-2);text-transform:uppercase;letter-spacing:.05em}
.kt-odp{margin:0;display:flex;flex-direction:column}
.kt-odp > div{display:grid;grid-template-columns:minmax(160px,40%) 1fr;gap:12px;padding:6px 0;border-bottom:1px solid var(--line-soft,var(--line))}
.kt-odp dt{color:var(--ink-3);font-size:var(--fs-sm)}
.kt-odp dd{margin:0;white-space:pre-wrap}
.kt-skala-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.kt-skala-lista li{display:flex;justify-content:space-between;gap:10px;align-items:center}
.kt-ust-ankiety{display:flex;flex-direction:column;gap:var(--s2)}
.kt-bloki{flex-direction:column;align-items:flex-start;gap:4px}
@media (max-width:640px){.kt-odp > div{grid-template-columns:1fr;gap:2px}}
.kt-materialy{display:flex;flex-direction:column;gap:var(--s2)}
.kt-mat-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius-sm,6px);background:var(--surface)}
.kt-mat-lista li{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 10px;border-top:1px solid var(--line-soft,var(--line))}
.kt-mat-lista li:first-child{border-top:0}
.kt-mat-nazwa{display:flex;flex-direction:column;min-width:0;flex:1 1 240px}
.kt-mat-nazwa a{font-weight:600;overflow-wrap:anywhere}
.kt-mat-pobrania{font-variant-numeric:tabular-nums;white-space:nowrap}
.kt-mat-link{display:flex;flex-wrap:wrap;gap:var(--s2);align-items:flex-end;padding:10px;border:1px dashed var(--line-strong,var(--line));border-radius:var(--radius-sm,6px)}
.kt-mat-link .pole{flex:1 1 240px;margin:0}
.kt-zasw{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;white-space:nowrap}
.kt-potwierdz{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.kt-potwierdz > span{flex:1 1 260px}
.kt-uwagi-zasw{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:2px}
.kt-ewaluacja{display:flex;flex-direction:column;gap:var(--s2)}
.kt-ew-tab td{vertical-align:middle}
.kt-ew-tab td:nth-child(2),.kt-ew-tab th:nth-child(2){text-align:left}
.kt-ew-tab td:first-child{white-space:nowrap}
.kt-rozklad{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:220px;text-align:left}
.kt-rozklad-pasek{display:flex;gap:2px;height:10px;width:100%;max-width:360px}
.kt-rozklad-pasek i{display:block;min-width:4px;border-radius:2px;background:var(--accent)}
.kt-rozklad-pasek i.s0{background:var(--bad)}
.kt-rozklad-pasek i.s1{background:var(--warn)}
.kt-rozklad-pasek i.s2{background:color-mix(in oklab,var(--ok) 55%,var(--surface))}
.kt-rozklad-pasek i.s3{background:var(--ok)}
.kt-mat-kiedy{width:auto;min-width:0;font-size:var(--fs-sm)}
.kt-wysylki{display:flex;flex-direction:column;gap:6px;align-items:flex-start;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm,6px);background:var(--surface);margin-top:var(--s2)}
.kt-wysylki-hd{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap;width:100%}
.kt-wysylki-hd .ptaszek{margin-left:auto}
.kt-wysylki-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;width:100%}
.kt-wysylki-lista li{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.kt-wysylki-co{min-width:220px;font-weight:550}
.kt-wys{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius-sm,6px);background:var(--surface)}
.kt-wys-wiersz{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);flex-wrap:wrap;padding:10px 12px;border-top:1px solid var(--line-soft,var(--line))}
.kt-wys-wiersz:first-child{border-top:0}
.kt-wys-wiersz .ptaszek{flex:1 1 360px;max-width:680px}
.kt-wys-dni{display:inline-flex;align-items:center;gap:8px}
.kt-wys-dni .input{width:64px;text-align:right;font-variant-numeric:tabular-nums}
.kt-wys-godz{width:auto}
.kt-druki-pobierz{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);flex-wrap:wrap}
.kt-druki-pobierz > span:first-child{display:inline-flex;align-items:baseline;gap:4px}
.kt-druki-tab td{vertical-align:top;text-align:left}
.kt-druki-tab th{text-align:left}
.kt-druk-uwagi{min-width:160px;width:100%;font-size:var(--fs-sm);resize:vertical}
.kt-wynik{width:auto;min-width:130px}
.kt-druki-linki{display:flex;flex-direction:column;gap:2px;white-space:nowrap}
:root{
  --w-kryt: var(--bad-solid);
  --w-kryt-tlo: color-mix(in srgb, var(--bad-solid) 13%, var(--surface));
  --w-kryt-mocno: color-mix(in srgb, var(--bad-solid) 30%, var(--surface));
}
:root tbody tr.w-kryt > td{background:var(--w-kryt-tlo)}
:root tbody tr.w-kryt:hover > td{background:var(--w-kryt-mocno)}
:root tbody tr.w-kryt > td:first-child{position:relative}
:root tbody tr.w-kryt > td:first-child::after{
  content:'';position:absolute;left:0;top:0;bottom:0;width:6px;pointer-events:none;background:var(--w-kryt)}
@keyframes w-kryt-puls{
  0%,100%{background-color:var(--w-kryt-tlo)}
  50%{background-color:var(--w-kryt-mocno)}
}
@keyframes w-kryt-pasek{
  0%,100%{opacity:1}
  50%{opacity:.35}
}
@media (prefers-reduced-motion: no-preference){
  :root:not([data-ruch="mniej"]) tbody tr.w-kryt:not(:hover) > td{animation:w-kryt-puls 1.6s ease-in-out infinite}
  :root:not([data-ruch="mniej"]) tbody tr.w-kryt > td:first-child::after{animation:w-kryt-pasek 1.6s ease-in-out infinite}
  :root:not([data-ruch="mniej"]) .znak-kryt{animation:w-kryt-pasek 1.6s ease-in-out infinite}
}
@media (max-width:640px){
  :root .tblwrap table.karty tr.w-kryt{background:var(--w-kryt-tlo);box-shadow:inset 6px 0 0 var(--w-kryt)}
  :root .tblwrap table.karty tr.w-kryt > td{background:transparent;animation:none}
  :root .tblwrap table.karty tr.w-kryt > td:first-child::after{display:none}
}
@media (max-width:640px) and (prefers-reduced-motion: no-preference){
  :root:not([data-ruch="mniej"]) .tblwrap table.karty tr.w-kryt{animation:w-kryt-puls 1.6s ease-in-out infinite}
}
.znak-kryt{display:inline-flex;align-items:center;gap:4px;margin-top:3px;padding:1px 8px;border-radius:var(--radius-pill);
  background:var(--bad-solid);color:var(--bad-solid-ink);font-size:11.5px;font-weight:700;line-height:1.5;white-space:nowrap;
  letter-spacing:.01em}
.pasek-kryt{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2);margin:0 0 var(--s3);padding:var(--s2) var(--s3);
  border:1px solid var(--bad-border);border-left:6px solid var(--bad-solid);border-radius:var(--radius);background:var(--bad-bg);color:var(--bad)}
.pasek-kryt strong{margin-right:var(--s2)}
.pasek-kryt .btn.on{background:var(--bad-solid);border-color:var(--bad-solid);color:var(--bad-solid-ink)}
.lista-zgloszen .opis-anydesk{display:flex;flex-direction:column;gap:1px;text-align:left}
.lista-zgloszen .opis-anydesk-co{white-space:nowrap}
.lista-zgloszen .opis-anydesk-host{color:var(--ink-2);overflow-wrap:anywhere}
.nm-zaslona{position:fixed;inset:0;z-index:2300;display:flex;align-items:flex-start;justify-content:center;overflow:auto;
  padding:clamp(16px,6vh,64px) 16px;background:color-mix(in srgb, var(--bad-solid) 22%, rgba(16,14,12,.78));
  backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.nm-okno{width:min(720px,100%);background:var(--surface);color:var(--ink);border-radius:var(--radius-lg);box-shadow:var(--shadow-3);
  border-top:8px solid var(--bad-solid);overflow:hidden}
.nm-hd{padding:var(--s4) var(--s5) var(--s3)}
.nm-hd h2{margin:0 0 var(--s2);color:var(--bad);font-size:22px;text-wrap:balance}
.nm-hd p{margin:0 0 var(--s2);max-width:62ch}
.nm-kara{font-weight:700;color:var(--bad)}
.nm-lista{list-style:none;margin:0;padding:0 var(--s5) var(--s3);display:flex;flex-direction:column;gap:var(--s3)}
.nm-przypomina .nm-lista{padding:0}
.nm-sprawa{display:flex;flex-direction:column;gap:6px;padding:var(--s3);border:1px solid var(--line);border-left:5px solid var(--bad-solid);
  border-radius:var(--radius);background:var(--surface)}
.nm-sprawa.nm-dzwonek,.nm-sprawa.nm-pino{border-left-color:var(--warn)}
.nm-sprawa-hd{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s2);justify-content:space-between}
.nm-zrodlo{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--bad)}
.nm-czas{font-size:12.5px;color:var(--ink-2);font-variant-numeric:tabular-nums}
.nm-tytul{font-size:15px}
.nm-wiadomosci{display:flex;flex-direction:column;gap:6px;max-height:180px;overflow:auto;padding:var(--s2);
  border-radius:var(--radius-sm);background:var(--surface-2)}
.nm-wiad div{white-space:pre-wrap;overflow-wrap:anywhere}
.nm-odpowiedz{display:flex;flex-direction:column;gap:6px}
.nm-odpowiedz textarea{width:100%;min-height:58px;resize:vertical}
:root .nm-odpowiedz .pasek-akcji,:root .nm-sprawa .pasek-akcji{margin:0;padding:0;border:0;flex-wrap:wrap;align-items:center;gap:var(--s2)}
.nm-stopka{margin:0;padding:0 var(--s5) var(--s4)}
.nm-pasek{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:2200;display:flex;flex-wrap:wrap;align-items:center;
  gap:var(--s2) var(--s3);width:min(760px,calc(100vw - 32px));padding:10px var(--s3);border-radius:var(--radius);
  background:var(--bad-solid);color:var(--bad-solid-ink);box-shadow:var(--shadow-3)}
.nm-pasek .nm-pasek-co{flex:1 1 220px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.92}
.nm-pasek .btn{background:var(--surface);color:var(--ink);border-color:transparent}
.nm-pasek.nm-pasek-okno{background:var(--warn-bg);color:var(--warn);border:1px solid var(--warn-border)}
.okienko.nm-przypomina{border-top:6px solid var(--bad-solid)}
.okienko.nm-przypomina .kartahd h3{color:var(--bad)}
.nm-przypomina .nm-lista{max-height:min(60vh,520px);overflow:auto}
.nm-ust .nm-siatka{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--s2) var(--s4);margin:var(--s3) 0}
.nm-ust .premia-przelacznik{margin-bottom:var(--s2)}
.nm-zawies{margin:var(--s3) 0;padding:var(--s3);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);align-items:flex-end}
@media (max-width:640px){
  .nm-zaslona{padding:12px 8px}
  .nm-hd,.nm-lista,.nm-stopka{padding-left:var(--s3);padding-right:var(--s3)}
  .nm-pasek{bottom:76px}
}
.nm-ust .od-reki-wiersz{display:flex;flex-wrap:wrap;gap:var(--s3) var(--s4);align-items:flex-start;margin-top:var(--s3)}
.nm-ust .od-reki-wiersz > .pole{flex:0 1 220px;min-width:170px}
.nm-ust .od-reki-wiersz > .pole.szerokie{flex:1 1 320px}
.nm-ust .od-reki-wiersz > .pole:not(.szerokie) .input{max-width:150px}
.nm-ust .premia-tabela td{text-align:left;vertical-align:top}
.nm-ust .premia-tabela td.num{text-align:right}
.nm-ust .premia-tabela .btn{white-space:nowrap}
@media (min-width:901px){
  .shell > .side{position:sticky;top:0;align-self:start;height:100vh;height:100dvh;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
}
.side .nav-wiersz{position:relative}
.side .pinezka-menu{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:grid;place-items:center;
  width:24px;height:24px;padding:0;border:1px solid transparent;border-radius:var(--radius-sm);background:var(--surface);
  color:var(--ink-3);cursor:pointer;opacity:0;transition:opacity .12s ease}
.side .nav-wiersz:hover > .pinezka-menu,.side .pinezka-menu:focus-visible{opacity:1}
.side .pinezka-menu:hover{color:var(--accent-text);border-color:var(--line)}
.side .pinezka-menu.przypieta{color:var(--accent-text)}
.side .nav-wiersz:hover > .nav .nav-liczba,.side .nav-wiersz:hover > .nav .strzalka{visibility:hidden}
.side .nav-wiersz > .nav{padding-right:34px}
.side .przypiete-menu{margin-bottom:var(--s2)}
.side .przypiete-menu .nav.pod{padding-left:16px}
.nieob{gap:var(--s3)}
.nieob-pasek{row-gap:var(--s2);column-gap:var(--s4)}
.nieob-moj{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;font-size:var(--fs-sm);color:var(--ink-2);
  padding:6px 14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.nieob-moj b{color:var(--ink);font-size:var(--fs-md);font-variant-numeric:tabular-nums;margin-right:3px}
.nieob-moj-et{font-weight:650;color:var(--ink);text-transform:uppercase;letter-spacing:.06em;font-size:var(--fs-xs)}
.nieob-moj .nieob-zostalo b{color:var(--ok, var(--accent-text))}
.nieob-moj .nieob-zostalo.zle b{color:var(--bad)}
.nieob-zakladki{margin:0}
.nieob-zakladki button .licznik{background:var(--warn);color:#fff}
.nieob-pusto{padding:var(--s4) var(--pad-card)}
.nieob-pusto p{margin:0}
.nieob-grafik-karta{padding:0;overflow:hidden}
.nieob-grafik-gora{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s3);padding:var(--s3) var(--pad-card)}
.nieob-miesiac{display:flex;align-items:center;gap:var(--s2)}
.nieob-miesiac strong{min-width:150px;text-align:center;font-size:var(--fs-md);text-transform:capitalize}
.nieob-miesiac .btn[aria-label]{width:32px;padding:0;font-size:18px;line-height:1}
.nieob-grafik-wrap{overflow-x:auto;border-top:1px solid var(--line)}
:root table.nieob-grafik{border-collapse:separate;border-spacing:0;width:100%;table-layout:fixed;min-width:calc(200px + 31 * 26px + 52px)}
:root table.nieob-grafik th,:root table.nieob-grafik td{padding:0;border-bottom:1px solid var(--line-soft);text-align:center;vertical-align:middle;height:34px}
:root table.nieob-grafik .g-osoba{position:sticky;left:0;z-index:1;width:200px;text-align:left;padding:0 var(--s3);background:var(--surface);
  font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-right:1px solid var(--line)}
:root table.nieob-grafik thead th{height:44px;font-size:var(--fs-xs);color:var(--ink-3);font-weight:600;background:var(--surface-2)}
:root table.nieob-grafik thead th.g-osoba{background:var(--surface-2);text-transform:uppercase;letter-spacing:.06em}
:root table.nieob-grafik .g-dz{width:26px}
:root table.nieob-grafik th.g-dz .g-nr{display:block;font-size:var(--fs-sm);color:var(--ink);font-variant-numeric:tabular-nums}
:root table.nieob-grafik th.g-dz .g-tyg{display:block;font-weight:500}
:root table.nieob-grafik .g-wolne{background:color-mix(in srgb,var(--ink) 6%,var(--surface))}
:root table.nieob-grafik thead th.g-wolne{background:color-mix(in srgb,var(--ink) 9%,var(--surface-2))}
:root table.nieob-grafik .g-dzis{box-shadow:inset 1px 0 0 var(--accent),inset -1px 0 0 var(--accent)}
:root table.nieob-grafik thead th.g-dzis .g-nr{color:var(--accent-text);font-weight:750}
:root table.nieob-grafik .g-suma{width:52px;padding-right:var(--s3);text-align:right;font-variant-numeric:tabular-nums}
:root table.nieob-grafik tr.g-ja th.g-osoba{font-weight:650}
:root table.nieob-grafik tfoot th,:root table.nieob-grafik tfoot td{background:var(--surface-2);font-size:var(--fs-xs);font-weight:650;border-bottom:0;
  font-variant-numeric:tabular-nums}
:root table.nieob-grafik tfoot th.g-osoba{color:var(--ink-2)}
:root table.nieob-grafik td.g-pusto{text-align:left;padding:var(--s3) var(--pad-card)}
.g-pasek{display:block;width:100%;height:18px;margin:0;padding:0;border:0;cursor:pointer;background:var(--g-k,#7b8494)}
.g-pasek.g-start{border-top-left-radius:5px;border-bottom-left-radius:5px;margin-left:3px;width:calc(100% - 3px)}
.g-pasek.g-koniec{border-top-right-radius:5px;border-bottom-right-radius:5px;width:calc(100% - 3px)}
.g-pasek.g-start.g-koniec{width:calc(100% - 6px)}
.g-pasek:hover,.g-pasek:focus-visible{filter:brightness(1.12);outline:none;box-shadow:0 0 0 2px var(--surface),0 0 0 3px var(--g-k)}
.g-urlop{--g-k:#3d7fc4}
.g-zadanie{--g-k:#2c9a96}
.g-bezplatny{--g-k:#c28a2c}
.g-zdrowie{--g-k:#8a77b9}
.g-szkolenie{--g-k:#3f9a62}
.g-delegacja{--g-k:#4c6fa8}
.g-inna{--g-k:#7b8494}
.g-pasek.g-czeka{background:repeating-linear-gradient(135deg,var(--g-k) 0 4px,color-mix(in srgb,var(--g-k) 35%,var(--surface)) 4px 8px)}
.nieob-legenda{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;padding:var(--s3) var(--pad-card);font-size:var(--fs-xs);color:var(--ink-2);
  border-top:1px solid var(--line)}
.nieob-legenda > span{display:inline-flex;align-items:center;gap:6px}
.nieob-legenda i.g-pasek{display:inline-block;width:22px;height:10px;margin:0;cursor:default}
.nieob-legenda i.g-wolne-znak{display:inline-block;width:14px;height:14px;border-radius:3px;background:color-mix(in srgb,var(--ink) 9%,var(--surface));
  border:1px solid var(--line)}
.nieob-limity .input.w-dni{width:64px}
@media (max-width:640px){
  .nieob-moj{width:100%}
  :root table.nieob-grafik .g-osoba{width:130px}
  :root table.nieob-grafik{min-width:calc(130px + 31 * 26px + 52px)}
}
.nieob-legenda > span:not(.muted){white-space:nowrap}
.nieob-legenda > span.muted{flex:1 1 260px}
:root .nieob-legenda i.g-pasek.g-pasek{width:22px;height:10px;margin:0;flex:none}
.nieob-limity select.nieob-forma{width:auto;min-width:150px}
.nieob-limity tr.nieob-bez-urlopu td{background:var(--surface-2)}
:root .nieob-limity tr.nieob-bez-urlopu td[colspan]{text-align:left}
.lista-napraw .termin-listy.termin-godziny{display:inline-flex;flex-direction:column;align-items:center;gap:0;padding:4px 12px;
  border:2px solid var(--bad);border-radius:var(--radius);background:var(--bad-bg);color:var(--bad);line-height:1.15}
.lista-napraw .termin-godziny-et{font-size:var(--fs-xs);font-weight:650;text-transform:uppercase;letter-spacing:.06em}
.lista-napraw .termin-godziny-ile{font-size:22px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.lista-napraw .termin-listy.termin-godziny.ostatnia-godzina{background:var(--bad-solid);border-color:var(--bad-solid);color:var(--bad-solid-ink)}
.lista-napraw .termin-listy.termin-godziny-po{font-size:var(--fs-md);font-weight:800}
@keyframes termin-puls{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--bad-solid) 55%,transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--bad-solid) 0%,transparent)}}
@media (prefers-reduced-motion: no-preference){
  :root:not([data-ruch="mniej"]) .lista-napraw .termin-listy.termin-godziny.ostatnia-godzina{animation:termin-puls 1.6s ease-out infinite}
}
.akcept-pasek{display:flex;flex-direction:column;gap:8px;margin:0 0 var(--s4);padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.akcept-pasek.czeka{background:var(--warn-bg);border-color:var(--warn-border)}
.akcept-pasek-hd{display:flex;gap:10px;align-items:baseline}
.akcept-wiersz{display:flex;flex-direction:column;gap:4px}
.akcept-wiersz + .akcept-wiersz{padding-top:8px;border-top:1px solid var(--line-soft,var(--line))}
.akcept-wiersz-gl{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}
.akcept-kto{font-weight:600}
.akcept-tresc{white-space:pre-wrap}
.akcept-komentarz{white-space:pre-wrap;color:var(--ink-2)}
.akcept-akcje{gap:8px}
.akcept-okno .akcept-osoby{display:flex;flex-direction:column;gap:6px}
.akcept-wszyscy{margin-top:6px;align-self:flex-start}
.akcept-meta{display:inline-flex;flex-wrap:wrap;gap:0 10px}