/* Suguardia global date/time picker UX */
.opsx-date-picker-alt,
.opsx-date-picker-input{
  cursor:pointer !important;
  background-image: linear-gradient(90deg, transparent calc(100% - 2.35rem), rgba(var(--app-primary-rgb, 79,140,255), .10) calc(100% - 2.35rem));
  padding-right:2.65rem !important;
}

.opsx-date-picker-alt:focus,
.opsx-date-picker-input:focus{
  box-shadow:0 0 0 .18rem rgba(var(--app-primary-rgb, 79,140,255), .18) !important;
  border-color:rgba(var(--app-primary-rgb, 79,140,255), .72) !important;
}

.flatpickr-calendar{
  border-radius:1rem !important;
  overflow:hidden;
  box-shadow:0 24px 70px rgba(15,23,42,.32) !important;
  border:1px solid rgba(148,163,184,.24) !important;
  font-family:inherit !important;
  z-index:20000 !important;
}

.flatpickr-calendar.open{
  z-index:20000 !important;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected:hover{
  background:var(--app-primary, #4f8cff) !important;
  border-color:var(--app-primary, #4f8cff) !important;
}

.flatpickr-current-month,
.flatpickr-weekday,
.flatpickr-day{
  font-weight:800 !important;
}

.flatpickr-time input,
.flatpickr-time .flatpickr-am-pm{
  font-weight:900 !important;
}

[data-bs-theme="dark"] .flatpickr-calendar{
  background:#0f172a !important;
  color:#e5e7eb !important;
  border-color:rgba(148,163,184,.28) !important;
}

[data-bs-theme="dark"] .flatpickr-months,
[data-bs-theme="dark"] .flatpickr-weekdays,
[data-bs-theme="dark"] .flatpickr-time{
  background:#111827 !important;
  color:#e5e7eb !important;
  border-color:rgba(148,163,184,.22) !important;
}

[data-bs-theme="dark"] .flatpickr-day,
[data-bs-theme="dark"] .flatpickr-current-month,
[data-bs-theme="dark"] .flatpickr-weekday,
[data-bs-theme="dark"] .flatpickr-time input,
[data-bs-theme="dark"] .flatpickr-time .flatpickr-am-pm{
  color:#e5e7eb !important;
}

[data-bs-theme="dark"] .flatpickr-day:hover,
[data-bs-theme="dark"] .flatpickr-day:focus{
  background:rgba(96,165,250,.18) !important;
  border-color:rgba(96,165,250,.35) !important;
}

[data-bs-theme="dark"] .flatpickr-day.prevMonthDay,
[data-bs-theme="dark"] .flatpickr-day.nextMonthDay{
  color:#64748b !important;
}