/* Pathway Finder States & Animations */
.animate-pf-slide-in {
  animation: pfSlideIn 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes pfSlideIn {
  from { opacity: 0; transform: translateY(10px) scale(0.98); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

/* Sidebar Nav states */
.pf-completed .nav-line { background-color: #facc15; }
.pf-completed .nav-dot { background-color: #facc15; border-color: #facc15; }
.pf-completed .nav-title { color: white; }
.pf-completed .nav-subtitle { color: rgba(255, 255, 255, 0.7); }

.pf-active .nav-dot { background-color: #facc15; border-color: #facc15; }
.pf-active .nav-title { color: white; }
.pf-active .nav-subtitle { color: #facc15; }

.pf-inactive .nav-dot { background-color: transparent; border-color: rgba(255,255,255,0.3); }
.pf-inactive .nav-title { color: rgba(255,255,255,0.4); }
.pf-inactive .nav-subtitle { color: rgba(255,255,255,0.45); }
.pf-inactive .nav-line { background-color: rgba(255,255,255,0.15); }