/* Indicateur d'email envoyé - Enveloppe avec virgule verte */
.email-sent-indicator {
  position: relative;
  display: inline-block;
}

.email-sent-indicator .check-mark {
  position: absolute;
  top: -3px;
  right: -5px;
  font-size: 0.6em;
  color: #28a745 !important;
  background-color: white;
  border-radius: 50%;
  padding: 1px;
  line-height: 1;
}

/* Animation subtile pour attirer l'attention */
.email-sent-indicator.animated .check-mark {
  animation: checkPulse 2s ease-in-out infinite;
}

@keyframes checkPulse {
  0%,
  100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.1);
    opacity: 0.8;
  }
}

/* Styles pour les boutons avec indicateur d'envoi */
.btn.email-sent {
  border-color: #28a745;
  color: #28a745;
}

.btn.email-sent:hover {
  background-color: #28a745;
  color: white;
}

/* Indicateur dans les listes */
.email-status-text {
  font-size: 0.875rem;
  font-weight: 500;
}

.email-status-text .email-sent-indicator {
  margin-right: 0.25rem;
}

/* Responsive pour les petits écrans */
@media (max-width: 576px) {
  .email-sent-indicator .check-mark {
    top: -2px;
    right: -4px;
    font-size: 0.5em;
  }
}