#date-range-display {
    width: 100%;
    max-width: 280px;
    padding: 10px 12px;
    border: 1px solid var(--color-border);
    border-radius: 8px;
    font-size: 1rem;
    min-height: 44px;
    cursor: pointer;
    background: var(--color-bg);
    color: var(--color-text);
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange {
    background: var(--color-primary);
    border-color: var(--color-primary);
}

.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover {
    background: var(--color-primary-dark);
    border-color: var(--color-primary-dark);
}

.flatpickr-day.inRange {
    background: var(--color-bg-alt);
    box-shadow: -5px 0 0 var(--color-bg-alt), 5px 0 0 var(--color-bg-alt);
    border-color: var(--color-bg-alt);
}

.flatpickr-day.today {
    border-color: var(--color-primary);
}

.flatpickr-day.closed-date-day {
    background: var(--color-bg-alt);
    border-color: var(--color-border);
    color: var(--color-text-muted);
    text-decoration: line-through;
}

.flatpickr-day.closed-date-day:hover {
    background: var(--color-bg-alt);
    cursor: not-allowed;
}