/* Redakcja 3PG. Układ jak Helpdesk3PG, paleta Asany klasycznej (decyzja usera 30.09.2026, makieta/asana.html wariant B):
   grafitowy pas i pasek górny, biała treść z ciepłymi szarościami, pastelowe statusy. Akcent przycisków: Azure Deep 3PG. */
:root{
  /* rama (pasek górny + menu) w granacie Helpdesku #10263a – user sprawdził Navy #16323F z brandbooka i wrócił do tego (30.09.2026) */
  --pas:#10263a; --pas2:#183247; --pas3:#21405a; --pas-tx:#e8eef4; --pas-dim:#8fa3b8;
  --acc:#0C6FA6; --acc-h:#0a5b88; --ton:#e7f1f6; --amb:#F5A623; --alarm:#c8102e;
  --bg:#f9f8f8; --s1:#fff; --s2:#f1f0ef; --linia:#e8e6e5; --linia2:#f0eeed;
  --tx:#1e1f21; --dim:#6d6e6f;
  --ok:#5E9B2C; --ok-p:#E2EFD0; --tu:#00A3A3; --am-p:#FCE9C4; --am-d:#9A6300; --co:#E0463A; --co-p:#FBE0DC;
  --r:9px; --gora:54px; --szer-pas:232px;
  --f:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{background:var(--bg);color:var(--tx);font:14.5px/1.5 var(--f);-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit;color:inherit}
a{color:inherit;text-decoration:none}
h1{font-size:20px;font-weight:800;margin:0;letter-spacing:-.01em}
h1.xl{font-size:28px;margin:2px 0 20px}
.dim{color:var(--dim)} .sm{font-size:12.5px} .c{text-align:center}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
svg.i{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.logo{display:flex;align-items:center;gap:9px;font-weight:800;font-size:15px;white-space:nowrap}
.logo .m{width:30px;height:30px;border-radius:9px;background:var(--acc);color:#fff;display:grid;place-items:center;font-size:12px}
.av{width:30px;height:30px;border-radius:50%;background:var(--pas);color:#fff;display:inline-grid;place-items:center;font-size:12px;font-weight:700;flex:none}
.b{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;background:var(--acc);color:#fff;padding:9px 16px;border-radius:8px;font-weight:700;cursor:pointer;white-space:nowrap}
.b:hover{background:var(--acc-h)} .b:disabled{opacity:.6;cursor:wait}
.b.w{width:100%;padding:12px}
.b.o{background:#fff;color:var(--tx);box-shadow:inset 0 0 0 1.5px var(--linia)}
.ib{border:0;background:none;cursor:pointer;padding:6px;border-radius:8px;color:var(--dim);display:inline-flex}
.ib:hover{background:var(--s2);color:var(--tx)}

/* ---------- logowanie ---------- */
.rd-login{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:var(--pas)}
.lbox{width:100%;max-width:380px;background:#fff;border-radius:14px;padding:28px 24px 22px}
.lbox .logo{margin-bottom:22px;font-size:17px}
.lbox .lead{margin:0 0 16px}
.fld{display:block;margin:0 0 12px}
.fld>span:not(.sr){display:block;font-size:12.5px;font-weight:700;color:var(--dim);margin-bottom:5px}
.fld input{width:100%;padding:11px 12px;border:1.5px solid var(--linia);border-radius:8px;background:#fff}
.fld input:focus{outline:none;border-color:var(--acc)}
.fld input.kod{font-size:20px;letter-spacing:.35em;text-align:center;font-weight:700}
.seg{display:flex;background:var(--s2);border-radius:8px;padding:3px;margin:0 0 12px}
.seg button{flex:1;border:0;background:none;padding:7px;border-radius:6px;font-weight:700;cursor:pointer;color:var(--dim)}
.seg button.on{background:#fff;color:var(--tx);box-shadow:0 1px 2px rgba(16,38,58,.14)}
.blad{background:var(--co-p);color:#8f1f16;border-radius:8px;padding:9px 12px;font-weight:600;margin:0 0 12px}
.lbox .sm.c{margin:14px 0 0}

/* ---------- powłoka ---------- */
.app{display:grid;grid-template-columns:var(--szer-pas) minmax(0,1fr);grid-template-rows:var(--gora) minmax(0,1fr);height:100%}
.gora{grid-column:1/-1;background:var(--pas);color:var(--pas-tx);border-bottom:0;display:flex;align-items:center;gap:14px;padding:0 16px;z-index:5}
.gora .logo{width:calc(var(--szer-pas) - 32px)}
.gora .menu{display:none}
.szuk{flex:1;max-width:560px;display:flex;align-items:center;gap:8px;background:var(--pas3);border-radius:99px;padding:7px 14px;color:#d4d2d1;margin:0 auto}
.szuk input{border:0;background:none;outline:0;flex:1;min-width:0;color:#fff}
.szuk input::placeholder{color:#c4c2c1}
.gora .ib{color:var(--pas-tx)}.gora .ib:hover{background:var(--pas3);color:#fff}
.ja{margin-left:auto;position:relative}
.ja-btn{display:flex;align-items:center;gap:8px;border:0;background:none;cursor:pointer;font-weight:600;font-size:13.5px;padding:4px 6px;border-radius:9px}
.ja-btn{color:var(--pas-tx)}.ja-btn:hover{background:var(--pas3)}
.pop{position:absolute;right:0;top:44px;background:#fff;border-radius:10px;box-shadow:0 10px 30px rgba(16,38,58,.18);min-width:220px;padding:6px;z-index:20}
.pop-h{display:flex;flex-direction:column;padding:8px 10px 10px;border-bottom:1px solid var(--linia2);margin-bottom:4px}
.pop a{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:7px;font-weight:600}.pop a .i{width:16px;height:16px;color:var(--dim)}
.pop a:hover{background:var(--s2)}
.pas{background:var(--pas);color:var(--pas-tx);border-right:0;padding:12px 8px 8px;min-height:0}
.pas #nav{flex:1;overflow:auto;min-height:0}
.pas a{display:flex;align-items:center;gap:10px;padding:8px 10px;min-height:38px;border-radius:9px;font-weight:600;color:var(--pas-tx)}
.pas a:hover{background:var(--pas2);color:#fff}
.pas a.on{background:var(--pas3);color:#fff}
.pas .h{font-size:11px;font-weight:800;color:var(--pas-dim);padding:16px 10px 4px}
.pas .k{margin-left:auto;display:inline-flex;color:var(--pas-dim)}
.widok{overflow:auto;outline:0;min-width:0;background:var(--bg)}
/* treść leży na ramie: bez kresek, zaokrąglony lewy górny róg */
.app{background:var(--pas)}
@media (min-width:901px){.widok{border-top-left-radius:16px}}
.ph{background:#fff;border-bottom:1px solid var(--linia);padding:16px 24px}
.pad{padding:20px 24px 90px}
.pusty{max-width:420px;margin:48px auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--dim)}
.pusty b{color:var(--tx);font-size:16px}
.pusty .b{margin-top:10px}
.dol{display:none}
.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,20px);background:var(--pas);color:#fff;padding:10px 16px;border-radius:8px;font-weight:700;opacity:0;transition:.18s;z-index:50;pointer-events:none}
.toast.on{opacity:1;transform:translate(-50%,0)}

/* ---------- telefon: pas jako szuflada, dolne menu ---------- */
@media (max-width:900px){
  .app{grid-template-columns:1fr}
  .gora{gap:8px;padding:0 10px}
  .gora .menu{display:inline-flex}
  .gora .logo{width:auto}
  .szuk{display:none}
  .ja-n{display:none}
  .pas{position:fixed;top:var(--gora);bottom:0;left:0;width:280px;z-index:15;transform:translateX(-100%);transition:transform .2s;box-shadow:0 0 40px rgba(16,38,58,.3)}
  .pas-on .pas{transform:none}
  .ph{padding:14px 16px}
  .pad{padding:16px 16px 96px}
  .dol{display:flex;position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--linia);padding:6px 4px calc(6px + env(safe-area-inset-bottom));z-index:10}
  .dol a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10.5px;font-weight:700;color:var(--dim);padding:3px 0}
  .dol a.on{color:var(--acc)}
  .toast{bottom:84px}
}

/* ---------- tablice treści ---------- */
.ph-r{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.ph-r .akcje{margin-left:auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.sq{width:10px;height:10px;border-radius:3px;flex:none}
.sq-l{width:24px;height:24px;border-radius:7px}
.pas a.pod{padding-left:28px;min-height:32px;font-size:13.5px}
.pas a.pod span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.karty{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.karta{display:flex;align-items:center;gap:12px;background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 2px rgba(16,38,58,.06)}
.karta:hover{box-shadow:0 2px 10px rgba(16,38,58,.12)}
.wyb{min-height:34px;padding:5px 10px;border:1.5px solid var(--linia);border-radius:8px;background:#fff;max-width:100%}
.wyb:focus{outline:none;border-color:var(--acc)}
.tab-ukl{display:flex;height:100%;min-height:0}
.tab-lista{flex:1;min-width:0;overflow:auto}
.lista{padding-bottom:90px;min-width:max-content}
.lh,.lr{display:grid;align-items:stretch}
.lh{position:sticky;top:0;z-index:2;background:#fff;border-bottom:1px solid var(--linia);font-size:12px;font-weight:700;color:var(--dim)}
.lh>div{padding:8px 12px;border-left:1px solid var(--linia2);display:flex;gap:4px;align-items:center;white-space:nowrap}
.lh>div:first-child{border-left:0;padding-left:24px}
.hid{background:repeating-linear-gradient(135deg,transparent 0 7px,rgba(245,166,35,.14) 7px 14px);color:var(--am-d)}
.sec{display:flex;align-items:center;gap:8px;padding:18px 24px 8px;font-weight:800;font-size:15px;cursor:pointer;user-select:none;position:sticky;left:0}
.sec .i{transition:transform .15s} .sec.shut .i{transform:rotate(-90deg)}
.sec .n{font-weight:600;color:var(--dim);font-size:13px}
.lr{background:#fff;border-bottom:1px solid var(--linia2);min-height:42px;cursor:pointer}
.lr:hover{background:#f7f9fb} .lr.sel{background:var(--ton)} .lr.hidrow{background:#fffbf2}
.lr>div{padding:0 12px;display:flex;align-items:center;gap:8px;border-left:1px solid var(--linia2);min-width:0}
.lr>div:first-child{border-left:0;padding-left:24px}
.nm{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lr.done .nm{color:var(--dim);text-decoration:line-through}
.ell{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.meta{display:inline-flex;gap:3px;align-items:center;color:var(--dim);font-size:12px;flex:none}
.flag{display:inline-flex;gap:3px;align-items:center;font-size:11px;font-weight:700;color:var(--am-d);background:var(--am-p);border-radius:4px;padding:1px 6px;flex:none}
.ck{width:18px;height:18px;border-radius:50%;border:1.6px solid #9aa5b2;flex:none;display:grid;place-items:center;background:#fff;cursor:pointer}
.ck::after{content:"";width:7px;height:4px;border:2px solid transparent;border-top:0;border-right:0;transform:rotate(-45deg) translate(1px,-1px)}
.ck:hover{border-color:var(--ok)} .ck:hover::after{border-color:var(--ok)}
.ck.on{background:#4E7F25;border-color:#4E7F25} .ck.on::after{border-color:#fff}
.av-s{width:24px;height:24px;font-size:10px}
.av-pusty{background:var(--s2);color:var(--dim)}
.st{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:5px;font-size:12px;font-weight:700;white-space:nowrap;color:#fff;border:0;cursor:pointer}
.st:disabled{cursor:default}
/* statusy pastelowe jak w Asanie: jasne tło, ciemny tekst z tej samej barwy (pary sprawdzone wzorem WCAG ≥ 4,5:1) */
.st{border-radius:99px!important}
/* barwy z tablic „KOD - Treści” na Monday (01.10.2026): najpierw pełne, potem „trochę delikatniejsze” (user) – nasycony odcień tła,
   ciemny tekst tej samej barwy (kontrast ≥ 4,5:1) */
.s-nowe{background:#fcdcb4;color:#7a3d00} .s-wtoku{background:#cadffb;color:#17509f} .s-sprawdz{background:#d9eeb6;color:#395a00}
.s-popraw{background:#f9ccd2;color:#981a2f} .s-gotowe{background:#c3ebd5;color:#0a6038}
.st{max-width:100%;overflow:hidden;text-overflow:ellipsis}
.st{gap:5px}.st-i{width:13px!important;height:13px!important;flex:none;fill:none;stroke:currentColor;stroke-width:2.4}
.menu-st{position:fixed;z-index:40;background:#fff;border-radius:10px;box-shadow:0 10px 30px rgba(16,38,58,.2);padding:6px;display:flex;flex-direction:column;gap:4px;min-width:170px}
.menu-st .st{justify-content:flex-start;height:30px}
.late{color:var(--co)!important;font-weight:700}
.c-x{font-size:13px;white-space:nowrap}
.addr{background:#fff;border-bottom:1px solid var(--linia2);padding:4px 24px 4px 50px}
.addr input{width:100%;border:0;background:none;padding:8px 0;outline:0;color:var(--tx)}
.addr input::placeholder{color:var(--dim)}
/* panel zadania */
.panel{width:520px;flex:none;background:#fff;border-left:1px solid var(--linia);display:none;flex-direction:column;min-height:0}
.panel.on{display:flex}
.p-top{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--linia)}
.p-nx{margin-left:auto;display:flex;align-items:center;gap:2px}
.p-nx .ib{font-size:18px;line-height:1;padding:4px 10px}
.p-body{flex:1;overflow:auto;padding:16px 22px}
.p-tytul{font-size:21px;font-weight:800;margin:0 0 14px;width:100%;border:1.5px solid transparent;border-radius:8px;padding:4px 8px;margin-left:-9px;resize:none;background:none;line-height:1.3;font-family:inherit}
textarea.p-tytul:hover,textarea.p-tytul:focus{border-color:var(--linia);outline:none}
.props{display:grid;grid-template-columns:130px minmax(0,1fr);gap:8px 12px;align-items:center;margin:0 0 18px}
.props dt{color:var(--dim);display:flex;gap:4px;align-items:center}
.props dd{margin:0;display:flex;align-items:center;gap:8px;min-width:0}
.props dd .wyb{width:100%;max-width:280px}
.hid-t{color:var(--am-d)!important}
.dbx{display:inline-flex;align-items:center;gap:6px;color:var(--acc);font-weight:700}
.p-opis{width:100%;min-height:70px;border:1.5px solid var(--linia);border-radius:8px;padding:10px 12px;margin-bottom:18px;line-height:1.6;font-family:inherit;resize:vertical;background:#fff}
div.p-opis{border-color:transparent;padding:0;min-height:0}
.feed{background:var(--bg);margin:0 -22px;padding:12px 22px;border-top:1px solid var(--linia);min-height:100%}
.cm{display:flex;gap:10px;padding:10px 12px;margin:0 -12px 8px;background:#fff;border-radius:10px}
.cm.nt{background:#fdf1d8}
.cm .cmc{flex:1;min-width:0}
.cm p{margin:3px 0 4px;line-height:1.55}
.cm .ts{color:var(--dim);font-size:12px;margin-left:8px}
.chip-nt{font-size:11px;font-weight:800;background:var(--amb);color:#3b2600;border-radius:4px;padding:1px 6px;margin-left:8px}
.ev{color:var(--dim);font-size:12.5px;padding:4px 0 8px 34px}
.thumb{border:0;background:none;cursor:pointer;color:var(--dim);font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:4px;padding:2px 0}
.thumb.on{color:var(--acc)} .thumb.on svg{fill:var(--ton)}
.p-kom{border-top:1px solid var(--linia);padding:10px 12px;display:flex;gap:8px;align-items:flex-end;background:#fff}
.p-kom textarea{flex:1;border:1.5px solid var(--linia);border-radius:8px;padding:9px 11px;resize:none;outline:none;font-family:inherit;min-height:40px}
.p-kom textarea:focus{border-color:var(--acc);min-height:84px}
@media (max-width:900px){
  .lista{min-width:0}
  .lh{display:none}
  .lr{display:grid!important;grid-template-columns:1fr auto!important;padding:10px 0;row-gap:6px}
  .lr>div{border:0;padding:0 16px 0 0}
  .lr>.c-t{grid-column:1/-1;padding-left:16px}
  .lr>.c-o{grid-column:1;padding-left:42px}
  .lr>.c-s{grid-column:2;grid-row:2}
  .lr>.c-d{grid-column:1/-1;padding-left:42px}
  .lr>.c-x{display:none}
  .sec{padding:16px 16px 6px}
  .addr{padding-left:42px}
  .panel{position:fixed;inset:var(--gora) 0 0 0;width:auto;z-index:12}
  .props{grid-template-columns:110px minmax(0,1fr)}
}

/* ---------- zwijanie pasa do samych ikon (wzór: opieka.farm, home.css „Sidebar zwinięty”) ---------- */
.app{transition:grid-template-columns .2s ease}
.pas{display:flex;flex-direction:column}
@media (min-width:901px){.pas{position:relative}}
/* przycisk na DOLE pasa z cichym podpisem (decyzja usera 30.09.2026); po zwinięciu sama strzałka */
.zwin{flex:none;display:flex;align-items:center;gap:8px;margin:6px 0 0;padding:6px 10px;border:0;border-radius:9px;background:none;color:var(--pas-dim);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;transition:color .12s,background .12s;text-align:left}
.zwin:hover{color:#fff;background:var(--pas2)}
.zwin svg{width:15px;height:15px}
.zwin .gdy-zw{display:none}
.pas-tip{position:fixed;z-index:60;transform:translateY(-50%);background:#0a1a2a;color:#fff;font-size:12.5px;font-weight:700;padding:5px 10px;border-radius:7px;white-space:nowrap;pointer-events:none;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.pas .lbl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (min-width:901px){
  body.pas-zwin{--szer-pas:64px}
  .pas-zwin .gora .logo{width:auto}
  .pas-zwin .pas{padding-left:8px;padding-right:8px}
  .pas-zwin .zwin{justify-content:center;padding:9px 0}
  .pas-zwin .zwin .lbl{display:none}
  .pas-zwin .zwin .gdy-otw{display:none}
  .pas-zwin .zwin .gdy-zw{display:block}
  .pas-zwin .pas a{justify-content:center;padding:10px 0;gap:0}
  .pas-zwin .pas a .lbl,.pas-zwin .pas a .k{display:none}
  .pas-zwin .pas a.pod{padding-left:0;min-height:30px}
  .pas-zwin .pas a.pod .sq{width:12px;height:12px}
  .pas-zwin .pas .h{height:1px;padding:0;margin:10px 8px;background:var(--pas2);font-size:0;overflow:hidden}
}
@media (max-width:900px){.zwin{display:none}}

/* ---------- szkielety ładowania: pulsujące paski w miejscu tekstu (wzór: Helpdesk3PG panel.css) ---------- */
@keyframes rd-puls{0%{background-position:100% 0}100%{background-position:-100% 0}}
.szk-p,.szk-k{display:block;height:11px;border-radius:6px;background:linear-gradient(90deg,#e7ebf0 25%,#f3f5f8 50%,#e7ebf0 75%);background-size:200% 100%;animation:rd-puls 1.3s ease-in-out infinite}
.szk-k{width:24px;height:24px;border-radius:50%;flex:none}
.szk-h{height:20px;width:40%;margin:4px 0}
.szk-rz{display:grid;grid-template-columns:minmax(0,1fr) 170px 140px 160px;align-items:center;gap:0;min-height:42px;background:#fff;border-bottom:1px solid var(--linia2);padding-left:24px}
.szk-rz>div{display:flex;gap:8px;align-items:center;padding-right:12px}
.szk-sek{padding:18px 24px 10px}
.szk-pan{padding:18px 22px;display:grid;gap:12px}
.szk-pan .wiersz{display:grid;grid-template-columns:120px 1fr;gap:12px;align-items:center}
.szk-karty{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.szk-karty>div{background:#fff;border-radius:12px;padding:18px 16px;display:flex;gap:12px;align-items:center}
.pojaw{animation:rd-pojaw .18s ease-out}
@keyframes rd-pojaw{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.szk-p,.szk-k{animation:none}.pojaw{animation:none}}
@media (max-width:900px){.szk-rz{grid-template-columns:1fr auto;padding:12px 16px;row-gap:8px}.szk-rz>div:nth-child(3),.szk-rz>div:nth-child(4){display:none}}

.pas .cnt{margin-left:auto;background:#c8102e;color:#fff;font-size:11px;font-weight:800;border-radius:99px;padding:0 7px;line-height:18px}
@media (min-width:901px){.pas-zwin .pas .cnt{position:absolute;margin:0;transform:translate(10px,-9px);font-size:10px;padding:0 5px;line-height:15px}.pas-zwin .pas a{position:relative}}

/* ---------- Moje zadania i Skrzynka ---------- */
.mz-pad{max-width:960px}
.mz-sek{margin-bottom:14px}
.mz-sek summary{list-style:none;display:flex;align-items:center;gap:8px;font-weight:800;font-size:15px;padding:6px 0 8px;cursor:pointer}
.mz-sek summary::-webkit-details-marker{display:none}
.mz-sek summary .i{transition:transform .15s}.mz-sek:not([open]) summary .i{transform:rotate(-90deg)}
.mz-sek .n{font-weight:600;color:var(--dim);font-size:13px}
.mz{display:grid;grid-template-columns:minmax(0,1fr) auto 76px;gap:12px;align-items:center;background:#fff;padding:11px 16px;border-bottom:1px solid var(--linia2)}
.mz:first-of-type{border-radius:10px 10px 0 0}.mz:last-child{border-radius:0 0 10px 10px;border-bottom:0}
.mz:hover{background:#f7f9fb}
.mz-t{display:flex;flex-direction:column;min-width:0}
.mz-t b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mz-t .sm{display:flex;align-items:center;gap:6px}
.mz-d{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2;font-variant-numeric:tabular-nums}
.sk{background:#fff;border-radius:12px;overflow:hidden}
.sk-p{display:flex;gap:12px;align-items:flex-start;padding:12px 16px;border-bottom:1px solid var(--linia2)}
.sk-p:last-child{border:0}.sk-p:hover{background:#f7f9fb}
.sk-p.nowe{background:var(--ton)}
.sk-p.nowe .sk-k{color:var(--acc);font-weight:800}
.sk-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.sk-c{color:var(--dim);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sk-k{white-space:nowrap}
@media (max-width:900px){.mz{grid-template-columns:minmax(0,1fr) auto;row-gap:6px}.mz .st{grid-column:1;justify-self:start}.mz-d{grid-column:2;grid-row:1}}

/* osoba w wierszu: sam awatar, imię i nazwisko w dymku po najechaniu (uwaga usera 30.09.2026); na telefonie imię widoczne */
.os-imie{display:none}
.os-tip{position:relative;display:inline-flex}
.os-tip:hover::after{content:attr(data-imie);position:absolute;left:50%;bottom:calc(100% + 6px);transform:translateX(-50%);background:#0a1a2a;color:#fff;font-size:12px;font-weight:700;padding:4px 9px;border-radius:6px;white-space:nowrap;z-index:5;pointer-events:none}
.lh>div:nth-child(2){justify-content:center}.lr>.c-o{justify-content:center}
@media (max-width:900px){.os-imie{display:block}.lr>.c-o{justify-content:flex-start}.os-tip:hover::after{display:none}}
.gora .av{background:var(--acc);color:#fff}
.pas .sq{box-shadow:0 0 0 1.5px rgba(255,255,255,.85)}

.os-wyb{cursor:pointer;border-radius:50%}.os-wyb:hover .av{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--acc)}
.menu-os{width:240px;gap:6px}.menu-os .wyb{width:100%}
.mo-l{max-height:260px;overflow:auto;display:flex;flex-direction:column}
.mo{display:flex;gap:8px;align-items:center;border:0;background:none;padding:6px 8px;border-radius:7px;cursor:pointer;text-align:left;font-size:13.5px}
.mo:hover{background:var(--s2)}.mo.on{background:var(--ton);font-weight:700}

/* Skrzynka na pasku górnym, obok awatara */
.gora .skr{margin-left:auto;position:relative;padding:7px}
.gora .skr+.ja{margin-left:6px}
.skr-n{position:absolute;top:1px;right:0;min-width:17px;height:17px;padding:0 5px;border-radius:99px;background:#c8102e;color:#fff;font-size:10.5px;font-weight:800;line-height:17px;text-align:center;box-shadow:0 0 0 2px var(--pas)}

/* zaznaczanie wielu zadań + pasek akcji zbiorczych (jak Helpdesk3PG .hd3g-zbiorcze) */
.zazn{appearance:none;-webkit-appearance:none;width:15px;height:15px;margin:0;border:1.5px solid #b3bcc6;border-radius:4px;background:#fff;cursor:pointer;flex:none;display:grid;place-items:center;opacity:0;transition:opacity .12s,border-color .12s}
.zazn::after{content:"";width:7px;height:4px;border:2px solid #fff;border-top:0;border-right:0;transform:rotate(-45deg) translate(1px,-1px);opacity:0}
.zazn:checked{background:var(--acc);border-color:var(--acc)}.zazn:checked::after{opacity:1}
.zazn:hover{border-color:var(--acc)}
/* subtelnie: widać po najechaniu na wiersz/sekcję, gdy zaznaczone albo gdy trwa zaznaczanie; na dotyku zawsze */
.lr:hover .zazn,.sec:hover .zazn,.zazn:checked,.zazn:focus-visible,.tab-lista.zaznaczanie .zazn{opacity:1}
@media (hover:none){.zazn{opacity:1}}
.sec .zazn{margin-right:2px}
.tab-lista{position:relative}
.zbior{position:sticky;bottom:16px;margin:0 auto;width:max-content;max-width:calc(100% - 32px);display:flex;gap:8px;align-items:center;background:var(--pas);color:#fff;padding:8px 10px 8px 16px;border-radius:12px;box-shadow:0 10px 30px rgba(16,38,58,.3);z-index:6}
.zbior .b.o{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.35);padding:6px 12px}
.zbior .b.o:hover{background:rgba(255,255,255,.1)}
.zbior .ib{color:#fff}.zbior .ib:hover{background:rgba(255,255,255,.12);color:#fff}
.zbior[hidden]{display:none}

/* polubienia: łapka + awatary osób, imię w dymku po najechaniu */
.lubi{display:flex;align-items:center;gap:8px}
.lubi-av{display:inline-flex;padding-left:6px}
.lubi-av .os-tip{margin-left:-6px}
.lubi-av .av{width:20px;height:20px;font-size:8.5px;box-shadow:0 0 0 2px #fff}
.cm.nt .lubi-av .av{box-shadow:0 0 0 2px #fdf1d8}
.lubi-wiecej{margin-left:4px;font-size:11.5px;color:var(--dim);font-weight:700}

/* panel zadania: zakładki Dyskusja (domyślna) / Szczegóły + suwak Otwarte/Ukryte w nagłówku */
.p-zak{display:flex;gap:4px;margin-left:6px}
.p-zak button{border:0;background:none;padding:6px 10px;border-radius:7px;font-weight:700;color:var(--dim);cursor:pointer;font-size:13.5px}
.p-zak button.on{background:var(--s2);color:var(--tx)}
.p-zak .n{font-size:11.5px;color:var(--dim);font-weight:700}
/* trzy zakładki: dyskusja (domyślna) · opis · szczegóły */
.panel:not(.pz-szcz) .props{display:none}
.panel:not(.pz-opis) .p-opis{display:none}
.panel.pz-szcz .feed,.panel.pz-szcz .p-kom,.panel.pz-opis .feed,.panel.pz-opis .p-kom,.panel.pz-szcz #dyskHost,.panel.pz-opis #dyskHost{display:none}
.panel.pz-opis .p-sum{display:none}
.panel.pz-opis .p-opis{min-height:320px}
.panel:not(.pz-szcz) .p-tytul{font-size:18px;margin-bottom:10px}
.suwak{display:inline-flex;align-items:center;gap:7px;margin-left:8px;cursor:pointer;font-size:12.5px;font-weight:700;color:var(--dim);user-select:none}
.suwak input{position:absolute;opacity:0;width:0;height:0}
.suwak .tor{width:30px;height:17px;border-radius:99px;background:#cfd5dc;position:relative;transition:background .15s}
.suwak .tor::after{content:"";position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:50%;background:#fff;transition:transform .15s;box-shadow:0 1px 2px rgba(0,0,0,.2)}
.suwak input:checked+.tor{background:var(--amb)}.suwak input:checked+.tor::after{transform:translateX(13px)}
.suwak input:checked~.et{color:var(--am-d)}
.suwak input:focus-visible+.tor{outline:2px solid var(--acc);outline-offset:2px}

/* edycja/usuwanie wpisu: ikonki po najechaniu na wpis */
.cm .cmc{position:relative}
.cm-akc{position:absolute;top:-4px;right:-4px;display:flex;gap:2px;opacity:0;transition:opacity .12s}
.cm:hover .cm-akc,.cm-akc:focus-within{opacity:1}
@media (hover:none){.cm-akc{opacity:1}}
.cm-akc .ib{padding:4px}
.cm-ed{margin:6px 0}.cm-ed textarea{width:100%;min-height:70px;font-family:inherit;margin-bottom:6px;resize:vertical}
.flag-i{padding:2px 4px}

/* okna aplikacji */
.okno-tlo{position:fixed;inset:0;z-index:80;background:rgba(16,38,58,.38);display:flex;align-items:flex-start;justify-content:center;padding:12vh 16px 16px;animation:rd-pojaw .12s ease-out}
.okno{width:100%;max-width:420px;background:#fff;border-radius:14px;padding:20px 20px 16px;box-shadow:0 20px 60px rgba(16,38,58,.3)}
.okno h2{margin:0 0 6px;font-size:17px;font-weight:800}
.okno p{margin:0 0 14px}
.okno .fld{margin:12px 0}.okno .fld[hidden]{display:none}
.okno .wyb,.okno input:not([type=checkbox]){width:100%}
.okno-tak{display:flex;gap:8px;align-items:center;margin:12px 0;font-weight:600}
.okno-p{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}
.b-usun{background:#C4371F}.b-usun:hover{background:#a52d18}

/* zakładki panelu jako ikony, nazwa w dymku pod ikoną */
.p-zak button{display:inline-flex;align-items:center;gap:4px;padding:6px 8px}
.ik-tip{position:relative}
.ik-tip:hover::after{content:attr(data-tip);position:absolute;left:50%;top:calc(100% + 6px);transform:translateX(-50%);background:#0a1a2a;color:#fff;font-size:12px;font-weight:700;padding:4px 9px;border-radius:6px;white-space:nowrap;z-index:9;pointer-events:none}
@media (hover:none){.ik-tip:hover::after{display:none}}

/* uchwyt do rozszerzania panelu zadania */
@media (min-width:901px){.panel{position:relative}} /* uchwyt szerokości; na telefonie panel to warstwa fixed (audyt 01.10.2026) */
.p-uchwyt{position:absolute;left:-4px;top:0;bottom:0;width:8px;cursor:col-resize;z-index:4}
.p-uchwyt::after{content:"";position:absolute;left:3px;top:0;bottom:0;width:2px;background:transparent;transition:background .12s}
.p-uchwyt:hover::after,.ciagne .p-uchwyt::after{background:var(--acc)}
.ciagne{cursor:col-resize;user-select:none}
@media (max-width:900px){.p-uchwyt{display:none}.panel{width:auto!important}}
/* delikatny cień lewej krawędzi – panel czyta się jak szuflada nad listą (uwaga usera 30.09.2026) */
@media (min-width:901px){.panel{box-shadow:-10px 0 24px -14px rgba(16,38,58,.28);z-index:3}}

/* zdarzenia w dyskusji: mały awatar + pigułki statusów */
.ev{display:flex;align-items:center;gap:6px;padding:4px 0 8px 2px;flex-wrap:wrap}
.ev-av .av{width:18px;height:18px;font-size:8px}
.st-m{height:20px;padding:0 8px;font-size:11px;cursor:default}
.ev-s{color:var(--dim)}
.ev-k{color:var(--dim);font-size:11.5px;margin-left:2px}
/* pasek nad dyskusją: osoba + status (tylko w zakładce Dyskusja) */
.p-sum{display:flex;align-items:center;gap:8px;margin:-4px 0 14px}
.panel.pz-szcz .p-sum{display:none}

/* subtelne paski przewijania w całej aplikacji (uwaga usera 30.09.2026) */
*{scrollbar-width:thin;scrollbar-color:rgba(16,38,58,.22) transparent}
*::-webkit-scrollbar{width:8px;height:8px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{background:rgba(16,38,58,.18);border-radius:99px;border:2px solid transparent;background-clip:padding-box}
*:hover::-webkit-scrollbar-thumb{background-color:rgba(16,38,58,.32)}
*::-webkit-scrollbar-corner{background:transparent}
.pas,.pas *{scrollbar-color:rgba(255,255,255,.18) transparent}
.pas::-webkit-scrollbar-thumb,.pas *::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.16)}
.pas:hover::-webkit-scrollbar-thumb,.pas *:hover::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.3)}
.pop{color:var(--tx)}.pop .dim{color:var(--dim)}

/* sygnet 3PG zamiast kafelka z napisem */
.logo .syg{height:28px;width:auto;display:block} /* brandbook: min. 28 px w digital */
.lbox .logo .syg{height:34px;filter:none}
.lbox .logo{gap:12px}
.ik-tip.tip-nad:hover::after{top:auto;bottom:calc(100% + 6px);left:auto;right:0;transform:none}
.p-kom .b.o.ik-tip{padding:9px 11px}

/* pole wiadomości: większe, ikony notatki i wysyłki w środku pola (uwagi usera 30.09.2026) */
.p-kom{display:block;padding:12px 14px}
.kom-pole{position:relative;display:flex;gap:10px;align-items:flex-start}
.kom-pole textarea{flex:1;min-height:84px!important;padding:10px 12px 40px;border:1.5px solid var(--linia);border-radius:10px;resize:vertical;font-family:inherit;outline:none}
.kom-pole textarea:focus{border-color:var(--acc);min-height:84px}
.kom-ik{position:absolute;right:8px;bottom:8px;display:flex;gap:4px;align-items:center}
.kom-wy{border:0;background:var(--acc);color:#fff;width:32px;height:32px;border-radius:8px;display:grid;place-items:center;cursor:pointer}
.kom-wy:hover{background:var(--acc-h)}
.chip-nt{display:inline-flex;align-items:center;gap:3px}

/* obrazy w wiadomościach i opisie */
.obraz{display:inline-block;margin:6px 6px 2px 0}
.obraz img{max-width:260px;max-height:200px;border-radius:8px;border:1px solid var(--linia);display:block;object-fit:cover}
.opis-podglad{border:0!important;padding:0!important;min-height:0!important}
/* sekcja: ołówek i kosz po najechaniu */
.sec-akc{display:inline-flex;gap:2px;margin-left:4px;opacity:0;transition:opacity .12s}
.sec:hover .sec-akc{opacity:1}
@media (hover:none){.sec-akc{opacity:1}}

/* dodawanie kolumny: delikatny plus na końcu nagłówka tabeli (uwaga usera 30.09.2026) */
.lh-plus{justify-content:center;padding:4px!important}
.lh-plus .ib{color:#9aa5b2;padding:4px}
.lh-plus .ib:hover{color:var(--acc);background:var(--ton)}

/* dyskusja jak na Monday: karta z obwódką, akcje pod linią, wątki z wcięciem */
.feed .watek{background:#fff;border:1px solid var(--linia);border-radius:12px;margin-bottom:12px;overflow:hidden}
.feed .watek>.cm{margin:0;border-radius:0;padding:14px 16px 0}
.feed .watek>.cm.nt{background:#fdf1d8}
.cm-dol{display:flex;align-items:center;gap:14px;border-top:1px solid var(--linia2);margin:10px -16px 0 -52px;padding:8px 16px 8px 52px}
.akc{border:0;background:none;display:inline-flex;align-items:center;gap:6px;color:var(--dim);font:inherit;font-size:13px;font-weight:600;cursor:pointer;padding:3px 0}
.akc:hover{color:var(--tx)}.akc.on{color:var(--acc)}.akc.on svg{fill:var(--ton)}
.odp{border-top:1px solid var(--linia2);background:#fafbfc;padding:6px 16px 12px 52px}
.cm.cm-odp{background:none;margin:0;padding:10px 0 0}
.cm.cm-odp .cm-dol{border:0;margin:4px 0 0;padding:0}
.cm.cm-odp .av{width:24px;height:24px;font-size:10px}
.odp-pole{display:flex;gap:10px;align-items:flex-start;margin-top:10px;position:relative}
.odp-pole textarea{flex:1;border:1.5px solid var(--linia);border-radius:10px;padding:9px 44px 9px 12px;resize:none;font-family:inherit;min-height:40px;outline:none;background:#fff}
.odp-pole textarea:focus{border-color:var(--acc);min-height:64px}
.odp-pole .kom-wy{position:absolute;right:6px;bottom:5px;width:30px;height:30px}
.menu-wzm{width:250px}

/* edytor opisu */
.ed{padding:0!important;overflow:hidden}
.ed-nar{display:flex;gap:2px;padding:5px 6px;border-bottom:1px solid var(--linia);background:#fafbfc;flex-wrap:wrap}
.ed-b{border:0;background:none;min-width:30px;height:30px;border-radius:6px;cursor:pointer;font-weight:800;color:var(--dim);display:inline-grid;place-items:center;font-size:13.5px}
.ed-b:hover{background:var(--s2);color:var(--tx)}
.ed-italic{font-style:italic;font-family:Georgia,serif}
.ed-pole{min-height:300px;padding:12px 14px;outline:none;line-height:1.6}
.ed-pole:empty::before{content:attr(data-ph);color:var(--dim)}
.opis-tresc h3{font-size:16px;margin:14px 0 6px}
.opis-tresc ul,.opis-tresc ol{margin:6px 0;padding-left:22px}
.opis-tresc a{color:var(--acc);text-decoration:underline}
.opis-tresc img{max-width:100%;border-radius:8px;border:1px solid var(--linia);margin:6px 0}
.opis-tresc p{margin:0 0 8px}
.panel.pz-opis .p-opis{min-height:0}

/* ---------- edytor jak na Monday (Quill 2, ładowany przy pierwszym kliknięciu) ---------- */
.kom-gora{margin:0 0 14px}
.rde{border:1.5px solid var(--linia);border-radius:12px;background:#fff;transition:border-color .12s,box-shadow .12s;position:relative}
.rde:not(.zwin),.rde:focus-within{border-color:var(--acc);box-shadow:0 0 0 3px var(--ton)}
.rde.nad{border-style:dashed;border-color:var(--acc);background:var(--ton)}
.rde-atr{cursor:text}.rde-atr:hover{border-color:#b9c3cd}
.rde-atr.laduje .rde-atrapa{opacity:.6}
.rde-atrapa{padding:12px 14px 4px;min-height:44px}
.rde-atr-otw .rde-atrapa{min-height:90px}
.rde .ql-toolbar.ql-snow{border:0;border-bottom:1px solid var(--linia2);padding:6px 8px;font-family:inherit}
.rde.rde-zw .ql-toolbar{display:none}
.rde .ql-container.ql-snow{border:0;font:inherit;font-size:14.5px}
.rde .ql-editor{min-height:120px;padding:12px 14px;line-height:1.55}
.rde.rde-zw .ql-editor{min-height:44px}
.rde .ql-editor.ql-blank::before{font-style:normal;color:var(--dim);left:14px}
.rde .ql-editor img,.opis-tresc img{max-width:260px;max-height:220px;border-radius:8px;border:1px solid var(--linia);cursor:zoom-in;object-fit:cover}
.rde .ql-snow .ql-picker{font-family:inherit}
.rde .ql-toolbar button,.rde .ql-toolbar .ql-picker-label{border-radius:6px}
.rde .ql-toolbar button:hover{background:var(--s2)}
.rde .ql-toolbar .i{stroke:#444;width:17px;height:17px}
.rde-dol{display:flex;align-items:center;gap:2px;padding:4px 8px 8px}
.rde-i{border:0;background:none;color:#7a8490;width:28px;height:28px;border-radius:7px;display:inline-grid;place-items:center;cursor:pointer;transition:background .12s,color .12s}
.rde-i:hover{background:var(--s2);color:var(--tx)}
.rde-wy{margin-left:auto;display:inline-flex}
.rde-go{border-radius:8px;padding:8px 16px}
.rde-wy .rde-go:first-child:not(:last-child){border-radius:8px 0 0 8px}
.rde-dd{border-radius:0 8px 8px 0!important;padding:8px 9px!important;margin-left:1px}
.rde-zal{display:flex;flex-wrap:wrap;gap:8px;padding:0 12px}
.rde-zal:not(:empty){padding-bottom:8px}
.plik-w{position:relative;display:inline-flex}
.plik-w .ib{position:absolute;top:-6px;right:-6px;background:#fff;border:1px solid var(--linia);border-radius:50%;padding:2px}
.menu-emoji{display:grid;grid-template-columns:repeat(8,32px);gap:2px;width:auto;padding:6px}
.menu-emoji button{border:0;background:none;font-size:19px;width:32px;height:32px;border-radius:6px;cursor:pointer}
.menu-emoji button:hover{background:var(--s2)}
.menu-rde .mo{width:220px}
/* kafelki plików pod treścią (jak na Monday) */
.pliki{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.plik{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--linia);border-radius:10px;padding:7px 12px 7px 7px;background:#fff;max-width:280px}
.plik:hover{border-color:var(--acc)}
.plik-ik{width:36px;height:40px;border-radius:5px;color:#fff;font-size:10px;font-weight:800;display:grid;place-items:center;flex:none}
.plik-n{display:flex;flex-direction:column;min-width:0;font-size:13px}
.plik-n b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.plik-n span{color:var(--dim);font-size:11.5px}
.cm-t{margin:4px 0 2px;line-height:1.55}
.cm-t p{margin:0 0 6px}
.cm-edh{margin:6px 0}.cm-anuluj{margin:0 0 8px;padding:5px 12px}
.opis-tresc .ql-align-center{text-align:center}.opis-tresc .ql-align-right{text-align:right}.opis-tresc .ql-align-justify{text-align:justify}
.opis-tresc .ql-size-small{font-size:.85em}.opis-tresc .ql-size-large{font-size:1.3em}
.opis-tresc li[data-list=bullet]{list-style:disc}.opis-tresc li[data-list=ordered]{list-style:decimal}
.opis-tresc li[data-list=checked],.opis-tresc li[data-list=unchecked]{list-style:none;margin-left:-18px}
.opis-tresc li[data-list=checked]::before{content:"☑ "}.opis-tresc li[data-list=unchecked]::before{content:"☐ "}
.opis-tresc table{border-collapse:collapse;margin:6px 0}.opis-tresc td{border:1px solid var(--linia);padding:4px 8px}
.opis-tresc hr{border:0;border-top:1px solid var(--linia);margin:10px 0}
.p-opis-ed{border:0!important;padding:0!important;min-height:0!important}
/* powiększanie obrazów w nakładce */
.lb{position:fixed;inset:0;z-index:90;background:rgba(8,16,26,.88);display:flex;align-items:center;justify-content:center;animation:rd-pojaw .12s ease-out}
.lb img{max-width:92vw;max-height:88vh;border-radius:6px;box-shadow:0 20px 60px rgba(0,0,0,.5);cursor:zoom-in;transition:transform .15s}
.lb.duzy{overflow:auto;align-items:flex-start;justify-content:flex-start}
.lb.duzy img{max-width:none;max-height:none;cursor:zoom-out;margin:auto}
.lb-b{position:fixed;border:0;background:rgba(255,255,255,.12);color:#fff;width:44px;height:44px;border-radius:50%;font-size:22px;cursor:pointer;display:grid;place-items:center}
.lb-b:hover{background:rgba(255,255,255,.22)}
.lb-x{top:16px;right:16px}.lb-p{left:16px;top:50%}.lb-n{right:16px;top:50%}
.lb-l{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);color:#cfd8e2;font-size:13px}

/* atrapa i rozwijanie edytora: ikony pod tekstem, płynne wejście paska i wzrost pola */
.rde-atr{display:block;font-weight:400}
.rde-atr .rde-dol{padding:0 8px 6px}
.rde-i:hover{background:var(--s2);color:var(--tx)}
.rde .ql-toolbar{animation:rde-wjazd .18s ease-out}
@keyframes rde-wjazd{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.rde .ql-editor{transition:min-height .2s ease}
.rde:not(.rde-atr){animation:rd-pojaw .15s ease-out}
.rde-dol .rde-wy{animation:rde-wjazd .18s ease-out}
.rde.rde-zw .rde-wy{display:none}
@media (prefers-reduced-motion:reduce){.rde .ql-toolbar,.rde .ql-editor,.rde:not(.rde-atr),.rde-dol .rde-wy{animation:none;transition:none}}

/* H1/H2 jako przyciski tekstowe zamiast list „Normal” */
.rde .ql-toolbar button.ql-header{width:auto;padding:3px 6px;font-weight:800;font-size:12.5px;color:#444}
.rde .ql-toolbar button.ql-header svg{display:none}
.rde .ql-toolbar button.ql-header[value="1"]::before{content:"H1"}
.rde .ql-toolbar button.ql-header[value="2"]::before{content:"H2"}
.rde .ql-toolbar button.ql-header.ql-active{color:var(--acc);background:var(--ton)}
.rde .ql-toolbar .ql-formats{margin-right:8px}
.opis-tresc h1{font-size:19px;margin:12px 0 6px}.opis-tresc h2{font-size:16.5px;margin:12px 0 6px}

/* lista zadań w treści – klikalna kratka jak na Monday */
.opis-tresc li[data-list=checked],.opis-tresc li[data-list=unchecked]{position:relative;padding-left:24px;margin-left:-22px;list-style:none}
.opis-tresc li[data-list=checked]::before,.opis-tresc li[data-list=unchecked]::before{content:"";position:absolute;left:0;top:.2em;width:15px;height:15px;border:1.5px solid #9aa5b2;border-radius:4px;background:#fff;cursor:pointer}
.opis-tresc li[data-list=checked]::before{background:#4E7F25 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12l5 5 9-10' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/11px no-repeat;border-color:#4E7F25}
.opis-tresc li[data-list=checked]{color:var(--dim);text-decoration:line-through}
.opis-tresc li[data-list=unchecked]:hover::before{border-color:#4E7F25}

/* pasek w jednej linii jak na Monday; ¶ otwiera wybór stylu */
.rde .ql-toolbar.ql-snow{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:1px;padding:6px 6px;scrollbar-width:none}
.rde .ql-toolbar.ql-snow::-webkit-scrollbar{display:none}
.rde .ql-toolbar .ql-formats{display:flex;align-items:center;gap:1px;margin:0!important}
.rde .ql-toolbar button,.rde .ql-toolbar .ql-picker{flex:none}
.rde .ql-toolbar button{width:30px;height:30px;padding:6px}
.rde-par{font-size:17px;font-weight:700;line-height:1;color:#444}
.rde .ql-toolbar button.ql-styl{width:30px}
.menu-styl{width:250px;padding:4px;gap:0}
.menu-styl button{border:0;background:none;text-align:left;padding:10px 14px;border-radius:7px;cursor:pointer;font-size:14.5px;border-bottom:1px solid var(--linia2)}
.menu-styl button:last-child{border-bottom:0}
.menu-styl button:hover{background:var(--s2)}.menu-styl button.on{background:var(--ton)}
.opis-tresc blockquote,.rde .ql-editor blockquote{border-left:3px solid var(--linia);margin:6px 0;padding:2px 0 2px 12px;color:var(--dim);font-style:italic}
.opis-tresc pre,.rde .ql-editor pre.ql-syntax,.rde .ql-editor .ql-code-block-container{background:#f4f6f8;border-radius:8px;padding:10px 12px;font-family:ui-monospace,Menlo,monospace;font-size:13px;white-space:pre-wrap}

/* awatar ze zdjęciem */
.av{overflow:hidden}.av img{width:100%;height:100%;object-fit:cover;display:block}
/* Moje dane */
.dane{max-width:760px}
.dane-k{background:#fff;border-radius:12px;padding:18px 20px;margin-bottom:14px;box-shadow:0 1px 2px rgba(16,38,58,.06)}
.dane-k h2{font-size:16px;margin:0 0 12px}.dane-k h3{font-size:14px;margin:18px 0 8px;display:flex;gap:6px;align-items:center}
.dwie-k{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.k-kod{grid-template-columns:130px 1fr}
.fld input[readonly]{background:var(--s2);color:var(--dim)}
.taj{display:flex;gap:4px;align-items:center}.taj input{flex:1;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.zdj{display:flex;gap:16px;align-items:center}
.zdj-av{width:84px;height:84px;border-radius:50%;background:var(--pas);color:#fff;display:grid;place-items:center;font-size:26px;font-weight:800;overflow:hidden;flex:none}
.zdj-av img{width:100%;height:100%;object-fit:cover}
.zdj .sm{margin:8px 0 0}
.dane-p{display:flex;justify-content:flex-end;margin-top:8px}
@media (max-width:900px){.dwie-k,.k-kod{grid-template-columns:1fr}}
/* oko „Pokaż” w środku pola, przy prawej krawędzi */
.fld>.taj{display:block!important;position:relative;margin:0}
.taj input{width:100%;padding-right:42px}
.taj .ib{position:absolute;right:5px;top:50%;transform:translateY(-50%)}
.taj .ik-tip:hover::after{left:auto;right:0;transform:none}

/* gęstsza dyskusja (uwaga usera 30.09.2026): mniejsze odstępy, data w linii z nazwiskiem, mała łapka, bez „Odpowiedz” */
.feed .watek{margin-bottom:8px;border-radius:10px}
.feed .watek>.cm{padding:10px 12px 0}
.feed .cm{gap:9px}
.feed .cm>.av{width:26px;height:26px;font-size:10px}
.feed .cmc>b{font-size:13.5px}
.feed .cm .ts{font-size:11.5px;white-space:nowrap;margin-left:6px}
.feed .chip-nt{font-size:10.5px;padding:0 5px}
.cm-t{margin:2px 0 0;font-size:14px}
.cm-dol{border-top:0;margin:2px 0 0;padding:0 0 8px;gap:8px}
.akc.lk{padding:2px 6px;margin-left:-6px;border-radius:6px;font-size:12px;gap:4px}
.akc.lk:hover{background:var(--s2)}
.lubi-av .av{width:16px;height:16px;font-size:7px}
.odp{padding:4px 12px 8px 47px}
.cm.cm-odp{padding:6px 0 0}
.feed .ev{padding:2px 0 6px 2px;font-size:12px}
.opis-tresc a.plik,.opis-tresc a.plik *{text-decoration:none;color:inherit}.opis-tresc a.plik b{color:var(--tx)}

/* kto zobaczył (tylko Koordynator): oko + małe awatary, lista w dymku */
.widz{display:inline-flex;align-items:center;gap:0;margin-left:8px;color:var(--dim);vertical-align:middle}
.widz .i{margin-right:4px}
.widz .av{width:16px;height:16px;font-size:7px;margin-left:-4px;box-shadow:0 0 0 1.5px #fff}
.widz .av:first-of-type{margin-left:0}
.widz-n{font-size:11px;margin-left:3px}
.widz.ik-tip:hover::after{white-space:normal;width:max-content;max-width:260px;left:0;transform:none}
/* zakładka 3PG */
.linki{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;max-width:1000px}
.lnk{position:relative;background:#fff;border-radius:12px;box-shadow:0 1px 2px rgba(16,38,58,.06);transition:box-shadow .12s}
.lnk:hover{box-shadow:0 4px 16px rgba(16,38,58,.12)}
.lnk a{display:flex;align-items:center;gap:12px;padding:14px 16px}
.lnk a>.i{margin-left:auto;color:var(--dim);flex:none}
.lnk-ik{width:40px;height:40px;border-radius:10px;background:var(--pas);color:#fff;font-weight:800;font-size:17px;display:grid;place-items:center;flex:none}
.lnk-t{display:flex;flex-direction:column;min-width:0}
.lnk-t span{color:var(--dim);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lnk-akc{position:absolute;top:6px;right:34px;display:flex;opacity:0;transition:opacity .12s}
.lnk:hover .lnk-akc{opacity:1}
@media (hover:none){.lnk-akc{opacity:1}}

/* przełącznik Wszystkie / Tylko moje w nagłówku tablicy */
.seg-m{display:inline-flex;background:var(--s2);border-radius:8px;padding:3px}
.seg-m button{border:0;background:none;padding:5px 11px;border-radius:6px;font-weight:700;font-size:13px;color:var(--dim);cursor:pointer;white-space:nowrap}
.seg-m button.on{background:#fff;color:var(--tx);box-shadow:0 1px 2px rgba(16,38,58,.14)}
/* widoczność tablicy dla redaktorów: przycisk + menu zamiast listy systemowej */
.wid-b{padding:6px 10px;font-size:13px;gap:6px;color:var(--dim)}
.wid-b .i:last-child{opacity:.6}
.menu-wid{width:300px;padding:4px;gap:0}
.menu-wid button{border:0;background:none;text-align:left;padding:9px 12px 9px 34px;border-radius:7px;cursor:pointer;display:flex;flex-direction:column;gap:2px;position:relative}
.menu-wid button span{font-size:12.5px;color:var(--dim)}
.menu-wid button:hover{background:var(--s2)}
.menu-wid button.on::before{content:"";position:absolute;left:12px;top:13px;width:10px;height:6px;border:2px solid var(--acc);border-top:0;border-right:0;transform:rotate(-45deg)}
.wid-b{padding:7px;color:var(--dim)}
.menu-nag{font-size:11.5px;font-weight:800;color:var(--dim);padding:8px 12px 4px}
.ik-tip.wid-b:hover::after{left:auto;right:0;transform:none}
/* nazwy sekcji delikatniejsze (uwaga usera 30.09.2026) */
.tab-lista .sec{font-weight:600;font-size:13.5px;color:#46525f;padding:14px 24px 6px}
.tab-lista .sec .i{width:14px!important;height:14px!important;color:#9aa5b2}
.tab-lista .sec .n{font-weight:500;font-size:12px;color:#9aa5b2}
/* „+ Dodaj zadanie” delikatniej: mniejsze, jaśniejsze, bez tła do najechania */
.addr{padding:2px 24px 2px 50px;background:transparent;border-bottom:1px solid var(--linia2)}
.addr input{font-size:13px;padding:7px 0;color:var(--tx)}
.addr input::placeholder{color:#a3adb8}
.addr:hover input::placeholder,.addr input:focus::placeholder{color:var(--dim)}
.addr input:focus{background:#fff}
/* przycisk wysyłki w edytorze mniejszy (uwaga usera 30.09.2026) */
.rde-go{padding:5px 12px!important;font-size:13px;border-radius:7px}
.rde-wy .rde-go:first-child:not(:last-child){border-radius:7px 0 0 7px}
.rde-dd{border-radius:0 7px 7px 0!important;padding:5px 7px!important}
.rde-dd .i{width:13px!important;height:13px!important}

/* ---------- Zlecenia ---------- */
.zl-l{max-width:860px}
.zl{background:#fff;border-radius:12px;padding:16px 18px;margin-bottom:12px;box-shadow:0 1px 2px rgba(16,38,58,.06)}
.zl-g{display:flex;gap:12px;align-items:center}
.zl-g>.av{width:34px;height:34px;font-size:12px}
.zl-t{flex:1;min-width:0}.zl-t h2{margin:0 0 2px;font-size:16px}
.zl-t .sm{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.zl-w{display:flex;flex-direction:column;align-items:flex-end;white-space:nowrap}
.zl-flow{display:flex;gap:4px;margin:14px 0 2px}
.zl-flow span{flex:1;display:flex;flex-direction:column;gap:5px;font-size:11.5px;font-weight:600;color:#9aa5b2}
.zl-flow i{height:5px;border-radius:3px;background:var(--linia)}
.zl-flow .d{color:var(--ok)}.zl-flow .d i{background:#4E7F25}
.zl-flow .n{color:var(--tx)}.zl-flow .n i{background:var(--acc)}
.zl-dec{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:12px;padding:10px 12px;border-radius:9px;background:#fdf3e1}
.zl-dec>div{display:flex;flex-direction:column;gap:2px;flex:1;min-width:200px}
.zl-dec.zl-odrz{background:#fbe0dc;flex-direction:column;align-items:flex-start;gap:2px}
.zl-ost{color:#9a5c00}
.zl-akc{display:flex;gap:6px}.zl-akc .b{padding:6px 14px}
.zl-opis{margin-top:10px;font-size:13.5px;color:#3d4756}
.zl-dol{display:flex;gap:14px;align-items:center;margin-top:10px;flex-wrap:wrap}
.zl-dol .akc{font-size:12.5px}
@media (max-width:900px){.zl-flow span{font-size:0}.zl-flow span.n{font-size:11px}}
/* ---------- Umowy ---------- */
.um{max-width:980px}
.um-kafle{display:flex;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.um-kafle>div{flex:1;min-width:160px;background:#fff;border-radius:12px;padding:14px 16px;box-shadow:0 1px 2px rgba(16,38,58,.06);display:flex;flex-direction:column}
.um-kafle b{font-size:19px}.um-kafle span{color:var(--dim);font-size:12.5px}
.um-l{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 2px rgba(16,38,58,.06)}
.um-r{display:flex;gap:12px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--linia2);flex-wrap:wrap}
.um-r:last-child{border:0}
.um-ik{width:36px;height:36px;border-radius:9px;background:var(--ton);color:var(--acc);display:grid;place-items:center;flex:none}
.um-t{flex:1;min-width:200px;display:flex;flex-direction:column}
.um-a,.zl-um{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.um-a .b,.zl-um .b,.zl-dol .b{padding:5px 11px;font-size:12.5px}
.um code{font-size:11.5px;background:var(--s2);padding:1px 4px;border-radius:4px}

/* Osoby (/osoby) */
.os-tab{background:#fff;border-radius:12px;overflow:auto;box-shadow:0 1px 2px rgba(16,38,58,.06)}
.os-t{width:100%;border-collapse:collapse;font-size:13.5px}
.os-t th{text-align:left;font-size:11.5px;font-weight:700;color:var(--dim);padding:10px 12px;border-bottom:1px solid var(--linia);white-space:nowrap}
.os-t td{padding:9px 12px;border-bottom:1px solid #eef2f6;vertical-align:middle}
.os-t td .sm{display:block}
.os-t tbody tr{cursor:pointer}.os-t tbody tr:hover{background:var(--s1,#f6f8fb)}
.os-t tr:last-child td{border-bottom:0}
.os-t .num{text-align:right;white-space:nowrap}
.os-kto{display:flex;gap:10px;align-items:center;min-width:220px}.os-kto>span:last-child{display:flex;flex-direction:column;min-width:0}
.os-kto .av{width:30px;height:30px;font-size:11px;flex:none}
.os-st{display:inline-block;padding:2px 9px;border-radius:10px;font-size:12px;font-weight:600;background:#eef2f6;white-space:nowrap}
.os-ok{background:#e3f1d9;color:#3a6420}.os-wdr{background:#dcecf8;color:#0C6FA6}.os-url{background:#fdf3e1;color:#9a5c00}.os-zaw{background:#fbe0dc;color:#9b2c1f}
.os-po{color:#b3261e;font-weight:600}
.os-brak{color:#9a5c00}
.os-karta{position:fixed;top:var(--gora,56px);right:0;bottom:0;width:480px;max-width:100%;background:#fff;box-shadow:-8px 0 30px -12px rgba(16,38,58,.28);z-index:20;display:flex;flex-direction:column}
.os-kg{display:flex;gap:12px;align-items:center;padding:16px 18px;border-bottom:1px solid var(--linia)}
.os-kg>div{flex:1;min-width:0}.os-kg h2{margin:0;font-size:17px}.os-kg .av{width:42px;height:42px;font-size:14px}
.os-kb{overflow:auto;padding:4px 18px 24px}
.os-kb h3{font-size:13px;margin:18px 0 10px;color:var(--dim);font-weight:700}
.os-kb h4{font-size:13px;margin:4px 0 8px}
.os-link{display:flex;gap:6px;flex-wrap:wrap}.os-link .b{padding:5px 11px;font-size:12.5px}
.os-zad{list-style:none;margin:0;padding:0}.os-zad li{display:flex;flex-direction:column;padding:6px 0;border-bottom:1px solid #eef2f6}
.os-zad a{color:var(--tx);font-weight:600;text-decoration:none}.os-zad a:hover{color:var(--acc)}
.os-taj{font-family:ui-monospace,monospace;font-size:12.5px}
@media (max-width:720px){.os-t th:nth-child(n+5),.os-t td:nth-child(n+5){display:none}}
.os-po-b{display:inline-block;margin-right:8px;padding:1px 7px;border-radius:9px;background:#fbe0dc;color:#9b2c1f;font-size:11.5px;font-weight:700}

/* Ogłoszenia (/ogloszenia) */
.og-l{max-width:760px}
.og{background:#fff;border-radius:12px;padding:16px 20px 12px;margin-bottom:14px;box-shadow:0 1px 2px rgba(16,38,58,.06)}
.og-n{background:#f5f9fd}
.og-g{display:flex;gap:10px;align-items:center}
.og-g>div{flex:1;min-width:0;display:flex;flex-direction:column}
.og-g .av{width:34px;height:34px;font-size:12px}
.og-pin{color:var(--dim);display:inline-flex}
.og h2{margin:12px 0 6px;font-size:18px;letter-spacing:-.01em}
.og-t{font-size:14.5px;line-height:1.6}
.og-t img{max-width:100%;border-radius:8px}
.og-d{display:flex;align-items:center;gap:10px;margin-top:12px;padding-top:10px;border-top:1px solid #eef2f6}
.og-d .akc.lk{margin-left:-6px;font-size:13px}
.og-czyt{margin-left:auto;font-size:12.5px;color:var(--dim)}
.og-f{display:flex;flex-direction:column;gap:10px}
.og-tyt{border:0;border-bottom:1.5px solid var(--linia);font-size:18px;font-weight:700;padding:6px 0;outline:none;background:none}
.og-tyt:focus{border-color:var(--acc)}
.og-odb summary{cursor:pointer;font-size:13px;color:var(--dim)}.og-odb summary b{color:var(--tx)}
.og-chs{display:flex;flex-wrap:wrap;gap:6px 14px;margin:6px 0}
.og-ch{display:inline-flex;align-items:center;gap:6px;font-size:13px;cursor:pointer}
.og-fp{display:flex;align-items:center;gap:8px}.og-fp>span{flex:1}
.og-chl{font-size:11.5px;font-weight:700;color:var(--dim);width:56px}

/* Wiedza: wytyczne, szkolenia, baza, spotkania */
.wz-post{display:flex;align-items:center;gap:12px;margin:0 0 16px;max-width:560px}
.wz-bar{flex:1;height:8px;border-radius:5px;background:var(--linia);overflow:hidden}.wz-bar i{display:block;height:100%;background:#4E7F25;border-radius:5px}
.wz-post span{font-size:13px;color:var(--dim);white-space:nowrap}.wz-post b{color:var(--tx)}
.wz{display:grid;grid-template-columns:280px minmax(0,1fr);gap:16px;align-items:start}
.wz-l{background:#fff;border-radius:12px;padding:6px;display:flex;flex-direction:column;box-shadow:0 1px 2px rgba(16,38,58,.06);position:sticky;top:0}
.wz-l a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;color:var(--tx);text-decoration:none;font-size:13.5px}
.wz-l a:hover{background:var(--s2)}.wz-l a.on{background:#e8f1f8;font-weight:600}
.wz-t{flex:1;min-width:0;display:flex;flex-direction:column}.wz-t .sm{color:#9a5c00;font-weight:600}
.wz-n{width:22px;height:22px;border-radius:50%;display:inline-grid;place-items:center;font-size:11px;font-weight:700;flex:none;background:var(--s2);color:var(--dim)}
.wz-ok{background:#e3f1d9;color:#3a6420}.wz-nowe{background:#fdf3e1;color:#9a5c00}.wz-zm{background:#fdf3e1;color:#9a5c00}
.wz-c{background:#fff;border-radius:12px;padding:20px 24px;box-shadow:0 1px 2px rgba(16,38,58,.06);min-height:240px}
.wz-h{display:flex;align-items:flex-start;gap:8px}.wz-h h2{flex:1;margin:0 0 6px;font-size:20px;letter-spacing:-.01em}
.wz-tr{font-size:15px;line-height:1.65;margin-top:10px}.wz-tr img{max-width:100%;border-radius:8px}
.wz-info{background:#fdf3e1;color:#7a4a00;padding:8px 12px;border-radius:8px;font-size:13px}
.wz-d{margin-top:20px;padding-top:14px;border-top:1px solid #eef2f6}
.wz-f{display:flex;flex-direction:column;gap:10px}
.wz-wr{margin:0 0 12px;font-size:13px}.wz-wr a{color:var(--acc);text-decoration:none;display:inline-flex;align-items:center;gap:3px}
.wz-k{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.wz-kurs{background:#fff;border-radius:12px;padding:16px 18px;display:flex;flex-direction:column;gap:6px;color:var(--tx);text-decoration:none;box-shadow:0 1px 2px rgba(16,38,58,.06)}
.wz-kurs:hover{box-shadow:0 4px 14px -6px rgba(16,38,58,.25)}.wz-kurs b{font-size:15.5px}.wz-kurs .wz-post{margin:6px 0 0}
.bz-g{margin-bottom:22px}.bz-g h2{font-size:14px;margin:0 0 8px}
.bz-t a{color:var(--tx);text-decoration:none}.bz-t a:hover{color:var(--acc)}
.bz-kop{font-family:ui-monospace,monospace;font-size:12px}
.sp{display:flex;gap:16px;background:#fff;border-radius:12px;padding:16px 18px;margin-bottom:12px;box-shadow:0 1px 2px rgba(16,38,58,.06)}
.sp-d{width:54px;flex:none;display:flex;flex-direction:column;align-items:center;padding:6px 0;border-radius:10px;background:#e8f1f8;color:#10263a;height:fit-content}
.sp-d b{font-size:22px;line-height:1}.sp-d span{font-size:12px;text-transform:uppercase;font-weight:700}
.sp-t{flex:1;min-width:0}.sp-t h2{margin:0 0 2px;font-size:16px}.sp-t .opis-tresc{margin-top:8px}
.sp-a{display:flex;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap}.sp-a .b{padding:6px 14px}
.okno textarea{width:100%;border:1.5px solid var(--linia);border-radius:8px;padding:8px 10px;font:inherit;resize:vertical}
@media (max-width:900px){.wz{grid-template-columns:1fr}.wz-l{position:static}}
.bz-t{table-layout:fixed}.bz-t th:nth-child(1){width:34%}.bz-t th:nth-child(2){width:12%}.bz-t th:nth-child(3){width:18%}.bz-t th:nth-child(4){width:14%}.bz-t th:nth-child(6){width:48px}
.bz-t td{overflow-wrap:anywhere}

/* Start (pulpit) */
.st-p{max-width:1180px}
.st-zl{display:flex;align-items:center;gap:12px;background:#fdf3e1;color:#5a3a00;border-radius:12px;padding:12px 16px;margin:14px 0 4px;text-decoration:none}
.st-zl>span{flex:1;display:flex;flex-direction:column;gap:2px}
.st-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px;margin-top:18px;align-items:start}
.st-k{background:#fff;border-radius:12px;padding:14px 16px;box-shadow:0 1px 2px rgba(16,38,58,.06)}
.st-k header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.st-k h2{font-size:14.5px;margin:0;display:flex;align-items:center;gap:7px}.st-k h2 .cnt{margin-left:2px}
.st-k header a{font-size:12.5px;color:var(--acc);text-decoration:none}
.st-k h3{font-size:11.5px;font-weight:700;color:var(--dim);margin:10px 0 2px}
.st-w{display:flex;align-items:center;gap:10px;padding:8px 6px;margin:0 -6px;border-radius:8px;color:var(--tx);text-decoration:none}
.st-w:hover{background:var(--s2)}
.st-t{flex:1;min-width:0;display:flex;flex-direction:column}.st-t b{font-weight:600;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.st-d{display:flex;flex-direction:column;align-items:flex-end;font-size:12.5px;min-width:54px}.st-d.late b{color:#b3261e}
.st-og{display:flex;flex-direction:column;gap:2px;padding:9px 8px;margin:0 -8px;border-radius:8px;color:var(--tx);text-decoration:none}
.st-og:hover{background:var(--s2)}.st-og.nowe{background:#f5f9fd}
.st-og-t{color:#3d4756}
.st-wz{display:flex;flex-direction:column;gap:8px;padding:4px 0}.st-wz>b{font-size:28px;letter-spacing:-.02em}
.st-pusto{margin:6px 0}
@media (max-width:900px){.st-g{grid-template-columns:1fr}}
/* Spotkania z terminami (FormBuilder3PG) */
.sp-ter{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.sp-t1{display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:1.5px solid var(--linia);background:#fff;border-radius:10px;padding:8px 12px;cursor:pointer;font:inherit;color:var(--tx);text-align:left}
.sp-t1:hover:not(:disabled){border-color:var(--acc);background:#f5f9fd}.sp-t1 b{font-size:13.5px}.sp-t1 .sm{color:#3a6420}
.sp-t1:disabled{opacity:.55;cursor:default}.sp-t1:disabled .sm{color:var(--dim)}
.sp-moj{display:flex;align-items:center;gap:8px;margin-top:10px;padding:8px 12px;border-radius:10px;background:#e3f1d9;color:#2f511a;font-size:13.5px;flex-wrap:wrap}.sp-moj>span{flex:1}
.sp-f textarea,.sp-f>input[name=gdzie]{border:1.5px solid var(--linia);border-radius:8px;padding:8px 10px;font:inherit}
.sp-ws{display:flex;flex-direction:column;gap:6px}.sp-wl{display:flex;flex-direction:column;gap:6px}
.sp-w{display:grid;grid-template-columns:150px 112px 112px 76px minmax(0,1fr) 32px;gap:6px;align-items:center}
.sp-w input{border:1.5px solid var(--linia);border-radius:8px;padding:6px 8px;font:inherit;min-width:0}
.sp-ok{max-width:560px;width:100%;max-height:80vh;overflow:auto}.sp-ok section{margin-bottom:14px}.sp-ok h3{font-size:13.5px;margin:0 0 6px}
.sp-os{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 0;border-bottom:1px solid #eef2f6;font-size:13.5px}
@media (max-width:900px){.sp-w{grid-template-columns:1fr 1fr;}.sp-w input[name=link]{grid-column:1/-1}}

/* wyszukiwarka z paska */
.szuk{position:relative}
.szuk-l{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;color:var(--tx);border-radius:12px;box-shadow:0 12px 32px -8px rgba(16,38,58,.35);max-height:min(70vh,520px);overflow:auto;padding:6px;z-index:30}
.szuk-g{font-size:11px;font-weight:700;color:var(--dim);padding:8px 10px 3px}
.szuk-l a{display:flex;flex-direction:column;padding:7px 10px;border-radius:8px;color:var(--tx);text-decoration:none}
.szuk-l a b{font-weight:600;font-size:13.5px}.szuk-l a span{font-size:12px;color:var(--dim)}
.szuk-l a:hover,.szuk-l a.on{background:#e8f1f8}
.szuk-p{margin:10px;font-size:13px;color:var(--dim)}
/* Podręczniki – katalog (karty pionowe) i czytnik stron z notatkami */
.pd-k{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px}
.pd-b{background:#fff;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;color:var(--tx);text-decoration:none;box-shadow:0 1px 2px rgba(16,38,58,.06)}
.pd-b:hover{box-shadow:0 6px 18px -8px rgba(16,38,58,.3)}
.pd-ok{aspect-ratio:3/4;background:#e8eef4;display:block;overflow:hidden;border-bottom:1px solid #eef2f6}
.pd-ok img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.pd-t{display:block;padding:10px 12px 0;font-size:14px;line-height:1.3}
.pd-m{display:flex;gap:8px;flex-wrap:wrap;padding:4px 12px 0;font-size:12px;color:var(--dim)}
.pd-not{display:inline-flex;align-items:center;gap:3px;color:#7a4a00}
.pd-tem{display:block;padding:4px 12px 10px;font-size:12.5px;color:#3d4756}
.pd-cz{display:flex;align-items:center;gap:6px;padding:0 12px 8px;min-height:24px}.pd-cz .av{width:22px;height:22px;font-size:9px;box-shadow:0 0 0 2px #fff}
.pd-dos{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:auto;padding:8px 12px;border-top:1px solid #eef2f6;font-size:12px;color:var(--dim)}
.pd-dos>span{display:inline-flex;align-items:center;gap:4px}.pd-dos .akc{font-size:12px}
.pd-pr{font-style:normal;color:#9a5c00;font-weight:600}
.pd-zab{cursor:default}.pd-zab .pd-ok img{filter:grayscale(.7) opacity(.65)}
.pd-f{display:flex;flex-direction:column;gap:8px;padding-top:14px}.pd-f h3{margin:10px 0 0;font-size:13px}.pd-wsz{font-size:14px}
.pd-os{display:flex;flex-direction:column;gap:6px;max-height:40vh;overflow:auto}.pd-wyl{opacity:.45;pointer-events:none}
.pd-c{display:flex;flex-direction:column;height:100%;min-height:0;background:#e9edf1}
.pd-h{display:flex;align-items:center;gap:10px;padding:8px 14px;border-bottom:1px solid var(--linia);background:#fff;flex-wrap:wrap}
.pd-ht{flex:1;min-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.pd-g{display:inline-flex;align-items:center;gap:4px}
.pd-nr{font-size:13px;color:var(--dim);white-space:nowrap}.pd-nr input{width:62px;border:1.5px solid var(--linia);border-radius:6px;padding:3px 6px;font:inherit;text-align:right}
.pd-proc{min-width:46px;text-align:center;font-size:12.5px;font-weight:700;color:var(--dim)}
.pd-ntb{position:relative}.pd-ntb span{position:absolute;top:-2px;right:-4px;font-size:10px;font-weight:700;color:#7a4a00}
.pd-w{flex:1;min-height:0;display:flex}
.pd-s{flex:1;min-width:0;overflow:auto;outline:none;user-select:none;-webkit-user-select:none}
.pd-in{display:flex;flex-direction:column;align-items:center;gap:14px;padding:16px;min-width:min-content}
.pd-duzy{cursor:grab}.pd-ciag{cursor:grabbing}
.pd-p{margin:0;width:var(--pd-w,800px);flex:none;position:relative}
.pd-p img{display:block;width:100%;aspect-ratio:1/1.414;object-fit:contain;background:#fff;box-shadow:0 2px 10px -4px rgba(16,38,58,.3);-webkit-user-drag:none}
.pd-p:not([data-ok]) img{visibility:hidden}
.pd-p figcaption{display:flex;justify-content:space-between;align-items:center;padding:4px 2px;font-size:11.5px;color:var(--dim)}
.pd-dn{display:inline-flex;align-items:center;gap:3px;border:0;background:none;color:var(--dim);cursor:pointer;font:inherit;border-radius:6px;padding:2px 6px;opacity:.55}
.pd-dn:hover,.pd-manoty .pd-dn{opacity:1;color:#7a4a00;background:#fdf3e1}.pd-dn em{font-style:normal;font-weight:700}
.pd-err img{visibility:hidden}.pd-err::after{content:'Strona się nie wczytała – odświeżam przepustkę…';position:absolute;top:40%;left:0;right:0;text-align:center;font-size:13px;color:var(--dim)}
.pd-nt{display:none;width:320px;flex:none;background:#fff;border-left:1px solid var(--linia);flex-direction:column;min-height:0}
.pd-nt-on .pd-nt{display:flex}
.pd-nth{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 6px}.pd-nth h2{margin:0;font-size:15px}
.pd-ntl{flex:1;overflow:auto;padding:0 14px}
.pd-ntst{border:0;background:none;padding:10px 0 4px;font:inherit;font-size:11.5px;font-weight:700;color:var(--acc);cursor:pointer}
.pd-nn{background:#fdf8ec;border-radius:8px;padding:8px 10px;margin-bottom:6px;font-size:13.5px}.pd-nn p{margin:0 0 4px;white-space:normal}
.pd-nn>span{display:flex;gap:6px}.pd-nn .akc{font-size:11.5px}
.pd-ntp{margin:8px 0}
.pd-ntf{border-top:1px solid var(--linia);padding:10px 14px;display:flex;flex-direction:column;gap:6px}
.pd-ntf textarea{border:1.5px solid var(--linia);border-radius:8px;padding:8px 10px;font:inherit;resize:vertical}
.pd-ntf>div{display:flex;align-items:center;justify-content:space-between}
.pd-c:fullscreen{height:100vh}
/* 3. notatki na telefonie: arkusz od dołu (60% ekranu), książka widoczna nad nim */
.pd-ntx{display:none}
@media (max-width:900px){.pd-nt{position:fixed;inset:auto 0 0 0;height:60vh;width:auto;z-index:20;border-left:0;border-radius:16px 16px 0 0;box-shadow:0 -12px 34px -12px rgba(16,38,58,.35)}.pd-ntx{display:inline-flex}.pd-h .seg-m{display:none}}
.pd-dos>span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.pd-dos .akc{flex:none}
.pd-prl{display:block;padding:0 12px 8px;font-size:12px;font-weight:600;color:#9a5c00}

/* uchwyt przeciągania w tablicach – widoczny po najechaniu, tylko za niego chwyta się wiersz/sekcję */
.uchw{width:12px;height:20px;flex:none;margin:0 2px 0 -10px;cursor:grab;opacity:0;transition:opacity .12s;border-radius:3px;
  background-image:radial-gradient(circle,#8a94a3 1.3px,transparent 1.5px);background-size:6px 5px;background-position:center;background-repeat:repeat}
.lr:hover .uchw,.sec:hover .uchw,.uchw:focus{opacity:1}.uchw:hover{background-color:var(--s2)}.uchw:active{cursor:grabbing}
.ciagniety{opacity:.45}
.drop-przed{box-shadow:inset 0 2px 0 var(--acc)}.drop-po{box-shadow:inset 0 -2px 0 var(--acc)}.drop-w{background:#e8f1f8!important}
@media (hover:none){.uchw{display:none}}
.ev{display:block;color:#9aa3ad;font-size:11.5px;padding:2px 0 6px 2px;line-height:1.4}

/* Podręczniki: kafle poziome w liście z góry na dół + filtr dziedzin po prawej (uwaga usera 01.10.2026) */
.pd-uk{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:20px;align-items:start}
.pd-uk .pd-k{display:flex;flex-direction:column;gap:12px}
.pd-uk .pd-b{display:grid;grid-template-columns:96px minmax(0,1fr);grid-template-rows:auto;column-gap:16px;padding:12px;align-content:start}
.pd-uk .pd-ok{grid-row:1 / span 6;width:96px;aspect-ratio:3/4;border-radius:6px;border:1px solid #eef2f6}
.pd-uk .pd-t,.pd-uk .pd-m,.pd-uk .pd-tem,.pd-uk .pd-cz,.pd-uk .pd-dos,.pd-uk .pd-prl{grid-column:2;padding-left:0;padding-right:0}
.pd-uk .pd-t{padding-top:2px;font-size:15px}
.pd-uk .pd-dos{border-top:0;padding-top:4px;justify-content:flex-start;gap:12px;margin-top:2px}
.pd-fil{position:sticky;top:0;background:#fff;border-radius:12px;padding:12px;box-shadow:0 1px 2px rgba(16,38,58,.06)}
.pd-fil h3{margin:0 0 8px;font-size:12px;color:var(--dim);font-weight:700}
.pd-fd{display:flex;justify-content:space-between;width:100%;border:0;background:none;padding:6px 8px;border-radius:7px;font:inherit;font-size:13.5px;color:var(--tx);cursor:pointer;text-align:left}
.pd-fd span{color:var(--dim);font-size:12px}.pd-fd:hover{background:var(--s2)}.pd-fd.on{background:#e8f1f8;font-weight:600}
@media (max-width:900px){.pd-uk{grid-template-columns:1fr}.pd-fil{position:static;order:-1;display:flex;flex-wrap:wrap;gap:4px}.pd-fil h3{width:100%}.pd-fd{width:auto}}
.zl-panel{width:560px}.zl-f{display:flex;flex-direction:column;gap:8px;padding-top:12px}.zl-f input,.zl-f textarea{border:1.5px solid var(--linia);border-radius:8px;padding:7px 10px;font:inherit;width:100%}.zl-kh{margin:20px 0 6px!important}.zl-t h2 a{color:inherit;text-decoration:none}.zl-t h2 a:hover{color:var(--acc)}
.zl-kod{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.02em;color:#0C6FA6;background:#e8f1f8;border-radius:5px;padding:1px 6px;margin-bottom:3px}
.sec-zl{display:inline-flex;align-items:center;gap:4px;margin-left:10px;font-size:11.5px;font-weight:600;color:#0C6FA6;background:#e8f1f8;border-radius:6px;padding:1px 7px;text-decoration:none}.sec-bz{margin-left:10px;font-size:11px;color:#9a5c00}.sec-bz-ok{color:#4E7F25}.z-zl{display:inline-flex;color:#0C6FA6;margin-left:4px;opacity:.7}
.zl-tp{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;border-radius:8px;color:var(--tx);text-decoration:none;font-size:13.5px}.zl-tp:hover{background:var(--s2)}
.wn-pismo{display:flex;align-items:center;gap:10px;margin-top:6px}.wn-pismo a{display:inline-flex;align-items:center;gap:4px;color:var(--acc)}
.pd-filtr{display:flex;align-items:center;gap:8px;font-size:13px;color:#7a4a00;background:#fdf3e1;border-radius:8px;padding:7px 12px}.pd-filtr .akc{margin-left:auto}
/* wyszukiwarka – bogatsze wyniki (01.10.2026) */
.szuk-l{width:min(640px,calc(100vw - 32px));padding:6px 6px 0}
.szuk-g{display:flex;align-items:center;gap:6px;text-transform:none;letter-spacing:0}.szuk-g span{margin-left:auto;font-weight:600;color:#9aa3ad}
.szuk-l a{flex-direction:row;align-items:center;gap:10px}
.szuk-t{flex:1;min-width:0;display:flex;flex-direction:column}.szuk-t b,.szuk-t span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.szuk-l mark{background:#fdf0c4;color:inherit;border-radius:3px;padding:0 1px}
.szuk-ik{width:30px;height:30px;flex:none;border-radius:8px;background:#e8f1f8;color:#0C6FA6;display:grid;place-items:center}
.szuk-img{width:30px;height:40px;flex:none;border-radius:4px;overflow:hidden;background:#e8eef4;box-shadow:0 1px 3px rgba(16,38,58,.2)}.szuk-img img{width:100%;height:100%;object-fit:cover;object-position:top}
.szuk-av{width:30px;height:30px;font-size:11px;flex:none}
.szuk-l .st-m{flex:none}.szuk-l .zl-kod{flex:none;margin:0}
.szuk-st{position:sticky;bottom:0;display:flex;justify-content:space-between;gap:8px;padding:8px 10px;margin:6px -6px 0;border-top:1px solid #eef2f6;background:#fafbfc;font-size:11.5px;color:var(--dim)}
.szuk-st kbd{font:inherit;font-size:10.5px;border:1px solid var(--linia);border-bottom-width:2px;border-radius:4px;padding:0 4px;background:#fff;color:var(--tx)}
.szuk-pusto{display:flex;flex-direction:column;align-items:center;gap:4px;padding:26px 16px;color:var(--dim);text-align:center}.szuk-pusto b{color:var(--tx);font-size:14px}
.pd-szuk{display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--linia);border-radius:99px;padding:0 12px;background:#fff;min-width:260px;color:var(--dim)}
.pd-szuk:focus-within{border-color:var(--acc)}.pd-szuk input{border:0;outline:0;background:none;padding:8px 0;font:inherit;flex:1;color:var(--tx)}
.szuk-t b{color:var(--tx)}.szuk-t>span{color:var(--dim)}

/* Moje zadania – pasek narzędzi i kalendarz */
.mz-po{margin-left:10px;font-size:12px;font-weight:700;color:#9b2c1f;background:#fbe0dc;border-radius:9px;padding:2px 8px;vertical-align:middle}
.mz-kal{background:#fff;border-radius:12px;padding:12px;box-shadow:0 1px 2px rgba(16,38,58,.06)}
.mz-kh{display:flex;align-items:center;gap:8px;margin-bottom:10px}.mz-kh b{min-width:170px;text-align:center;text-transform:capitalize}
.mz-kg{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid #eef2f6;border-left:1px solid #eef2f6}
.mz-kd{font-size:11px;font-weight:700;color:var(--dim);padding:6px;border-right:1px solid #eef2f6;border-bottom:1px solid #eef2f6;text-transform:uppercase}
.mz-kc{min-height:96px;padding:4px;border-right:1px solid #eef2f6;border-bottom:1px solid #eef2f6;display:flex;flex-direction:column;gap:3px;min-width:0}
.mz-kc.inny{background:#fafbfc}.mz-kc.inny .mz-kn{color:#c0c6cd}.mz-kc.dzis .mz-kn{background:var(--acc);color:#fff;border-radius:99px;padding:0 6px}
.mz-kn{font-size:12px;font-weight:600;align-self:flex-start}
.mz-ke{font-size:11.5px;border-radius:5px;padding:2px 5px;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:900px){.mz-kc{min-height:64px}.mz-ke{font-size:10px}}

.tp-inp{position:fixed;z-index:50;opacity:0;width:1px;height:1px}
.s-odrz{background:#fbe0dc;color:#9b2a1a} /* odrzucony wniosek */

/* Pasek terminów (01.10.2026): werdykt → pasek → podpisane daty. Ton: ok (niebieski), warn ≤ 2 dni (pomarańcz), late (czerwień), done (zieleń). */
.tp{--tp:#1D6FD8;--tp-bg:#e3eefc;width:100%;display:flex;flex-direction:column;gap:5px;padding:2px 0}
.tp-warn{--tp:#B85500;--tp-bg:#fdebd6}.tp-late{--tp:#D42A43;--tp-bg:#fbe1e5}.tp-done{--tp:#00874E;--tp-bg:#d9f2e6}.tp-brak{--tp:#8a94a3;--tp-bg:#eef1f4}
.tp-w{align-self:flex-start;display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;color:var(--tp);background:var(--tp-bg);border-radius:99px;padding:1px 9px;line-height:19px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.tp-w .i{stroke-width:3}
.tp-ax{position:relative;height:8px;border-radius:99px;background:#e6eaef;margin:3px 5px}
.tp-f{position:absolute;left:0;top:0;bottom:0;border-radius:99px;background:var(--tp)}
.tp-l{position:absolute;top:0;bottom:0;border-radius:0 99px 99px 0;background:repeating-linear-gradient(-45deg,#D42A43 0 4px,#e9707f 4px 8px)}
.tp-m{position:absolute;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;background:#fff;border:2.5px solid #9aa4b2;border-radius:50%;box-sizing:border-box}
.tp-mk{border-radius:3px}
.tp-m.zal{background:var(--tp);border-color:var(--tp)}.tp-m.late{border-color:#D42A43;background:#fff}
.tp-dz{position:absolute;top:-4px;bottom:-4px;width:2px;margin-left:-1px;background:#10263a;border-radius:1px}
.tp-dz span{display:none}
.tp-d{display:flex;justify-content:space-between;gap:6px}
.tp-dt{display:inline-flex;align-items:baseline;gap:4px;border:0;background:none;font:inherit;font-size:12.5px;font-weight:700;color:var(--tx);padding:1px 4px;margin:0 -4px;border-radius:5px;cursor:pointer;font-variant-numeric:tabular-nums}
.tp-dt span{font-size:10.5px;font-weight:600;color:var(--dim);text-transform:none}
.tp-dt:hover:not(:disabled){background:#e8f1f8;color:var(--acc)}.tp-dt:disabled{cursor:default}
.tp-dt.late{color:#b3261e}.tp-dt.late span{color:#b3261e}
.lr.done .tp-w{opacity:1}

.c-st{display:flex;flex-direction:column;justify-content:center;line-height:1.25;font-size:13px;overflow:hidden;white-space:nowrap}.c-st .stw{display:flex;flex-direction:column;min-width:0}.c-st b{font-variant-numeric:tabular-nums}
/* pokrycie tekstów paczką (01.10.2026) */
.z-pk{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:700;border-radius:99px;padding:0 7px 0 5px;line-height:18px;white-space:nowrap}
.z-pk-brak{background:#fdebd6;color:#874600}.z-pk-ponad{background:#fbe1e5;color:#a3172d}
.sec-lp{font-size:11.5px;font-weight:700;border-radius:99px;padding:1px 8px;white-space:nowrap}
.sec-lp-ok{background:#d9f2e6;color:#0b6b3f}.sec-lp-w{background:#fdebd6;color:#874600}.sec-lp-z{background:#fbe1e5;color:#a3172d}
.zl-ump{display:flex;flex-direction:column;gap:6px;background:#f6f8fb;border-radius:10px;padding:12px 14px}
.zl-ump-g{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.zl-ump-a{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.zl-ump-a .b{padding:6px 12px;font-size:13px}

/* Kalendarz (01.10.2026): skróty po lewej, miesiąc po prawej; na telefonie arkusz od dołu */
.kal{position:fixed;z-index:60;display:flex;background:#fff;border-radius:14px;box-shadow:0 18px 50px -12px rgba(16,38,58,.35),0 0 0 1px rgba(16,38,58,.06);overflow:hidden;font-size:13px}
.kal-s{display:flex;flex-direction:column;gap:2px;padding:10px;background:#f6f8fb;min-width:150px}
.kal-s button{display:flex;flex-direction:column;align-items:flex-start;border:0;background:none;font:inherit;padding:7px 10px;border-radius:8px;cursor:pointer;text-align:left}
.kal-s button b{font-weight:700;color:var(--tx)}.kal-s button span{font-size:11.5px;color:var(--dim)}
.kal-s button:hover:not(:disabled){background:#e3eefc}.kal-s button:hover:not(:disabled) b{color:#1D6FD8}
.kal-s button:disabled{opacity:.38;cursor:not-allowed}
.kal-m{padding:12px 14px 10px;width:266px}
.kal-g{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.kal-g b{font-size:14px}
.kal-n{width:30px;height:30px;border:0;background:none;border-radius:8px;font-size:20px;line-height:1;cursor:pointer;color:var(--tx)}.kal-n:hover{background:#eef2f6}
.kal-t{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center}
.kal-t>span{font-size:11px;font-weight:700;color:var(--dim);padding:4px 0}
.kal-d{height:34px;border:0;background:none;border-radius:8px;font:inherit;font-weight:600;cursor:pointer;color:var(--tx);font-variant-numeric:tabular-nums}
.kal-d.we{color:#6b7684}.kal-d:hover:not(:disabled){background:#e3eefc;color:#1D6FD8}
.kal-d.dz{box-shadow:inset 0 0 0 1.5px #1D6FD8;color:#1D6FD8}
.kal-d.on{background:#1D6FD8;color:#fff;box-shadow:none}
.kal-d:disabled{color:#c3cad3;cursor:not-allowed;text-decoration:line-through;text-decoration-color:#d7dce2}
.kal-st{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding-top:8px;border-top:1px solid #eef2f6;min-height:26px}
.kal-z{font-size:11.5px;color:var(--dim)}.kal-x{border:0;background:none;font:inherit;font-size:12.5px;font-weight:600;color:var(--dim);cursor:pointer;padding:4px 8px;border-radius:6px}.kal-x:hover{background:#eef2f6;color:#b3261e}
input[type=date]{cursor:pointer}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer}
@media (max-width:640px){.kal{left:0!important;right:0;bottom:0;top:auto!important;border-radius:16px 16px 0 0;flex-direction:column}.kal-s{flex-direction:row;overflow-x:auto;min-width:0}.kal-s button{flex:none}.kal-m{width:auto}.kal-d{height:42px}}
.zl-flow em{font-style:normal;font-size:11.5px;font-weight:600;color:#8a94a3;font-variant-numeric:tabular-nums;margin-top:-2px}
.zl-flow em.teraz{color:var(--tx);font-weight:700}.zl-flow em.late{color:#b3261e}
@media (max-width:900px){.zl-flow em{display:none}.zl-flow span.n em{display:block;font-size:11px}}
/* werdykt paska po najechaniu na wiersz (uwaga usera 01.10.2026: nie zwiększać wysokości wiersza); bez najechania (telefon) zostaje w karcie */
@media (hover:hover) and (min-width:901px){
  .tp{position:relative}
  .tp-w{position:absolute;left:-4px;bottom:calc(100% - 2px);z-index:6;opacity:0;transform:translateY(3px);pointer-events:none;transition:opacity .12s,transform .12s;box-shadow:0 4px 14px -4px rgba(16,38,58,.25)}
  .lr:hover .tp-w,.tp:focus-within .tp-w{opacity:1;transform:none}
}
/* Pomoc (Helpdesk 3PG) */
.pm-l{display:flex;flex-direction:column;gap:6px;max-width:860px}
.pm-z{display:flex;align-items:center;gap:12px;justify-content:space-between;background:#fff;border-radius:12px;padding:12px 16px;text-decoration:none;color:var(--tx);box-shadow:0 1px 2px rgba(16,38,58,.06)}
.pm-z:hover{box-shadow:0 4px 14px -6px rgba(16,38,58,.25)}.pm-zt{display:flex;flex-direction:column;gap:2px;min-width:0}.pm-zt b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pm-odp textarea{width:100%;border:1px solid var(--linia);border-radius:10px;padding:10px 12px;font:inherit;resize:vertical}
.pm-w{display:flex;flex-direction:column;gap:10px;margin-top:14px}
.pm-m{border-radius:12px;padding:10px 14px;max-width:92%}.pm-m.ja{background:#eef4fb;align-self:flex-end}.pm-m.zespol{background:#e8f5ee;align-self:flex-start}
.pm-mh{display:flex;gap:8px;align-items:baseline;margin-bottom:4px}.pm-mt p{margin:0 0 6px}.pm-mt p:last-child{margin:0}
/* przesyłka DPD w umowie (01.10.2026) */
.dpd{margin-top:10px;padding-top:10px;border-top:1px solid #e3e8ee}
.dpd-g{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.dpd-n{display:inline-flex;align-items:center;gap:6px}.dpd-n b{font-variant-numeric:tabular-nums;letter-spacing:.02em}.dpd-kop{width:26px;height:26px}
.dpd-os{list-style:none;margin:10px 0 4px;padding:0 0 0 14px;position:relative}
.dpd-os::before{content:"";position:absolute;left:4px;top:6px;bottom:6px;width:2px;background:#dfe5ec;border-radius:1px}
.dpd-os li{position:relative;display:flex;gap:10px;padding:4px 0;font-size:13px;line-height:1.35}
.dpd-os li::before{content:"";position:absolute;left:-13px;top:9px;width:8px;height:8px;border-radius:50%;background:#c3ccd6}
.dpd-os li.ost::before{background:#1D6FD8;box-shadow:0 0 0 3px #dbe7f7}.dpd-os li.ost{font-weight:600}
.dpd-k{flex:none;width:86px;color:var(--dim);font-variant-numeric:tabular-nums}
.dpd-st{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:6px}
.dpd.dpd-skrot{flex-basis:calc(100% - 30px);min-width:0;flex-wrap:wrap;display:flex;align-items:center;gap:4px 8px;margin:6px 0 0 30px;padding:0;border:0;width:auto;color:inherit}

/* ===== MOBILE (01.10.2026, ocena przed /mobile-audit) ===== */
@media (max-width:900px){
  /* 1. panel zadania: szerokość z uchwytu (komputer) nie może przejść na telefon */
  .panel{width:auto!important;max-width:100vw}.panel .p-uchwyt{display:none}
  .panel .p-body,.panel .p-top{min-width:0}
}

/* 2. wyszukiwarka na telefonie */
.szuk-btn,.szuk-x{display:none}
@media (max-width:900px){
  .szuk-btn{display:inline-flex;color:#fff}
  body.szuk-on .szuk{display:flex;position:fixed;z-index:70;top:0;left:0;right:0;height:var(--gora);max-width:none;margin:0;border-radius:0;background:#10263a;padding:0 10px 0 16px}
  body.szuk-on .szuk input{font-size:16px}
  body.szuk-on .szuk-x{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;background:none;color:#fff;border-radius:10px}
  body.szuk-on .szuk-l{position:fixed;top:calc(var(--gora) + 6px);left:8px;right:8px;width:auto}
}
/* 4. Start: wiersze bez wypychania w bok */
.st-t{min-width:0;flex:1}.st-t b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:900px){
  .st-w{display:grid;grid-template-columns:10px minmax(0,1fr) auto;column-gap:10px;row-gap:5px;align-items:start}
  .st-w .sq{margin-top:5px}.st-w>.st{grid-column:2;grid-row:2;justify-self:start}.st-w .st-d{grid-column:3;grid-row:1/3;align-self:center}
}
/* 5. tabele os-t (Projekty, Wnioski, Osoby, Baza wiedzy) jako karty na telefonie; podpisy z data-l */
@media (max-width:900px){
  .os-tab{overflow:visible;background:transparent;box-shadow:none;border-radius:0}
  .os-t,.os-t tbody{display:block;width:100%}.os-t thead{display:none}
  .os-t tr{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;background:#fff;border-radius:12px;margin-bottom:8px;padding:12px 14px;box-shadow:0 1px 2px rgba(16,38,58,.06)}
  .os-t td{display:block;border:0!important;padding:0!important;font-size:13px;text-align:left!important;min-width:0}
  .os-t td:first-child,.os-t td.ot-pelna{flex-basis:100%}
  .os-t td.ot-pelna .sm{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .os-t td[data-l]::before{content:attr(data-l) " ";color:var(--dim);font-size:11.5px;font-weight:600;margin-right:3px}
  .os-t td:empty{display:none}
  .os-kto{min-width:0}
}
/* 7. cele dotyku na telefonie: min. 36–40 px */
@media (max-width:900px){
  #widok .ib,.os-karta .ib,.panel .ib{min-width:40px;min-height:40px}
  #widok .akc,.os-karta .akc{min-height:36px;padding-top:6px;padding-bottom:6px}
  #widok .b,.os-karta .b{min-height:40px}
  #widok .st[data-status],.panel .st[data-status]{min-height:32px}
  .tp-dt{min-height:32px}
  .seg-m button,.seg button{min-height:36px}
}

/* „tylko na komputerze” – komunikat na telefonie, funkcje desktopowe schowane */
.tk-info{display:none}
@media (max-width:900px){
  .tk{display:none!important}
  .tk-info{display:flex;gap:12px;align-items:flex-start;background:#eef3f9;border-radius:12px;padding:12px 14px;margin:0 0 12px;font-size:13px;color:#3d4756}
  .tk-info .i{flex:none;width:22px;height:22px;color:#17509f;margin-top:1px}.tk-info b{display:block;color:var(--tx);margin-bottom:2px}
  /* tablice: ustawienia, sekcje, przeciąganie, zaznaczanie wielu */
  #widocznosc,#nowaS,#zbior,.uchw,.zazn,.sec-akc{display:none!important}
  .tk-pad{padding-top:4px}
  /* projekty: bez przycisku dodawania */
  [data-pr="nowy"],[data-pr="nowe"]{display:none!important}
}
@media (max-width:900px){.mz-widok,#mzGr{display:none!important}}

/* ===== audyt mobile-audit navigation 01.10.2026 ===== */
@media (max-width:900px){
  /* pola 16 px – iOS nie powiększa ekranu przy dotknięciu (było 12,5–14,5 px) */
  input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{font-size:16px!important}
  /* konwersacja w panelach z wcięciem 18 px (zlecenie, wniosek) */
  .os-kb .feed{margin:0 -18px;padding:12px 18px}
}
@media (max-width:420px){
  /* górny rząd panelu zadania mieści się na 360 px */
  .panel .p-top{gap:2px;padding:6px 8px}.panel .p-top .suwak{margin-left:2px}.panel .p-top .suwak .et{display:none}
}

/* PWA: baner instalacji / powiadomień nad dolnym paskiem (01.10.2026) */
.pwa-ban{position:fixed;z-index:30;left:10px;right:10px;bottom:calc(var(--dol-h,64px) + 10px + env(safe-area-inset-bottom,0px));display:flex;gap:12px;align-items:flex-start;background:#10263a;color:#fff;border-radius:16px;padding:14px 12px 14px 14px;box-shadow:0 14px 40px -12px rgba(16,38,58,.5);transform:translateY(24px);opacity:0;transition:transform .22s,opacity .22s}
.pwa-ban.on{transform:none;opacity:1}
.pwa-ik{width:44px;height:44px;border-radius:11px;flex:none}
.pwa-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;font-size:13.5px;line-height:1.4}.pwa-t>b{font-size:15px}
.pwa-t span{color:#d3dce6}.pwa-t span b{color:#fff}.pwa-t .i{vertical-align:-3px}
.pwa-t .b{align-self:flex-start;margin-top:8px;background:#fff;color:#10263a}
.pwa-x{color:#fff;flex:none;margin:-6px -4px 0 0}
.push-st .push-a{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.push-st p{margin:0}
@media (min-width:901px){.pwa-ban{display:none}}
.chip-ar{font-size:10.5px;font-weight:700;color:#5b6570;background:#eef1f4;border-radius:99px;padding:0 6px;margin-left:6px}
.os-dek{width:100%;border-collapse:collapse;font-size:12.5px;margin-bottom:10px}.os-dek th{text-align:left;color:var(--dim);font-weight:600;padding:4px 6px;border-bottom:1px solid var(--linia)}.os-dek td{padding:4px 6px;border-bottom:1px solid #f0f2f5}
.dp-g{max-width:900px;margin-bottom:18px}.dp-g h2{font-size:14px;color:var(--dim);margin:0 0 8px}
.dp{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;background:#fff;border-radius:12px;padding:12px 14px;margin-bottom:6px;box-shadow:0 1px 2px rgba(16,38,58,.06)}
.dp-t{display:flex;flex-direction:column;gap:2px;min-width:0}.dp-t a{display:inline-flex;gap:4px;align-items:center;color:var(--acc);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dp-a{display:flex;gap:6px;align-items:flex-start}.dp-dane{grid-column:1/-1;display:flex;flex-direction:column;gap:6px;background:#f6f8fb;border-radius:10px;padding:10px 12px}
.dp-p{display:flex;align-items:center;gap:8px}.dp-p span{width:46px}.dp-p code{font-size:14px;background:#fff;border-radius:6px;padding:3px 8px;word-break:break-all}
.dp-w{font-weight:700;color:#17509f}.dp-w.ok{color:#0a6038}.dp-w.nikt{color:#7a3d00}.dp-os{display:flex;flex-direction:column;gap:4px;max-height:280px;overflow:auto;padding:4px 0}
.ng{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:12px;background:#fff;border-radius:12px;padding:12px 14px;margin-bottom:6px;max-width:860px;box-shadow:0 1px 2px rgba(16,38,58,.06)}
.ng-d{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#eef3f9;border-radius:10px;color:#17509f}.ng-d b{font-size:20px;line-height:1}.ng-d span{font-size:11px;font-weight:700;text-transform:uppercase}
.ng-t{display:flex;flex-direction:column;gap:3px;min-width:0}.ng-h{font-size:14px;color:var(--dim);margin:16px 0 8px}
.op-g{max-width:860px;margin-bottom:18px}.op-g h2{font-size:14px;margin:0 0 8px;display:flex;gap:8px;align-items:center}.op{display:flex;justify-content:space-between;gap:12px;background:#fff;border-radius:12px;padding:12px 16px;margin-bottom:6px;text-decoration:none;color:var(--tx);box-shadow:0 1px 2px rgba(16,38,58,.06)}.op:hover{box-shadow:0 4px 14px -6px rgba(16,38,58,.25)}

/* Zlecenia 01.10.2026 (kierunek A + C): czyj ruch, filtry, podgląd z osią, kreator, widok Redaktorzy */
.b-s{padding:5px 11px;font-size:12.5px}
.zl-filtry{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.zl-fi{border:1px solid var(--linia);background:#fff;border-radius:99px;padding:6px 13px;font:inherit;font-size:13px;cursor:pointer;color:var(--tx);min-height:34px}
.zl-fi b{font-variant-numeric:tabular-nums;margin-left:3px}.zl-fi b.late{color:#b3261e}
.zl-fi.on{background:#10263a;border-color:#10263a;color:#fff}.zl-fi.on b.late{color:#ffb4a6}
.zl-moj{box-shadow:inset 3px 0 0 var(--acc),0 1px 2px rgba(16,38,58,.06)}
.zl-krok{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;padding-top:10px;border-top:1px solid var(--linia2)}
.zl-kto{display:inline-block;font-size:11.5px;font-weight:700;padding:2px 9px;border-radius:99px;white-space:nowrap}
.zl-kto-koord{background:#e2eef7;color:#0b5a87}.zl-kto-redaktor{background:#fdecd2;color:#8a4b00}.zl-kto-biuro{background:#ebe7f8;color:#4b3a8f}
.zl-co{font-size:13.5px;font-weight:600;flex:1;min-width:180px}.zl-co.late,.late{color:#b3261e}
.zl-kp{display:flex;gap:6px;flex-wrap:wrap}
.zl-teraz{background:#fff7e8;border:1px solid #f1d6a2;border-radius:10px;padding:11px 13px;margin:12px 0 4px}
.zl-teraz.late{background:#fdeeeb;border-color:#f0c0b7}
.zl-teraz-k{font-size:11px;font-weight:800;letter-spacing:.04em;color:#8a4b00}.zl-teraz.late .zl-teraz-k{color:#b3261e}
.zl-teraz-c{font-weight:700;font-size:15px;margin:3px 0 9px}
.zl-teraz-a{display:flex;gap:6px;flex-wrap:wrap}
.zl-os{list-style:none;margin:12px 0 6px;padding:0;font-size:13px}
.zl-os li{display:grid;grid-template-columns:18px 1fr auto;gap:8px;align-items:center;padding:6px 0;border-bottom:1px dashed var(--linia)}
.zl-os i{width:12px;height:12px;border-radius:50%;border:2px solid #b9c3cc}
.zl-os li.d i{background:#4E7F25;border-color:#4E7F25}.zl-os li.n{font-weight:700}.zl-os li.n i{border-color:var(--acc);box-shadow:0 0 0 3px #d6e8f5}
.zl-os .w{color:var(--dim);font-size:12px;text-align:right}
.zl-wiz{display:flex;gap:6px;margin:12px 0 4px}.zl-wiz span{flex:1;font-size:12px;padding:6px 9px;border-radius:8px;background:var(--s2);color:var(--dim)}
.zl-wiz span.on{background:#10263a;color:#fff;font-weight:700}.zl-wiz span.d{background:var(--ok-p);color:#3d6a1d}
.zl-wyb{display:flex;flex-direction:column;border:1px solid var(--linia);border-radius:9px;max-height:300px;overflow:auto}
.zl-wyb label{display:grid;grid-template-columns:20px 1fr auto;gap:8px;align-items:center;padding:8px 10px;border-bottom:1px solid var(--linia2);font-size:13.5px;cursor:pointer}
.zl-wyb em{font-style:normal;font-size:11.5px;color:var(--dim)}
.zl-hint{color:#3d6a1d;margin:0}
.zl-pods{display:flex;flex-direction:column;gap:2px;background:var(--s2);border-radius:9px;padding:10px 12px;font-size:13px}
.zl-pod{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}
.zl-pod>div,.zl-pod>a{background:#fff;border-radius:10px;padding:10px 12px;font-size:12px;color:var(--dim);box-shadow:0 1px 2px rgba(16,38,58,.06)}
.zl-pod b{display:block;font-size:18px;color:var(--tx);font-variant-numeric:tabular-nums}
.zl-ros{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 2px rgba(16,38,58,.06)}
.zl-ros-r{display:grid;grid-template-columns:minmax(190px,1.4fr) 90px minmax(170px,1.4fr) 110px 80px 100px;gap:10px;padding:10px 14px;border-bottom:1px solid var(--linia2);align-items:center;font-size:13px;cursor:pointer}
.zl-ros-r:not(.h):hover{background:#f7f9fb}
.zl-ros-r.h{background:#fafbfc;color:var(--dim);font-size:11.5px;font-weight:600;cursor:default}
.zl-ros-r .who{display:flex;align-items:center;gap:8px;font-weight:600;min-width:0}.zl-ros-r .who .av{width:26px;height:26px;font-size:10px;flex:none}
.zl-ros-r>span:nth-child(3){display:flex;flex-direction:column;gap:3px}
.zl-obc{height:7px;border-radius:4px;background:#e9edf1;overflow:hidden}.zl-obc span{display:block;height:100%;background:#4E7F25}
.zl-obc-w span{background:#1E5AA8}.zl-obc-z span{background:#C4371F}
.zl-ros-x{background:#f9fbfc;padding:6px 14px 12px 48px;border-bottom:1px solid var(--linia)}
.zl-ros-z{padding:8px 0;border-bottom:1px dashed var(--linia)}.zl-ros-z>a{font-weight:600;color:var(--tx)}.zl-ros-z .zl-krok{margin-top:4px;padding-top:0;border:0}
.zl-ros-x>.b{margin-top:10px}
@media (max-width:900px){
  .zl-pod{grid-template-columns:1fr 1fr}
  .zl-ros-r.h{display:none}
  .zl-ros-r{grid-template-columns:1fr 1fr;gap:4px 10px}
  .zl-ros-r .who{grid-column:1/-1}
  .zl-ros-r>span[data-l]::before{content:attr(data-l) ": ";color:var(--dim);font-size:11.5px}
  .zl-ros-x{padding-left:14px}
  .zl-co{min-width:0;flex-basis:100%}
}
.kto-p{cursor:pointer;border-bottom:1px dotted #9aa5b2}.kto-p:hover{border-bottom-color:currentColor}
.dk-kafle{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 14px}
.dk-k{display:flex;flex-direction:column;gap:2px;background:var(--ok-p);border-radius:10px;padding:10px 12px}.dk-k b{font-size:16px}
.dk-k.brak{background:#fdecd2}.dk-k.brak b{color:#8a4b00}
.dk-t{margin-top:6px}

.zl-pod{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
.zl-pod-d{background:var(--ok-p)!important;color:#3d6a1d!important;text-decoration:none}.zl-pod-d.brak{background:#fdecd2!important;color:#8a4b00!important}.zl-pod-d b{color:inherit!important}

.toast-c{pointer-events:auto;margin-left:14px;background:none;border:0;color:#8fd0ff;font:inherit;font-weight:700;cursor:pointer;padding:2px 4px;text-decoration:underline}

.zl-odcz{display:inline-flex;align-items:center;gap:5px;margin-top:5px;font-size:11.5px;font-weight:600;color:#8a94a3;background:var(--s2);border-radius:99px;padding:2px 9px 2px 2px;width:max-content}
.zl-odcz .av{width:18px!important;height:18px!important;font-size:8px!important;filter:grayscale(1);opacity:.55}
.zl-odcz.on{color:#3d6a1d;background:var(--ok-p)}.zl-odcz.on .av{filter:none;opacity:1}