.appointment-indicators {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 4px;
}

.appointment-indicator {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 4px 7px;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
}

.appointment-indicator.confirmed {
  background: #e3eff0;
  color: #2f6668;
}

.appointment-indicator.deposit-paid {
  background: #e8f1e8;
  color: #386443;
}

.booking-calendar .calendar-entry-indicators {
  display: inline-flex;
  gap: 5px;
  flex-wrap: wrap;
  margin-top: 2px;
}

.booking-calendar .hub-badge.confirmed-indicator {
  background: #e3eff0;
  color: #2f6668;
}

.booking-calendar .hub-badge.deposit-paid-indicator,
.hub-badge.deposit-paid-indicator {
  background: #e8f1e8;
  color: #386443;
}

.calendar-indicators {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 3px;
}

.calendar-indicators .quiet-chip {
  background: #e3eff0;
  color: #2f6668;
}

.calendar-indicators .quiet-chip + .quiet-chip {
  background: #e8f1e8;
  color: #386443;
}