.mud-table-striped
.mud-table-row:nth-of-type(odd){
    background-color: color-mix(in srgb, var(--mud-palette-primary) 3%, transparent) !important;
}

.mud-table-hover
.mud-table-container
.mud-table-root
.mud-table-body
.mud-table-row:hover {
    background-color: var(--mud-palette-primary-hover) !important;
}

.mud-table-bordered
.mud-table-container
.mud-table-root
.mud-table-head.table-head-bordered
.mud-table-row
.mud-table-cell {
    border-top: 1px solid var(--mud-palette-table-lines);
    border-radius: 0;
}

.mud-table-dense *
.mud-table-row
.mud-table-cell {
    padding: 6px 12px;
    padding-inline-start: 12px;
    padding-inline-end: 12px;
}

.mud-table-root
.mud-table-head
.mud-table-cell {
    font-weight: 600 !important;
}

.mud-table-cell {
    white-space: nowrap;
}

.mud-table-row-expander {
    margin: -4px 0px -4px 0px;
}

.data-grid-card > .mud-table-container > table > tbody {
    display: grid;
    padding: 8px;
    grid-gap: 8px;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}

.cell-card {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    height: 100%;
    transition: ease-out .25s;
    border: solid 1px var(--mud-palette-lines-default);
    border-radius: var(--mud-default-borderradius);
    white-space: normal;
    word-break: break-all;
}

    .cell-card:hover {
        border-color: var(--mud-palette-action-default);
        background-color: var(--mud-palette-primary-hover);
    }

    .cell-card > div > div > h6 {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }


.filter-actions {
    gap: 12px;
}

    .filter-actions button {
        margin: 0 !important;
        margin-inline-start: 0 !important;
        margin-inline-end: 0 !important;
    }

.table-pagination {
    flex-wrap: nowrap !important;
    height: 40px !important;
    min-height: auto !important;
    padding-top: 0 !important;
    align-items: center !important;
}

    .table-pagination button {
        padding: 6.25px !important;
    }

    .table-pagination .mud-table-pagination-select {
        margin: 0 !important;
    }

        .table-pagination .mud-table-pagination-select .mud-select-input {
            padding: 0 2px !important;
        }


.row-item td:first-child {
    display: none;
}

.row-selected > td {
    color: var(--mud-palette-primary-text) !important;
    background-color: var(--mud-palette-primary) !important;
}

    .row-selected > td button {
        color: inherit !important;
    }