.b-task-board-base {
    --b-task-board-background                 : var(--b-neutral-95);
    --b-task-board-body-padding                : 2em;
    --b-task-board-column-gap                  : 2em;

    --b-task-board-column-header-box-shadow    : 0 2px 2px rgba(0, 0, 0, 0.2);
    --b-task-board-column-header-border-radius : .5em .5em 0 0;
    --b-task-board-column-background           : var(--b-neutral-98);
    --b-task-board-column-header-background    : var(--b-neutral-98);
    --b-task-board-column-box-shadow           : 0 2px 2px rgba(0, 0, 0, 0.2);
    --b-task-board-column-border-radius        : 0 0 .5em .5em;

    --b-task-board-card-header-color           : #fff;
    --b-task-board-card-header-padding         : 0.5em 1em;
    --b-task-board-card-body-padding           : var(--b-task-board-card-padding);

    .b-colorize {
        --b-task-board-card-header-background : var(--b-primary-70);
    }
}

/* Above headers box-shadow */
.b-task-board-column {
    z-index : 3;
}

/* Make resource avatars wide, to leave room for the editor */
.b-task-board-resource-avatars {
    min-width : 10em;
}

.b-simple-task-editor .b-resources-combo {
    /* Contrast picker icon against header */
    .b-icon-picker {
        color : #fff;
    }

    /* Right align resources in the inline editor, to better match card layout */
    .b-chip-view {
        justify-content : flex-end;
    }
}

/* Use same color for the read-only icon as for the header */
.b-task-board-card.b-readonly .b-task-board-card-header::before {
    color : var(--b-task-board-card-header-color);
}