/* Strona wyniku bezpłatnego skanu (/saas/skan/). Dziedziczy tokeny i komponenty ze styles.css. */
.wyniki-body{background:var(--bg)}
.wyniki-main{padding:36px 0 72px}
.wyniki-naglowek{max-width:760px}
.wyniki-naglowek h1{font-size:clamp(1.8rem,3vw,2.5rem)}
.wyniki-naglowek h1 span{color:var(--brand-700);font-variation-settings:'SOFT' 100,'WONK' 1,'opsz' 60;word-break:break-word}
.wyniki-lead{margin-top:12px;color:var(--ink-2);max-width:60ch}
.wyniki-status{display:inline-flex;align-items:center;gap:10px;margin-top:18px;padding:8px 14px 8px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:.9rem;font-weight:500}
.wyniki-kropka{width:9px;height:9px;border-radius:50%;background:var(--warn-600);box-shadow:0 0 0 4px var(--warn-50);animation:puls 1.4s ease-in-out infinite}
.wyniki-status[data-stan="koniec"] .wyniki-kropka{background:var(--brand-600);box-shadow:0 0 0 4px var(--brand-100);animation:none}
.wyniki-status[data-stan="blad"] .wyniki-kropka{background:var(--danger-600);box-shadow:0 0 0 4px var(--danger-50);animation:none}
.wyniki-czas{color:var(--ink-3);font-variant-numeric:tabular-nums}
@keyframes puls{0%,100%{opacity:1}50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){.wyniki-kropka{animation:none}}

.wyniki-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;margin-top:32px;align-items:start}
.wyniki-col{display:grid;gap:22px;min-width:0}
.wyniki-aside{position:sticky;top:calc(var(--nav-h) + 16px);display:grid;gap:14px}

/* zakres */
.wyniki-zakres{padding:22px 24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl)}
.wyniki-zakres h2{font-size:1.15rem}
.zakres-lista{list-style:none;margin:14px 0 0;padding:0;display:grid}
.zakres-lista li{display:grid;grid-template-columns:150px 1fr auto;gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid var(--line);font-size:.9rem}
.zakres-nazwa{font-weight:600}
.zakres-opis{color:var(--ink-3);font-size:.84rem}
.zakres-stan{font-size:.74rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--n-400);white-space:nowrap}
.zakres-lista li[data-stan="trwa"] .zakres-stan{color:var(--warn-700)}
.zakres-lista li[data-stan="ok"] .zakres-stan{color:var(--brand-700)}
.zakres-lista li[data-stan="ok"] .zakres-stan::before{content:"✓ "}
.wyniki-uwaga{margin-top:14px;font-size:.84rem;color:var(--ink-3)}
.wyniki-zakres[data-stan="gotowe"]{background:var(--n-25)}

/* podsumowanie */
.wyniki-podsumowanie{display:grid;gap:12px}
.podsum-lead{font-family:var(--font-display);font-size:1.45rem;font-weight:600;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.podsum-czysto,.podsum-niepelny{padding:14px 16px;border-radius:var(--r-lg);font-size:.95rem}
.podsum-czysto{background:var(--brand-50);border:1px solid var(--brand-200);color:var(--brand-900)}
.podsum-niepelny{background:var(--warn-50);border:1px solid #FEDF89;color:var(--warn-700)}
.podsum-kafle{display:flex;flex-wrap:wrap;gap:8px}
.podsum-kafel{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:.84rem;color:var(--ink-2)}
.podsum-kafel b{font-family:var(--font-display);font-size:1.05rem;color:var(--ink);font-variant-numeric:tabular-nums}

/* ustalenia */
.wyniki-ustalenia{display:grid;gap:14px;margin-top:6px}
.ustalenie{padding:22px 24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-sm)}
.ustalenie-nr{display:flex;align-items:center;gap:10px;font-size:.74rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3)}
.ustalenie-waga{padding:2px 8px;border-radius:5px;background:var(--warn-50);color:var(--warn-700);letter-spacing:.04em}
.ustalenie h3{margin-top:8px;font-size:1.25rem;line-height:1.25}
.ustalenie-obszar{margin-top:6px;font-size:.86rem;color:var(--ink-3)}
.ustalenie-nota{margin-top:10px;padding:8px 12px;border-left:3px solid var(--line-2);font-size:.86rem;color:var(--ink-2);background:var(--n-25)}
.ustalenie-blok{margin-top:14px}
.ustalenie-etykieta{font-size:.74rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-700);margin-bottom:3px}
.ustalenie-blok p:last-child{font-size:.95rem;color:var(--ink-2);line-height:1.55;max-width:70ch}
.ustalenie-dowod{margin-top:14px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--n-25)}
.ustalenie-dowod summary{cursor:pointer;padding:10px 14px;font-size:.88rem;font-weight:600;color:var(--brand-700)}
.ustalenie-dowod pre{margin:0;padding:12px 14px;border-top:1px solid var(--line);font-family:var(--font-mono);font-size:.8rem;line-height:1.5;white-space:pre-wrap;word-break:break-word;color:var(--ink)}
.wyniki-reszta{margin-top:12px;font-size:.9rem;color:var(--ink-2)}
.wyniki-nota{margin-top:16px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);font-size:.84rem;color:var(--ink-2);line-height:1.55}
.wyniki-nota-tytul{font-weight:600;color:var(--ink);margin-bottom:4px}

