/* Workflow Sidebar — Timeline step pill animations */

/* Active pill glow — neutral grey, used for current page */
.tl-glow {
  box-shadow: 0 0 10px -3px rgb(148 163 184 / 0.2);
}

/* Running pill: border breathes blue */
@keyframes tl-border-breathe {
  0%, 100% { border-color: rgb(96 165 250 / 0.25); }
  50% { border-color: rgb(96 165 250 / 0.55); }
}
.tl-pill-running {
  animation: tl-border-breathe 2.5s ease-in-out infinite;
}

/* Connector styles — solid for completed, dashed for pending */
.tl-conn-done   { border-left-style: solid; }
.tl-conn-pending { border-left-style: dashed; }