/* =========================================================
   Strefa mieszkańca — ładowane tylko na stronach /dla-mieszkancow/.
   Czytane głównie na telefonie, zaraz po zeskanowaniu kodu QR,
   często w drugim języku: duży tekst, krótkie wiersze, mocny kontrast.
   ========================================================= */
.m-strefa{font-size:17.5px;line-height:1.6;--czer:#b42318;--czer-j:#FEF3F2;--ziel:#15803d;--ziel-j:#ECFDF3;--nieb-j:#EAF3F8;--pom-j:#FFF3E0}
.m-font-sys{--f-h:system-ui,-apple-system,'Segoe UI',Roboto,'Noto Sans',sans-serif;--f-b:system-ui,-apple-system,'Segoe UI',Roboto,'Noto Sans',sans-serif}
.m-font-sys h1,.m-font-sys h2,.m-font-sys h3{letter-spacing:0}
:lang(hi) body,:lang(ne) body,:lang(bn) body{line-height:1.8}
.m-waski{max-width:820px}
.m-srodek{text-align:center;justify-content:center}

/* ---------- Nagłówek ---------- */
.m-hdr{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.m-hdr-in{display:flex;align-items:center;gap:12px;min-height:64px}
.m-hdr .brand svg,.m-hdr .brand img{height:40px;width:auto}
.m-hdr-strefa{font:600 .9rem/1.2 var(--f-b);color:var(--muted);border-left:1px solid var(--line);padding-left:12px;margin-right:auto}
.m-hdr-tel{display:inline-flex;align-items:center;gap:8px;background:var(--czer);color:#fff;border-radius:999px;padding:.6rem 1rem;font:700 .95rem/1.1 var(--f-b);white-space:nowrap}
.m-hdr-tel:hover{color:#fff;background:#912018}
@media (max-width:520px){.m-hdr-strefa{display:none}.m-hdr-tel{margin-left:auto}}

/* ---------- Wybór języka ---------- */
.m-jez{background:var(--navy);color:#fff}
.m-jez>details>summary{list-style:none;display:flex;align-items:center;gap:10px;padding:14px 0;cursor:pointer;font-weight:600}
.m-jez>details>summary::-webkit-details-marker{display:none}
.m-jez-napis{flex:1;min-width:0}
.m-jez-napis span{opacity:.7;font-weight:400}
.m-jez-teraz{background:rgba(255,255,255,.14);border-radius:999px;padding:.3rem .85rem;white-space:nowrap}
.m-jez details[open]>summary>.ic:last-child{transform:rotate(180deg)}
.m-jez-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;padding:0 0 14px}
.m-jez-lista a{display:flex;align-items:center;justify-content:center;min-height:52px;padding:.5rem .75rem;border-radius:12px;background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.18);color:#fff;font:600 1.08rem/1.2 system-ui,-apple-system,'Segoe UI',Roboto,'Noto Sans',sans-serif;text-align:center}
.m-jez-lista a:hover{background:rgba(255,255,255,.16);color:#fff}
.m-jez-lista a[aria-current]{background:var(--or);border-color:var(--or);color:#1d1300}
.m-jez-inne{padding:0 0 16px}
.m-jez-inne>summary{cursor:pointer;color:#FFB547;font-size:.95rem;font-weight:600}
.m-jez-inne ul{display:flex;flex-wrap:wrap;gap:6px 14px;padding:10px 0 0}
.m-jez-inne a{color:#fff;opacity:.85;font-family:system-ui,-apple-system,'Segoe UI',Roboto,'Noto Sans',sans-serif;text-decoration:underline;text-underline-offset:3px}
@media (max-width:520px){.m-jez-lista{grid-template-columns:1fr 1fr}.m-jez-napis span{display:block}}

/* ---------- Nagłówek strony ---------- */
.m-hero{background:linear-gradient(160deg,var(--navy) 0%,var(--navy2) 100%);color:#fff;padding:34px 0 38px}
.m-hero h1{color:#fff;font-size:clamp(1.9rem,6vw,2.9rem);margin:.5rem 0 .6rem}
.m-hero-ik{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--or);color:var(--navy)}
.m-lead{font-size:1.15rem;color:#D6E2F0;margin:0;max-width:60ch}
.m-wstecz{display:inline-flex;align-items:center;gap:6px;color:#FFB547;font-weight:600;font-size:.95rem;margin-bottom:16px}
.m-wstecz .ic{transform:rotate(180deg)}
.m-wstecz:hover{color:#fff}

/* ---------- Sekcje ---------- */
.m-sek{padding:30px 0}
.m-sek+.m-sek:not(.m-szary){padding-top:6px}
.m-szary{background:var(--bg)}
.m-h2{display:flex;align-items:center;gap:12px;font-size:clamp(1.45rem,4.6vw,1.95rem);margin:0 0 18px}
.m-h2 .ic,.m-h3 .ic{color:var(--brand)}
.m-h3{display:flex;align-items:center;gap:10px;font-size:1.3rem;margin:0 0 14px}
.m-dwie{display:grid;gap:16px}
@media (min-width:760px){.m-dwie{grid-template-columns:1fr 1fr}}
.m-panel{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px}
.m-panel h3{font-size:1.2rem}
.m-panel p{margin:0 0 .6em}
.m-panel-pelny{margin-top:16px}

/* ---------- Listy ---------- */
.m-lista{display:grid;gap:10px;margin:0 0 6px}
.m-lista li{display:flex;gap:12px;align-items:flex-start}
.m-lista .m-ik,.m-lista .m-nr{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;margin-top:1px}
.m-lista-kropka li::before{content:"";flex:none;width:9px;height:9px;border-radius:50%;background:var(--or);margin:.62em 6px 0 4px}
.m-lista-tak .m-ik{background:var(--ziel-j);color:var(--ziel)}
.m-lista-nie .m-ik{background:var(--czer-j);color:var(--czer)}
.m-lista-uwaga .m-ik{background:var(--pom-j);color:var(--or2)}
.m-lista-koszt .m-ik{background:var(--czer-j);color:var(--czer)}
.m-lista-num .m-nr{background:var(--navy);color:#fff;font:700 1rem/1 var(--f-h);width:34px;height:34px}
.m-lista .ic{stroke-width:2.4}

/* ---------- Alarm (czerwona ramka) ---------- */
.m-alarm{background:var(--czer-j);border:3px solid var(--czer);border-radius:var(--r);padding:22px 20px}
.m-alarm-g{display:flex;align-items:center;gap:14px;margin-bottom:10px}
.m-alarm-g h2{color:var(--czer);font-size:clamp(1.4rem,5vw,1.9rem);margin:0}
.m-alarm-ik{flex:none;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--czer);color:#fff}
.m-alarm-p{font-size:1.12rem;font-weight:600;color:#55160c}
.m-alarm-p p{margin:0 0 .7em}
.m-alarm .m-lista{margin:6px 0 18px}
.m-alarm .m-lista-num .m-nr{background:var(--czer)}
.m-alarm-kara{border-color:var(--or2);background:var(--pom-j)}
.m-alarm-kara .m-alarm-ik{background:var(--or2)}
.m-alarm-kara .m-alarm-g h2{color:#8a4b00}
.m-alarm-kara .m-alarm-p{color:#5b3300;margin:0}

/* ---------- Przyciski ---------- */
.m-dzwon{display:grid;gap:10px}
.m-btn{display:flex;align-items:center;justify-content:center;gap:12px;border-radius:16px;padding:14px 18px;font-weight:700;text-align:left}
.m-btn-dzwon{background:var(--czer);color:#fff;box-shadow:0 10px 24px rgba(180,35,24,.3)}
.m-btn-dzwon:hover{background:#912018;color:#fff}
.m-btn-dzwon small{display:block;font-size:.9rem;font-weight:600;opacity:.9}
.m-btn-dzwon strong{display:block;font:800 1.7rem/1.1 var(--f-h);letter-spacing:.02em}
.m-btn-zglos{background:var(--gran,#0B2545);color:#fff;box-shadow:0 10px 24px rgba(11,37,69,.25)}
.m-btn-zglos:hover{background:#123363;color:#fff}
.m-btn-zglos small{display:block;font-size:.9rem;font-weight:600;opacity:.85}
.m-btn-zglos strong{display:block;font:800 1.25rem/1.25 var(--f-h)}
.m-pilne{display:flex;align-items:flex-start;gap:.6rem;margin:.9rem 0 0;padding:.85rem 1rem;border-radius:14px;background:#FDECEA;color:#7f1d1d;font-weight:600;line-height:1.45}
.m-pilne svg{flex:none;margin-top:.15rem}
.m-btn-wa{background:#128C4B;color:#fff}
.m-btn-wa:hover{background:#0e723c;color:#fff}
.m-numery{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.m-numery a{display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:10px 12px;color:var(--ink);font-size:.95rem;line-height:1.3}
.m-numery strong{font:800 1.5rem/1 var(--f-h);color:var(--czer)}

/* ---------- Ramki ---------- */
.m-box{border-radius:var(--r);padding:20px;margin:18px 0 0;border-left:6px solid}
.m-box h3,.m-box .m-h3{margin:0 0 10px;display:flex;align-items:center;gap:10px}
.m-box h3 .ic{color:var(--brand);flex:none}
.m-box p{margin:0 0 .7em}
.m-box p:last-child{margin:0}
.m-box-czerwony{background:var(--czer-j);border-color:var(--czer)}
.m-box-czerwony h3,.m-box-czerwony .m-h3,.m-box-czerwony .m-h3 .ic{color:var(--czer)}
.m-box-niebieski{background:var(--nieb-j);border-color:var(--brand)}
.m-box-zielony{background:var(--ziel-j);border-color:var(--ziel)}
.m-box-zielony .m-h3 .ic{color:var(--ziel)}
.m-box-pomaranczowy{background:var(--pom-j);border-color:var(--or2)}
.m-box-pomaranczowy .m-h3 .ic{color:var(--or2)}
.m-dwie .m-box{margin:0}
.m-wazne{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:14px 16px;margin:16px 0;font-weight:600}
.m-wazne .ic{flex:none;color:var(--brand);margin-top:2px}
.m-wazne p{margin:0}
.m-wazne-czerwone{border-color:#f5c2bd;background:var(--czer-j)}
.m-wazne-czerwone .ic{color:var(--czer)}

/* ---------- TAK / NIE ---------- */
.m-tn{display:grid;gap:14px;margin-bottom:6px}
@media (min-width:760px){.m-tn{grid-template-columns:1fr 1.4fr}}
.m-tak,.m-nie{border-radius:var(--r);padding:18px;border:3px solid}
.m-tak{background:var(--ziel-j);border-color:var(--ziel)}
.m-nie{background:var(--czer-j);border-color:var(--czer)}
.m-tn-g{display:flex;align-items:center;gap:8px;font:800 1.15rem/1.25 var(--f-h);margin:0 0 10px}
.m-tak .m-tn-g{color:var(--ziel)}
.m-nie .m-tn-g{color:var(--czer)}
.m-tn-g .ic{stroke-width:3}
.m-tn-duzy{font:800 1.5rem/1.25 var(--f-h);color:#0c4a25;margin:0}
.m-nie .m-lista{gap:8px}

/* ---------- Karty ---------- */
.m-karty{display:grid;gap:12px}
@media (min-width:640px){.m-karty-2{grid-template-columns:1fr 1fr}}
.m-karta{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px 18px}
.m-karta-ik{flex:none;display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:var(--nieb-j);color:var(--brand)}
.m-karta h3{font-size:1.1rem;margin:2px 0 4px}
.m-karta p{margin:0;color:var(--muted);font-size:1rem}
.m-karty-duze .m-karta{border-width:2px;border-color:var(--or)}
.m-karty-duze .m-karta-ik{background:var(--or);color:var(--navy)}

/* ---------- Poradniki (linki) ---------- */
.m-poradniki{display:grid;gap:12px}
@media (min-width:700px){.m-poradniki{grid-template-columns:1fr 1fr}}
.m-poradnik{display:flex;align-items:center;gap:14px;background:#fff;border:2px solid var(--line);border-radius:var(--r);padding:16px 18px;color:var(--ink);transition:border-color .15s,transform .15s}
.m-poradnik:hover{border-color:var(--or);color:var(--ink);transform:translateY(-2px)}
.m-poradnik-ik{flex:none;display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:var(--navy);color:#fff}
.m-poradnik-lazienka .m-poradnik-ik{background:#0369a1}
.m-poradnik-kuchnia .m-poradnik-ik{background:#c2410c}
.m-poradnik-smieci .m-poradnik-ik{background:var(--ziel)}
.m-poradnik-porzadek .m-poradnik-ik{background:#6d28d9}
.m-poradnik-t{flex:1;min-width:0}
.m-poradnik-t strong{display:block;font:700 1.15rem/1.25 var(--f-h);color:var(--navy)}
.m-poradnik-t small{display:block;color:var(--muted);font-size:.95rem;margin-top:2px}
.m-poradnik>.ic:last-child{color:var(--or2)}
.m-reg{margin:18px 0 0}
.m-reg a{display:inline-flex;align-items:center;gap:8px;font-weight:600}

/* ---------- Pojemniki na śmieci ---------- */
.m-kosze{display:grid;gap:14px}
@media (min-width:700px){.m-kosze{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1080px){.m-kosze{grid-template-columns:repeat(3,1fr)}}
.m-kosz{border-radius:var(--r);overflow:hidden;border:3px solid;background:#fff;display:flex;flex-direction:column}
.m-kosz-g{display:flex;align-items:center;gap:12px;padding:14px 16px;color:#fff}
.m-kosz-g strong{display:block;font:800 1.2rem/1.2 var(--f-h)}
.m-kosz-g small{display:block;font-size:.92rem;opacity:.92}
.m-kosz-ik{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:rgba(255,255,255,.2)}
.m-kosz-c{padding:14px 16px 16px}
.m-kosz-tn{display:inline-flex;align-items:center;gap:6px;font:800 .95rem/1 var(--f-h);border-radius:999px;padding:.35rem .75rem;margin:4px 0 10px}
.m-kosz-tak{background:var(--ziel-j);color:var(--ziel)}
.m-kosz-nie{background:var(--czer-j);color:var(--czer);margin-top:14px}
.m-kosz-tn .ic{stroke-width:3}
.m-kosz .m-lista{gap:6px;font-size:1rem}
.m-kosz-niebieski{border-color:#1d4ed8}.m-kosz-niebieski .m-kosz-g{background:#1d4ed8}
.m-kosz-zolty{border-color:#eab308}.m-kosz-zolty .m-kosz-g{background:#facc15;color:#1f2937}.m-kosz-zolty .m-kosz-ik{background:rgba(0,0,0,.08)}
.m-kosz-zielony{border-color:#15803d}.m-kosz-zielony .m-kosz-g{background:#15803d}
.m-kosz-brazowy{border-color:#7c4a1e}.m-kosz-brazowy .m-kosz-g{background:#7c4a1e}
.m-kosz-czarny{border-color:#1f2937}.m-kosz-czarny .m-kosz-g{background:#1f2937}

/* ---------- Koszty ---------- */
.m-koszt{background:#fff;border:3px solid var(--czer);border-radius:var(--r);padding:22px 20px}
.m-koszt h2{display:flex;align-items:center;gap:12px;color:var(--czer);font-size:clamp(1.4rem,4.6vw,1.85rem);margin:0 0 16px}
.m-koszt h2 .ic{color:var(--czer)}
.m-koszt-p{font:700 1.2rem/1.35 var(--f-h);color:var(--navy);margin:16px 0 0}
.m-tabela{margin:0;display:grid;gap:8px}
.m-tabela div{display:grid;gap:2px 16px;padding:12px 14px;border-radius:12px;background:var(--czer-j)}
@media (min-width:640px){.m-tabela div{grid-template-columns:1.1fr 1fr;align-items:center}}
.m-tabela dt{font-weight:700}
.m-tabela dd{margin:0;font-weight:700;color:var(--czer)}
.m-koniec{font:800 clamp(1.3rem,4.4vw,1.7rem)/1.3 var(--f-h);color:var(--navy);text-align:center;margin:28px auto 0;max-width:30ch}

/* ---------- Stopka ---------- */
.m-ftr{background:var(--navy);color:#C9D6E6;padding:30px 0 96px;text-align:center}
.m-ftr-t{font-size:1.1rem;color:#fff;margin:0 0 10px}
.m-ftr-tel{display:inline-flex;align-items:center;gap:10px;font:800 1.6rem/1 var(--f-h);color:#fff}
.m-ftr-tel:hover{color:var(--or)}
.m-ftr-l{margin:18px 0 6px;font-size:.95rem}
.m-ftr-l a{color:#FFB547}
.m-ftr-f{font-size:.82rem;opacity:.7;margin:0}
.mbar.m-mbar{display:none}
@media (max-width:900px){.mbar.m-mbar{display:block;position:fixed;left:0;right:0;bottom:0;z-index:90;transform:none;padding:.55rem .7rem calc(.55rem + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-top:1px solid var(--line)}}
.m-mbar .m-btn{padding:12px 16px;font-size:1.05rem;box-shadow:none}
@media (min-width:901px){.m-ftr{padding-bottom:30px}}

/* Dodatkowa treść z edytora na stronach mieszkańców */
.m-strefa .tresc-edytora{font-size:1.05rem}
.m-kosz-tak+.m-lista li::before{background:var(--ziel)}
.m-kosz-nie+.m-lista li::before{background:var(--czer)}
.m-koordynator{display:flex;gap:10px;align-items:flex-start;margin:14px 0 0;font-weight:600;color:#55160c}
.m-koordynator .ic{flex:none;margin-top:2px}
.m-alarm-kara .m-koordynator,.m-strefa .m-koordynator{color:var(--ink)}

/* ---------- Zgłoszenia przez program do protokołów ----------
   Gdy w Danych firmy jest adres programu, usterki zgłasza się przez niego.
   Numer telefonu zostaje, ale schodzi na drugi plan — dla pilnych awarii. */
.m-hdr-zglos{background:var(--gran,#0B2545)}
.m-hdr-zglos:hover{background:#123363;color:#fff}
.m-ftr-pilne{margin:10px 0 0;font-size:.95rem;opacity:.85}
.m-ftr-pilne a{color:#FFB547;font-weight:700;white-space:nowrap}
@media (max-width:900px){.mbar.m-mbar{display:flex;gap:.5rem}}
.m-mbar .m-btn{flex:1;justify-content:center}
.m-mbar .m-btn-waski{flex:none;width:56px;padding-inline:0}