.sinica-datepicker {
  --adp-font-family: Outfit, system-ui, sans-serif;
  --adp-color: #101828;
  --adp-color-secondary: #667085;
  --adp-accent-color: #7c3aed;
  --adp-background-color: #fff;
  --adp-background-color-hover: #ede9fe;
  --adp-background-color-active: #7c3aed;
  --adp-background-color-in-range: rgb(124 58 237 / 0.12);
  --adp-background-color-in-range-focused: rgb(124 58 237 / 0.2);
  --adp-background-color-selected-other-month-focused: #ffd0e3;
  --adp-background-color-selected-other-month: #ede9fe;
  --adp-color-active: #fff;
  --adp-color-current-date: #7c3aed;
  --adp-border-color: #e4e7ec;
  --adp-border-color-inner: #f2f4f7;
  --adp-border-radius: 0.75rem;
  --adp-btn-color: #7c3aed;
  --adp-btn-background-color-hover: #ede9fe;
  --adp-btn-background-color-active: #7c3aed;
  --adp-time-track-color: #f2f4f7;
  --adp-time-track-color-hover: rgb(124 58 237 / 0.15);
  --adp-time-day-period-color: #667085;
  z-index: 100000;
}

.sinica-datepicker--dark {
  --adp-color: rgb(255 255 255 / 0.92);
  --adp-color-secondary: #98a2b3;
  --adp-background-color: #1d2939;
  --adp-background-color-hover: rgb(124 58 237 / 0.15);
  --adp-border-color: #344054;
  --adp-border-color-inner: #344054;
  --adp-time-track-color: #344054;
  --adp-background-color-selected-other-month: #344054;
  --adp-background-color-selected-other-month-focused: rgb(124 58 237 / 0.2);
}

.admin-ui .ta-datepicker[readonly] {
  cursor: pointer;
}

.sinica-datepicker .air-datepicker-time {
  padding: 10px 12px 8px;
}

.sinica-datepicker .air-datepicker-time--current-hours,
.sinica-datepicker .air-datepicker-time--current-minutes {
  min-width: 34px;
  padding: 4px 6px;
  border-radius: 8px;
  border: 1.5px solid var(--adp-border-color);
  background: var(--adp-background-color);
  font-size: 18px;
  font-weight: 700;
}

.sinica-datepicker .air-datepicker-buttons {
  display: flex;
  gap: 8px;
  padding: 8px 12px 12px;
  border-top: 1px solid var(--adp-border-color-inner);
}

.sinica-datepicker .air-datepicker-button.sinica-dp-btn {
  flex: 1;
  height: 34px;
  border-radius: 999px;
  border: 1.5px solid #e2e8f0;
  background: #fff;
  color: #334155;
  font-size: 12px;
  font-weight: 700;
}

.sinica-datepicker .air-datepicker-button.sinica-dp-btn--primary {
  background: #7c3aed;
  border-color: #7c3aed;
  color: #fff;
}

.sinica-datepicker .air-datepicker-button.sinica-dp-btn:hover {
  border-color: #c4b5fd;
  color: #6d28d9;
}

.sinica-datepicker .air-datepicker-button.sinica-dp-btn--primary:hover {
  background: #6d28d9;
  border-color: #6d28d9;
  color: #fff;
}