.b-task-board-base {
    --b-task-board-background                  : var(--b-neutral-98);

    --b-task-board-column-gap                  : 0;
    --b-task-board-column-background           : var(--b-neutral-98);
    --b-task-board-column-header-background    : var(--b-neutral-100);
    --b-task-board-column-header-border-bottom : 1px solid var(--app-border-color);
    --b-task-board-column-header-padding       : 1em;
    --b-task-board-column-separator-border     : 1px solid var(--app-border-color);

    /* App specific vars */
    --app-border-color                         : var(--b-neutral-85);
    --app-details-color                        : var(--b-neutral-70);

    .b-colorize {
        /* --b-task-board-card-border-inline-start : .5em solid var(--b-primary-80); */
    }
}

.b-task-board-card-header,
.b-task-board-card-body {
    border-inline-start : .5em solid var(--b-primary-80);
}

.b-task-board-body {
    border-top : 1px solid var(--app-border-color);
}

.b-task-board-column-header {
    border-bottom : 1px solid var(--app-border-color);
}

.details {
    display               : grid;
    grid-template-columns : 5em 1fr;
    margin-top            : .5em;
    align-items           : center;
    color                 : var(--details-color);

    label {
        font-size : .8em;
    }

    div {
        font-size : .9em;
    }
}