.b-element-count {
    /* Label and count on one line, labels are display block in toolbars */
    display     : flex;
    align-items : baseline;
    gap         : .5em;
    font-size   : var(--b-label-font-size);
    color       : var(--b-primary-30);

    /* Colored like other labels, only the count stands out */
    label {
        color : var(--b-label-color);
    }
}

/* Shown next to the "Enable clustering" toggle while rendering all bars */
.b-rendering-indicator {
    display     : flex;
    align-items : center;
    gap         : .5em;
    font-size   : .9em;
    color       : var(--b-neutral-40);
}

/* Keep resource time range names inside their range, short ranges only show as much as fits */
.b-sch-resource-time-range {
    overflow : hidden;

    [data-task-feature] {
        min-width     : 0;
        overflow      : hidden;
        white-space   : nowrap;
        text-overflow : ellipsis;
    }
}

/* Equal height rows in the settings drawer, whatever widget each row holds. Overrides the row sizing of
   label-align-before panels (Container.css) */
.b-panel.b-clustering-settings.b-label-align-before {
    > .b-panel-body-wrap > .b-panel-content,
    > .b-panel-overlay > .b-panel-body-wrap > .b-panel-content {
        grid-auto-rows : 3em;
        align-items    : center;
    }
}