/* [CSS-001 | JalaliDatePicker/ContainerSizing] ============================================
     Purpose: Force consistent size/typography for jalaliDatePicker container (compact UI)
     Dependencies: jalaliDatepicker DOM element <jdp-container>
     Notes: z-index set high to overlay Tabulator/header elements correctly
     ================================================================================ */
jdp-container {
    max-width: 260px !important;
    min-width: 260px !important;
    padding: 6px !important;
    font-size: 12px !important;
    z-index: 10000 !important; /* ✅ خیلی مهم */
}

    /* [CSS-002 | JalaliDatePicker/GlobalFontLineHeight] ======================================
     Purpose: Normalize font-size/line-height inside datepicker for tighter layout
     Dependencies: All descendants of <jdp-container>
     ================================================================================ */
    jdp-container * {
        font-size: 12px !important;
        line-height: 1.2 !important;
    }

    /* [CSS-003 | JalaliDatePicker/DayCellsSizing] =============================================
     Purpose: Reduce day cell height and keep grid aligned
     Dependencies: .jdp-day and .jdp-day-name elements inside <jdp-container>
     ================================================================================ */
    jdp-container .jdp-day,
    jdp-container .jdp-day-name {
        height: 22px !important;
        line-height: 22px !important;
        font-size: 11px !important;
    }

    /* [CSS-004 | JalaliDatePicker/HeaderIconsCleanup] =========================================
     Purpose: Remove extra corner icons/arrows for cleaner look
     Dependencies: .jdp-header-item i inside <jdp-container>
     ================================================================================ */
    jdp-container .jdp-header-item i {
        display: none !important;
    }

    /* [CSS-005 | JalaliDatePicker/SelectNativeArrowsReset] ====================================
     Purpose: Hide native select arrows (WebKit + standard) to match custom UI
     Dependencies: select elements inside <jdp-container>
     ================================================================================ */
    jdp-container select {
        -webkit-appearance: none;
        appearance: none;
    }