.task-priority {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 2px 8px;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--muted);
  font-size: 11px;
  white-space: nowrap;
}

.task-priority-low { border-color: #71809666; color: #9aa5b5; }
.task-priority-normal { border-color: #9184d966; color: #aca0ef; }
.task-priority-high { border-color: #c6a65b88; color: #d1b66d; }
.task-priority-critical { border-color: #c96b7288; color: #df858c; }

.task-priority-select {
  width: 112px;
  height: 28px;
  padding: 0 26px 0 10px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background-color: transparent;
  color: var(--muted);
  font-size: 11px;
  box-shadow: none;
}

.task-priority-select:focus { border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-soft); }
.task-priority-select:disabled { opacity: .55; }