body { font-family: 'Inter', sans-serif; background-color: #F3F4F6; }
    .glass-card { background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); }
    .loader { border-top-color: #3B82F6; animation: spinner 1.5s linear infinite; }
    @keyframes spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
    
    /* VERT : Accomplissement Majeur (Décharge de Dopamine) */
@keyframes accomplissement-majeur {
    0% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7); border-color: #10B981; }
    50% { box-shadow: 0 0 15px 5px rgba(16, 185, 129, 0.2); border-color: #34D399; }
    100% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); border-color: #10B981; }
}
.animate-accomplissement { 
    animation: accomplissement-majeur 2s infinite ease-in-out; 
}

/* ROUGE : Urgence Absolue (Agression Visuelle Stratégique) */
@keyframes urgence-absolue {
    0%, 100% { background-color: rgba(254, 226, 226, 1); border-color: #DC2626; box-shadow: 0 0 5px rgba(220, 38, 38, 0.5); transform: scale(1); }
    50% { background-color: rgba(254, 202, 202, 1); border-color: #991B1B; box-shadow: 0 0 20px rgba(220, 38, 38, 0.9); transform: scale(1.02); }
}
.animate-urgence-absolue { 
    animation: urgence-absolue 1.2s infinite; 
    z-index: 10;
}

/* ORANGE : Urgent (Friction Constante) */
@keyframes urgence-orange {
    0%, 100% { box-shadow: 0 0 0 0 rgba(245, 158, 11, 0.6); border-color: #F59E0B; }
    50% { box-shadow: 0 0 12px 3px rgba(245, 158, 11, 0.3); border-color: #D97706; }
}
.animate-urgence-orange { 
    animation: urgence-orange 2.5s infinite ease-in-out; 
}

/* VERT (Tableau) : Animation brillance RALENTIE (Reflet doux) */
.animate-brillance {
    position: relative;
    overflow: hidden;
    background-color: #d1fae5; /* Fond vert doux */
    color: #065f46; /* Texte vert foncé */
    border: 1px solid #6ee7b7;
}
.animate-brillance::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,0) 100%);
    transform: skewX(-20deg);
    /* DIRECTIVE 2 : Cycle ralenti à 4s (au lieu de 2.5s) */
    animation: reflet-brillance 4s infinite ease-in-out;
    pointer-events: none;
}
@keyframes reflet-brillance {
    0% { left: -100%; }
    25%, 100% { left: 200%; } /* Le balayage prend son temps, puis marque une pause naturelle */
}

    /* INJECTION DE L'ORCHESTRATEUR ZÉRO-FRICTION */
html { scroll-behavior: smooth; }
.hide-scrollbar::-webkit-scrollbar { display: none; }
.hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }


/* Barre de défilement moderne et discrète pour le planning sur PC */
  #weekly-timeline::-webkit-scrollbar {
    height: 8px;
  }
  #weekly-timeline::-webkit-scrollbar-track {
    background: #f1f5f9;
    border-radius: 4px;
  }
  #weekly-timeline::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
  }
  #weekly-timeline::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
  }