.node--type-appointment.appointment-is-canceled {
  background-color: #fff5f5;
  border-color: #dc3545;
  box-shadow: 0 0 0 1px rgba(220, 53, 69, 0.15);
}

.node--type-appointment .field--name-field-appointment-status .field__item.appointment-status-canceled {
  color: #b02a37 !important;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-weight: 700;
}

.node--type-appointment .appointment-canceled-notice {
  margin-bottom: 1rem;
  border: 1px solid #dc3545;
  background: #f8d7da;
  color: #842029;
}