/* Pastylki postępu ekranów wyniku. 2026-10-30: wariant A, lekki pomarańcz; 2026-11-02 (decyzja właściciela):
   mocniejszy kolor, obejrzane ekrany pełnym pomarańczem i licznik „6/10” pod pastylkami. */
.rsi-ekrany {
  position: fixed; right: 14px; top: 50%; transform: translateY(-50%); z-index: 50;
  display: flex; flex-direction: column; align-items: center; gap: 6px;
}
.rsi-ekrany[hidden] { display: none !important; }
.rsi-ekrany button {
  position: relative; width: 14px; height: 18px; padding: 0; margin: 0; border: 0; background: none; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
}
.rsi-ekrany button::before {
  content: ""; width: 6px; height: 12px; border-radius: 3px; background: #f3c98a;
  transition: height 0.2s ease, background 0.2s ease;
}
.rsi-ekrany button.is-za::before { background: #ee9e13; }
.rsi-ekrany button.is-aktywna { height: 34px; }
.rsi-ekrany button.is-aktywna::before { height: 28px; background: #c97f00; box-shadow: 0 0 0 3px rgba(238, 158, 19, 0.25); }
.rsi-ekrany button:hover::before, .rsi-ekrany button:focus-visible::before { background: #d98d0a; }
.rsi-ekrany__licznik {
  margin-top: 4px; padding: 3px 7px; border-radius: 999px; background: #ee9e13; color: #fff;
  font: 900 12px/1.2 Arial, Helvetica, sans-serif; white-space: nowrap; pointer-events: none;
}
.rsi-ekrany__licznik:empty { display: none; }
.rsi-ekrany__podpis {
  position: absolute; right: 20px; top: 50%; transform: translateY(-50%); white-space: nowrap; pointer-events: none;
  font-size: 12px; line-height: 1; color: #8a5a00; background: #fff4e3; border: 1px solid #f5d39a; border-radius: 6px; padding: 4px 8px;
  opacity: 0; transition: opacity 0.15s ease;
}
.rsi-ekrany button:hover .rsi-ekrany__podpis, .rsi-ekrany button:focus-visible .rsi-ekrany__podpis { opacity: 1; }
@media (max-width: 640px) {
  .rsi-ekrany { right: 5px; gap: 4px; }
  .rsi-ekrany button::before { width: 5px; height: 9px; }
  .rsi-ekrany button.is-aktywna::before { height: 20px; }
  .rsi-ekrany__licznik { padding: 2px 5px; font-size: 10px; }
  .rsi-ekrany__podpis { display: none; }
}