.date-picker-input { cursor:pointer; color-scheme:light; }
.date-picker-input::-webkit-calendar-picker-indicator { cursor:pointer; opacity:.65; filter:invert(35%) sepia(25%) saturate(1200%) hue-rotate(173deg); }
.date-picker-input:focus,.date-picker-active { border-color:#83afe7!important; outline:2px solid #e3efff!important; outline-offset:0; }
.erli-date-picker.flatpickr-calendar {
  position:fixed!important; inset:auto; margin:0; width:320px; max-width:calc(100vw - 24px); padding:12px;
  border:1px solid #dce5ef; border-radius:8px; background:#fff; color:#30445e;
  box-shadow:0 10px 32px #263f5b24; font-family:inherit; font-size:13px; line-height:1.5; overflow:auto;
}
.erli-date-picker.flatpickr-calendar::before,.erli-date-picker.flatpickr-calendar::after { display:none; }
.erli-date-picker.flatpickr-calendar.open,.erli-date-picker:popover-open { display:block; z-index:100; }
.erli-date-picker .dp-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:0 0 10px; margin-bottom:8px; border-bottom:1px solid #e8edf4; }
.erli-date-picker .dp-heading>span { display:inline-flex; align-items:center; gap:7px; color:#536b86; }
.erli-date-picker .dp-heading strong { font-size:12px; font-weight:600; }
.erli-date-picker .dp-heading .ui-icon { width:15px; height:15px; color:#4b8acf; }
.erli-date-picker button { font:inherit; border:0; background:transparent; color:#536b86; border-radius:5px; cursor:pointer; }
.erli-date-picker .dp-heading button { display:grid; place-items:center; width:28px; height:28px; padding:0; }
.erli-date-picker .dp-heading button .ui-icon { color:#8393a7; }
.erli-date-picker button:hover { background:#f0f5fb; }
.erli-date-picker :is(button,input,select,[role=button]):focus-visible { outline:2px solid #8cb7ee; outline-offset:-1px; }
.erli-date-picker .flatpickr-months { position:relative; align-items:center; margin:0 0 10px; min-height:36px; }
.erli-date-picker .flatpickr-months .flatpickr-month { height:36px; background:transparent; color:#30445e; }
.erli-date-picker .flatpickr-current-month { position:static; display:flex; align-items:center; justify-content:center; gap:2px; width:100%; height:36px; padding:0 35px; font-size:15px; }
.erli-date-picker .flatpickr-current-month :is(select,input) { font:inherit; font-weight:600; width:auto; min-height:30px; height:30px; min-width:0; padding:3px; margin:0; background:transparent; color:#30445e; border:0; border-radius:4px; }
.erli-date-picker .flatpickr-current-month .numInputWrapper { width:5.5em; }
.erli-date-picker .flatpickr-current-month .numInputWrapper:hover { background:#f3f7fc; }
.erli-date-picker .flatpickr-current-month .cur-year { width:100%; text-align:center; }
.erli-date-picker .flatpickr-months :is(.flatpickr-prev-month,.flatpickr-next-month) { position:absolute; display:grid; place-items:center; width:30px; height:30px; top:3px; padding:0; color:#6c829b; border-radius:5px; }
.erli-date-picker .flatpickr-months :is(.flatpickr-prev-month,.flatpickr-next-month):hover { background:#edf4fc; color:#267bd7; }
.erli-date-picker .flatpickr-months .flatpickr-disabled { visibility:hidden; pointer-events:none; }
.erli-date-picker .flatpickr-months .ui-icon { width:17px; height:17px; fill:none; stroke:currentColor; }
.erli-date-picker .flatpickr-innerContainer,.erli-date-picker .flatpickr-rContainer,.erli-date-picker .flatpickr-days { display:block; width:100%; }
.erli-date-picker .flatpickr-weekdays { height:30px; background:transparent; }
.erli-date-picker span.flatpickr-weekday { background:transparent; color:#95a3b5; font-size:11px; font-weight:500; }
.erli-date-picker .dayContainer { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:2px; min-width:0; max-width:none; width:100%; padding:0; }
.erli-date-picker .flatpickr-day { max-width:none; width:100%; height:36px; line-height:34px; border-radius:5px; color:#384d67; font-size:12px; }
.erli-date-picker .flatpickr-day:not(.flatpickr-disabled):hover { background:#eef5fe; border-color:#eef5fe; }
.erli-date-picker .flatpickr-day.today { border-color:#f2b17e; color:#db6609; }
.erli-date-picker .flatpickr-day:is(.selected,.selected:hover) { color:#fff; background:#f4770b; border-color:#f4770b; box-shadow:none; }
.erli-date-picker .flatpickr-day:is(.prevMonthDay,.nextMonthDay) { color:#acb8c8; }
.erli-date-picker .flatpickr-day.flatpickr-disabled { color:#c9d2df; }
.erli-date-picker .flatpickr-monthSelect-months { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; width:100%; margin:0; padding:3px 0 9px; }
.erli-date-picker .flatpickr-monthSelect-month { width:100%; margin:0; height:38px; padding:8px 0; color:#536a86; font-size:13px; line-height:20px; border:1px solid transparent; border-radius:5px; }
.erli-date-picker .flatpickr-monthSelect-month:hover { background:#eef5fe; }
.erli-date-picker .flatpickr-monthSelect-month.today { color:#dc690e; border-color:#f6c19a; }
.erli-date-picker .flatpickr-monthSelect-month.selected { color:#fff; background:#f4770b; border-color:#f4770b; font-weight:600; }
.erli-date-picker .flatpickr-monthSelect-month.flatpickr-disabled { background:transparent; color:#c9d2df; pointer-events:none; }
.erli-date-picker .flatpickr-time { height:45px; max-height:none; margin-top:10px; padding:5px 0; border-top:1px solid #e8edf4; line-height:34px; }
.erli-date-picker .flatpickr-time .numInputWrapper { height:34px; border-radius:4px; background:#f4f7fb; }
.erli-date-picker .flatpickr-time input { height:34px; min-height:0; padding:0; background:transparent; border:0; font:inherit; font-size:15px; color:#344e70; }
.erli-date-picker .flatpickr-time .flatpickr-time-separator { color:#8496ae; line-height:34px; height:34px; }
.erli-date-picker .dp-footer { display:flex; align-items:center; gap:8px; margin-top:10px; padding-top:10px; border-top:1px solid #e8edf4; }
.erli-date-picker .dp-footer button { min-height:32px; padding:5px 12px; font-size:12px; color:#397ec0; }
.erli-date-picker .dp-footer button:disabled { opacity:.4; cursor:not-allowed; }
.erli-date-picker .dp-footer .dp-confirm { margin-left:auto; background:#f4770b; color:#fff; }
.erli-date-picker .dp-footer .dp-confirm:hover { background:#df6504; }
.erli-date-picker .dp-error { margin:8px 0 0; padding:6px 8px; color:#bd3f49; background:#fff2f3; font-size:12px; }
.erli-date-picker .dp-error[hidden] { display:none; }
@media(max-width:420px) { .erli-date-picker.flatpickr-calendar { width:304px; } }