/* Strony systemow (systemy.html.twig — pelny i skrocony). Laduje autoAsset()
   PO build.css, wiec nadpisuje bez przebudowy Tailwinda.

   ROZPISKA KUPONOW (daro, 19.09.2026): wiersze listy stały jeden pod drugim
   bez odstepu, a liczby szly zwyklym tekstem („Kupon 1: 1, 2, 3, 4, 5, 6").
   Teraz 10 px rytmu miedzy wierszami i liczby w kulach danej gry — tych
   samych, co na wynikach (.kula--<gra> z build.css). */

.kupony-lista {
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
}

.kupony-lista__wiersz {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  padding: 10px 0;
}

/* Kreska tylko MIEDZY wierszami: pierwszy zaczyna sie pod statusem, ostatni
   nie dokleja linii do dolnej krawedzi karty. */
.kupony-lista__wiersz + .kupony-lista__wiersz {
  border-top: 1px solid var(--obramowanie);
}

.kupony-lista__nr {
  min-width: 84px;
  font-size: 13px;
  font-weight: 600;
  color: var(--tekst2);
  font-variant-numeric: tabular-nums;
}

.kupony-lista__euro {
  font-size: 13px;
  color: var(--tekst2);
}

/* Odstep nad statusem i nad lista: ten sam 10 px, co wewnatrz wierszy. */
[data-kupony-status] { margin: 10px 0 0; }

/* Przycisk „losuj liczby" stoi w jednym rzedzie z polem, nie pod nim. */
.kupony-pole-liczby {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

.kupony-pole-liczby > input {
  flex: 1 1 220px;
  min-width: 0;
}

.kupony-losuj {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

@media (max-width: 640px) {
  .kupony-lista__nr { min-width: 0; }
}