.b-task-board-base {
    --b-task-board-background                  : var(--b-neutral-100);
    --b-task-board-body-padding                : 3em;

    --b-task-board-column-gap                  : 2em;
    --b-task-board-column-border               : 1px solid var(--b-neutral-80);

    --b-task-board-column-header-padding       : 1em;
    --b-task-board-column-header-border-radius : .5em .5em 0 0;

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

    .b-task-board-column-header,
    .b-task-board-swimlane:not(.b-last) .b-task-board-column {
        border-bottom : none;
    }

    .b-task-board-text[data-ref="id"] {
        background    : var(--b-primary-95);
        color         : var(--b-primary);
        width         : 2em;
        aspect-ratio  : 1 / 1;
        border-radius : 50%;
        display       : grid;
        place-items   : center;
    }
}

.b-task-board-card i {
    color : var(--b-primary);
}

.b-task-board-swimlane.b-last .b-task-board-column {
    border-bottom-left-radius  : .5em;
    border-bottom-right-radius : .5em;
}

.b-task-board-card[data-column=done] {
    filter : saturate(10%);
}

/* Button menu items */
[data-ref=critical] i {
    color : var(--b-color-red);
}

[data-ref=high] i {
    color : var(--b-color-deep-orange);
}

[data-ref=medium] i {
    color : var(--b-color-orange);
}

[data-ref=low] i {
    color : var(--b-color-light-green);
}