/* BLOK 16 - BEZPIECZENSTWO (zloty standard 26.10): arkusze B16-01/02/03/13/14,
   ekrany B16-04, B16-08, B16-15. Liczby z BLOK-16-BEZPIECZENSTWO-dyzajn.html.
   Telefon baza; od 1024 px arkusz staje na srodku. Przelacznik - wspolny .tg-in/.tg-tor. */
:root{
  --b16-bg:#F7F5F1;--b16-karta:#FFFFFF;--b16-linia:#ECE8E0;--b16-linia2:#E2DDD3;
  --b16-t1:#15120A;--b16-t2:#1C1A16;--b16-sz:#7D776D;--b16-zl:#9A7616;--b16-zl-ram:#D9C27A;
  --b16-zaslona:rgba(20,18,10,.42);--b16-cz:#E5484D;
}
:root[data-theme="dark"]{
  --b16-bg:#09090B;--b16-karta:#101014;--b16-linia:#22222A;--b16-linia2:#2B2B34;
  --b16-t1:#FFFFFE;--b16-t2:#E7E3DB;--b16-sz:#8B867E;--b16-zl:#E8C96A;--b16-zl-ram:#8A6A12;
  --b16-zaslona:rgba(6,6,8,.74);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]):not([data-theme="dark"]){
  --b16-bg:#09090B;--b16-karta:#101014;--b16-linia:#22222A;--b16-linia2:#2B2B34;
  --b16-t1:#FFFFFE;--b16-t2:#E7E3DB;--b16-sz:#8B867E;--b16-zl:#E8C96A;--b16-zl-ram:#8A6A12;
  --b16-zaslona:rgba(6,6,8,.74);
}}

/* Arkusz z dolu */
.b16-ark{position:fixed;inset:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;background:var(--b16-zaslona);z-index:1000;font-family:Manrope,var(--f-body),system-ui,sans-serif}
.b16-ark:not([open]){display:none}
.b16-ark[open]{display:flex;align-items:flex-end;justify-content:center}
.b16-ark::backdrop{background:transparent}
body:has(.b16-ark[open]){overflow:hidden}
body:has(.b16-ark[open]) .topbar,body:has(.b16-ark[open]) .tabbar{visibility:hidden}
.b16-in{width:100%;max-width:640px;max-height:calc(100% - 40px);overflow-y:auto;box-sizing:border-box;padding:12px 18px 24px;
  border-radius:24px 24px 0 0;background:var(--b16-bg);border-top:1px solid var(--b16-zl-ram);color:var(--b16-t1)}
@media (min-width:1024px){.b16-ark[open]{align-items:center}.b16-in{max-width:520px;border-radius:24px;border:1px solid var(--b16-linia2)}}
.b16-uch{display:block;width:40px;height:4px;border-radius:2px;background:var(--b16-linia2);margin:0 auto 14px}
.b16-h{margin:0;font-size:22px;line-height:1.12;font-weight:800;letter-spacing:-.6px;color:var(--b16-t1);overflow-wrap:anywhere}
.b16-pod{margin:6px 0 0;font-size:14px;line-height:1.45;font-weight:600;color:var(--b16-sz)}
.b16-kto{margin:4px 0 0;font-size:14px;font-weight:700;color:var(--b16-sz)}
.b16-mala{margin:0 0 2px;font-size:13px;font-weight:800;color:var(--b16-zl)}

