@keyframes slideInRight {


  from { transform: translateX(120%); opacity: 0; }


  to { transform: translateX(0); opacity: 1; }


}


@keyframes fadeOutRight {


  from { opacity: 1; transform: translateX(0); }


  to { opacity: 0; transform: translateX(120%); }


}


.animate-slideInRight { animation: slideInRight 0.4s ease forwards; }


.animate-fadeOutRight { animation: fadeOutRight 0.4s ease forwards; }





/* Scrollbar personnalisée pour le dropdown */


.custom-scrollbar {


  scrollbar-width: thin;


  scrollbar-color: rgba(156, 163, 175, 0.6) transparent;


}





.custom-scrollbar::-webkit-scrollbar {


  width: 6px;


}





.custom-scrollbar::-webkit-scrollbar-track {


  background: transparent;


}





.custom-scrollbar::-webkit-scrollbar-thumb {


  background-color: rgba(156, 163, 175, 0.6);


  border-radius: 6px;


}





.custom-scrollbar::-webkit-scrollbar-thumb:hover {


  background-color: rgba(156, 163, 175, 0.8);


}





/* Animation légère sur compteur */


@keyframes pulseBadge {


  0%, 100% { transform: scale(1); opacity: 1; }


  50% { transform: scale(1.2); opacity: 0.8; }


}





#notif-count.animate-pulse {


  animation: pulseBadge 1.2s ease-in-out;


}