/* Huckleberry Apex v007 - limited to the seven-stage workflow connector.
   One small ruby emitter slides on a material-brass rail between existing buttons. */
.workflow-track.workflow-motion-ready::before{display:none}
.workflow-track.workflow-motion-ready{isolation:isolate}
.workflow-track.workflow-motion-ready .workflow-step{z-index:1}
.workflow-light-rail{
 position:absolute;pointer-events:none;z-index:0;height:1px;
 background:linear-gradient(90deg,#976b46,#e3b982 24%,#efcb99 55%,#a47b52);
 box-shadow:0 0 4px #c99a6655;
}
.workflow-light-orb{
 position:absolute;top:0;left:0;z-index:4;pointer-events:none;
 width:15px;height:15px;border-radius:50%;
 background:radial-gradient(circle at 40% 35%,#fff5df 0%,#ffc1b9 18%,#ff4159 36%,#cf0b2e 70%,#5e0717 100%);
 border:1px solid #ffb5a0;
 box-shadow:0 0 0 2px #f0254540,0 0 9px 2px #ec173a99,0 0 17px 4px #bb082a4d;
 will-change:transform;
}
.workflow-light-orb::before{
 content:'';position:absolute;top:calc(50% - 2px);right:50%;width:76px;height:4px;
 pointer-events:none;opacity:0;
 background:linear-gradient(to right,transparent,#b50b2e30 28%,#e91d42bb 75%,#ff977b);
 filter:blur(1.6px);transition:opacity .13s ease;
}
.workflow-light-orb[data-direction="left"]::before{
 right:auto;left:50%;background:linear-gradient(to left,transparent,#b50b2e30 28%,#e91d42bb 75%,#ff977b);
}
.workflow-track.is-light-traveling .workflow-light-orb::before{opacity:1}
.workflow-track.is-light-traveling .workflow-light-orb{
 box-shadow:0 0 0 2px #f0254559,0 0 12px 3px #f42747b0,0 0 27px 7px #bb082a50;
}
@media(max-width:550px){
 .workflow-track.workflow-motion-ready{scroll-snap-type:x proximity}
 .workflow-light-orb{width:13px;height:13px}
 .workflow-light-orb::before{width:48px}
}
@media(prefers-reduced-motion:reduce){
 .workflow-light-orb::before{transition:none;display:none}
}