.proposed-availability .pa-toggle {
  padding: .25rem .25rem;
}

.proposed-availability .pa-toggle-input {
  width: 3.25rem;
  height: 1.75rem;
  margin-top: .15rem;
  cursor: pointer;
}

.proposed-availability .pa-toggle-label {
  cursor: pointer;
  font-weight: 300;
  font-size: 1.05rem;
  padding-left: .25rem;
}

/* Color coding (kept from before) */
.proposed-availability .pa-toggle--emergency .form-check-input {
  border-color: var(--bs-danger);
}
.proposed-availability .pa-toggle--emergency .form-check-input:checked {
  background-color: var(--bs-danger);
  border-color: var(--bs-danger);
}

.proposed-availability .pa-toggle--always .form-check-input {
  border-color: var(--bs-success);
}
.proposed-availability .pa-toggle--always .form-check-input:checked {
  background-color: var(--bs-success);
  border-color: var(--bs-success);
}

.proposed-availability .pa-toggle--availability .form-check-input {
  border-color: var(--bs-primary);
}
.proposed-availability .pa-toggle--availability .form-check-input:checked {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.proposed-availability .form-check.form-switch {
  display: inline-flex;
  align-items: center;
  gap: .75rem;
  padding-left: 0;        /* removes the reserved left gutter */
}

.proposed-availability .form-check.form-switch .form-check-input {
  margin-left: 0;         /* cancels Bootstrap's negative margin-left */
  float: none;
}