.task-badges {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.task-status-tag {
  border: 1px solid #cbd2ce;
  border-radius: 999px;
  color: #4c5650;
  font-size: .67rem;
  font-weight: 800;
  padding: 3px 8px;
}

.task-status-done {
  background: #daf3e3;
  border-color: #79c895;
  color: #17683a;
}

#tasks .task-state-done {
  background: linear-gradient(90deg, #edf9f1 0, #fff 42%);
  border-left: 4px solid #27945a;
}

#tasks .task-state-done .entity-select > strong {
  color: #486157;
  text-decoration: line-through;
  text-decoration-thickness: 1px;
}

.project-tasks-button { margin-left: 8px; }
.project-task-viewer { border-top: 1px solid var(--line); margin-top: 18px; padding-top: 16px; }
.project-task-viewer > header { align-items: center; display: flex; justify-content: space-between; }
.project-task-viewer h3 { margin: 0; }
.project-task-list { display: grid; gap: 8px; list-style: none; margin: 14px 0 0; padding: 0; }
.project-task-list > li { border: 1px solid var(--line); border-radius: 12px; overflow: hidden; }
.project-task-list > li.task-state-done { border-left: 4px solid #27945a; }
.project-task-list button { background: #fff; border: 0; display: grid; gap: 4px; padding: 12px; text-align: left; width: 100%; }
.project-task-list button:hover { background: #f6f8f7; }
.team-task-priority .priority-tag { margin-right: 3px; }