/* Stage-specific conceptual diagrams retain the existing navy/teal panel. */
.workflow-illustration{display:block;width:100%;height:auto;max-height:270px;overflow:visible;color:#6edee6;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;animation:sceneReveal .35s ease-out both}
.workflow-illustration text{font-family:inherit;font-size:13px;fill:#dfe5ff;stroke:none;text-anchor:middle;letter-spacing:.01em}
.workflow-illustration rect,.workflow-illustration .scene-milestone circle{fill:rgba(62,200,214,.07);stroke:rgba(101,220,230,.5)}
.workflow-illustration .scene-paper{fill:#16364b;stroke:#73dce5}
.workflow-illustration .scene-device{fill:#11182f;stroke:#467a91}
.workflow-illustration .scene-wordmark{fill:#fff;font-size:26px;font-weight:500}
.workflow-illustration .scene-lane{fill:rgba(255,255,255,.025);stroke:rgba(255,255,255,.15)}
.workflow-illustration .scene-barcode rect{fill:#a0e6ec;stroke:none}
.workflow-illustration .scene-light,.workflow-illustration .scene-bar{fill:#3ec8d6;stroke:none}
.workflow-illustration .scene-confirm-disc{fill:#103b3a;stroke:#5fe39b}
.workflow-illustration .scene-check{stroke:#72e9b0;stroke-width:3;fill:none}
.workflow-illustration .scene-divider{stroke:rgba(223,229,255,.2);stroke-dasharray:4 7}
.workflow-illustration .scene-connection{stroke:rgba(62,200,214,.2)}
.workflow-illustration .scene-travel{stroke:#91f0ed;stroke-dasharray:12 160;animation:sceneTravel 2.2s ease-out both}
.workflow-illustration .scene-scan{stroke:#96fbf4;stroke-width:3;filter:drop-shadow(0 0 5px #3ec8d6);animation:sceneScan 2s ease-in-out both}
.workflow-illustration .scene-arrive{animation:sceneArrive 1.2s ease-out both}
.workflow-illustration .scene-queue{animation:sceneQueue 1.3s ease-out both}
.workflow-illustration .scene-print{animation:scenePrint 1.7s ease-out both}
.workflow-illustration .scene-confirm{animation:sceneConfirm .6s ease-out .9s both;transform-box:fill-box;transform-origin:center}
.workflow-illustration .scene-range-left{animation:sceneLeft 1.1s ease-out both}
.workflow-illustration .scene-range-right{animation:sceneRight 1.1s ease-out .15s both}
.workflow-illustration .scene-bar{animation:sceneBar 1.3s ease-out both;transform-box:fill-box;transform-origin:center bottom}
.workflow-illustration .scene-milestone{animation:sceneReveal .6s ease-out both}
.workflow-illustration .scene-delay-1,.workflow-illustration .scene-bar-1{animation-delay:.15s}
.workflow-illustration .scene-delay-2,.workflow-illustration .scene-bar-2{animation-delay:.3s}
.workflow-illustration .scene-delay-3{animation-delay:.45s}
.workflow-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;color:#eef1ff;font-size:15px;font-weight:500;margin-bottom:8px}
.workflow-panel-count{flex:none;font-size:11px;font-weight:400;color:#7de2e9;border:1px solid rgba(62,200,214,.25);border-radius:999px;padding:5px 10px;background:rgba(62,200,214,.08)}
.workflow-detail-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px 22px;padding:18px 0 0;margin:0;border-top:1px solid var(--line)}
.workflow-detail-list li{position:relative;padding-left:13px;min-width:0;font-size:12px;color:#dfe5ff;line-height:1.5}
.workflow-detail-list li:before{content:"";position:absolute;left:0;top:7px;width:4px;height:4px;border-radius:50%;background:#3ec8d6}
.workflow-detail-list small{display:block;color:var(--muted);font-size:11px}
.workflow-illustration-note{color:var(--muted);font-size:11px;line-height:1.45;margin-top:15px}
[data-flow-steps] button:focus-visible{outline:2px solid #7de2e9;outline-offset:3px}
@keyframes sceneTravel{from{stroke-dashoffset:175}to{stroke-dashoffset:0}}
@keyframes sceneScan{0%{transform:translateY(-25px);opacity:0}20%{opacity:1}70%{transform:translateY(25px);opacity:1}100%{transform:none;opacity:0}}
@keyframes sceneArrive{from{transform:translateY(-22px);opacity:0}to{transform:none;opacity:1}}
@keyframes sceneQueue{from{transform:translateY(36px);opacity:.1}to{transform:none;opacity:1}}
@keyframes scenePrint{from{transform:translateY(-25px);opacity:0}to{transform:none;opacity:1}}
@keyframes sceneConfirm{from{opacity:0}to{opacity:1}}
@keyframes sceneLeft{from{transform:translateX(-25px);opacity:0}to{transform:none;opacity:1}}
@keyframes sceneRight{from{transform:translateX(25px);opacity:0}to{transform:none;opacity:1}}
@keyframes sceneBar{from{transform:scaleY(.1)}to{transform:scaleY(1)}}
@keyframes sceneReveal{from{opacity:.1}to{opacity:1}}
@media(max-width:600px){.workflow-detail-list{grid-template-columns:1fr;gap:9px}.workflow-panel-heading{font-size:14px}.workflow-panel-count{font-size:10px}.workflow-illustration text{font-size:22px}.workflow-illustration .scene-wordmark{font-size:32px}}
@media(prefers-reduced-motion:reduce){.workflow-illustration,.workflow-illustration *{animation:none!important}.workflow-illustration .scene-scan{opacity:0}}