/* Round the whole time-only container */
.air-datepicker.round-timepicker {
  border-radius: 1rem;             /* soften container */
  background: #f9fafb;
  box-shadow: 0 4px 20px rgba(0,0,0,0.1);
  padding: 1rem;
  width: max-content;              /* shrink to fit content */
}

/* Style the timepicker section */
.air-datepicker.round-timepicker .air-datepicker--time {
  display: flex;
  align-items: center;
  gap: 1rem;
}

/* Round HH:MM input values */
.air-datepicker.round-timepicker .air-datepicker-time__value {
  border-radius: 9999px;           /* pill */
  padding: 0.5rem 1rem;
  min-width: 3.5rem;
  text-align: center;
  font-weight: 600;
  background: white;
  border: 1px solid #d1d5db;
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.05);
}

/* Round the up/down arrow buttons */
.air-datepicker.round-timepicker .air-datepicker-time__controls span {
  display: inline-block;
  border-radius: 50%;
  background: #e0f2fe;
  color: #0369a1;
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  cursor: pointer;
  transition: background 0.2s;
}
.air-datepicker.round-timepicker .air-datepicker-time__controls span:hover {
  background: #bae6fd;
}