/* Badge notifikasi: delapan longhand ditulis eksplisit */
.badge-notif {
  animation-name: muncul;
  animation-duration: 0.4s;
  animation-timing-function: ease-out;
  animation-delay: 0.25s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
  animation-play-state: running;
}

@keyframes muncul {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}