.total-statistics{
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) ;
}

.total-statistics-card{
    height: 100%;
}

.filter-wrapper{
    flex-wrap: wrap;
}

.log-action-btn {
    all: unset;
    padding: 8px;
    display: grid;
    place-items: center;
    border-radius: 4px;

    img {
        width: 12px !important;
        height: 12px !important;
        margin: 0 !important;
    }

    &:hover {
        background-color: #E3EAF3;
    }

    &:focus {
        outline: none;
    }
}

.log {
    padding: 6px 16px;
    border-radius: 30px;
}

.log-deletion {
    background-color: #FFE0E7;
    color: #FA3E6E;
}

.log-admin {
    background-color: #853FF91A;
    color: #853FF9;
}

.log-addition {
    background-color: #DDF7E1;
    color: #54C16A;
}

@media (max-width: 1200px) {
    .table-wrapper-header{
        gap: 8px;
        align-items: flex-start !important;
    }
}