/* ============================================================
   ZGODY NA CIASTECZKA — pasek i panel ustawień.

   OSOBNY PLIK, NIE <style> W KODZIE STRONY. Strona główna wysyła
   Content-Security-Policy bez `unsafe-inline`, więc styl wpisany wprost
   w kod zostałby przez przeglądarkę wyrzucony — dokładnie tak, jak
   kiedyś stało się ze skryptem okienka logowania.

   ŻADNYCH KOLORÓW NA SZTYWNO. Wszystko z tokenów, żeby pasek wyglądał
   poprawnie w obu skórkach (TYPOWI ciemna, TYPOWA jasna).
   ============================================================ */

.zgody-pasek{position:fixed;left:0;right:0;bottom:0;z-index:9000;
  background:var(--panel,#111);border-top:1px solid var(--line);
  box-shadow:0 -10px 40px rgba(0,0,0,.35)}
.zgody-pasek[hidden]{display:none}
.zgody-tresc{max-width:1000px;margin:0 auto;padding:18px 20px 20px}
.zgody-tresc h2{margin:0 0 6px;font-size:16px;letter-spacing:.01em;color:var(--tx)}
.zgody-tresc p{margin:0;font-size:13.5px;line-height:1.6;color:var(--mut)}
.zgody-tresc p a{color:var(--acc2,var(--akcent));border-bottom:1px solid var(--line2,var(--line))}

/* Guziki „Tylko niezbędne" i „Akceptuję wszystkie" mają WYGLĄDAĆ TAK SAMO.
   Odmowa nie może być trudniejsza od zgody — to nie jest kwestia gustu,
   tylko wymóg: zgoda wymuszona wyglądem nie jest zgodą. */
.zgody-guziki{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:16px 0 0}
.zgody-btn{font:inherit;font-size:13.5px;font-weight:700;cursor:pointer;
  padding:10px 18px;border-radius:var(--r-sm,8px);
  border:1px solid var(--acc,var(--akcent));background:transparent;color:var(--acc2,var(--akcent))}
.zgody-btn:hover{background:var(--acc-hi,var(--acc));color:var(--panel)}
.zgody-link{font:inherit;font-size:13px;cursor:pointer;background:none;border:0;
  color:var(--mut);text-decoration:underline;text-underline-offset:3px;padding:10px 4px}
.zgody-link:hover{color:var(--tx)}

.zgody-lista{margin:16px 0 0;display:grid;gap:12px;
  border-top:1px solid var(--line);padding-top:14px}
.zgody-lista[hidden]{display:none}
.zgody-poz{display:flex;gap:11px;align-items:flex-start}
.zgody-poz input{margin:2px 0 0;width:17px;height:17px;flex:none;
  accent-color:var(--acc,var(--akcent));cursor:pointer}
.zgody-poz input:disabled{cursor:default;opacity:.6}
.zgody-poz b{display:block;font-size:13.5px;color:var(--tx);margin:0 0 2px}
.zgody-poz span{font-size:12.5px;line-height:1.55;color:var(--mut)}
.zgody-poz em{font-style:normal;color:var(--mut);font-size:11.5px}

/* Ta sama lista pokazana spokojnie na stronie „Prywatność i dane". */
.zgody-tabela{margin:14px 0 0;display:grid;gap:14px}

@media(max-width:560px){
  .zgody-tresc{padding:16px 16px 18px}
  .zgody-guziki{gap:8px}
  .zgody-btn{flex:1 1 auto;text-align:center}
}