.chr-badge-proj-planejado {
    background:#EEF2FF; color:#3730A3; border:1px solid #DDE2FF;
    font-weight:600; border-radius:999px; padding:4px 10px;font-size: 90%;
}
.chr-badge-proj-andamento {
    background:#E7F3FF; color:#0A58CA; border:1px solid #CFE2FF;
    font-weight:600; border-radius:999px; padding:4px 10px;font-size: 90%;
}
.chr-badge-proj-suspenso {
    background:#FFF4E5; color:#B45309; border:1px solid #FFE8CC;
    font-weight:600; border-radius:999px; padding:4px 10px;font-size: 90%;
}
.chr-badge-proj-aguardando {
    background:#F3E8FF; color:#6F42C1; border:1px solid #E2D9F3;
    font-weight:600; border-radius:999px; padding:4px 10px;font-size: 90%;
}
.chr-badge-proj-cancelado {
    background:#FDEAEA; color:#B02A37; border:1px solid #F8D7DA;
    font-weight:600; border-radius:999px; padding:4px 10px;font-size: 90%;
}
.chr-badge-proj-encerrado {
    background:#E6F4EA; color:#146C43; border:1px solid #C3E6CB;
    font-weight:600; border-radius:999px; padding:4px 10px;
    font-size: 90%;
}



/* Futuro */
.chr-badge-followup-futuro {
    background: #E6F4EA;
    color: #146C43;
    border: 1px solid #C3E6CB;
    font-weight: 600;
    border-radius: 999px;
    padding: 4px 10px;
    font-size: 90%;
}

/* Presente */
.chr-badge-followup-presente {
    background: #E7F3FF;
    color: #0A58CA;
    border: 1px solid #CFE2FF;
    font-weight: 600;
    border-radius: 999px;
    padding: 4px 10px;
    font-size: 90%;
}

/* Passado */
.chr-badge-followup-passado {
    background: #FDEAEA;
    color: #B02A37;
    border: 1px solid #F8D7DA;
    font-weight: 600;
    border-radius: 999px;
    padding: 4px 10px;
    font-size: 90%;
}



/* Avatar group (estilo tipo o do print) */
.chr-avatar-group{
  display: inline-flex;
  align-items: center;
  position: relative;
  height: 28px;
}

.chr-avatar{
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: 2px solid #fff;
  object-fit: cover;
  background: #e9eef5;
  box-shadow: 0 0 0 1px rgba(0,0,0,.08);
  margin-left: -8px; /* sobreposição */
}

.chr-avatar:first-child{
  margin-left: 0;
}

.chr-avatar-more{
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: 2px solid #fff;
  margin-left: -8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  background: #3f51b5; /* roxo do +1 (ajusta se quiser) */
  box-shadow: 0 0 0 1px rgba(0,0,0,.08);
}