.b-grid-header {
    height : 57px;
}

.b-resource-avatar {
    &.b-dragging {
        position   : absolute;
        display    : flex;
        opacity    : 1;
        transition : background .3s;

        background : var(--b-primary-90);
        box-shadow : var(--b-elevation-1);

        &:not(.b-drag-final-transition) {
            width  : 3em;
            height : 3em;
        }
    }

    &.b-drag-final-transition,
    &.b-aborting {
        transition          : transform, height, width, padding;
        transition-duration : .6s;
    }

    &.b-drag-invalid {
        --b-primary : var(--b-color-red);
    }
}

.b-resource-grid {
    --b-tree-indent-size : 1.5em;

    .b-tree-parent-row {
        --b-primary : var(--b-color-gray);
    }

    .b-resource-avatar {
        background : var(--b-primary-90);
    }

    .b-tree-cell-inner {
        padding-block : 0; /* Don't clip avatars */
    }

    .b-grid-cell {
        cursor : pointer;
    }
}

.b-grid-cell .b-tree-icon {
    display : none;
}

.b-dragging-resource .b-grid-row:hover {
    --b-grid-cell-background : #dddddd33;
}

.b-resource-avatar-tooltip .b-popup-content {
    --b-tooltip-flex-direction : row;
    --b-tooltip-align-items    : center;
    --b-panel-gap              : 0.25em;

    [data-name=units] {
        font-weight : 600;
        min-width   : 1.7em;
    }

    .b-button {
        width  : 2em;
        height : 2em;

        &:first-of-type {
            margin-inline-start : 3em;
        }
    }
}