/* Kalender KIA — gaya seragam menggantikan popup bawaan browser */
.flatpickr-calendar {
    font-family: 'Manrope', 'Plus Jakarta Sans', system-ui, sans-serif;
    border-radius: 1rem;
    border: 1px solid #e2e8f0;
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.14);
    padding-bottom: 0.35rem;
}

.flatpickr-months {
    padding: 0.35rem 0.25rem 0;
}

.flatpickr-current-month {
    font-size: 0.95rem;
    font-weight: 800;
    color: #1e293b;
}

.flatpickr-monthDropdown-months,
.numInputWrapper input {
    font-weight: 700;
}

.flatpickr-weekdays {
    margin-top: 0.25rem;
}

span.flatpickr-weekday {
    font-size: 0.7rem;
    font-weight: 800;
    color: #64748b;
}

.flatpickr-day {
    border-radius: 0.65rem;
    font-weight: 600;
    color: #334155;
}

.flatpickr-day:hover,
.flatpickr-day:focus {
    background: #fce7f3;
    border-color: #fce7f3;
    color: #9d174d;
}

.flatpickr-day.today {
    border-color: rgba(177, 30, 111, 0.45);
    color: #b11e6f;
}

.flatpickr-day.today:hover {
    background: #fce7f3;
    color: #9d174d;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange {
    background: #b11e6f;
    border-color: #b11e6f;
    color: #fff;
}

.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover {
    background: #9d174d;
    border-color: #9d174d;
    color: #fff;
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
    border-radius: 0.65rem;
    padding: 0.35rem;
}

.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
    background: #fce7f3;
    color: #b11e6f;
}

.kia-date-footer {
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem 0.65rem;
    border-top: 1px solid #e2e8f0;
    margin-top: 0.25rem;
}

.kia-date-footer__btn {
    border: 0;
    background: transparent;
    color: #b11e6f;
    font-size: 0.8125rem;
    font-weight: 800;
    cursor: pointer;
    padding: 0.35rem 0.5rem;
    border-radius: 0.5rem;
}

.kia-date-footer__btn:hover {
    background: #fce7f3;
}

.kia-date-footer__btn--muted {
    color: #64748b;
}

.kia-date-footer__btn--muted:hover {
    background: #f1f5f9;
    color: #334155;
}

/* Input tampilan: format Indonesia (contoh: 12 Juni 2026) */
input.flatpickr-input[readonly] {
    cursor: pointer;
    background-color: inherit;
}

input[type="date"].kia-date-native-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.kia-date-field {
    position: relative;
}

.kia-date-field__icon {
    position: absolute;
    right: 0.85rem;
    top: 50%;
    transform: translateY(-50%);
    color: #b11e6f;
    font-size: 1.15rem;
    pointer-events: none;
    opacity: 0.75;
}

.kia-date-field .flatpickr-input {
    padding-right: 2.5rem;
}

.kia-date-field--compact .flatpickr-input {
    font-size: 0.8125rem;
    padding-top: 0.45rem;
    padding-bottom: 0.45rem;
}