.badge {
  display: inline-block;
  padding: 1px 7px;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 600;
  background: #e5e7eb;
  white-space: nowrap;
  vertical-align: middle;

  &.override {
    background: #f59e0b;
    color: #fff;
  }

  &.group {
    background: #ede9fe;
    color: #5b21b6;
  }

  /* One per parameterized Deal::STATUSES entry. */
  &.status-researching,
  &.status-due-diligence {
    background: #dbeafe;
  }

  &.status-send-offer {
    background: #fef3c7;
  }

  &.status-offer-sent {
    background: #fde68a;
  }

  &.status-offer-accepted,
  &.status-under-contract {
    background: #bbf7d0;
  }

  &.status-sold {
    background: #16a34a;
    color: #fff;
  }

  &.status-offer-rejected,
  &.status-dead-no-offer {
    background: #fecaca;
  }
}