.b-task-board-base {
    --b-task-board-card-header-font-weight       : bold;

    --b-task-board-column-header-padding         : 1em;

    --b-task-board-swimlane-header-font-size     : 1.1em;
    --b-task-board-column-header-font-weight     : bold;
    --b-task-board-swimlane-header-background    : var(--b-neutral-100);
    --b-task-board-swimlane-header-padding       : 1em;
    --b-task-board-swimlane-header-border-top    : 1px solid var(--b-neutral-90);
    --b-task-board-swimlane-header-border-bottom : 1px solid var(--b-neutral-90);

    /* --b-task-board-card-gap                       : 3em; */
    /* --b-task-board-card-border-top-radius         : .5em; */
    /* --b-task-board-card-border-bottom-radius      : .5em; */
    /* --b-task-board-card-box-shadow                : 0 2px 4px #0000002D; */
    /* --b-task-board-column-header-text-transform   : none; */
    /* --b-task-board-column-header-font-size        : 1.1em; */
    /* --b-task-board-swimlane-header-box-shadow     : var(--b-task-board-card-box-shadow); */
}

.b-task-board-column-end {
    border-inline-start : 1px solid var(--b-neutral-90);
}

.b-task-board-card-header {
    flex-flow   : column;
    align-items : flex-start;
    gap         : 1em;

    &::before {
        content       : '';
        width         : 5em;
        height        : .5em;
        border-radius : .5em;

        background    : var(--b-primary-80);
    }
}

.b-task-board-template[data-field=team] div,
.b-task-board-swimlane-title::after {
    display        : flex;
    align-items    : center;
    height         : 2em;
    padding-inline : 1em;
    color          : #fff;
    border-radius  : 1em;
    font-size      : .8em;
}

.b-task-board-template[data-field=team] div {
    &.devs {
        background : color-mix(in srgb, #364fc7, transparent 90%);
        color      : #364fc7;
    }

    &.sales {
        background : color-mix(in srgb, #e64980, transparent 90%);
        color      : #e64980;
    }
}

[data-lane="devs"] .b-task-board-swimlane-title::after {
    content    : 'devs';
    background : color-mix(in srgb, #364fc7, transparent 90%);
    color      : #364fc7;
}

[data-lane="sales"] .b-task-board-swimlane-title::after {
    content    : 'sales';
    background : color-mix(in srgb, #e64980, transparent 90%);
    color      : #e64980;
}