.b-taskboard,
.b-gantt{
  --taskboard-column-gap:0;
  --taskboard-column-background:#f3f4f5;
  --taskboard-column-header-color:#667280;
  --taskboard-column-header-font-size:.9em;
  --taskboard-column-header-font-weight:500;
  --taskboard-card-header-color:var(--taskboard-column-header-color);
  --taskboard-card-header-font-weight:500;
  --taskboard-card-background:#fff;
  --taskboard-card-box-shadow:none;
  --border-color:#d8d9da;
}

.b-theme-classic-dark .b-taskboard,
.b-theme-classic-dark .b-gantt{
  --taskboard-column-background:#44444a;
  --taskboard-column-header-color:#c0c1c2;
  --taskboard-card-background:#38383c;
  --taskboard-column-header-font-size:1em;
  --border-color:#2b2b2f;
}

.b-theme-classic .b-taskboard,
.b-theme-classic .b-gantt{
  --taskboard-column-background:#e0e0e7;
  --taskboard-column-header-color:#262626;
  --taskboard-column-header-font-size:1em;
  --border-color:#b0b0b7;
}
.b-theme-classic .b-splitter{
  background-color:#cbcbcf;
}

.b-theme-classic-light .b-taskboard,
.b-theme-classic-light .b-gantt{
  --taskboard-column-background:#f9f9f9;
  --taskboard-column-header-color:#565656;
  --taskboard-column-header-font-size:1em;
  --border-color:#e0e0e0;
}
.b-theme-classic-light .b-splitter{
  background-color:#e0e0e0;
}

.b-theme-material .b-taskboard,
.b-theme-material .b-gantt{
  --taskboard-column-background:#fafafa;
  --taskboard-column-header-color:#757575;
  --taskboard-column-header-font-size:1em;
  --border-color:#e0e0e0;
}
.b-theme-material .b-splitter{
  background-color:#ebebeb;
}

.b-gantt-task .status{
  background:currentColor;
  width:0.8em;
  height:0.8em;
  border-radius:50%;
}

.b-taskboard-column-header:not(.b-last),
.b-taskboard-column:not(.b-last){
  border-inline-end:1px solid var(--border-color);
}

.b-taskboard-card{
  border:1px solid var(--border-color);
}

.b-taskboard-color-gantt-green{
  color:#8ee997;
}

.b-taskboard-color-pale-amber{
  color:#ffd54f;
}

.b-taskboard-color-pale-teal{
  color:#b2dfdb;
}

.b-taskboard-color-gantt-blue{
  color:#83b5fe;
}

.status-tag{
  background:var(--taskboard-column-background);
  display:flex;
  align-items:center;
  gap:0.5em;
  border:1px solid var(--border-color);
  padding:0.5em;
  border-radius:5px;
  font-size:0.8em;
  text-transform:uppercase;
  overflow:hidden;
  text-overflow:ellipsis;
}
.status-tag div{
  color:var(--taskboard-column-header-color);
}

.b-taskboard-card-header::before,
.b-taskboard-column-header-padder::before,
.status-tag::before{
  content:" ";
  min-width:10px;
  width:10px;
  height:10px;
  border-radius:50%;
  background:currentColor;
  align-self:center;
}

.b-taskboard-card-body .b-taskboard-template{
  display:grid;
  grid-template-columns:70px 1fr;
  align-items:center;
}

.b-taskboard-template div{
  font-size:0.8em;
}