/* Syncfusion Component Overrides */
/* This file must be loaded AFTER Syncfusion theme CSS to ensure proper precedence */

/* Table/Grid Header Styling */
.e-table .e-columnheader .e-headercell,
.e-grid .e-columnheader .e-headercell {
    background-color: var(--primary-blue-table) !important;
    color: var(--white) !important;
}

.e-headercell {
    vertical-align: middle !important;
}

    .e-headercell .e-headertext,
    .e-headercell .e-icons {
        color: var(--white) !important;
    }

/* Alternate Row Coloring */
.e-row:nth-child(odd),
.e-grid .e-row:nth-child(odd) {
    background-color: var(--lightGrey) !important;
}

.e-headercontent {
    margin-top: -10px !important;
}

/* The legacy global rule `table { margin-top: 0.75em }` in site.css adds a top margin to
   the Syncfusion grid body table, creating a blank strip between the header and the first
   data row. Remove it for grid body tables only (header tables and page tables unaffected). */
.e-grid .e-gridcontent .e-table {
    margin-top: 0 !important;
}

/* ========================================
   FORCE FILTER ICON VISIBILITY
   ======================================== */

/* Force filter menu div to display */
.e-grid .e-columnheader .e-headercell .e-filtermenudiv {
    display: inline-block !important;
    visibility: visible !important;
    margin-left: 4px !important;
}

/* Force filter icon pseudo-element */
.e-grid .e-headercell .e-headercelldiv .e-filtermenudiv .e-icon-filter::before {
    color: white !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Filter icon specific styling */
.e-grid .e-columnheader .e-headercell .e-icon-filter {
    color: white !important;
    font-size: 12px !important;
    cursor: pointer !important;
    display: inline-block !important;
    opacity: 1 !important;
}

/* Ensure icon content renders */
.e-grid .e-filtermenudiv .e-icon-filter:before {
    content: "\e818" !important;
    font-family: "e-icons" !important;
    color: white !important;
    opacity: 1 !important;
}

/* Show filter icon on hover if not visible */
.e-grid .e-headercell:hover .e-filtermenudiv {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Filter Menu Dialog Z-Index */
.e-filtermenu.e-dialog,
.e-filter-popup,
.e-excelfilter.e-dialog,
.e-checkboxfilter.e-dialog {
    z-index: 10000 !important;
}

/* Filter Menu Content Visibility */
.e-filtermenu .e-dlg-content,
.e-excelfilter .e-dlg-content {
    display: block !important;
    visibility: visible !important;
}

/* Filter Input Fields */
.e-filtermenu input,
.e-excelfilter input,
.e-filter-popup input {
    background-color: white !important;
    color: #333 !important;
    border: 1px solid #ccc !important;
}

/* Filter Buttons */
.e-filtermenu .e-footer-content button,
.e-excelfilter .e-footer-content button {
    background-color: var(--primary-blue) !important;
    color: white !important;
}

/* Filter Checkbox List */
.e-checkboxfilter .e-checkboxlist {
    background-color: white !important;
}

/* Filter Search Input */
.e-excelfilter .e-searchinput {
    background-color: white !important;
    color: #333 !important;
}

a.e-link.e-numericitem.e-spacing.e-currentitem.e-active {
    border-left: none !important;
    border-top: none !important;
}