.DateRangePicker_picker,
.SingleDatePicker_picker {
    /* Keep the calendar dropdown above page content but below modal layers */
    z-index: 1300 !important;
}

.DateInput {
    width: 100%;
}

.datepicker-single {
    width: 100% !important;
    min-width: 200px;
}

.DateInput_input {
    background-color: var(--color-bg-card);
    color: var(--color-text);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
}

.DateInput_input__focused {
    border-color: rgba(13, 110, 253, 0.6);
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.2);
}