/* Karta z wierszami */
.b16-lista{margin:12px 0 0;border-radius:20px;background:var(--b16-karta);border:1px solid var(--b16-linia);padding:0 14px;overflow:hidden;list-style:none}
.b16-lista.b16-pkt{padding:8px 14px}
.b16-r{display:flex;align-items:center;gap:12px;padding:11px 0;cursor:pointer;min-height:24px}
.b16-r + .b16-r{border-top:1px solid var(--b16-linia)}
.b16-r input{position:absolute;opacity:0;width:1px;height:1px}
.b16-r i{flex:none;width:24px;height:24px;border-radius:12px;border:2px solid var(--b16-linia2);box-sizing:border-box;display:flex;align-items:center;justify-content:center}
.b16-r input:checked + i{border-color:var(--b16-zl)}
.b16-r input:checked + i::after{content:"";width:12px;height:12px;border-radius:6px;background:var(--b16-zl)}
.b16-r input:focus-visible + i{outline:2px solid var(--b16-zl);outline-offset:2px}
.b16-r span{font-size:15px;font-weight:700;color:var(--b16-t1)}
.b16-x{display:flex;gap:10px;padding:6px 0;font-size:13.5px;line-height:1.45;font-weight:700;color:var(--b16-t2)}
.b16-x svg{flex:none;width:16px;height:16px;margin-top:2px;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.b16-x.b16-nie svg{stroke:var(--b16-cz)}
.b16-x.b16-tak svg{stroke:var(--b16-zl)}

.b16-nota{margin:10px 0 0;font-size:12.5px;line-height:1.45;font-weight:600;color:var(--b16-sz)}

/* Pole opisu przy "Niezgodne z prawem" (DSA) - pokazuje sie tylko przy tym powodzie */
.b16-prawo{display:none;margin:12px 0 0}
.b16-f:has(input[value="prawo"]:checked) .b16-prawo{display:block}
.b16-et{display:block;margin:0 0 6px;font-size:11px;letter-spacing:1.6px;text-transform:uppercase;font-weight:800;color:var(--b16-sz)}
.b16-pole{display:block;width:100%;box-sizing:border-box;min-height:96px;padding:12px 14px;border-radius:14px;border:1px solid var(--b16-linia2);
  background:var(--b16-karta);color:var(--b16-t1);font:600 16px/1.4 Manrope,var(--f-body),system-ui,sans-serif;resize:vertical}
input.b16-pole{min-height:54px}
.b16-pole:focus{outline:none;border-color:var(--b16-zl)}

/* Przelacznik w wierszu */
.b16-pr{display:flex;align-items:center;gap:12px;padding:13px 0;margin-top:8px;border-top:1px solid var(--b16-linia);cursor:pointer}
.b16-pr > span:first-child{flex:1;min-width:0}
.b16-pr b{display:block;font-size:15px;font-weight:800;color:var(--b16-t1)}
.b16-pr small{display:block;margin-top:2px;font-size:12.5px;line-height:1.4;font-weight:600;color:var(--b16-sz)}
.b16-pr .tg-tor{flex:none}
.b16-pr .tg-in:checked + .tg-tor{background:var(--b16-zl)}
.b16-powody{display:none}
.b16-f:has(.b16-pr .tg-in:checked) .b16-powody{display:block}

/* Guziki */
.b16-gg{display:flex;gap:10px;margin-top:14px}
.b16-gg > *{flex:1;min-width:0}
.b16-gg > .b16-glowny{flex:1.4}
.b16-g{display:flex;align-items:center;justify-content:center;width:100%;height:54px;box-sizing:border-box;border-radius:14px;padding:0 12px;
  border:1px solid var(--b16-linia2);background:var(--b16-karta);color:var(--b16-t1);font:800 15px/1.2 Manrope,var(--f-body),system-ui,sans-serif;
  text-decoration:none;cursor:pointer;text-align:center}
.b16-g.b16-zl{border:0;font-size:16px;color:#15120A;background:linear-gradient(135deg,#FBEFC2 0%,#D9B64A 45%,#B08A24 100%);box-shadow:0 10px 26px rgba(176,138,36,.28)}
.b16-g.b16-cz{border:0;font-size:16px;color:#fff;background:var(--b16-cz)}
.b16-g:focus-visible{outline:2px solid var(--b16-zl);outline-offset:2px}
.b16-link{display:block;margin-top:12px;text-align:center;font-size:14px;font-weight:800;color:var(--b16-zl);text-decoration:none;background:none;border:0;width:100%;cursor:pointer;font-family:inherit}

/* Ekrany (B16-08, B16-15) */
.b16-ekran{max-width:480px;margin:0 auto;padding:18px 16px 32px;box-sizing:border-box;color:var(--b16-t1);font-family:Manrope,var(--f-body),system-ui,sans-serif}
.b16-znak{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin:8px auto 14px;border-radius:14px;border:1px solid var(--b16-zl-ram);color:var(--b16-zl)}
.b16-znak svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.b16-ekran .b16-h.b16-srodek,.b16-ekran .b16-pod.b16-srodek{text-align:center}
.b16-kick{margin:22px 0 8px;font-size:10.5px;letter-spacing:2.2px;text-transform:uppercase;font-weight:800;color:var(--b16-sz)}
.b16-ram{display:flex;gap:10px;margin-top:10px;padding:12px 14px;border-radius:14px;border:1px solid var(--b16-zl-ram);background:var(--b16-karta);
  font-size:13px;line-height:1.45;font-weight:700;color:var(--b16-t2)}
.b16-ram svg{flex:none;width:18px;height:18px;fill:none;stroke:var(--b16-zl);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.b16-krok{display:flex;gap:12px;padding:12px 0}
.b16-krok + .b16-krok{border-top:1px solid var(--b16-linia)}
.b16-krok svg{flex:none;width:20px;height:20px;fill:none;stroke:var(--b16-zl);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.b16-krok b{display:block;font-size:14.5px;font-weight:800;color:var(--b16-t1)}
.b16-krok small{display:block;margin-top:2px;font-size:12.5px;font-weight:600;color:var(--b16-sz);overflow-wrap:anywhere}
.b16-blad{margin:8px 0 0;font-size:13px;font-weight:700;color:var(--b16-cz)}
.b16-wstecz{display:inline-flex;align-items:center;gap:8px;color:var(--b16-t1);text-decoration:none;font-size:22px;font-weight:800}

/* Lista "Zablokowani" (B16-04) - wiersz firmy obok wierszy ludzi */
.b16-l-firma .lz-lud-p{color:var(--b16-sz)}
.b16-zab .lz-pr-g{align-items:center}
.b16-w-ak{flex:none;margin:0}
.b16-odb{min-height:44px;padding:0 4px;border:0;background:none;color:var(--b16-zl);font:800 14px/1.2 Manrope,var(--f-body),system-ui,sans-serif;cursor:pointer}
.b16-odb:focus-visible{outline:2px solid var(--b16-zl);outline-offset:2px;border-radius:6px}
/* B16-17 formularz DSA: etykiety jak kick, kwadratowe pole zgody (zloto po zaznaczeniu) */
[data-b16-prawo] label.b16-kick{display:block;margin:16px 0 8px}
[data-b16-prawo] textarea.b16-pole{min-height:110px}
.b16-zgoda{display:flex;gap:10px;margin-top:14px;align-items:flex-start;cursor:pointer;font-size:13px;line-height:1.45;font-weight:700;color:var(--b16-t2)}
.b16-zgoda input{flex:none;appearance:none;-webkit-appearance:none;width:22px;height:22px;margin:0;border-radius:6px;border:1px solid var(--b16-linia2);background:var(--b16-karta);cursor:pointer}
.b16-zgoda input:checked{border-color:transparent;background:linear-gradient(135deg,#FBEFC2 0%,#D9B64A 45%,#B08A24 100%)}
.b16-zgoda input:focus-visible{outline:2px solid var(--b16-zl);outline-offset:2px}
/* B16-11 / B16-18 strony publiczne: karty z naglowkiem i wiersze z numerami */
.b16-karta{display:block;margin:12px 0 0;border-radius:20px;background:var(--b16-karta);border:1px solid var(--b16-linia);padding:14px;overflow:hidden;color:inherit;text-decoration:none}
.b16-karta.b16-pkt{padding:8px 14px}
.b16-karta-h{display:flex;align-items:center;gap:10px;margin:0 0 4px;font-size:16px;font-weight:800;color:var(--b16-t1)}
.b16-karta-h svg{flex:none;width:20px;height:20px;fill:none;stroke:var(--b16-zl);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.b16-x a{color:var(--b16-zl);text-decoration:none}
.b16-num{display:flex;align-items:center;gap:12px;margin-top:10px}
.b16-num-ik{flex:none;width:42px;height:42px;border-radius:12px;border:1px solid var(--b16-zl-ram);display:flex;align-items:center;justify-content:center}
.b16-num-ik svg{width:20px;height:20px;fill:none;stroke:var(--b16-zl);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.b16-num-t{flex:1;min-width:0}
.b16-num-t b{display:block;font-size:16px;font-weight:800;color:var(--b16-t1);overflow-wrap:anywhere}
.b16-num-t small{display:block;font-size:12.5px;font-weight:600;color:var(--b16-sz)}
.b16-num-g{flex:none;font-size:14px;font-weight:800;color:var(--b16-zl);white-space:nowrap}
[data-b16-decyzja] label.b16-kick,[data-b16-decyzja] p.b16-kick{display:block;margin:18px 0 8px}
[data-b16-decyzja] textarea.b16-pole{min-height:120px}
.b16-pole-tylko{white-space:pre-wrap;font-size:15px;color:var(--b16-t2)}
/* B16-06 ostrzezenie pod wiadomoscia z prosba o pieniadze (tylko u odbiorcy) */
.b16-pien{margin:12px 0 4px;padding:14px;border-radius:16px;background:var(--b16-karta);border:1px solid #F2A33A;color:var(--b16-t1);font-family:Manrope,var(--f-body),system-ui,sans-serif;max-width:480px}
.b16-pien-h{display:flex;align-items:center;gap:8px;font-size:15.5px;font-weight:800}
.b16-pien-h svg{flex:none;width:18px;height:18px;fill:none;stroke:#F2A33A;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.b16-pien p{margin:6px 0 0;font-size:13.5px;line-height:1.45;font-weight:600;color:var(--b16-t2)}
.b16-pien-g{display:flex;gap:8px;margin-top:12px}
.b16-pien-g > *{flex:1;min-width:0;height:44px;font-size:15px}
.b16-pien-g .b16-g.b16-cz{background:var(--b16-karta);border:1px solid var(--b16-linia2);color:var(--b16-cz);font-size:15px}
/* B16-12 pasek w Prosbie od nieznajomego */
.b16-pasek{align-items:flex-start;margin:0 0 10px;font-family:Manrope,var(--f-body),system-ui,sans-serif;font-size:13px;line-height:1.45;font-weight:600;color:var(--b16-t2)}
.b16-pasek[hidden]{display:none}
.b16-pasek > span{flex:1;min-width:0}
.b16-pasek a{color:var(--b16-zl);font-weight:800;text-decoration:none;white-space:nowrap}
.b16-pasek-x{flex:none;width:28px;height:28px;margin:-4px -6px 0 0;padding:0;border:0;background:none;color:var(--b16-sz);cursor:pointer;display:flex;align-items:center;justify-content:center}
.b16-pasek-x svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
/* B16-19 karta osoby w polaczeniach: podpis pod akcja, Zglos i zablokuj rozwijane w miejscu */
.pl11-akcje button span,.b16-c19-zglos summary span{display:flex;flex-direction:column;flex:1;min-width:0}
.pl11-akcje button small,.b16-c19-zglos summary small{margin-top:2px;font:600 12.5px/1.35 Manrope,var(--f-body),system-ui,sans-serif;color:var(--wn-s,#8B867E)}
.b16-c19-zglos summary{display:flex;align-items:center;gap:14px;min-height:50px;cursor:pointer;list-style:none;font:800 16px/1.2 var(--f-display)}
.b16-c19-zglos summary::-webkit-details-marker{display:none}
.b16-c19-zglos .zgl-f{padding:0 0 14px}