.b-task-board-base {

    --b-task-board-body-padding          : 2em;
    --b-task-board-column-gap            : 2em;
    --b-task-board-column-padding        : 1.5em 0;
    --b-task-board-column-header-padding : 1em;

    .b-colorize {
        --b-task-board-column-header-border-bottom : 3px solid var(--b-primary-80);
    }

    .b-task-board-template[data-field=prio] {
        text-transform : capitalize;
        font-size      : .8em;
        padding        : .2em .6em;
        border-radius  : .5em;

        color          : color-mix(in srgb, var(--background), var(--b-opposite) 30%);
        background     : color-mix(in srgb, var(--background), var(--b-mix) 85%);

        &.low {
            --background : var(--b-color-light-green);
        }

        &.medium {
            --background : var(--b-color-light-blue);
        }

        &.high {
            --background : var(--b-color-orange);
        }
    }

    .b-task-board-resource-avatars {
        flex : 1;
    }
}

.b-task-board-card-body {
    font-weight : 300;
}