/* MudBlazor Table / DataGrid Header */

.mud-table-head .mud-table-cell,
.mud-table thead tr th,
.mud-datagrid-header .mud-datagrid-cell,
.mud-datagrid thead tr th {
    background-color: #2e7d32 !important;
    color: #fff !important;
    font-weight: 800 !important;
    border-bottom: 2px solid #1b5e20 !important;
}


/* FORCE ALL header TH cells (including empty/action columns) */
.mud-table thead th,
.mud-datagrid thead th {
    background-color: #2e7d32 !important;
    color: #fff !important;
    font-weight: 800 !important;
    border-bottom: 2px solid #1b5e20 !important;
}

    /* Catch EVEN the last / action column header */
    .mud-table thead th:last-child,
    .mud-datagrid thead th:last-child {
        background-color: #2e7d32 !important;
        color: white !important;
        font-weight: 800 !important;
        border-bottom: 2px solid #1b5e20 !important;
    }


/* Paint the WHOLE header bar (covers gaps / action-column area) */
.mud-table-head,
.mud-table thead,
.mud-table thead tr,
.mud-datagrid-header,
.mud-datagrid thead,
.mud-datagrid thead tr {
    background-color: #2e7d32 !important;
}

    /* Ensure the actual header cells inherit the green + white text */
    .mud-table thead th,
    .mud-table-head .mud-table-cell,
    .mud-datagrid thead th,
    .mud-datagrid-header .mud-datagrid-cell {
        background-color: transparent !important; /* inherit from row/container */
        color: #fff !important;
        font-weight: 800 !important;
        border-bottom: 2px solid #1b5e20 !important;
    }

        .mud-table thead th.actions,
        .mud-datagrid thead th.actions {
            background: #2e7d32 !important;
            color: #fff !important;
        }


.green-header thead,
.green-header thead tr {
    background: #2e7d32 !important;
}

    .green-header thead th {
        background: transparent !important;
        color: white !important;
        font-weight: 800 !important;
    }


/* FORCE MudTable header (including dynamic/sticky/action header cells) */
.jo-road-table table thead,
.jo-road-table table thead tr {
    background: #2e7d32 !important;
}

    .jo-road-table table thead th,
    .jo-road-table .mud-table-head .mud-table-cell {
        background: #2e7d32 !important;
        color: #fff !important;
        font-weight: 800 !important;
        border-bottom: 2px solid #1b5e20 !important;
    }

/* If MudBlazor applies sticky classes to the last/action column */
.jo-road-table .mud-table-cell-sticky-right,
.jo-road-table .mud-table-cell-sticky-left,
.jo-road-table [class*="sticky"] {
    background: #2e7d32 !important;
    color: #fff !important;
}