/* form.css — Formularze i przyciski */

form, .kontrolki {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8em;
  margin-bottom: 1.2em;
}

form > div,
.kontrolki-grupa {
  display: flex;
  flex-direction: column;
  flex: 1 1 150px;
}

.pola {
  display: flex;
  flex-direction: column;
  gap: 0.8em;
  margin-bottom: 1.2em;
}

.kontrolki-pola {
  display: flex;
  flex-direction: column;
  flex: 1 1 50px;
  min-width: 150px;
}

.kontrolki-pola input {
  width: 50%;
  box-sizing: border-box;
}

.odnosnik {
  text-align: center;   /* poziomo */
}

/* Przyciski */
button {
  cursor: pointer;
  font-weight: bold;
  background: none;
  border: 1px solid #111;
  color: #111;
  transition: background-color 0.2s, color 0.2s;
}

button:hover:not(:disabled) {
  background-color: #111;
  color: #fafafa;
}

button:disabled {
  border-color: #999;
  color: #999;
  cursor: not-allowed;
}

/* Klasy wybranych przycisków */
.button {
    display: inline-block;
    padding: 10px 20px;
    margin-top: 10px;
    background-color: #007BFF;
    color: white;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s;
}

.button:hover {
    background-color: #0056b3;
}

#status {
  font-style: normal;
  font-size: 0.85rem;
  margin-bottom: 1em;
  min-height: 1.4em;
}