/*-------------------------------------------------------------------------------*/
/* ======= STYLES POUR LA GESTION DES COULEURS DE STATUT, PRIORITES ET TYPE DE NETTOYAGE ======= */
/* Ex : Espace "Agents" -> Module "Missions" -> "Cartes de missions" */
/*-------------------------------------------------------------------------------*/
/* Statuts de mission - Styles harmonisés avec nouveau statut ADemarrer */

.mission-status-Brouillon {
    background-color: #fd7e14 !important;
    color: white !important;
    padding: 3px 8px;
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.85rem;
    display: inline-block;
}

.mission-status-Disponible {
    background-color: #28a745 !important;
    color: white !important;
    padding: 3px 8px;
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.85rem;
    display: inline-block;
}

.mission-status-Acceptee {
    background-color: #ffc107 !important;
    color: #333 !important;
    padding: 3px 8px;
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.85rem;
    display: inline-block;
}

/* NOUVEAU : Statut intermédiaire entre Acceptée et En cours */
.mission-status-ADemarrer {
    background-color: #ff8c00 !important; /* Orange plus soutenu */
    color: white !important;
    padding: 3px 8px;
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.85rem;
    display: inline-block;
    position: relative;
}

    /* Animation subtile pour attirer l'attention sur ce statut critique */
    .mission-status-ADemarrer::before {
        content: '';
        position: absolute;
        top: -2px;
        left: -2px;
        right: -2px;
        bottom: -2px;
        background: linear-gradient(45deg, #ff8c00, #ffa500, #ff8c00);
        border-radius: 6px;
        z-index: -1;
        opacity: 0.3;
        animation: pulse-orange 2s ease-in-out infinite;
    }

@keyframes pulse-orange {
    0%, 100% {
        opacity: 0.3;
    }

    50% {
        opacity: 0.6;
    }
}

.mission-status-EnCours {
    background-color: #007bff !important;
    color: white !important;
    padding: 3px 8px;
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.85rem;
    display: inline-block;
}

.mission-status-Terminee {
    background-color: #6c757d !important;
    color: white !important;
    padding: 3px 8px;
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.85rem;
    display: inline-block;
}

.mission-status-Suspendue {
    background-color: #fd7e14 !important;
    color: white !important;
    padding: 3px 8px;
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.85rem;
    display: inline-block;
}

.mission-status-Annulee {
    background-color: #dc3545 !important;
    color: white !important;
    padding: 3px 8px;
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.85rem;
    display: inline-block;
}

/* ===== PROGRESSION HARMONIEUSE DES COULEURS ===== */
/*
Flux logique des statuts avec progression chromatique :
1. Disponible     → Vert (#28a745)     → Mission ouverte
2. Acceptée       → Jaune (#ffc107)    → Agent assigné  
3. A demarrer     → Orange (#ff8c00)   → Prêt à commencer (NOUVEAU)
4. En Cours       → Bleu (#007bff)     → Travail en cours
5. Terminée       → Gris (#6c757d)     → Finalisée
6. Suspendue      → Orange foncé (#fd7e14) → Temporairement arrêtée
7. Annulée        → Rouge (#dc3545)    → Échec/abandon
*/

/*-------------------------------------------------------------------------------*/

/* Types de nettoyage avec couleurs */
/*-------------------------------------------------------------------------------*/
.cleaning-type-Standard {
    color: #0dcaf0;
    font-weight: 600;
}

.cleaning-type-EnProfondeur {
    color: #6f42c1;
    font-weight: 600;
}

.cleaning-type-Fenetre {
    color: #20c997;
    font-weight: 600;
}

.cleaning-type-Moquette {
    color: #fd7e14;
    font-weight: 600;
}

.cleaning-type-ApresConstruction {
    color: #d63384;
    font-weight: 600;
}

.cleaning-type-Industriel {
    color: #6610f2;
    font-weight: 600;
}
/*-------------------------------------------------------------------------------*/

/* Priorités */
/*-------------------------------------------------------------------------------*/
.mission-priority-Haute {
    background-color: rgb(220 53 69) !important;
    color: white !important;
    padding: 3px 10px;
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.9rem;
}

.mission-priority-Moyenne {
    background-color: #ffc107 !important;
    color: black !important;
    padding: 3px 10px;
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.9rem;
}

.mission-priority-Basse {
    background-color: #28a745 !important;
    color: white !important;
    padding: 3px 10px;
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.9rem;
}
/*-------------------------------------------------------------------------------*/