/* NEUE STILE für den grünen Punkt hinter "E-Mail senden" */
.email-sent-indicator {
    display: inline-block;
    width: 10px; /* Größe des Punktes */
    height: 10px; /* Größe des Punktes */
    border-radius: 50%; /* Macht es zu einem Kreis */
    background-color: #28a745; /* Grüner Punkt (Bootstrap 'success' Farbe) */
    margin-left: 5px; /* Abstand zum "E-Mail senden" Text */
    vertical-align: middle; /* Vertikal zentrieren */
    cursor: help; /* Zeigt an, dass es einen Tooltip gibt, wenn man drüber fährt */
    flex-shrink: 0; /* Verhindert, dass der Punkt schrumpft, wenn der Text lang ist */
}

/* Optional: Gelber Punkt, wenn nicht gesendet. Wenn Sie nur den grünen Punkt bei Versand wollen, diesen Block löschen. */
.email-sent-indicator.not-sent {
    background-color: #ffc107; /* Gelber Punkt für "nicht gesendet" */
}

/* Optional: Anpassen des E-Mail-Sendebuttons, falls der Punkt nicht schön sitzt */
.document-list .actions a.btn-info {
    display: inline-flex; /* Flexbox für bessere Ausrichtung von Text und Punkt */
    align-items: center; /* Vertikale Zentrierung */
    gap: 5px; /* Kleiner Abstand zwischen Text und Punkt */
}

/* Die vorherigen success/error-message Stile (falls nicht schon vorhanden) */
.success-message {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 5px;
    text-align: center;
    font-weight: bold;
}
.error-message {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 5px;
    text-align: center;
    font-weight: bold;
}