/* TABLICA: style komponentu public/tablica.js (14.09.2026).
   Tylko klasy z prefiksem tb-, zadnych regul na body, header ani na klasach stron. Kolor akcentu:
   --tb-akcent ustawiany przez strone, inaczej paleta marki wstrzykiwana przez serwer (--mk),
   inaczej zielen. Uklad: powyzej 980 px trzy kolumny, 821 do 980 px dwie (prawa pod spodem),
   do 820 px jedna, a linki lewej kolumny jako poziomy pasek nad tablica. Linki nigdy nie znikaja
   z dokumentu, zmienia sie tylko uklad. */
.tb-sekcja,.tb-tablica,.tb-okno{--tb-a:var(--tb-akcent,var(--mk,#4e9a06))}
.tb-sekcja{max-width:1240px;margin:22px auto 8px;padding:0 18px;box-sizing:border-box;text-align:left}
.tb-uklad{display:grid;grid-template-columns:220px minmax(0,1fr) 260px;grid-template-areas:"l s p";gap:22px;align-items:start}
.tb-lewa{grid-area:l;min-width:0}
.tb-srodek{grid-area:s;min-width:0}
.tb-prawa{grid-area:p;min-width:0}
.tb-naglowek{font-size:12.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted,#5a6783);margin:0 0 8px;font-weight:800}
.tb-linki{display:flex;flex-direction:column;gap:2px;margin:0 0 16px}
.tb-linki a{display:block;padding:8px 11px;border-radius:10px;color:var(--ink,#0f172a);text-decoration:none;font-weight:700;font-size:14px;line-height:1.3}
.tb-linki a:hover{background:rgba(127,127,127,.1);color:var(--tb-a)}
.tb-karty a{border:1px solid var(--line,#e3e8f2);background:var(--panel,#fff);margin-bottom:6px}
.tb-opis{display:block;font-weight:500;font-size:12.5px;color:var(--muted,#5a6783);margin-top:2px}
.tb-kafle{margin:0 0 16px}
.tb-kafel{display:flex;gap:9px;align-items:center;border:1px solid var(--line,#e3e8f2);border-radius:12px;padding:8px;margin-bottom:8px;background:var(--panel,#fff);text-decoration:none;color:var(--ink,#0f172a)}
.tb-kafel:hover{border-color:var(--tb-akcent,#4e9a06)}
.tb-kafel-img{width:52px;height:40px;border-radius:8px;object-fit:cover;flex:0 0 auto;background:#e7edf6}
.tb-kafel-t{font-size:13px;font-weight:700;line-height:1.25;display:block}
.tb-kafel-p{font-size:11.5px;color:var(--muted,#5a6783)}
.tb-kafel-wiecej{display:block;text-align:center;font-size:12.5px;font-weight:800;color:var(--tb-akcent,#3f7a12);text-decoration:none;padding:6px 0}

/* ── tablica ── */
.tb-tablica{min-width:0;color:var(--ink,#0f172a)}
.tb-tytul{font-size:20px;font-weight:800;margin:0 0 12px;line-height:1.2}
.tb-stan{color:var(--muted,#5a6783);font-size:14px;margin:0}
.tb-info-ramka{background:#f0f7ff;border:1px solid #cfe2ff;border-radius:12px;padding:10px 13px;font-size:13.5px;color:#1e3a5f;line-height:1.5;margin:0 0 14px}
.tb-pisz{border:1.5px solid var(--line,#e3e8f2);border-radius:16px;background:var(--panel,#fff);padding:12px 14px;margin:0 0 16px}
.tb-gosc{text-align:center;font-size:14px;color:var(--muted,#5a6783)}
.tb-zaloguj{color:var(--tb-a);font-weight:800;text-decoration:none}
.tb-pole{display:block;width:100%;box-sizing:border-box;min-height:62px;margin:0;border:1px solid var(--line,#e3e8f2);border-radius:12px;padding:10px 12px;font:inherit;font-size:15px;background:var(--input,#fff);color:var(--ink,#0f172a);resize:vertical}
.tb-stopka{display:flex;align-items:center;gap:10px;margin-top:8px}
.tb-licz{font-size:12.5px;color:var(--muted,#5a6783);flex:1}
.tb-slij{width:auto;margin:0;border:0;border-radius:11px;padding:9px 18px;font:inherit;font-size:14px;font-weight:800;cursor:pointer;background:var(--tb-a);color:#fff}
.tb-slij[disabled]{background:#cbd5e1;color:#64748b;cursor:default}
.tb-foto-btn{display:inline-flex;align-items:center;gap:6px;margin:0;border:1px solid var(--line,#e3e8f2);border-radius:11px;padding:8px 12px;font-size:13.5px;font-weight:700;color:var(--muted,#5a6783);cursor:pointer;background:var(--panel,#fff)}
.tb-foto-btn:hover{border-color:var(--tb-a);color:var(--tb-a)}
.tb-foto-plik{display:none}
.tb-podglad-in{position:relative;margin-top:9px}
.tb-podglad-img{width:100%;border-radius:12px;display:block}
.tb-foto-x{position:absolute;top:7px;right:7px;width:30px;height:30px;padding:0;border-radius:50%;border:0;background:rgba(2,6,23,.65);color:#fff;font-size:17px;line-height:1;cursor:pointer}

.tb-karta{border:1px solid var(--line,#e3e8f2);border-radius:16px;background:var(--panel,#fff);padding:13px 15px;margin:0 0 11px}
.tb-gl{display:flex;align-items:center;gap:10px}
.tb-kol{min-width:0;flex:1}
.tb-aw{width:38px;height:38px;border-radius:50%;background:#e7edf6 center/cover no-repeat;flex:0 0 38px;display:flex;align-items:center;justify-content:center;font-weight:800;color:#64748b}
.tb-aw-maly{width:28px;height:28px;flex:0 0 28px;font-size:12px}
.tb-kto{font-weight:800;font-size:14.5px;line-height:1.15;text-decoration:none;color:inherit}
.tb-gala{font-size:15px}
.tb-kiedy{font-size:12px;color:var(--muted,#5a6783)}
.tb-dokl{opacity:.75}
.tb-obsb{width:auto;margin:0 0 0 7px;border:1px solid var(--line,#e3e8f2);background:transparent;color:var(--tb-a);border-radius:999px;padding:2px 9px;font-size:11.5px;font-weight:800;cursor:pointer;vertical-align:middle;white-space:nowrap}
.tb-obsok{color:#3f8f1e;font-size:11.5px;font-weight:700;opacity:.85;margin-left:7px;white-space:nowrap}
.tb-popraw{width:auto;margin:0 6px 0 0;border:1px solid var(--line,#e3e8f2);background:var(--panel,#fff);color:var(--tb-a);border-radius:999px;cursor:pointer;font-size:11.5px;font-weight:800;padding:3px 9px;white-space:nowrap}
.tb-usun{width:auto;margin:0;border:0;background:none;color:var(--muted,#5a6783);cursor:pointer;font-size:18px;line-height:1;padding:0 2px}
.tb-tresc{margin:8px 0 0;font-size:14.5px;line-height:1.42;white-space:pre-wrap;overflow-wrap:anywhere}
.tb-tresc a{color:var(--tb-a);font-weight:700;text-decoration:none}
.tb-foto{width:100%;height:auto;border-radius:12px;margin-top:9px;display:block}
.tb-akcje{display:flex;gap:6px;margin-top:10px;padding-top:9px;border-top:1px solid var(--line,#e3e8f2)}
.tb-akcja{flex:1;width:auto;margin:0;border:0;background:none;font:inherit;font-size:13px;font-weight:700;color:var(--muted,#5a6783);cursor:pointer;padding:7px 4px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.tb-akcja:hover{background:rgba(127,127,127,.1);color:var(--tb-a)}
.tb-akcja.tb-on{color:#c2415f}
.tb-lubrz{display:flex;align-items:center;gap:7px;margin-top:7px;cursor:pointer;font-size:12.5px;color:var(--muted,#5a6783)}
.tb-twarze{display:inline-flex;padding-left:6px;flex:0 0 auto}
.tb-twarz{width:22px;height:22px;border-radius:50%;object-fit:cover;border:2px solid var(--panel,#fff);margin-left:-6px;background:#e7edf6;color:#64748b;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}
.tb-nazwy{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tb-wiecej{color:var(--tb-a)}
.tb-kpodglad{margin-top:8px;border-top:1px dashed var(--line,#e3e8f2);padding-top:8px}
.tb-kwiecej{width:auto;margin:2px 0 0;border:0;background:none;color:var(--tb-a);font-weight:800;font-size:12.5px;cursor:pointer;padding:4px 0}
.tb-komy{margin-top:9px;border-top:1px dashed var(--line,#e3e8f2);padding-top:9px;display:none}
.tb-komy.tb-otw{display:block}
.tb-kom{display:flex;gap:8px;margin:0 0 8px}
.tb-kom-odp{margin-left:26px;border-left:2px solid var(--line,#e3e8f2);padding-left:8px}
.tb-kom-tr{background:#f4f6fa;border-radius:12px;padding:6px 10px;font-size:13px;line-height:1.38;flex:1;min-width:0;overflow-wrap:anywhere;color:var(--ink,#0f172a)}
.tb-kom-kto{display:block;font-size:13px}
.tb-kom-kto a{color:inherit;text-decoration:none}
.tb-kom-akcje{display:inline-flex;align-items:center;gap:5px;margin-left:6px;vertical-align:middle}
.tb-kom-lub{width:auto;margin:0;border:none;background:none;cursor:pointer;font-size:12.5px;color:var(--muted,#5a6783);padding:0 2px;line-height:1}
.tb-kom-lub.tb-on{color:#e11d48}
.tb-kom-ile{font-size:12px;color:var(--muted,#5a6783);cursor:pointer;text-decoration:underline dotted}
.tb-kom-czas{font-size:11.5px;color:var(--muted,#5a6783);margin-left:6px}
.tb-odpk{width:auto;margin:0;border:none;background:none;color:var(--tb-a);cursor:pointer;font-size:12px;font-weight:700;padding:0}
.tb-komform{display:flex;gap:7px;margin-top:6px}
.tb-kominput{flex:1;min-width:0;width:auto;margin:0;border:1px solid var(--line,#e3e8f2);border-radius:999px;padding:8px 13px;font:inherit;font-size:13.5px;background:var(--input,#fff);color:var(--ink,#0f172a)}
.tb-komslij{width:auto;margin:0;border:0;background:var(--tb-a);color:#fff;border-radius:999px;padding:8px 15px;font:inherit;font-size:13.5px;font-weight:800;cursor:pointer}
.tb-szary{color:var(--muted,#5a6783);font-size:13px}
.tb-brak{margin-bottom:6px}
.tb-edyt{display:block;width:100%;box-sizing:border-box;min-height:64px;padding:9px;border:1px solid var(--line,#e3e8f2);border-radius:10px;background:var(--input,#fff);color:var(--ink,#0f172a);font:inherit;white-space:normal}
.tb-edyt-akcje{display:flex;gap:6px;margin-top:6px;white-space:normal}
.tb-edzap{width:auto;margin:0;border:none;background:var(--tb-a);color:#fff;border-radius:9px;padding:7px 13px;font-weight:800;cursor:pointer}
.tb-edanu{width:auto;margin:0;border:1px solid var(--line,#e3e8f2);background:var(--panel,#fff);color:var(--ink,#0f172a);border-radius:9px;padding:7px 13px;font-weight:700;cursor:pointer}
.tb-pusto{border:1px dashed var(--line,#e3e8f2);border-radius:16px;padding:28px 20px;text-align:center;color:var(--muted,#5a6783);line-height:1.6;background:var(--panel,#fff)}
.tb-blad{border:1px solid #f1c6c6;background:#fff5f5;color:#9b1c1c;border-radius:14px;padding:14px 16px;text-align:center;font-size:14px}

/* ── okienko „Polubili to" (dopinane do body) ── */
.tb-okno{position:fixed;inset:0;z-index:2600;background:rgba(15,23,42,.55);display:flex;align-items:center;justify-content:center;padding:16px}
.tb-okno-in{background:var(--panel,#fff);color:var(--ink,#0f172a);max-width:390px;width:100%;max-height:70vh;overflow:auto;border-radius:18px;padding:16px 18px;box-shadow:0 24px 60px rgba(0,0,0,.35)}
.tb-okno-gl{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:16px}
.tb-okno-x{width:auto;margin:0 0 0 auto;border:none;background:none;font-size:20px;cursor:pointer;color:var(--muted,#5a6783);line-height:1;padding:0}
.tb-okno-lista{color:var(--muted,#5a6783);font-size:13px}
.tb-okno-os{display:flex;align-items:center;gap:10px;padding:7px 4px;text-decoration:none;color:var(--ink,#0f172a);border-bottom:1px solid var(--line,#e3e8f2)}
.tb-okno-aw{width:32px;height:32px;flex:0 0 32px;border-radius:50%;object-fit:cover;background:#e7edf6;color:#64748b;display:inline-flex;align-items:center;justify-content:center;font-weight:800}
.tb-okno-zn{margin-left:auto;color:#3f8f1e;font-size:12px;font-weight:700}

@media(max-width:980px){
  .tb-uklad{grid-template-columns:200px minmax(0,1fr);grid-template-areas:"l s" "p p"}
}
@media(max-width:820px){
  .tb-sekcja{padding:0 12px;margin-top:16px}
  .tb-uklad{grid-template-columns:minmax(0,1fr);grid-template-areas:"l" "s" "p";gap:12px}
  .tb-lewa .tb-naglowek{display:none}
  .tb-lewa .tb-linki{flex-direction:row;overflow-x:auto;gap:6px;margin:0;padding:2px 0 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .tb-lewa .tb-linki::-webkit-scrollbar{display:none}
  .tb-lewa .tb-linki a{flex:0 0 auto;white-space:nowrap;border:1px solid var(--line,#e3e8f2);border-radius:999px;padding:6px 12px;font-size:13px;background:var(--panel,#fff)}
  .tb-lewa .tb-opis{display:none}
  .tb-lewa .tb-kafle{display:none}
}