/* Zadania w przegladarce na telefonie — 1:1 z aplikacja (Mateusz, 2.10). Wlasne style, bez Tailwinda (ten w panelu jest przyciety). */
.zk{font-family:inherit;color:#0f172a;-webkit-tap-highlight-color:transparent}
.zk *{box-sizing:border-box}
.zk-tabs{display:flex;gap:4px;margin:0 0 10px;border-bottom:2px solid #e2e8f0}
.zk-tab{flex:1;background:none;border:0;padding:10px 4px;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#64748b;border-bottom:3px solid transparent;margin-bottom:-2px}
.zk-tab.on{color:#047857;border-bottom-color:#047857}
.zk-naglowek{display:flex;align-items:center;gap:6px;margin:6px 0}
.zk-naglowek .zk-strz{width:44px;height:40px;border:0;border-radius:10px;background:#e2e8f0;font-size:18px;font-weight:700;color:#334155}
.zk-naglowek .zk-tytul{flex:1;text-align:center;font-weight:800;font-size:16px}
.zk-przel{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin:6px 0 10px}
.zk-przel button{border:0;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:600;background:#e2e8f0;color:#334155}
.zk-przel button.on{background:#2563eb;color:#fff}
.zk-przel button.zolty{background:#fde68a;color:#0f172a}
.zk-siatka{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.zk-dz{font-size:11px;text-align:center;color:#94a3b8;padding:2px 0}
.zk-dz.wk{color:#dc2626}
.zk-kaf{background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-height:84px;padding:6px 2px;text-align:center;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px}
.zk-kaf.tydz{min-height:120px}
.zk-kaf.wyb{background:#dbeafe;border:2px solid #2563eb}
.zk-kaf.dzis{background:#fff7ed;border-color:#f97316}
.zk-kaf.wk{background:#f8fafc}
.zk-kaf .n{font-size:14px;font-weight:600}
.zk-kaf .n.obcy{color:#cbd5e1}.zk-kaf .n.wk{color:#dc2626}.zk-kaf .n.dzis{font-weight:800}
.zk-kaf .rz{display:flex;justify-content:center;gap:1px;flex-wrap:wrap;max-width:100%}
.zk-aw{width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:9px;font-weight:800;overflow:hidden;border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
.zk-aw img{width:100%;height:100%;object-fit:cover}
.zk-aw.m{width:16px;height:16px;font-size:7px}
.zk-aw.d{width:28px;height:28px;font-size:11px}
.zk-kaf .lic{font-size:10px;color:#2563eb;font-weight:700}.zk-kaf .lic.del{color:#b45309}
.zk-kaf .wp{font-size:10px;color:#b45309}
.zk-sek{font-size:10px;font-weight:700;letter-spacing:.06em;color:#94a3b8;text-transform:uppercase;margin:16px 0 6px}
.zk-karta{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:12px 14px;margin-bottom:10px}
.zk-karta.done{background:#dcfce7}.zk-karta.unf{background:#ffedd5}.zk-karta.fail{background:#fee2e2}.zk-karta.wpis{border-style:dashed;background:#fffbeb}
.zk-karta .t{font-size:15px;font-weight:800}
.zk-karta .r{font-size:13px;color:#334155;margin-top:2px}
.zk-karta .d{font-size:12px;color:#64748b;margin-top:2px}
.zk-karta .lu{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:12px;color:#334155}
.zk-karta .lu .rz{display:flex}
.zk-karta .lu .rz .zk-aw{margin-right:-6px}
.zk-btns{display:flex;gap:6px;margin-top:12px}
.zk-btns button{flex:1;border:0;border-radius:6px;padding:11px 4px;font-size:12px;font-weight:800;background:#f1f5f9;color:#334155}
.zk-btns button.ziel{background:#047857;color:#fff}
.zk-btns button.szar{background:#e2e8f0;color:#334155}
.zk-btns button.nieb{background:#dbeafe;color:#1d4ed8}
.zk-pusto{text-align:center;color:#94a3b8;font-size:13px;padding:20px 0}
.zk-kolo{display:inline-block;width:22px;height:22px;border:3px solid #cbd5e1;border-top-color:#2563eb;border-radius:50%;animation:zkobr .8s linear infinite;margin:14px auto}
@keyframes zkobr{to{transform:rotate(360deg)}}
/* okna */
.zk-tlo{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:9000;display:flex;align-items:flex-end;justify-content:center;padding:0}
@media(min-width:640px){.zk-tlo{align-items:center;padding:16px}}
.zk-okno{background:#fff;width:100%;max-width:560px;max-height:92vh;border-radius:18px 18px 0 0;display:flex;flex-direction:column;overflow:hidden}
@media(min-width:640px){.zk-okno{border-radius:18px}}
.zk-okno .zk-h{padding:14px 18px;font-size:17px;font-weight:800;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;gap:10px}
.zk-okno .zk-h .x{border:0;background:#f1f5f9;width:34px;height:34px;border-radius:50%;font-size:18px;color:#475569;flex-shrink:0}
.zk-okno .zk-b{padding:12px 18px;overflow-y:auto;flex:1;min-height:0;-webkit-overflow-scrolling:touch}
.zk-okno .zk-f{padding:10px 14px;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:8px;background:#f8fafc}
.zk-okno .zk-f button{border:0;border-radius:10px;padding:11px 16px;font-size:13px;font-weight:800;background:#e2e8f0;color:#334155}
.zk-okno .zk-f button.g{background:#047857;color:#fff}
.zk-okno .zk-f button.b{background:#2563eb;color:#fff}
.zk-okno .zk-f button.r{background:#e11d48;color:#fff}
.zk-et{font-size:10.5px;letter-spacing:.06em;color:#94a3b8;text-transform:uppercase;margin:14px 0 2px}
.zk-w{font-size:15px;color:#0f172a;white-space:pre-wrap;word-break:break-word}
.zk-w.duza{font-size:17px;font-weight:700}
.zk-link{color:#1d4ed8;font-weight:700;text-decoration:none;font-size:14px;display:block;padding:6px 0}
.zk-plik{display:block;color:#2563eb;font-size:13px;padding:7px 0;text-decoration:none}
.zk-pasek{display:flex;gap:8px;margin:14px 0 4px}
.zk-pasek button{flex:1;border:0;border-radius:6px;padding:12px 6px;font-size:13px;font-weight:800}
.zk-pasek .f{background:#dbeafe;color:#1d4ed8}.zk-pasek .o{background:#2563eb;color:#fff}
.zk-przyc{display:flex;gap:8px;margin-top:6px}
.zk-przyc a,.zk-przyc button{flex:1;border:1px solid #cbd5e1;background:#fff;border-radius:8px;padding:10px 6px;font-size:13px;font-weight:700;color:#ea580c;text-align:center;text-decoration:none}
.zk-in{width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:11px 12px;font-size:15px;background:#fff}
.zk-in:focus{outline:2px solid #93c5fd;border-color:#2563eb}
textarea.zk-in{min-height:84px;resize:vertical}
.zk-2{display:flex;gap:10px}.zk-2>*{flex:1}
.zk-lista button,.zk-lista a{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #f1f5f9;background:none;padding:14px 4px;font-size:15px;color:#0f172a;text-decoration:none}
.zk-lista button:active{background:#f1f5f9}
.zk-chk{display:flex;align-items:center;gap:10px;padding:9px 2px;font-size:14px}
.zk-chk input{width:20px;height:20px}
.zk-mat{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:14px}
.zk-mat span{flex:1}.zk-mat b{color:#dc2626;font-size:12px;font-weight:700}
.zk-dod{color:#047857;font-weight:700;font-size:14px;padding:10px 0;background:none;border:0}
.zk-sklad{color:#1d4ed8;font-weight:700;font-size:12px;letter-spacing:.04em;text-transform:uppercase;background:none;border:0;padding:14px 0 4px;text-align:left}
.zk-toast{position:fixed;left:50%;bottom:84px;transform:translateX(-50%);background:#1e293b;color:#fff;padding:12px 18px;border-radius:10px;font-size:14px;z-index:9500;max-width:92vw;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.zk-toast.bl{background:#b91c1c}
.zk-zal{border-left:4px solid #e11d48}
.zk-tag{display:inline-block;padding:3px 8px;border-radius:8px;font-size:10px;font-weight:800;color:#fff;background:#e11d48}
.zk-tag.n{background:#2563eb}.zk-tag.z{background:#047857}
.zk-notka{font-size:12px;background:#fffbeb;color:#92400e;border-radius:8px;padding:8px 10px;margin-top:8px;white-space:pre-wrap}