.nv-eod-workflow--animated ol { position:relative; margin-top:52px; gap:0; }
.nv-eod-workflow--animated li { padding:30px 22px 20px; border-top-color:#dce7e3; transition:background-color .65s ease; }
.nv-eod-workflow--animated li::before { content:""; position:absolute; left:0; top:-1px; width:var(--stage-progress,0%); height:3px; background:#2dc471; }
.nv-eod-workflow--animated li.is-active { background:#eff9f3; }
.nv-eod-workflow--animated li.is-complete { background:#f7faf9; }
.nv-eod-workflow--animated .nv-eod-workflow__pixel { left:22px; background:#dce7e3; transition:background .5s; }
.nv-eod-workflow--animated .is-active .nv-eod-workflow__pixel,
.nv-eod-workflow--animated .is-complete .nv-eod-workflow__pixel { background:#2dc471; }
.nv-eod-workflow__document { position:absolute; z-index:2; width:30px; height:36px; display:grid; place-items:center; background:#fff; border:1px solid #2dc471; box-shadow:0 3px 10px #002d4a15; transform:translate(-50%,-50%); transition:left .85s ease,top .85s ease,opacity .65s; pointer-events:none; }
.nv-eod-workflow__document svg { width:20px; height:25px; stroke:#004672; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.nv-eod-workflow__document.is-finished { opacity:0; }
.nv-eod-workflow__controls { display:flex; align-items:center; gap:16px; margin-top:22px; flex-wrap:wrap; }
.nv-eod-workflow .nv-eod-workflow__status { flex:1 1 350px; margin:0; font-size:.9rem; color:#004672; }
.nv-eod-workflow__controls button { border:1px solid #cbded6; background:#fff; color:#004672; padding:10px 14px; font:inherit; font-size:.85rem; cursor:pointer; min-height:44px; }
.nv-eod-workflow__controls button:hover { background:#eff9f3; border-color:#2dc471; }
.nv-eod-workflow__controls button:focus-visible { outline:2px solid #004672; outline-offset:3px; }
.nv-eod-workflow__controls button[hidden] { display:none; }
@media(max-width:900px) {
 .nv-eod-workflow--animated ol { grid-template-columns:1fr; margin-top:28px; gap:0; margin-left:14px; }
 .nv-eod-workflow--animated li { border-top:0; border-left:1px solid #dce7e3; padding:20px 20px 24px 30px; }
 .nv-eod-workflow--animated li::before { top:0; left:-1px; width:3px; height:var(--stage-progress,0%); }
 .nv-eod-workflow--animated .nv-eod-workflow__pixel { left:-5px; top:26px; }
 .nv-eod-workflow__controls { gap:10px; }
}
@media(prefers-reduced-motion:reduce) {
 .nv-eod-workflow--animated li,.nv-eod-workflow__document { transition:none; }
 .nv-eod-workflow__document { display:none; }
}
