/* Styling of cells in the lab column */
.b-lab-cell {
    flex-direction      : column;
    align-items         : flex-start;

    --b-label-font-size : 0.8em;

    /* Show widgets only when row is expanded */
    .b-slide-toggle,
    .b-slider {
        display : none;

        .b-row-expanded & {
            display : grid;
        }
    }
}

.b-grid-row .b-grid-cell .b-name {
    display       : flex;
    align-items   : center;
    flex-shrink   : 0;
    margin-bottom : auto;
    gap           : .8em;
}

/* Chart styles */
.b-line-chart {
    position : absolute;
    bottom   : -6px;
    left     : 0;
    display  : none !important;

    .b-row-expanded & {
        display : block !important;

        /* Chart has some extra padding we have to eliminate to align the timeaxis start */
        .b-chart-content {
            margin-inline-start : -6px;
        }
    }
}