/* Filament v4 date picker popup (not flatpickr) */
.fi-fo-date-time-picker-panel {
    z-index: 999999 !important;
    min-width: 22rem;
}

/* Ensure the modal doesn't clip the popup */
.fi-modal .fi-modal-content {
    overflow: visible !important;
}

/* Fallbacks when Tailwind utility classes are not available in this view */
/* Fallback layout: ให้ปฏิทินกว้างอ่านง่ายเหมือนเดิม */
.fi-fo-date-time-picker-panel [role="grid"] {
    display: grid;
    grid-template-columns: repeat(7, minmax(1.75rem, 1fr));
    gap: 0.25rem;
}

/* Make weekday header row (จ-อา) 7 columns too */
.fi-fo-date-time-picker-panel .grid.grid-cols-7 {
    display: grid;
    grid-template-columns: repeat(7, minmax(1.75rem, 1fr));
    gap: 0.25rem;
}

/* Widen month selector and style dropdowns */
.fi-fo-date-time-picker-panel select {
    min-width: 8.5rem; /* month */
    padding: 0.25rem 0.5rem;
    border: 1px solid #d1d5db; /* gray-300 */
    border-radius: 0.25rem;
    background-color: #ffffff;
}

/* If there is a second select (year dropdown), give a reasonable width */
.fi-fo-date-time-picker-panel select:nth-of-type(2) {
    width: 3rem; /* narrower year */
    min-width: 3rem;
    text-align: center;
}