/* Animations for Notifications */

/* Thinking animation for agents */
@keyframes thinking {
  0%, 50%, 100% { opacity: 0.4; }
  25% { opacity: 1; }
}

.is-thinking {
  animation: thinking 1.5s ease-in-out infinite;
  border-style: dashed !important;
}
@keyframes slideInUp {
  from {
    transform: translateY(100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.animate-slide-in-up {
  animation: slideInUp 0.5s ease-out forwards;
}

@keyframes fadeOutDown {
  from {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(100%);
    opacity: 0;
  }
}

.animate-fade-out-down {
  animation: fadeOutDown 0.5s ease-in forwards;
}

.is-thinking {
    animation: pulse-border 1.5s infinite;
}

@keyframes pulse-border {
    0% {
        box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.7);
    }
    100% {
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
    }
}