/* ══════════════════════════════════════════════════════════════════════
   ETAP 2 — USTERKI P1 Z AUDYTU UX (17.10.2026). Ładowany po panel-c.css.
   Zasada nadrzędna: nic ucięte, nic pod przyklejonym paskiem, zero
   przewijania strony w bok, na 390 i 1440 px, w obu motywach.
   ══════════════════════════════════════════════════════════════════════ */

/* ── 1a. górny pasek chowany przy przewijaniu w dół (telefon) ──────────
   `transform` nie zmienia układu: pasek zostaje w przepływie (sticky),
   tylko wyjeżdża poza ekran. Bez ruchu, gdy system prosi o mniej animacji. */
@media (max-width:900px){
  .gora-wrap{transition:transform .2s ease;will-change:transform}
  .gora-wrap.gora-ukryta{transform:translateY(-100%)}
}
@media (prefers-reduced-motion:reduce){
  .gora-wrap{transition:none}
}

/* ── 1b. baner trybu przykładowego: jedna cienka linia na telefonie ───── */
@media (max-width:900px){
  .przyklad-pas{flex-wrap:nowrap;gap:8px;padding:0 8px 0 12px;min-height:44px;line-height:1.2}
  .przyklad-pas .pp-reszta{display:none}
  .przyklad-pas>span{min-width:0}
  .przyklad-pas .btn{flex:0 0 auto;min-height:44px;white-space:nowrap}
}

/* ── 1c. nic nie chowa się pod przyklejonym paskiem ───────────────────
   Kotwice w treści zatrzymują się pod belką i paskiem zakładek. */
.tresc [id],.pomoc-ekr [id]{scroll-margin-top:calc(var(--gora-h) + var(--pod-h) + 12px)}
@media (max-width:900px){
  .tresc [id],.pomoc-ekr [id]{scroll-margin-bottom:calc(var(--dol-h) + 12px)}
}

/* ── 3. „Wymaga uwagi” na Dziś: przycisk „Pokaż wszystkie (N)” ─────── */
.d10-pokaz .d10-przycisk{display:inline-flex;align-items:center;justify-content:center}

/* ── 5. Dane i Pierwsze kroki: jeden główny przycisk „Wgraj dane” ──────
   Na ekranach, które same mają główny przycisk, przycisk z belki znika
   (prowadził do tego samego miejsca). */
:root[data-dm-widok="wczytaj"] .gora #wgraj-dane,
:root[data-dm-widok="start"] .gora #wgraj-dane{display:none}

/* ── 6. pasek zakładek grupy: cień przy krawędzi, gdy da się przewinąć ── */
.c-pod.c-pod-l{box-shadow:inset 16px 0 12px -12px rgba(28,26,22,.28)}
.c-pod.c-pod-p{box-shadow:inset -16px 0 12px -12px rgba(28,26,22,.28)}
.c-pod.c-pod-l.c-pod-p{box-shadow:inset 16px 0 12px -12px rgba(28,26,22,.28),inset -16px 0 12px -12px rgba(28,26,22,.28)}
:root[data-theme=dark] .c-pod.c-pod-l{box-shadow:inset 16px 0 12px -12px rgba(255,255,255,.22)}
:root[data-theme=dark] .c-pod.c-pod-p{box-shadow:inset -16px 0 12px -12px rgba(255,255,255,.22)}
:root[data-theme=dark] .c-pod.c-pod-l.c-pod-p{box-shadow:inset 16px 0 12px -12px rgba(255,255,255,.22),inset -16px 0 12px -12px rgba(255,255,255,.22)}

/* ── 8. kontrast: ikona „!" na ciemnym tle (było 2,34:1) ─────────────── */
:root[data-theme=dark] .akt .ikona.r{color:var(--risk)}

/* ── 7. cele dotyku: linki w biegu tekstu ──────────────────────────────
   Pole trafienia rośnie o dopełnienie, a układ zdania zostaje: dopełnienie
   linii `inline` nie zmienia wysokości wiersza, a poziome ma ujemny margines. */
@media (pointer:coarse),(max-width:900px){
  .tresc p a:not([class]),.tresc li a:not([class]),.tresc .pod a:not([class]),.tresc small a:not([class]){
    padding:15px 5px;margin:0 -5px;
  }
}