@use '../cells/Cell.module.scss';

.tableRoot {
    min-width: 100%;
    max-width: 100%;
    overflow-x: auto;
    min-height: 100%;

    .column {
        width: fit-content;
        display: flex;
        flex-direction: column;
        border-bottom: 1px solid rgb(224, 224, 224);

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

        &.group {
            max-height: 120px;
        }
    }

    .row {
        min-width: 100%;
        width: fit-content;
        display: flex;
        max-height: 55px;
        border-bottom: 1px solid rgb(224, 224, 224);

        &:hover {
            background-color: #eaecf2;
        }
        &.group {
            max-height: 120px;
        }
    }

    .row-group {
        min-width: 100%;
        width: fit-content;
        display: flex;
        max-height: 120px;
        border-bottom: 1px solid rgb(224, 224, 224);

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

}



.headerRow {
    div {
        text-transform: uppercase;
        font-size: 11px;
        font-family: 'Roboto';
        font-weight: 500;
        font-style: normal;
        color: #8c95a8;
        min-height: 0px;
    }
}
