.form-item-slots div.form-checkboxes {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 10px;
  margin-top: 15px;
}
.form-item-slots .form-type-checkbox {
  border: 1px solid #ccc;
  padding: 10px;
  text-align: center;
  border-radius: 4px;
  background: #f9f9f9;
}

.promo-apply-wrapper {
  display: flex;
  align-items: flex-end;
  gap: 10px;
  margin-bottom: 5px;
}

.promo-apply-wrapper .form-item {
  margin-bottom: 0;
  flex-grow: 1;
}

#promo-validation-wrapper {
  margin-bottom: 15px;
  font-size: 0.9em;
}

/* Styling the "spaces left" tags */
.availability-tag {
  font-weight: bold;
  padding: 2px 6px;
  border-radius: 4px;
}

.count-8, .count-7, .count-6 { color: green; }  /* Plenty of space */
.count-5, .count-4, .count-3 { color: orange; } /* Getting full */
.count-2, .count-1 { color: red; }              /* Last few spots */