.date-picker-input {
    min-height: 30px;
    border: 1px solid #b9c6d2;
    border-radius: var(--radius-sm, 5px);
    background: #fff;
    color: #1d2730;
    padding: 5px 9px;
}

.date-picker-input:focus-visible {
    outline: 0;
    box-shadow: var(--focus-ring, 0 0 0 3px rgba(23, 105, 168, 0.22));
}

.flatpickr-calendar.xcg-date-picker {
    z-index: var(--z-modal-popover, 410);
    border: 1px solid #b8c5d0;
    border-radius: var(--radius-md, 8px);
    box-shadow: 0 16px 42px rgba(15, 23, 42, 0.24);
    color: #1d2730;
    font-family: Arial, Helvetica, sans-serif;
}

.xcg-date-picker .flatpickr-months {
    padding-top: 6px;
}

.xcg-date-picker .flatpickr-months .flatpickr-prev-month,
.xcg-date-picker .flatpickr-months .flatpickr-next-month {
    color: #1769a8;
    fill: #1769a8;
}

.xcg-date-picker .flatpickr-current-month {
    color: #17202c;
    font-size: var(--font-md, 1rem);
    padding-top: 4px;
}

.xcg-date-picker .flatpickr-current-month input.cur-year {
    font-weight: 700;
}

.xcg-date-picker .flatpickr-weekday {
    color: #687385;
    font-weight: 700;
}

.xcg-date-picker .flatpickr-day {
    border-radius: var(--radius-sm, 5px);
    color: #1d2730;
}

.xcg-date-picker .flatpickr-day.today {
    border-color: #1769a8;
}

.xcg-date-picker .flatpickr-day:hover,
.xcg-date-picker .flatpickr-day:focus {
    background: var(--hover-bg, #eaf3fb);
    border-color: #b7cee0;
}

.xcg-date-picker .flatpickr-day.selected,
.xcg-date-picker .flatpickr-day.startRange,
.xcg-date-picker .flatpickr-day.endRange {
    background: var(--control-primary);
    border-color: var(--control-primary);
    color: #fff;
}

.xcg-date-picker .flatpickr-day.inRange {
    background: #eaf3fb;
    border-color: #eaf3fb;
    box-shadow: -5px 0 0 #eaf3fb, 5px 0 0 #eaf3fb;
}

.app-modal .date-picker-input {
    min-height: 40px;
    width: 100%;
    border-radius: var(--radius-sm, 5px);
}