#psy-booking-widget {
  background: #222222;
  color: #f5f5f5;
  padding: 16px;
  border-radius: 16px;
  margin: 16px 0;
}

#psy-booking-widget h3 {
  margin-top: 0;
  margin-bottom: 12px;
}

#psy-booking-widget input[type="date"] {
  background: #333333;
  border: 1px solid #555555;
  color: #f5f5f5;
  border-radius: 8px;
  padding: 6px 10px;
}

.psy-slots-list {
  margin-top: 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.psy-slot-btn {
  background: #333333;
  border: 1px solid #ff2fb2; /* magenta */
  color: #f5f5f5;
  border-radius: 12px;
  padding: 8px 12px;
  cursor: pointer;
  font-size: 14px;
}

.psy-slot-btn:hover {
  background: #ff2fb2;
  color: #111111;
}

.psy-slot-btn.selected {
  background: #ff2fb2;
  color: #111111;
}