.app-chip,
.task-inline-chip,
.task-pill,
.task-budget-pill,
.task-meta-action {
  min-height: 24px !important;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px !important;
  border: 0 !important;
  border-radius: 7px !important;
  box-shadow: none !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  white-space: nowrap;
  text-decoration: none;
}

.app-chip--email {
  color: #315BCF !important;
  background: #E8EFFF !important;
}

.app-chip--email:hover,
.app-chip--email:focus-visible {
  background: #DDE7FF !important;
  outline: none;
}

.app-chip--phone {
  color: #176b4b !important;
  background: #eaf7f0 !important;
}

.app-chip--phone:hover,
.app-chip--phone:focus-visible {
  background: #dff2e8 !important;
  outline: none;
}

.app-chip--neutral {
  color: #667085 !important;
  background: #f0f2f5 !important;
}

.app-chip--budget {
  color: #315BCF !important;
  background: #E8EFFF !important;
}

.app-chip--plain {
  color: #176b4b !important;
  background: #eaf7f0 !important;
}

.status-new {
  color: #2f65a8 !important;
  background: #eaf2fb !important;
}

.status-email,
.status-pending,
.status-waiting_client {
  color: #9a5c12 !important;
  background: #fff3e3 !important;
}

.status-planned {
  color: #315BCF !important;
  background: #E8EFFF !important;
}

.status-in_progress {
  color: #176b4b !important;
  background: #eaf7f0 !important;
}

.status-paused {
  color: #6d3fb0 !important;
  background: #f2ecfb !important;
}

.status-completed,
.status-accepted {
  color: #176b4b !important;
  background: #eaf7f0 !important;
}

.status-overdue,
.status-danger,
.status-rejected {
  color: #a73631 !important;
  background: #fbeceb !important;
}

.task-budget-pill {
  color: #176b4b !important;
  background: #eaf7f0 !important;
}

.task-state-pill,
.task-meta-action {
  cursor: pointer;
}

.task-state-pill:hover,
.task-state-pill:focus-visible {
  filter: brightness(.98) !important;
  outline: none !important;
}


.task-meta-action svg {
  width: 14px;
  height: 14px;
}

.task-subtasks-count,
.task-attachment-icon {
  min-width: auto !important;
}

.task-description-action {
  width: 24px;
  min-width: 24px !important;
  padding: 0 !important;
  justify-content: center;
}

.task-description-action svg {
  width: 14px;
  height: 14px;
}