/* Wspólne elementy obu wersji panelu: blok „Następny krok”, harmonogram, zwarte listy. */
.nk{background:linear-gradient(180deg,rgba(232,163,61,.09),rgba(232,163,61,.02));border:1px solid rgba(232,163,61,.32);border-radius:12px;padding:14px 16px}
.nk-e{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--zloto)}
.nk-e span{color:var(--slaby);font-weight:600;letter-spacing:.02em;text-transform:none}
.nk-t{margin-top:8px;font-size:15px;line-height:1.45;color:var(--tekst)}
.nk-t p+p{margin-top:6px}
.nk-t b{color:var(--zloto);font-weight:700}
.nk-t .nk-d{background:rgba(245,192,106,.16);color:var(--zloto);border-radius:5px;padding:0 5px;font-weight:700;white-space:nowrap}
.nk-brak{color:var(--szept);font-style:italic}
.nk-f{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
.nk-p{background:rgba(0,0,0,.18);border:1px solid var(--linia);border-radius:9px;padding:8px 10px;min-width:0}
.nk-p span{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--slaby);font-weight:700}
.nk-p b{display:block;font-size:15px;font-weight:700;margin-top:2px;line-height:1.25}
.nk-p i{display:block;font-style:normal;font-size:12px;color:var(--szept);margin-top:2px;line-height:1.3}
.nk-p.uw{border-color:rgba(245,192,106,.55)}.nk-p.uw b,.nk-p.uw i{color:var(--zloto)}
.nk-p.zle{border-color:rgba(239,111,108,.6);background:rgba(239,111,108,.08)}.nk-p.zle b,.nk-p.zle i{color:var(--czerwien)}
.nk-p.pil b{color:var(--zloto)}.nk-p.ok b{color:var(--zielen)}
.nk-b{margin-top:10px;font-size:12px;color:var(--czerwien);display:flex;flex-wrap:wrap;gap:5px;align-items:center}
.nk-b span{border:1px solid rgba(239,111,108,.45);border-radius:99px;padding:1px 8px}
@media(max-width:480px){.nk-f{grid-template-columns:1fr 1fr}.nk-f .nk-p:last-child{grid-column:1/-1}}

