/* Styles pour le champ Activity Message */
.activity-message-container {
    margin: 8px 0;
}

.activity-message {
    padding: 14px 18px;
    border-radius: 10px;
    text-align: left;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;
    animation: fadeInActivity 0.6s ease-in-out;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    border-left: 4px solid;
}

.activity-message i {
    font-size: 18px;
    min-width: 20px;
}

.activity-text {
    flex: 1;
    font-size: 14px;
    line-height: 1.4;
}

.no-activity-message {
    padding: 12px 16px;
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    text-align: center;
    color: #6c757d;
    font-style: italic;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.no-activity-message i {
    color: #ffc107;
    font-size: 16px;
}

/* Formation */
.activity-formation {
    background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
    border-left-color: #2196f3;
    color: #0d47a1;
}

.activity-formation i {
    color: #1976d2;
}

/* Congé */
.activity-conge {
    background: linear-gradient(135deg, #fff3e0 0%, #ffcc80 100%);
    border-left-color: #ff9800;
    color: #e65100;
}

.activity-conge i {
    color: #f57c00;
}

/* Arrêt maladie */
.activity-maladie {
    background: linear-gradient(135deg, #ffebee 0%, #ffcdd2 100%);
    border-left-color: #f44336;
    color: #b71c1c;
}

.activity-maladie i {
    color: #d32f2f;
}

/* Télétravail */
.activity-teletravail {
    background: linear-gradient(135deg, #f3e5f5 0%, #ce93d8 100%);
    border-left-color: #9c27b0;
    color: #4a148c;
}

.activity-teletravail i {
    color: #7b1fa2;
}

/* Déplacement */
.activity-deplacement {
    background: linear-gradient(135deg, #e0f2f1 0%, #80cbc4 100%);
    border-left-color: #009688;
    color: #004d40;
}

.activity-deplacement i {
    color: #00695c;
}

/* Réunion */
.activity-reunion {
    background: linear-gradient(135deg, #fce4ec 0%, #f8bbd9 100%);
    border-left-color: #e91e63;
    color: #880e4f;
}

.activity-reunion i {
    color: #c2185b;
}

/* Administratif */
.activity-admin {
    background: linear-gradient(135deg, #f1f8e9 0%, #c5e1a5 100%);
    border-left-color: #8bc34a;
    color: #33691e;
}

.activity-admin i {
    color: #558b2f;
}

/* Prospection */
.activity-prospection {
    background: linear-gradient(135deg, #fff8e1 0%, #ffecb3 100%);
    border-left-color: #ffc107;
    color: #ff6f00;
}

.activity-prospection i {
    color: #ff8f00;
}

/* Mission */
.activity-mission {
    background: linear-gradient(135deg, #e8f5e8 0%, #c8e6c9 100%);
    border-left-color: #4caf50;
    color: #1b5e20;
}

.activity-mission i {
    color: #388e3c;
}

/* Intercontrat */
.activity-intercontrat {
    background: linear-gradient(135deg, #e1f5fe 0%, #b3e5fc 100%);
    border-left-color: #00bcd4;
    color: #006064;
}

.activity-intercontrat i {
    color: #0097a7;
}

/* Pas d'activité */
.activity-none {
    background: linear-gradient(135deg, #fff8e1 0%, #ffecb3 100%);
    border-left-color: #ff9800;
    color: #e65100;
    border: 1px solid #ffb74d;
}

.activity-none i {
    color: #f57c00;
}

/* Autres activités */
.activity-other {
    background: linear-gradient(135deg, #e8eaf6 0%, #c5cae9 100%);
    border-left-color: #3f51b5;
    color: #1a237e;
}

.activity-other i {
    color: #303f9f;
}

/* Animation pour les messages d'activité */
@keyframes fadeInActivity {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Effet hover */
.activity-message:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    transition: all 0.3s ease;
}

/* Responsive */
@media (max-width: 768px) {
    .activity-message {
        padding: 12px 14px;
        font-size: 13px;
        gap: 10px;
    }
    
    .activity-message i {
        font-size: 16px;
    }
    
    .activity-text {
        font-size: 13px;
    }
    
    .no-activity-message {
        padding: 10px 12px;
        font-size: 13px;
    }
}

/* Mode sombre (optionnel) */
@media (prefers-color-scheme: dark) {
    .no-activity-message {
        background: #2d3748;
        border-color: #4a5568;
        color: #e2e8f0;
    }
}