:root{
  --catchall-column-background:#edf3ff;
  --done-background:#f8fff5;
  --background:#fff;
  --border-color:#ddd;
}

.b-theme-classic-dark{
  --catchall-column-background:#242b33;
  --done-background:#2c332c;
  --background:#000;
  --border-color:#666;
}

.b-taskboard{
  --taskboard-background:var(--background);
  --taskboard-card-footer-color:var(--taskboard-card-body-color);
  --taskboard-card-border-top-radius:15px;
  --taskboard-card-border-bottom-radius:15px;
  --taskboard-column-header-padding:1em 1em 0 1em;
  background:var(--background);
  padding:1em;
}

.b-taskboard-column-header{
  border-top-left-radius:15px;
  border-top-right-radius:15px;
}
.b-taskboard-column-header[data-column="*"]{
  background:var(--catchall-column-background);
}

.b-taskboard-column{
  border-bottom-left-radius:15px;
  border-bottom-right-radius:15px;
}
.b-taskboard-column[data-column="*"]{
  background:var(--catchall-column-background);
}

.b-taskboard-card{
  border:1px solid var(--border-color);
  box-shadow:none;
}
.b-taskboard-card.b-selected{
  border-color:#bbb;
}
.b-taskboard-card.done{
  background-color:var(--done-background);
}

.b-taskboard-card-header i.high{
  color:#d9534f;
}
.b-taskboard-card-header i.medium{
  color:#f0ad4e;
}
.b-taskboard-card-header i.low{
  color:#7cde5b;
}

.b-taskboard-card-footer{
  border-top:1px solid var(--border-color);
  padding:1em 0;
  margin-inline:1em;
}
.b-taskboard-card-footer i{
  margin-inline-end:0.5em;
}

.b-taskboard-taskitem[data-field=assignee]{
  font-size:0.7em;
}

.b-taskboard-taskitem[data-field=status]{
  flex:1;
}

.avatar-header{
  display:flex;
  gap:0.5em;
  padding:0.4em;
  align-items:center;
  overflow:auto;
  text-transform:none;
}

.avatar{
  width:3em;
  border-radius:50%;
  border:1px solid var(--border-color);
  outline:2px solid #fff;
  outline-offset:-3px;
}

.comments-tooltip .b-tooltip-content{
  display:flex;
  gap:0.5em;
}

.comment{
  display:grid;
  column-gap:0.5em;
  grid-template-columns:3.5em 1fr;
}

.author{
  grid-column:1;
}

.text{
  grid-column:2;
}

.date{
  grid-column:2;
  font-size:0.8em;
  opacity:0.7;
}