/* Broniarz - wpis i edycja sesji (projekt Sesja.dc): karta na każdą broń, amunicja z listy,
   krokomierz −50 [ liczba ] +50 w jednym rzędzie, pasek zapisu przyklejony nad dolnym menu. */

.karta-broni-sesji { display: flex; flex-direction: column; gap: 10px; padding: 14px 0; border-top: 1px solid var(--ramka); }
.karta-broni-sesji:first-of-type { border-top: 0; padding-top: 4px; }
.karta-broni-sesji .naglowek-karty { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
.karta-broni-sesji .tytul-karty { font-weight: 700; font-size: 1.05rem; }
.wiersz-amunicji { display: flex; flex-direction: column; gap: 6px; }
.wybor-amunicji select { width: 100%; }
.wiersz-amunicji .ocena-problem { color: var(--uwaga); }
.wiersz-amunicji .zgodnosc { color: var(--uwaga); font-size: .85rem; }

.krokomierz { display: grid; grid-template-columns: auto 1fr auto; align-items: stretch; gap: 8px; }
.krokomierz .minus, .krokomierz .plus {
  min-width: 64px; min-height: var(--dotyk); padding: 0 12px;
  border: 1.5px solid var(--ramka-mocna); border-radius: var(--promien);
  background: var(--tlo-3); color: var(--tekst); font: 700 1rem var(--font-liczby); cursor: pointer;
  touch-action: manipulation;
}
.krokomierz .minus:active, .krokomierz .plus:active { transform: scale(.96); }
.krokomierz .wartosc { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0; margin: 0; }
.krokomierz .wartosc input { width: 100%; text-align: center; font: 700 1.5rem var(--font-liczby); padding: 6px 4px; }
.krokomierz .wartosc .drugorzedny { font-size: .75rem; }

.karta-broni-sesji .przyciski { justify-content: space-between; }
.dodaj-bron { display: flex; flex-direction: column; gap: 8px; padding-top: 12px; border-top: 1px solid var(--ramka); }
.dodaj-bron .pigulka { cursor: pointer; font: inherit; }

.pasek-zapisu .przycisk { white-space: nowrap; }
.pasek-zapisu {
  position: sticky; bottom: calc(var(--nav-wys) + env(safe-area-inset-bottom) + 8px); z-index: 5;
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 10px 12px; border: 1px solid var(--ramka); border-radius: var(--promien); background: var(--pasek);
}
@media (min-width: 1024px) { .pasek-zapisu { bottom: 12px; } }