.stock-table td {
  vertical-align: middle;
}

.stock-inline-form {
  display: grid;
  grid-template-columns: 90px auto;
  gap: 8px;
  align-items: end;
  margin: 0;
}

.stock-inline-form input {
  margin: 0;
  padding: 8px;
}

.stock-badge {
  display: inline-block;
  border-radius: 99px;
  padding: 6px 10px;
  background: #e8ece8;
  font-weight: 900;
}

.stock-ok .stock-badge {
  background: #d9f2df;
  color: var(--green);
}

.stock-laag .stock-badge {
  background: #fff3c8;
  color: #675822;
}

.stock-uitverkocht {
  background: #fff7f6;
}

.stock-uitverkocht .stock-badge {
  background: #f7d9d7;
  color: var(--red);
}

@media(max-width: 700px) {
  .stock-inline-form {
    grid-template-columns: 1fr;
  }
}