/* mail / awaria */
.wyniki-mail{padding:22px 24px;border:1px solid var(--line);border-radius:var(--r-xl);background:var(--surface)}
.wyniki-mail h2{font-size:1.15rem}
.wyniki-mail p{margin-top:8px;color:var(--ink-2);font-size:.94rem}
.mail-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:14px}
.mail-input{padding:11px 12px;border:1px solid var(--line-2);border-radius:var(--r-md);background:var(--surface);color:var(--ink)}
.mail-input:focus{outline:0;border-color:var(--brand-600);box-shadow:0 0 0 3px var(--brand-100)}
.mail-komunikat{margin-top:8px;font-size:.86rem;color:var(--ink-3)}
.mail-komunikat:empty{display:none}

/* kolumna oferty */
.wyniki-aside .offer-card{position:static}
.aside-title{margin-top:6px;font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:#fff;line-height:1.25}
.aside-list{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:6px;font-size:.88rem;color:#C9D3CD}
.aside-list li{position:relative;padding-left:16px}
.aside-list li::before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:50%;background:#8FD2B1}
.wyniki-aside .offer-price{margin-top:14px}
.wyniki-aside .offer-amount{font-size:2.1rem}
.aside-note{padding:16px 18px;border:1px solid var(--line);border-radius:var(--r-xl);background:var(--surface)}
.aside-note-title{font-weight:600;font-size:.9rem}
.aside-note ul{margin:8px 0 0;padding:0;list-style:none;display:grid;gap:6px;font-size:.84rem;color:var(--ink-2)}
.aside-note b{color:var(--ink)}

.wyniki-stopka{padding:20px 0}
.wyniki-stopka a{text-decoration:underline}

@media (max-width:960px){
  .wyniki-grid{grid-template-columns:1fr}
  .wyniki-aside{position:static}
}
@media (max-width:640px){
  .wyniki-main{padding:24px 0 56px}
  .zakres-lista li{grid-template-columns:1fr auto;gap:6px 12px}
  .zakres-opis{grid-column:1/-1}
  .mail-form{grid-template-columns:1fr}
  .ustalenie{padding:18px}
}

/* fakty o sklepie */
.wyniki-fakty{padding:22px 24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl)}
.wyniki-fakty h2{font-size:1.15rem}
.fakty-lead{margin-top:4px;font-size:.86rem;color:var(--ink-3)}
.fakty-lista{margin:14px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.fakty-lista>div{display:grid;gap:2px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--n-25)}
.fakty-lista dt{font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3)}
.fakty-lista dd{margin:0;font-weight:600;font-size:.95rem}
.fakty-lista dd.f-ok{color:var(--brand-800)}
.fakty-lista dd.f-bad{color:var(--danger-700)}
.fakty-lista dd.f-mid{color:var(--warn-700)}
.fakty-lista dd.f-adres{font-weight:500;font-size:.88rem;word-break:break-all}
.fakty-lista>div:has(dd.f-adres){grid-column:1/-1}
@media (max-width:640px){.fakty-lista{grid-template-columns:repeat(2,1fr)}}

/* warstwy po wyniku: liczniki i podział bezpłatnie / w raporcie */
.zakres-opis b{color:var(--ink-2);font-weight:600}
.zakres-opis .zakres-paid{display:block;color:var(--ink-3)}
.zakres-opis .zakres-paid::before{content:"w pełnym raporcie: ";color:var(--brand-700);font-weight:600}
.zakres-lista li[data-stan="ustalenia"] .zakres-stan{color:var(--danger-700)}
.zakres-lista li[data-stan="czysto"] .zakres-stan{color:var(--brand-700)}
.zakres-lista li[data-stan="raport"] .zakres-stan{color:var(--ink-3)}
.zakres-lista li[data-stan="ok"] .zakres-stan::before{content:""}

/* pozycje poza podglądem */
.wyniki-zamkniete{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:6px}
.wyniki-zamkniete li{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:10px 14px;border:1px dashed var(--line-2);border-radius:var(--r-md);background:repeating-linear-gradient(135deg,var(--n-25) 0 8px,var(--n-50) 8px 16px);color:var(--ink-3);font-size:.9rem}
.wyniki-zamkniete .zam-nr{font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.wyniki-zamkniete .zam-tytul{height:10px;border-radius:5px;background:var(--n-300);max-width:340px}
.wyniki-zamkniete .zam-obszar{font-size:.8rem;white-space:nowrap}
.podsum-pelny{margin-top:8px;font-size:.92rem;color:var(--ink-2);max-width:66ch}