/* Harmonogram */
.hm-pasek{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.hm-pasek h3{font-size:17px;font-weight:700;margin:0 0 0 4px;text-transform:none;letter-spacing:0;color:var(--tekst)}
.hm-tryb,.hm-nav{display:inline-flex;background:var(--karta);border:1px solid var(--linia);border-radius:10px;padding:3px;gap:2px}
.hm-tryb button,.hm-nav button{padding:5px 11px;border-radius:7px;color:var(--szept);font-weight:600;font-size:13px}
.hm-tryb button.on{background:rgba(232,163,61,.16);color:var(--zloto)}
.hm-nav button:hover,.hm-tryb button:hover{color:var(--tekst)}
.hm-sum{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px;font-size:12.5px;color:var(--szept)}
.hm-sum span{background:var(--karta);border:1px solid var(--linia);border-radius:99px;padding:3px 10px}
.hm-sum b{color:var(--tekst)}
.hm-sum span.pil{border-color:rgba(239,111,108,.45);color:#ffb3b1}.hm-sum span.pil b{color:var(--czerwien)}
.hm-tydz{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;align-items:start}
.hm-dz{background:var(--karta);border:1px solid var(--linia);border-radius:12px;padding:8px;min-height:180px;min-width:0}
.hm-dz.dzis{border-color:rgba(232,163,61,.6);box-shadow:0 0 0 1px rgba(232,163,61,.25) inset}
.hm-dz.minal{opacity:.72}
.hm-nag{display:flex;align-items:baseline;gap:6px;padding:2px 4px 8px;border-bottom:1px solid var(--linia);margin-bottom:6px}
.hm-nag span{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--slaby);font-weight:700}
.hm-nag b{font-size:14px}.hm-nag em{margin-left:auto;font-style:normal;font-size:10.5px;font-weight:700;color:#15181d;background:var(--zloto);border-radius:99px;padding:0 7px}
.hm-z{display:grid;grid-template-columns:18px minmax(0,1fr);gap:6px;padding:6px 5px;border-radius:8px;font-size:12.5px;line-height:1.3}
.hm-z.klik{cursor:pointer}.hm-z.klik:hover{background:rgba(255,255,255,.05)}
.hm-z b{display:block;font-weight:600;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.hm-z small{display:block;color:var(--slaby);font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hm-z.pil{background:rgba(239,111,108,.09);box-shadow:inset 2px 0 0 var(--czerwien)}
.hm-z.zr b{font-weight:500;color:var(--szept)}
.hm-zrob summary{cursor:pointer;font-size:12px;color:var(--slaby);padding:5px;list-style:none}
.hm-zrob summary::-webkit-details-marker{display:none}
.hm-zrob summary:hover{color:var(--tekst)}
.hm-pusto{color:var(--slaby);text-align:center;padding:14px 0;font-size:12px}
.hm-mies{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.hm-dn{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--slaby);font-weight:700;padding:0 6px}
.hm-kom{background:var(--karta);border:1px solid var(--linia);border-radius:10px;padding:6px;min-height:104px;text-align:left;display:flex;flex-direction:column;gap:3px;min-width:0;cursor:pointer;color:var(--tekst);font:inherit}
.hm-kom:hover{border-color:var(--bursztyn)}
.hm-kom.dzis{border-color:rgba(232,163,61,.7);background:rgba(232,163,61,.07)}
.hm-kom.minal{opacity:.6}.hm-kom.obcy{opacity:.35}
.hm-nr{font-weight:700;font-size:13px}.hm-kom.dzis .hm-nr{color:var(--zloto)}
.hm-m{font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:rgba(255,255,255,.04);border-radius:5px;padding:1px 5px}
.hm-m.pil{background:rgba(239,111,108,.14);color:#ffb3b1}
.hm-wiecej,.hm-zr{font-size:11px;color:var(--slaby)}
.hm-kropki{display:none;gap:3px}.hm-kropki i{width:6px;height:6px;border-radius:50%;background:var(--zloto)}.hm-kropki i.pil{background:var(--czerwien)}
.hm-uw{font-size:12px;color:var(--slaby);margin-top:8px}
@media(max-width:1000px){.hm-tydz{grid-template-columns:1fr}.hm-dz{min-height:0}.hm-dz.minal:not(.dzis){padding-bottom:4px}}
@media(max-width:720px){.hm-kom{min-height:58px;padding:5px}.hm-m,.hm-wiecej,.hm-zr{display:none}.hm-kropki{display:flex;margin-top:auto}.hm-mies{gap:4px}}

/* Zwarte listy w wersji pełnej (jak w kompaktowej) */
.kompakt .grupa{margin-top:16px;min-width:0}
.kompakt .grupa h2{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--slaby);font-weight:700;margin:0 0 6px 10px;display:flex;gap:8px;align-items:center}
.kompakt .grupa h2 .ile{background:var(--karta2);color:var(--szept);border-radius:99px;padding:0 7px}
.kompakt .grupa.dzis h2{color:var(--zloto)}
.kompakt .wiersze{background:var(--karta);border:1px solid var(--linia);border-radius:12px;overflow:hidden}
.kompakt .wr{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 12px;border-top:1px solid var(--linia)}
.kompakt .wr:first-child{border-top:0}
.kompakt .wr.klik{cursor:pointer}.kompakt .wr.klik:hover{background:var(--karta2)}
.kompakt .wr.pil{box-shadow:inset 3px 0 0 var(--czerwien)}
.kompakt .wr .ik{text-align:center;font-size:15px}
.kompakt .wr .gl{min-width:0}
.kompakt .wr .t1{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kompakt .wr .t1 small{color:var(--slaby);font-weight:500;margin-left:6px}
.kompakt .wr .t2{color:var(--szept);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
.kompakt .wr .pr{text-align:right;font-size:12px;color:var(--slaby);white-space:nowrap}
.kompakt .wr .pr.pilne{color:var(--czerwien);font-weight:600}
.kompakt .pusto{padding:14px;color:var(--slaby);font-size:13px}
.kompakt .kafle{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.kompakt .kafle button{background:var(--karta);border:1px solid var(--linia);border-radius:12px;padding:12px 14px;text-align:left;color:var(--tekst);font:inherit;cursor:pointer}
.kompakt .kafle button:hover{border-color:var(--bursztyn)}
.kompakt .kafle b{display:block;font-size:22px;letter-spacing:-.02em}.kompakt .kafle span{font-size:12px;color:var(--slaby)}
.kompakt .dwie{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(max-width:820px){.kompakt .dwie{grid-template-columns:1fr}.kompakt .kafle{grid-template-columns:1fr 1fr}}

/* „⋯ pokaż wszystkie” pod listą */
.wiersze .wiecej{display:block;width:100%;padding:9px 12px;border-top:1px solid var(--linia);text-align:center;font-size:12.5px;font-weight:600;color:var(--zloto);background:transparent;cursor:pointer;font-family:inherit}
.wiersze .wiecej:hover{background:rgba(232,163,61,.07)}
.kompakt .kafel-p{background:var(--karta);border:1px solid var(--linia);border-radius:12px;padding:12px 14px;min-width:0}
.kompakt .kafel-p b{display:block;font-size:22px;letter-spacing:-.02em}.kompakt .kafel-p span{display:block;font-size:12px;color:var(--szept)}
.kompakt .kafel-p small{display:block;font-size:11.5px;color:var(--slaby);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Lista klientów: nagłówki grup wyraźne, wiersze wyśrodkowane w pionie, firma w jednej linii */
.tabela tr td,.tab tr td{vertical-align:middle}
.tabela td .maly,.tab td .mal{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tabela td b,.tab td b{white-space:nowrap}
tr.grupa-kl td,.tab tr.gr td{background:linear-gradient(90deg,rgba(232,163,61,.16),rgba(232,163,61,.03))!important;color:var(--zloto)!important;font-size:12px!important;font-weight:800;
  text-transform:uppercase;letter-spacing:.07em;padding:14px 12px 9px!important;border-top:2px solid rgba(232,163,61,.45);border-bottom:1px solid rgba(232,163,61,.25)}
tr.grupa-kl td .znacznik,.tab tr.gr .ile{background:rgba(232,163,61,.2)!important;color:var(--zloto)!important;border:0;border-radius:99px;padding:1px 8px;margin-left:6px}
.nk-t .nk-url{display:block;width:fit-content;max-width:100%;overflow-wrap:anywhere;margin:4px 0;padding:3px 9px;border-radius:7px;background:rgba(110,168,254,.1);border:1px solid rgba(110,168,254,.3);color:var(--niebieski);font-size:14px;font-weight:600;text-decoration:none}
.nk-t .nk-url::before{content:"🔗 "}
.nk-t .nk-url:hover{background:rgba(110,168,254,.18);text-decoration:none}
.kpi.k3,.kompakt .kafle.k3{grid-template-columns:repeat(3,minmax(0,1fr))}