/* Litepicker v2 theme — overrides CSS variables from Content/litepicker.css (dark CRM) */

:root {
  --litepicker-container-months-color-bg: #13233a;
  --litepicker-container-months-box-shadow-color: rgba(0, 0, 0, 0.5);
  --litepicker-footer-color-bg: #0f1b2d;
  --litepicker-footer-box-shadow-color: rgba(0, 0, 0, 0.35);
  --litepicker-tooltip-color-bg: #1a2d4a;
  --litepicker-tooltip-color-fg: #e6edf6;
  --litepicker-month-header-color: #e6edf6;
  --litepicker-button-prev-month-color: #9fb0c3;
  --litepicker-button-next-month-color: #9fb0c3;
  --litepicker-button-prev-month-color-hover: #c9e2ff;
  --litepicker-button-next-month-color-hover: #c9e2ff;
  --litepicker-month-weekday-color: #9fb0c3;
  --litepicker-month-week-number-color: #7d8fa3;
  --litepicker-day-color: #e6edf6;
  --litepicker-day-color-hover: #a8c8ff;
  --litepicker-is-today-color: #ff9e8a;
  --litepicker-is-in-range-color: rgba(122, 162, 255, 0.32);
  --litepicker-is-locked-color: #5c6b7d;
  --litepicker-is-start-color: #0b1220;
  --litepicker-is-start-color-bg: #7aa2ff;
  --litepicker-is-end-color: #0b1220;
  --litepicker-is-end-color-bg: #7aa2ff;
  --litepicker-button-cancel-color: #e6edf6;
  --litepicker-button-cancel-color-bg: #4a5568;
  --litepicker-button-apply-color: #0b1220;
  --litepicker-button-apply-color-bg: #a8c8ff;
  --litepicker-button-reset-color: #9fb0c3;
  --litepicker-button-reset-color-hover: #c9e2ff;
  --litepicker-highlighted-day-color: #e6edf6;
  --litepicker-highlighted-day-color-bg: rgba(255, 209, 102, 0.28);
}

/* Tooltip arrow fill (base CSS uses var only for inner triangle) */
.litepicker .container__tooltip {
  color: var(--litepicker-tooltip-color-fg, #e6edf6);
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.litepicker .container__tooltip:after {
  border-top-color: var(--litepicker-tooltip-color-bg);
}

/* Range preview text in footer */
.litepicker .container__footer .preview-date-range {
  color: #c9e2ff;
}

/* Litepicker trigger (views use id="daterange") */
#daterange {
  width: 250px;
  max-width: 100%;
  padding: 6px 10px;
  font-size: 14px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background-color: rgba(19, 35, 58, 0.72);
  color: #e6edf6;
}

#daterange::placeholder {
  color: rgba(230, 237, 246, 0.55);
}

#daterange:focus {
  outline: none;
  border-color: rgba(122, 162, 255, 0.55);
  box-shadow: 0 0 0 3px rgba(122, 162, 255, 0.22);
}