.logs-table {
    width: 100%;
    table-layout: fixed;
    margin-top: 10px;

    &-header {
        &-level {
            width: 5%;
        }

        &-message {
            width: 70%;
        }

        &-logger {
            width: 13%;
        }

        &-timestamp {
            width: 12%;
        }
    }

    &-row {

        &-is-error {
            background-color: $alertRedBg;

            & > .logs-table-cell {
                border-bottom: 1px solid $alertRedBorder;
            }
        }

        &-is-warning {
            background-color: $alertOrangeBg;

            & > .logs-table-cell {
                border-bottom: 1px solid $alertOrangeBorder;
            }
        }
    }

    &-cell, &-level, &-logger, &-timestamp, &-message, &-icon {
        color: $mutedText;
        font-size: 12px;
        border-top: none;
        border-bottom: none;
    }

    &-cell {
        overflow-wrap: break-word;
    }

    &-logger {
        width: 350px;
    }

    &-timestamp {
        width: 160px;
        font-weight: bold;
    }

    &-message {
        &-is-error {
            color: darken($alertRed, 25%);
        }
        &-is-warning {
            color: darken($alertOrange, 25%);
        }
    }

    &-level {
        width: 60px;
        font-weight: bold;

        &-is-warning {
            color: $warningText;
        }
    }
}