/* Broniarz - przyciski (projekt: główny 56-60 px pomarańczowy, zwykły z ramką). */

.przycisk {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: var(--dotyk); padding: 0 22px;
  border: 1.5px solid var(--ramka-mocna); border-radius: var(--promien);
  background: transparent; color: var(--tekst);
  font: inherit; font-weight: 600; font-size: 1rem; text-decoration: none; cursor: pointer;
  touch-action: manipulation;
}
.przycisk:hover { text-decoration: none; border-color: var(--tekst-3); }
.przycisk:active { transform: scale(.98); }
.przycisk.glowny, .przycisk-glowny {
  background: var(--akcent); color: var(--akcent-tekst); border-color: var(--akcent);
}
.przycisk.glowny:hover, .przycisk-glowny:hover { filter: brightness(1.08); border-color: var(--akcent); }
.przycisk.niebezpieczny, .przycisk-ostrzezenie { color: var(--blad-jasny); border-color: color-mix(in srgb, var(--blad) 55%, transparent); }
.przycisk.pelny { width: 100%; }
.przycisk[disabled], .przycisk.htmx-request { opacity: .6; pointer-events: none; }
.przycisk-maly { min-height: var(--dotyk-maly); padding: 0 14px; font-size: .9rem; border-radius: 12px; }
.przycisk-dodaj {     /* „+ Dodaj broń" - przerywana ramka, jak na projekcie */
  border-style: dashed; color: var(--tekst-2); font-weight: 500; width: 100%;
}
.przyciski { display: flex; flex-wrap: wrap; gap: 8px; }
.formularz > .przycisk { width: 100%; }

/* Pod sesją: Gotowe + Edytuj z lewej, Usuń sesję z prawej, równe szerokości, odstęp przed usuwaniem. */
.akcje-sesji { display: flex; gap: 10px; margin: 8px 0 14px; }
.akcje-sesji > * { flex: 1 1 0; min-width: 0; }
.akcje-sesji .przycisk { width: 100%; padding: 0 8px; white-space: nowrap; }
.akcje-sesji-usun { margin: 0 0 0 auto; }
@media (min-width: 1024px) {
  .akcje-sesji > * { flex: 0 0 180px; }
  .akcje-sesji-usun { margin-left: auto; }
}

/* Zasada w całej aplikacji (Seba 10.10): dodawanie - u góry po prawej nad sekcją (.nad-lista);
   na dole formularza/karty Zapisz/Anuluj po lewej, Usuń po PRAWEJ w tym samym rzędzie. */
.przyciski > .przycisk-usun { margin-left: auto; }
.przyciski > form.przycisk-usun { margin: 0 0 0 auto; }
/* W karcie tak samo: dodawanie w nagłówku karty po prawej. */
.naglowek-akcje { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 8px; }
.naglowek-akcje form { margin: 0; }