.date-picker-container { font-size: 14px; }
    .date-picker-container .calendar { padding: 1rem; background-color: #fff; }
.cal-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: .5rem; }
    .cal-header .title { flex-grow: 1; text-align: center; }
.nav-btn { cursor: pointer; background: none; border: none; font-size: 1.2rem; padding: 0 .5rem; }
.weekdays, .days { display: grid; grid-template-columns: repeat(7, 1fr); text-align: center; }
.day { padding: .5rem; margin: 2px; border-radius: .25rem; cursor: pointer; color: #1F2933; }
    .day:hover:not(.disabled) { background-color: #e2e6ea; }
.selected-start { background-color: #1C6434; color: #fff; }
.selected-end { background-color: #1C6434; color: #fff; }
.in-range { background-color: #cce5ff; }
.disabled, .other-month { opacity: 0.2; pointer-events: none; }