/* Zdzich v6 (12.10.2026): okno agenta, SYSTEM PROJEKTOWY (opis: ../SYSTEM.md). Jedna rola tekstu = jeden rozmiar/grubość/kolor; jeden styl przycisku;
   odstępy tylko z skali 4/8/16/24; karty informacji bez czerwonych ramek. Wzory Łukasza: 14 i 15. */
:root{--zd-s1:4px;--zd-s2:8px;--zd-s3:16px;--zd-s4:24px;--h-dotyk:44px;--t-drobny:400 .8125rem/1.4 var(--zd-font);--t-link:700 .9375rem/1.3 var(--zd-font)}   /* te same zmienne co w .zd5: używa ich też widżet w rogu strony */
.zd5,.zd5 *,.zd5 *::before,.zd5 *::after{box-sizing:border-box}
.zd5{
  --zd-s1:4px;--zd-s2:8px;--zd-s3:16px;--zd-s4:24px;                                   /* skala odstępów */
  --r-btn:12px;--r-karta:16px;--h-btn:48px;--h-dotyk:44px;                 /* promienie i wysokości */
  --t-tytul:700 1.25rem/1.3 var(--zd-font);--t-pomoc:400 1rem/1.45 var(--zd-font);--t-et:700 .875rem/1.35 var(--zd-font);
  --t-liczba:800 1.75rem/1.15 var(--zd-font);--t-karta:400 .9375rem/1.45 var(--zd-font);--t-drobny:400 .8125rem/1.4 var(--zd-font);--t-link:700 .9375rem/1.3 var(--zd-font);
  --zd5-vh:100dvh;--zd5-top:0px;position:fixed;z-index:2147483101;right:16px;bottom:16px;display:flex;flex-direction:column;width:420px;max-width:calc(100vw - 32px);height:min(720px,calc(var(--zd5-vh) - 32px));background:#fff;color:var(--zd-tekst);font:var(--t-pomoc);border:1px solid var(--zd-linia);border-radius:var(--r-karta);box-shadow:0 16px 48px rgba(19,47,82,.22);overflow:hidden}
@media (max-width:600px){.zd5{left:0;right:0;top:var(--zd5-top);bottom:auto;width:100%;max-width:none;height:var(--zd5-vh);border:0;border-radius:0;box-shadow:none}}
.zd5[hidden]{display:none!important}
.zd5 button,.zd5 input,.zd5 textarea{font-family:inherit}
.zd5 :focus-visible{outline:3px solid #0B3D91;outline-offset:2px;border-radius:8px}
.zd5 [tabindex="-1"],.zd5 [tabindex="-1"]:focus,.zd5 [data-fokus],.zd5 [data-fokus]:focus{outline:none}
.zd5 p,.zd5 h2,.zd5 h3,.zd5 ul,.zd5 ol,.zd5 dl,.zd5 dd{margin:0}
.zd5 a:not(.zd5-btn){color:var(--zd-nieb)}

/* ===== nagłówek: awatar, nazwa, (tryb testowy), 112, zamknij ===== */
.zd5-gora{flex:none;display:flex;align-items:center;gap:var(--zd-s2);padding:var(--zd-s2) var(--zd-s2) var(--zd-s2) var(--zd-s3);border-bottom:1px solid var(--zd-linia);background:#fff}
.zd5-gora .zd4-av,.zd5-gora .zd4-av img{width:40px;height:40px}
.zd5-gora__tekst{flex:1;min-width:0}
.zd5-gora__imie{display:flex;align-items:center;gap:6px;font:700 1.0625rem/1.3 var(--zd-font);letter-spacing:-.01em;color:var(--zd-nagl)}
.zd5-gora__podpis{font:var(--t-drobny);color:var(--zd-cichy)}
.zd5-test{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:var(--zd-bursz-tlo);color:var(--zd-bursz)}
.zd5-test .zd4-ik{width:18px;height:18px}
.zd5-x,.zd5-112{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:var(--h-dotyk);height:var(--h-dotyk);padding:0 var(--zd-s2);border-radius:10px;cursor:pointer;font:700 .875rem/1 var(--zd-font)}
.zd5-x{border:0;background:transparent;color:var(--zd-nagl)}
.zd5-x:hover{background:var(--zd-pow)}
.zd5-112{display:inline-flex;border:1.5px solid #E3B4B4;background:var(--zd-blad-tlo);color:var(--zd-blad)}
.zd5-112 .zd4-ik{width:16px;height:16px}
.zd5-x__t{display:none}

/* ===== pasek kroków z przyciskiem „Wróć” ===== */
.zd5-kroki{flex:none;display:flex;align-items:center;gap:var(--zd-s2);min-height:var(--h-dotyk);padding:0 var(--zd-s3) 0 var(--zd-s2);background:var(--zd-pow);border-bottom:1px solid var(--zd-linia)}
.zd5-wroc{flex:none;display:inline-flex;align-items:center;gap:4px;min-height:var(--h-dotyk);padding:0 var(--zd-s2);border:0;background:none;color:var(--zd-nieb);font:var(--t-link);cursor:pointer}
.zd5-wroc .zd4-ik{width:18px;height:18px}
.zd5-wroc[hidden]{display:none}
.zd5-kroki__t{flex:1;min-width:0;font:var(--t-et);color:var(--zd-cichy);padding-left:var(--zd-s2);overflow-wrap:anywhere}
.zd5-wroc:not([hidden])+.zd5-kroki__t{padding-left:0}
.zd5-kroki__lista{list-style:none;padding:0;margin:0;display:flex;gap:4px;flex:none}

/* ===== środek ===== */
.zd5-srodek{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;display:flex;flex-direction:column;position:relative}
.zd5-pigulki{display:none}
.zd5-tresc{flex:1 0 auto;display:flex;flex-direction:column;gap:var(--zd-s3);min-width:0;padding:var(--zd-s3)}
.zd5-form{flex:1 0 auto;display:flex;flex-direction:column;gap:var(--zd-s3);min-width:0}
.zd5-akcja{position:sticky;bottom:0;z-index:3;margin:auto calc(-1*var(--zd-s3)) calc(-1*var(--zd-s3));padding:var(--zd-s2) var(--zd-s3) var(--zd-s3);display:flex;flex-direction:column;align-items:stretch;gap:var(--zd-s2);background:#fff}
.zd5-akcja::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px;background:linear-gradient(rgba(255,255,255,0),#fff);pointer-events:none}
.zd5-akcja--pl{flex-direction:row;flex-wrap:wrap}
.zd5-akcja--pl>.zd5-btn{flex:1 1 140px}
.zd5-form>.zd5-akcja{margin-top:auto}

/* ===== role tekstu ===== */
.zd5-tytul{font:var(--t-tytul);letter-spacing:-.01em;color:var(--zd-nagl);text-align:center;text-wrap:balance}
.zd5-pomoc{font:var(--t-pomoc);color:var(--zd-tekst);text-align:center;text-wrap:balance}
.zd5-et{display:block;font:var(--t-et);color:var(--zd-nagl)}
.zd5-et--cichy{font-weight:400;color:var(--zd-cichy)}
.zd5-et--sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.zd5-drobne{font:var(--t-drobny);color:var(--zd-cichy);text-align:center;overflow-wrap:anywhere}
.zd5-drobne a{color:var(--zd-nieb)}
.zd5-pytanie{font:var(--t-tytul);color:var(--zd-nagl);text-align:center}
.zd5-blad,.zd5 .zd4-blad{font:var(--t-karta)}
.zd5-blad[hidden]{display:none}
.zd5 .zd5-tytul--wyniki{font:var(--t-tytul)}
.zd5-tytulblok{display:flex;flex-direction:column;gap:var(--zd-s2);align-items:center;text-align:center}
.zd5-tytulblok .zd4-av,.zd5-tytulblok .zd4-av img{width:56px;height:56px}
/* dymek Zdzicha: awatar + tytuł + jedno zdanie */
.zd5-dym{display:flex;gap:var(--zd-s2);align-items:flex-start}
.zd5-dym__av{flex:none}
.zd5-dym__av .zd4-av,.zd5-dym__av .zd4-av img{width:40px;height:40px}
.zd5-dym__b{flex:1;min-width:0;padding:12px var(--zd-s3);background:var(--zd-pow);border:1px solid var(--zd-linia);border-radius:var(--r-karta) var(--r-karta) var(--r-karta) 4px}
.zd5-dym__t{font:700 1.125rem/1.3 var(--zd-font);letter-spacing:-.01em;color:var(--zd-nagl);text-wrap:pretty;overflow-wrap:anywhere}
.zd5-dym__p{margin-top:var(--zd-s1);font:var(--t-pomoc);color:var(--zd-tekst);overflow-wrap:anywhere}
.zd5-praca{display:flex;align-items:center;gap:var(--zd-s3);padding:var(--zd-s3) 0}
.zd5-przetw{display:flex;align-items:center;gap:12px;font:var(--t-karta);color:var(--zd-nagl)}
.zd5-ikona-duza{display:grid;place-items:center;width:64px;height:64px;margin:0 auto;border-radius:50%;background:var(--zd-pow);color:var(--zd-nieb)}
.zd5-ikona-duza .zd4-ik{width:32px;height:32px}
.zd5-lista{padding-left:20px;font:var(--t-karta);color:var(--zd-tekst)}

/* ===== karty informacji (jasne tło + ikona + krótki tekst, bez ramek w kolorze błędu) ===== */
.zd5 .zd4-kom,.zd5-karta{display:flex;gap:12px;align-items:flex-start;padding:12px var(--zd-s3);border:0;border-radius:var(--r-karta);background:#EEF4FF;color:var(--zd-tekst);font:var(--t-karta)}
.zd5 .zd4-kom .zd4-ik,.zd5-karta .zd4-ik{flex:none;width:20px;height:20px;margin-top:1px;color:var(--zd-nieb)}
.zd5 .zd4-kom strong{font-weight:700;color:var(--zd-nagl)}
.zd5 .zd4-kom--uwaga,.zd5-karta--uwaga{background:var(--zd-bursz-tlo)}.zd5 .zd4-kom--uwaga .zd4-ik,.zd5-karta--uwaga .zd4-ik{color:var(--zd-bursz)}
.zd5 .zd4-kom--blad,.zd5-karta--blad{background:#FCEFEF;color:var(--zd-tekst)}.zd5 .zd4-kom--blad .zd4-ik,.zd5-karta--blad .zd4-ik{color:var(--zd-blad)}
.zd5-karta--ok{background:var(--zd-ziel-tlo)}.zd5-karta--ok .zd4-ik{color:var(--zd-ziel)}
.zd5-karta[hidden],.zd5 .zd4-kom[hidden]{display:none}
.zd5-info-karta{display:flex;gap:12px;align-items:flex-start;padding:12px var(--zd-s3);border-radius:var(--r-karta);background:#EEF4FF;text-align:left}
.zd5-info-karta .zd4-ik{flex:none;width:20px;height:20px;margin-top:1px;color:var(--zd-nieb)}
.zd5-info-karta p{font:var(--t-karta);color:var(--zd-tekst)}
.zd5-info-karta strong{color:var(--zd-nagl)}

/* ===== pola ===== */
.zd5-pole{display:flex;flex-direction:column;gap:6px}
.zd5-pole__t,.zd5-input{display:block;width:100%;min-height:var(--h-btn);padding:12px 14px;border:1.5px solid var(--zd-pole);border-radius:var(--r-btn);background:#fff;color:var(--zd-tekst);font:400 1rem/1.4 var(--zd-font);resize:none;outline:none}
.zd5-pole__t{min-height:96px;max-height:160px}
.zd5-pole__t::placeholder,.zd5-input::placeholder{color:#5F6B7C}
.zd5-pole__t:focus,.zd5-input:focus{border-color:var(--zd-nieb);box-shadow:inset 0 0 0 1px var(--zd-nieb)}
.zd5-pole__t[aria-invalid=true],.zd5-input[aria-invalid=true]{border-color:var(--zd-bursz);box-shadow:inset 0 0 0 1px var(--zd-bursz);background:#FFFDF6}
.zd5-input-ik{position:relative}
.zd5-input-ik .zd4-ik{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--zd-cichy);pointer-events:none}
.zd5-input-ik .zd5-input{padding-left:46px}
.zd5-rzad{display:flex;flex-wrap:wrap;gap:var(--zd-s2);align-items:stretch}
.zd5-rzad--pole{flex-wrap:nowrap}
.zd5-rzad--pole .zd5-input{flex:1 1 120px;width:auto;min-width:0}
.zd5-rzad--pole .zd5-btn{width:auto;flex:none}
.zd5-rzad--glowny>.zd5-btn{flex:1 1 0}

/* ===== przyciski: jeden główny (pełny), jeden drugorzędny (obrys), jeden link ===== */
.zd5-btn{min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:var(--zd-s2);width:100%;min-height:var(--h-btn);padding:var(--zd-s2) var(--zd-s3);border:1.5px solid var(--zd-nieb);border-radius:var(--r-btn);background:#fff;color:var(--zd-nieb);font:700 1rem/1.3 var(--zd-font);text-decoration:none;text-align:center;cursor:pointer;max-width:100%}
.zd5-btn:hover{background:#F2F6FE}
.zd5-btn--glowny{background:var(--zd-nieb);color:#fff}
.zd5-btn--glowny:hover{background:var(--zd-nieb-h);border-color:var(--zd-nieb-h)}
.zd5-btn--drugi{border-color:var(--zd-nieb);color:var(--zd-nieb)}
.zd5-btn:disabled,.zd5-btn[aria-busy=true]{background:#E4E9F1;border-color:#E4E9F1;color:#55627A;cursor:default}
.zd5-btn .zd4-ik{width:20px;height:20px}
.zd5-btn__t{display:flex;flex-direction:column;align-items:center;line-height:1.2}
.zd5-btn__num{font:400 .8125rem/1.2 var(--zd-font);white-space:nowrap}
.zd5-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--h-dotyk);padding:0 var(--zd-s1);border:0;background:none;color:var(--zd-nieb);font:var(--t-link);text-decoration:underline;text-underline-offset:3px;cursor:pointer;text-align:center;max-width:100%;align-self:center}
.zd5-link:disabled{opacity:.6;cursor:default}
.zd5-link .zd4-ik{width:18px;height:18px}
.zd5-link--maly{font-size:.875rem}
.zd5-link--wolne{align-self:center}
.zd5-linki{display:flex;flex-wrap:wrap;gap:0 var(--zd-s3);align-items:center;justify-content:center}
.zd5-linki--kol{flex-direction:column;align-items:stretch;gap:var(--zd-s2)}
.zd5-linki--kol .zd5-link{align-self:center}
.zd5-wkrotce{text-decoration:none;color:var(--zd-cichy);font-weight:400}
.zd5-hint{text-align:center}
/* dwie pigułki w jednej linii (drugorzędne) */
.zd5-grupa{display:grid;grid-template-columns:1fr 1fr;gap:var(--zd-s2)}
.zd5-grupa .zd5-btn{min-height:var(--h-dotyk);font-size:.9375rem;padding:var(--zd-s1) var(--zd-s2);border-radius:var(--r-btn);line-height:1.2}

/* ===== siatka pigułek miast (równe kolumny) i lista wyboru ===== */
.zd5-chipy{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--zd-s2)}
.zd5-chip{display:flex;align-items:center;justify-content:center;gap:6px;min-height:var(--h-dotyk);padding:0 var(--zd-s2);border:1px solid #C3D6F6;border-radius:var(--r-btn);background:#EEF3FD;color:#0F4CB5;font:700 .9375rem/1 var(--zd-font);cursor:pointer}
.zd5-chip:hover{background:#E2ECFC}
.zd5-chip .zd4-ik{width:18px;height:18px}
.zd5-opcje{list-style:none;padding:0;display:grid;gap:var(--zd-s2)}
.zd5-opcja{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:var(--h-btn);padding:var(--zd-s2) 14px;border:1.5px solid var(--zd-pole);border-radius:var(--r-btn);background:#fff;color:var(--zd-nagl);font:700 1rem/1.3 var(--zd-font);text-align:left;cursor:pointer}
.zd5-opcja:hover{background:#F2F6FE;border-color:var(--zd-nieb)}
.zd5-opcja .zd4-ik{color:var(--zd-nieb);flex:none}
.zd5-opcje--chipy{grid-template-columns:1fr 1fr}
.zd5-opcja--chip{min-height:var(--h-dotyk);border:1px solid #C3D6F6;background:#EEF3FD;color:#0F4CB5;font-size:.9375rem;justify-content:center;text-align:center;padding:var(--zd-s1) var(--zd-s2)}
.zd5-usluga{display:flex;gap:14px;align-items:center;padding:var(--zd-s3);border-radius:var(--r-karta);background:#F2F6FE;border:1px solid #D3E0F7}
.zd5-usluga__ik{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#fff;color:var(--zd-nieb)}
.zd5-usluga__nazwa{font:700 1.125rem/1.3 var(--zd-font);color:var(--zd-nagl);overflow-wrap:anywhere}
.zd5-usluga__inacz{font:var(--t-drobny);color:var(--zd-cichy)}
.zd5-podp{border-radius:var(--r-karta);background:var(--zd-bursz-tlo)}
.zd5-podp summary{display:flex;align-items:center;gap:var(--zd-s2);min-height:var(--h-dotyk);padding:0 var(--zd-s3);color:var(--zd-bursz);font:var(--t-link);cursor:pointer}
.zd5-podp summary .zd4-ik{width:18px;height:18px}
.zd5-podp p{padding:0 var(--zd-s3) 12px;font:var(--t-karta);color:var(--zd-tekst)}
.zd5-przyklad,.zd5-panel{display:flex;flex-direction:column;gap:var(--zd-s2);padding:12px;border-radius:var(--r-karta);background:var(--zd-pow);border:1px solid var(--zd-linia)}
.zd5-panel[hidden]{display:none}
.zd5-przyklad__t{font:var(--t-karta);color:var(--zd-tekst)}

/* ===== historia 3 h ===== */
.zd5-hist{display:flex;flex-direction:column;gap:var(--zd-s2);align-items:stretch;text-align:center}
.zd5-hist__pod{font:var(--t-pomoc);color:var(--zd-tekst);text-align:center}
.zd5-hist-info{padding:12px var(--zd-s3)}

/* ===== model B ===== */
.zd5-dowod{display:flex;flex-direction:column;gap:var(--zd-s2);align-items:center;padding:var(--zd-s3);border-radius:var(--r-karta);background:var(--zd-ziel-tlo);text-align:center}
.zd5-plak{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 10px;border-radius:8px;background:var(--zd-pow);color:var(--zd-nagl);font:700 .8125rem/1.2 var(--zd-font);white-space:nowrap}
.zd5-plak .zd4-ik{width:14px;height:14px}
.zd5-plak--ziel,.zd5-plak--najkrotsza{background:var(--zd-ziel-tlo);color:#0B5A3E}
.zd5-plak--kompromis{background:#EAF1FD;color:#0F4CB5}
.zd5-plak--najblizej{background:#EEF1F5;color:#3D4A5C}
.zd5-dowod .zd5-plak--ziel{background:#fff}
.zd5-dowod__duzy{font:var(--t-liczba);letter-spacing:-.02em;color:var(--zd-nagl)}
.zd5-dowod__pod{font:var(--t-drobny);color:var(--zd-cichy)}
.zd5-zaslona{padding:12px 14px;border-radius:var(--r-karta);background:var(--zd-pow);overflow:hidden;border:1px solid var(--zd-linia)}
.zd5-zaslona__tresc{filter:blur(6px);user-select:none;pointer-events:none;font:var(--t-karta);color:var(--zd-tekst)}

/* ===== płatność ===== */
.zd5-podsum{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--r-karta);background:var(--zd-pow)}
.zd5-zakladki{display:flex;gap:6px}
.zd5-zakl{flex:1 1 0;min-height:var(--h-dotyk);padding:0 10px;border:1.5px solid var(--zd-pole);border-radius:var(--r-btn);background:#fff;color:var(--zd-nagl);font:700 .875rem/1.2 var(--zd-font);cursor:pointer}
.zd5-zakl[aria-selected=true],.zd5-zakl[aria-pressed=true]{border-color:var(--zd-nieb);background:#EEF3FD;color:#0F4CB5}
.zd5-zgody{display:flex;flex-direction:column;gap:var(--zd-s2)}
.zd5-zgoda{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border-radius:var(--r-btn);background:var(--zd-pow);font:var(--t-karta);color:var(--zd-tekst);cursor:pointer}
.zd5-zgoda input{flex:none;width:22px;height:22px;margin:1px 0 0;accent-color:var(--zd-nieb)}
.zd5-zgoda__t{flex:1;min-width:0}
.zd5-wym{display:inline-block;margin-left:6px;padding:0 6px;border-radius:6px;background:var(--zd-nagl);color:#fff;font:700 .75rem/1.6 var(--zd-font);letter-spacing:.04em;vertical-align:1px}
.zd5-zgoda-pelna{margin:-2px 0 0;padding:0 12px;font:var(--t-drobny);color:var(--zd-cichy)}
.zd5-zgoda-pelna summary{display:inline-flex;align-items:center;min-height:var(--h-dotyk);color:var(--zd-nieb);font:var(--t-link);font-size:.8125rem;cursor:pointer}
.zd5-zgoda-pelna p{padding-bottom:var(--zd-s2)}
.zd5-krokbank{display:flex;gap:12px;align-items:center;padding:12px var(--zd-s3);border-radius:var(--r-karta);background:#EEF4FF;font:var(--t-karta);color:var(--zd-tekst)}
.zd5-krokbank .zd4-ik{flex:none;width:28px;height:28px;color:var(--zd-nieb)}
.zd5-krokbank[hidden]{display:none}
.zd5-stan{display:flex;gap:12px;align-items:flex-start;padding:var(--zd-s3);border-radius:var(--r-karta);background:var(--zd-pow)}
.zd5-stan__ik{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#fff}
.zd5-stan__t{font:700 1.125rem/1.3 var(--zd-font);color:var(--zd-nagl)}
.zd5-stan__p{margin-top:var(--zd-s1);font:var(--t-pomoc);color:var(--zd-tekst)}
.zd5-stan--blad{background:#FCEFEF}.zd5-stan--blad .zd5-stan__ik{color:var(--zd-blad)}
.zd5-stan--uwaga{background:var(--zd-bursz-tlo)}.zd5-stan--uwaga .zd5-stan__ik{color:var(--zd-bursz)}
.zd5-stan--ok{background:var(--zd-ziel-tlo)}.zd5-stan--ok .zd5-stan__ik{color:var(--zd-ziel)}
.zd5-stan--info{background:#EEF4FF}.zd5-stan--info .zd5-stan__ik{color:var(--zd-nieb)}
.zd5-kroklista{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--zd-s1)}
.zd5-krokl{display:flex;align-items:center;gap:12px;min-height:32px;font:var(--t-karta);color:var(--zd-cichy)}
.zd5-krokl__ik{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1.5px solid var(--zd-linia)}
.zd5-krokl__ik .zd4-ik{width:14px;height:14px}.zd5-krokl__ik .zd4-kolo{width:16px;height:16px;border-width:2px}
.zd5-krokl--ok{color:var(--zd-tekst)}.zd5-krokl--ok .zd5-krokl__ik{background:var(--zd-ziel-tlo);border-color:var(--zd-ziel);color:var(--zd-ziel)}
.zd5-krokl--trwa{color:var(--zd-nagl);font-weight:700}

/* ===== wyniki: JEDNA placówka w trzech gęstościach ===== */
.zd5-wyn-usluga{font:var(--t-pomoc);color:var(--zd-cichy);text-align:center}
.zd5-wyn-usluga strong{color:var(--zd-nagl)}
.zd5-karty{list-style:none;padding:0;display:block}
.zd5-karty>li[hidden]{display:none}
.zd5-pl{min-width:0}
.zd5-pl--pelna>article,.zd5-pl--szczegoly{display:flex;flex-direction:column;gap:12px;padding:var(--zd-s3);border:1px solid var(--zd-linia);border-radius:var(--r-karta);background:#fff}
.zd5-pl--pelna.zd5-pl--najkrotsza>article{border-color:#8CC9AC}
.zd5-pl__gora{display:flex;align-items:center;justify-content:space-between;gap:var(--zd-s2);min-height:var(--h-dotyk);margin:calc(-1*var(--zd-s2)) 0 calc(-1*var(--zd-s2))}
.zd5-pl__plak{display:flex;flex-wrap:nowrap;gap:6px;min-width:0}
.zd5-pl__plak .zd5-plak{flex:none}
.zd5-pl__miasto{font:700 1.375rem/1.25 var(--zd-font);letter-spacing:-.02em;color:var(--zd-nagl);overflow-wrap:anywhere}
.zd5-pl__nazwa{font:var(--t-karta);color:var(--zd-cichy);overflow-wrap:anywhere}
.zd5-pl--pelna .zd5-pl__nazwa{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.zd5-pl__adres{display:flex;gap:6px;flex-wrap:wrap;align-items:center;font:var(--t-karta);color:var(--zd-tekst)}
.zd5-pl__adres .zd4-ik{width:16px;height:16px;color:var(--zd-cichy)}
.zd5-pl__dane{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--zd-s2);align-items:stretch}
.zd5-pl__kafel{min-width:0;min-height:96px;padding:12px;border-radius:var(--r-btn);background:var(--zd-pow);display:flex;flex-direction:column;gap:var(--zd-s1)}
.zd5-pl__kafel .zd5-et{font:700 .75rem/1.3 var(--zd-font);letter-spacing:.04em;text-transform:uppercase;color:var(--zd-cichy)}
.zd5-pl__kafel--cichy{background:#fff;border:1px dashed var(--zd-linia)}
.zd5-pl__kafel--cichy .zd5-drobne{text-align:left}
.zd5-pl__wart{display:flex;align-items:baseline;gap:6px;color:var(--zd-nagl)}
.zd5-pl__dni,.zd5-pl__km{font:var(--t-liczba);letter-spacing:-.02em;color:var(--zd-nagl)}
.zd5-pl__jedn{font:700 1rem/1.2 var(--zd-font);color:var(--zd-nagl)}
.zd5-pl__kafel .zd5-drobne{text-align:left}
.zd5-pl__delta{font:var(--t-drobny);color:var(--zd-cichy)}
.zd5-pl__delta strong{color:var(--zd-tekst)}
.zd5-pl__uw{display:flex;flex-direction:column;gap:0}
.zd5-pl__uw .zd4-kom{padding:10px 12px}
.zd5-szczegol{font:var(--t-karta);color:var(--zd-cichy)}
.zd5-szczegol summary{display:flex;align-items:center;justify-content:center;min-height:var(--h-dotyk);color:var(--zd-nieb);font:var(--t-link);cursor:pointer}
.zd5-szczegol p{margin:0 0 var(--zd-s2)}
.zd5-link--szcz{margin-left:auto;text-decoration:none;align-self:center}
.zd5-pl__wiersze{display:grid;grid-template-columns:auto minmax(0,1fr);border-top:1px solid var(--zd-linia)}
.zd5-pl__wiersze>div{display:contents}
.zd5-pl__wiersze dt,.zd5-pl__wiersze dd{padding:12px 0;border-bottom:1px solid var(--zd-linia);font:var(--t-karta)}
.zd5-pl__wiersze dt{color:var(--zd-cichy);padding-right:var(--zd-s3);white-space:nowrap}
.zd5-pl__wiersze dd{color:var(--zd-nagl);font-weight:400;text-align:left;overflow-wrap:anywhere}
.zd5-wiersze{list-style:none;padding:0;display:flex;flex-direction:column;border-top:1px solid var(--zd-linia)}
.zd5-pl--wiersz{display:grid;grid-template-columns:28px minmax(0,1fr) auto 20px;align-items:center;gap:var(--zd-s2);width:100%;min-height:64px;padding:var(--zd-s2) var(--zd-s1);border:0;border-bottom:1px solid var(--zd-linia);background:#fff;text-align:left;cursor:pointer;color:var(--zd-tekst)}
.zd5-pl--wiersz:hover{background:#F2F6FE}
.zd5-pl--wiersz .zd5-pl__nr{font:700 .875rem/1 var(--zd-font);color:var(--zd-cichy)}
.zd5-pl--wiersz .zd5-pl__tekst{display:flex;flex-direction:column;min-width:0}
.zd5-pl--wiersz .zd5-pl__miasto{font:700 1rem/1.3 var(--zd-font);letter-spacing:0}
.zd5-pl--wiersz .zd5-pl__nazwa{font:var(--t-drobny);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zd5-pl--wiersz .zd5-pl__prawo{display:flex;flex-direction:column;align-items:flex-end}
.zd5-pl--wiersz .zd5-pl__dni{font:800 1rem/1.3 var(--zd-font);letter-spacing:0}
.zd5-pl--wiersz .zd5-pl__km{font:var(--t-drobny);color:var(--zd-cichy);letter-spacing:0}
.zd5-pl--wiersz .zd5-pl__strz{color:var(--zd-nieb)}.zd5-pl--wiersz .zd5-pl__strz .zd4-ik{width:18px;height:18px}
.zd5-remis{padding:12px var(--zd-s3);border-radius:var(--r-karta);background:#EEF4FF;color:var(--zd-tekst);font:var(--t-karta)}
.zd5-zakladki--sort .zd5-zakl{font-size:.8125rem;padding:0 6px}
.zd5-miej-chip{display:flex;align-items:center;justify-content:center;gap:var(--zd-s2);color:var(--zd-cichy)}
.zd5-miej-chip__t{display:flex;gap:6px;align-items:baseline;font:var(--t-karta);color:var(--zd-cichy)}
.zd5-miej-chip__t strong{font-weight:700;color:var(--zd-nagl)}
.zd5-miej-chip__zmien{flex:none;display:grid;place-items:center;width:var(--h-dotyk);height:var(--h-dotyk);border:0;border-radius:10px;background:transparent;color:var(--zd-nieb);cursor:pointer}
.zd5-nota{display:flex;flex-direction:column;gap:var(--zd-s1)}
.zd5-zrodla{margin:0}
.zd5-wygasa[hidden]{display:none}
.zd5-gl{display:flex;flex-direction:column;gap:var(--zd-s2);align-items:center}
.zd5-o-serwisie{align-self:center;min-height:var(--h-dotyk);display:inline-flex;align-items:center;border:0;background:none;color:var(--zd-cichy);font:var(--t-drobny);text-decoration:underline;text-underline-offset:3px;cursor:pointer}

/* ===== arkusz „Nagły przypadek? 112” i „O serwisie i danych” (okienko wewnątrz widżetu) ===== */
.zd5-arkusz{position:absolute;left:0;right:0;top:0;bottom:0;z-index:20;display:flex;flex-direction:column;background:#fff}
.zd5-arkusz[hidden]{display:none}
.zd5-arkusz__gora{flex:none;display:flex;align-items:center;justify-content:space-between;gap:var(--zd-s2);min-height:56px;padding:0 var(--zd-s2) 0 var(--zd-s3);border-bottom:1px solid var(--zd-linia)}
.zd5-arkusz__gora h2{font:var(--t-tytul);color:var(--zd-nagl)}
.zd5-arkusz__tresc{flex:1 1 auto;min-height:0;overflow:auto;padding:var(--zd-s3);display:flex;flex-direction:column;gap:var(--zd-s3)}
.zd5-112karta{display:flex;flex-direction:column;gap:var(--zd-s2);align-items:center;text-align:center;padding:var(--zd-s3);border-radius:var(--r-karta);background:#FCEFEF}
.zd5-112karta .zd5-btn{border-color:var(--zd-blad);background:var(--zd-blad);color:#fff}
.zd5-112karta__t{font:var(--t-pomoc);color:var(--zd-tekst)}
.zd5-arkusz__sekcja{display:flex;flex-direction:column;gap:var(--zd-s2)}
.zd5-arkusz__sekcja p{font:var(--t-karta);color:var(--zd-tekst)}
.zd5-arkusz__linki{display:flex;flex-wrap:wrap;gap:var(--zd-s2) var(--zd-s3)}

/* ===== niski/wąski obszar (klawiatura): chowamy, co nie jest potrzebne do wykonania kroku ===== */
.zd5--kompakt .zd5-gora{padding:4px 4px 4px 12px;gap:6px}
.zd5--kompakt .zd5-gora .zd4-av,.zd5--kompakt .zd5-dym__av,.zd5--kompakt .zd5-gora__podpis,.zd5--kompakt .zd5-kroki__lista,.zd5--kompakt .zd5-test{display:none}
.zd5--kompakt .zd5-tresc{padding:var(--zd-s2) 12px;gap:var(--zd-s2)}
.zd5--kompakt .zd5-akcja{margin:auto -12px -8px;padding:6px 12px 8px}
.zd5--kompakt .zd5-dym__p,.zd5--kompakt .zd5-drobne:not(.zd5-hint),.zd5--kompakt .zd5-podsum,.zd5--kompakt .zd5-usluga__inacz,.zd5--kompakt .zd5-link--szcz,.zd5--kompakt .zd5-szczegol,.zd5--kompakt .zd5-pl__info,.zd5--kompakt .zd5-info-karta,.zd5--kompakt .zd5-grupa,.zd5--kompakt .zd5-chipy,.zd5--kompakt .zd5-o-serwisie,.zd5--kompakt .zd5-krokbank,.zd5--kompakt .zd5-zgoda-pelna,.zd5--kompakt .zd5-pomoc{display:none}
.zd5--kompakt .zd5-dym__b{padding:6px 10px;border-radius:12px}
.zd5--kompakt .zd5-dym__t{font-size:.9375rem;line-height:1.3}
.zd5--kompakt .zd5-pole__t{min-height:60px}
.zd5--kompakt .zd5-pl__dni,.zd5--kompakt .zd5-pl__km{font-size:1.375rem}
.zd5--kompakt .zd5-pl--pelna>article{padding:12px;gap:var(--zd-s2)}
.zd5--kompakt .zd5-zgoda{padding:6px 10px;font-size:.8125rem;line-height:1.3}
.zd5--kompakt .zd5-zgody{gap:4px}
.zd5--kompakt .zd5-btn{min-height:44px;padding:6px 12px}
.zd5--kompakt #zd5-met-zakl{display:none}
.zd5--niski .zd5-pole__t{min-height:76px}
.zd5--niski .zd5-tresc{gap:12px}
.zd5--niski .zd5-dym__p{display:none}
.zd5--niski .zd5-tytulblok .zd4-av,.zd5--niski .zd5-tytulblok .zd4-av img{width:44px;height:44px}
@media (prefers-reduced-motion:reduce){.zd5 .zd4-kolo{animation-duration:3s}}

/* wybór sposobu płatności: widoczny jest jeden panel, drugi leży poza ekranem, ale jest zamontowany */
.zd5-met--off{position:absolute;left:-9999px;top:0;width:360px;height:0;overflow:hidden}
.zd5-badge{position:absolute;top:-8px;right:-4px;padding:2px 8px;border-radius:999px;background:var(--zd-ziel);color:#fff;font:700 .75rem/1.3 var(--zd-font);white-space:nowrap}
.zd4-launcher{position:relative}

/* ===== widżet w rogu strony (karta startowa): jeden nagłówek, dwie liczby, jedna akcja ===== */
.zd4-baner .zd4-baner__pod,.zd4-baner .zd4-baner__zrodlo,.zd4-baner .zd4-ikony{display:none}
.zd4-baner .zd4-cena{font:var(--t-drobny);color:var(--zd-cichy);text-align:center}
.zd5-w-szcz{margin:0;border-top:1px solid var(--zd-linia)}
.zd5-w-szcz summary{display:flex;align-items:center;justify-content:center;min-height:var(--h-dotyk);color:var(--zd-nieb);font:var(--t-link);cursor:pointer}
.zd5-w-szcz__t{display:flex;flex-direction:column;gap:var(--zd-s2);padding:0 0 var(--zd-s2);font:var(--t-drobny);color:var(--zd-cichy)}
.zd5-widget-hist{display:flex;flex-direction:column;gap:0;width:100%;margin:0 0 var(--zd-s2);min-height:52px;line-height:1.25}
.zd5-widget-hist__t{font:400 .8125rem/1.3 var(--zd-font)}
.zd5-btn-w-drugi{background:#fff!important;color:var(--zd-nieb)!important;border:1.5px solid var(--zd-nieb)!important}
.zd5-btn-w-drugi .zd4-btn__cena{background:#EEF3FD;color:#0F4CB5}

/* uzupełnienia v6 */
.zd5-pl__tytul{display:flex;align-items:center;justify-content:space-between;gap:var(--zd-s2)}
.zd5-grupa--1{grid-template-columns:1fr}
.zd5-dol{margin-top:var(--zd-s1)}
.zd5-akcja-dol{display:flex;flex-direction:column;gap:var(--zd-s2);align-items:stretch}
.zd5-pl--pelna .zd5-akcja{position:static;margin:0;padding:0;background:none}
.zd5-pl--pelna .zd5-akcja::before{display:none}
.zd5-pl--szczegoly .zd5-akcja{margin:0 calc(-1*var(--zd-s3)) calc(-1*var(--zd-s3));padding:var(--zd-s2) var(--zd-s3) var(--zd-s3);position:static}
.zd5-zgoda-box{border-radius:var(--r-btn);background:var(--zd-pow);overflow:hidden}
.zd5-zgoda-box .zd5-zgoda{background:none;border-radius:0}

.zd5-pl__opis{display:flex;flex-direction:column;gap:var(--zd-s1)}
.zd5-pl--pelna .zd4-rank{display:none}
.zd5 .zd4-rank{margin:0;padding:0;border:0;background:none;color:var(--zd-ziel);font:var(--t-drobny)}
.zd5-tytulblok .zd5-dym__t{text-wrap:balance}
.zd5-akcja--pl{display:grid;grid-template-columns:1.35fr 1fr;gap:var(--zd-s2)}
.zd5-akcja--pl>.zd5-btn{flex:none;padding:var(--zd-s2) 12px;font-size:.9375rem;min-width:0}
.zd5-akcja--pl>.zd5-btn:only-child{grid-column:1/-1}
.zd5-pl--szczegoly .zd4-rank,.zd5-pl--pelna .zd4-rank{display:none}
.zd5-pl__uw .zd4-kom strong{font-weight:700}
.zd5-pl__km--brak{font:700 1.0625rem/1.3 var(--zd-font);letter-spacing:0;color:var(--zd-cichy)}
.zd5-zgoda-pelna__b{display:inline-flex;align-items:center;min-height:44px;margin:-8px 0 -4px 46px;padding:0;border:0;background:none;color:var(--zd-nieb);font:var(--t-link);font-size:.8125rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.zd5-zgoda-pelna__t{margin:0;padding:0 12px 12px 46px;font:var(--t-drobny);color:var(--zd-cichy)}
.zd5-zgoda-pelna__t[hidden]{display:none}
.zd5-krokbank{padding:10px 14px}
.zd5--kompakt .zd5-zgoda-pelna__b,.zd5--kompakt .zd5-zgoda-pelna__t{display:none}
.zd5--gesty .zd5-tresc{gap:var(--zd-s2)}
.zd5--gesty .zd5-tytulblok .zd5-pomoc{display:none}
/* klawiatura (340 px): tylko to, co potrzebne do wykonania kroku */
.zd5--kompakt .zd5-ikona-duza,.zd5--kompakt .zd5-zaslona,.zd5--kompakt .zd5-dowod__pod,.zd5--kompakt .zd5-stan__ik{display:none}
.zd5--kompakt .zd5-pole>.zd5-et{display:none}
.zd5--kompakt [data-krok=platnosc] .zd5-zakladki--metody{display:none}
.zd5--kompakt .zd5-tytul{font-size:1.0625rem}
.zd5--kompakt .zd5-dowod{padding:var(--zd-s2)}
.zd5--kompakt .zd5-dowod__duzy{font-size:1.25rem}
.zd5--kompakt .zd5-stan{padding:12px}
.zd4-widget .zd4-kafle{margin-bottom:var(--zd-s2)}
.zd5-widget-hist{margin:var(--zd-s2) 0}
.zd4-baner .zd4-cena{margin:var(--zd-s2) 0}
@media (max-width:600px){.zd5-akcja--pl{grid-template-columns:1fr}.zd5 .zd4-krok{width:12px}}
@media (max-width:340px){.zd5-kroki__lista{display:none}}
.zd5-wyn-usluga strong{display:block}

/* wyniki: przyciski akcji zawsze widoczne (lepkie), także w karcie i szczegółach */
.zd5-pl--pelna .zd5-akcja--pl,.zd5-pl--szczegoly .zd5-akcja--pl{position:sticky;bottom:0;z-index:3;margin:0 calc(-1*var(--zd-s3)) calc(-1*var(--zd-s3));padding:var(--zd-s2) var(--zd-s3) var(--zd-s3);background:#fff}
.zd5-pl--pelna .zd5-akcja--pl::before,.zd5-pl--szczegoly .zd5-akcja--pl::before{display:block}
.zd5--kompakt .zd5-tytulblok--wyniki .zd5-wyn-usluga,.zd5--kompakt .zd5-remis,.zd5--kompakt .zd5-pl__opis,.zd5--kompakt .zd5-pl__delta,.zd5--kompakt .zd5-pl__uw .zd5-szczegol,.zd5--kompakt .zd5-pl--szczegoly .zd5-pl__wiersze{display:none}
.zd5--kompakt .zd5-pl__kafel{min-height:0;padding:8px 10px}
.zd5--kompakt .zd5-pl__uw .zd4-kom{padding:6px 10px}
.zd5--kompakt .zd5-zgoda{padding:4px 10px;font-size:.8125rem}

/* wąskie okna (320 px, powiększenie 200%): nic nie wystaje, elementy zawijają się */
.zd5-zakladki{flex-wrap:wrap}
.zd5-plak{white-space:normal;max-width:100%}
@media (max-width:380px){.zd5-pl__plak{flex-wrap:wrap}.zd5-rzad--pole{flex-wrap:wrap}.zd5-rzad--pole .zd5-btn{width:100%}}
.zd5--kompakt .zd5-form--start .zd5-link{display:none}
.zd5-btn,.zd5-opcja,.zd5-zakl{overflow-wrap:anywhere}

/* klawiatura: pasek kroków niższy (przycisk „Wróć” zachowuje 44 px celu dotyku dzięki ujemnym marginesom) */
.zd5--kompakt .zd5-kroki{min-height:28px}
.zd5--kompakt .zd5-wroc{margin:-8px 0}
.zd5--kompakt .zd5-tytulblok{gap:0}
.zd5-wyn-usluga__ile{display:block;font:var(--t-drobny);color:var(--zd-cichy)}

/* poprawka 12.10: teksty w „Szczegóły” widgetu były ukryte starą regułą banera (display:none) */
.zd5-w-szcz__t .zd4-baner__pod,.zd5-w-szcz__t .zd4-baner__zrodlo{display:block;margin:6px 0;font-size:.8125rem;line-height:1.45;color:var(--zd-cichy,#526176);text-align:left}

.zd5-w-przyklad{margin:8px 0 12px;text-align:center;font:400 .75rem/1.3 var(--zd-font);color:var(--zd-cichy,#526176)}

.zd5-wyczysc{flex:none;min-height:var(--h-dotyk);padding:0 var(--zd-s2);border:0;background:none;color:var(--zd-nieb);font:var(--t-link);text-decoration:underline;cursor:pointer}
.zd5-wyczysc[hidden]{display:none}
.zd5--kompakt .zd5-wyczysc{min-height:var(--h-dotyk);margin:-8px 0}

.zd5-nowa-wersja{flex:none;display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 12px;background:#fff6e0;border-bottom:1px solid #ecd9a8;font:var(--t-et)}
.zd5-nowa-wersja .zd5-link{min-height:32px}

.zd5-blad-js{flex:none;padding:6px 12px;background:#fdecea;color:#7a1c14;font:var(--t-et);border-bottom:1px solid #f3c1bb}

.zd5-diag{position:absolute;left:8px;right:8px;bottom:8px;z-index:9;padding:4px 8px;border-radius:8px;background:#16213a;color:#fff;font:11px/1.35 system-ui,sans-serif;text-align:center;pointer-events:none}
.zd5-diag[hidden]{display:none}

.zd5-wersja{position:absolute;right:10px;top:4px;z-index:9;font:10px/1 system-ui,sans-serif;color:#8a97ab;pointer-events:none}