:root {
    --accent-fill-rest: red;
}

fluent-data-grid-row:first-child {
    background: #80AD9B;
    height: 54px;
}

    fluent-data-grid-row:first-child fluent-data-grid-cell .col-title-text {
        color: #FFFFFF;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
    }

fluent-data-grid-row:not(:first-child):nth-child(2n+1) {
    background: #F5F5F5;
}

.delete-button-action,
.edit-button-action {
    border: none;
    background: none;
    width: 30px;
    height: 30px;
}

    .edit-button-action::after {
        content: '';
        display: inline-block;
        background-image: url("../img/svg/edit-icon.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        width: 24px;
        height: 24px;
        margin-right: 5px;
    }

    .edit-button-action:hover::after {
        background-image: url("../img/svg/edit-icon-hovered.svg");
    }

    .delete-button-action::after {
        content: '';
        display: inline-block;
        background-image: url("../img/svg/delete-icon.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        width: 24px;
        height: 24px;
        margin-right: 5px;
    }

    .delete-button-action:hover::after {
        background-image: url("../img/svg/delete-icon-hovered.svg");
    }