.b-taskboardbase{
  --taskboard-body-padding:1em;
  --taskboard-column-header-border-top:5px solid currentColor;
  --taskboard-column-header-border-radius:3px 3px 0 0;
  --taskboard-card-border-top:5px solid currentColor;
}

.b-taskboard-progress::after{
  content:attr(data-percent);
  padding-inline-start:0.5em;
  font-size:0.9em;
}

.b-taskboard-taskitem.app-task-data{
  display:flex;
  flex-direction:row;
  column-gap:2em;
  flex-wrap:wrap;
  font-size:0.9em;
  white-space:nowrap;
}

.app-task-label::before{
  display:inline-block;
  content:attr(data-label);
  font-weight:var(--taskboard-card-header-font-weight);
  color:var(--taskboard-card-header-color);
  width:7em;
}

.app-task-chip{
  padding-inline:0.75em;
  padding-block:0.1em;
  font-size:0.9em;
  text-transform:uppercase;
  font-weight:var(--taskboard-card-header-font-weight);
  border:1px solid transparent;
  border-radius:12px;
}
.app-task-chip-critical{
  background-color:crimson;
  color:white;
}
.app-task-chip-high{
  background-color:darkorange;
  color:black;
}
.app-task-chip-normal{
  background-color:transparent;
  border:1px solid currentColor;
}
.app-task-chip-low{
  background-color:lightgreen;
  color:black;
}