/* A compact task list: one moving focus, five visible steps, no extra canvas. */
.workflow-demo .workflow-panel{height:202px}
.workflow-demo .workflow-header{flex-shrink:0}
.workflow-demo #workflow-rows{position:relative;display:grid;grid-template-rows:repeat(5,minmax(0,1fr));gap:3px;height:140px;flex:1;min-height:0;overflow:hidden}
.workflow-demo .workflow-row{position:relative;isolation:isolate;display:flex;height:auto;min-height:0;margin:0;padding:0 7px;gap:7px;overflow:hidden;border-radius:6px;background:transparent;transition:background-color .35s ease,box-shadow .35s ease}
.workflow-demo .workflow-row[data-state=running]{background:linear-gradient(105deg,#d8efff12,#ffffff08 60%,#ffdda808);box-shadow:inset 0 0 0 1px #e1efff13}
.workflow-demo .workflow-row[data-state=complete]{background:#ffffff03}
.workflow-demo .workflow-icon{position:relative;width:15px;height:15px;flex:0 0 15px}
.workflow-demo .workflow-pending{display:block;width:11px;height:11px;border:1px solid #a5b4c151;border-radius:50%;box-shadow:inset 0 0 0 3px #05090d;background:#a5b4c14d}
.workflow-demo .workflow-spinner{width:13px;height:13px;border-width:1.25px;border-color:#dce9f02e;border-top-color:#e1f2fc;animation-duration:1.1s}
.workflow-demo .workflow-check{display:block;width:15px;height:15px;border-radius:50%;background:#c6e5f013;color:#d1e7ef}
.workflow-demo .workflow-check path{fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}
.workflow-demo .workflow-label{position:relative;color:#9eabb6;transition:color .35s ease;font-size:10.5px}
.workflow-demo .workflow-row[data-state=running] .workflow-label{color:#f0f6f9}
.workflow-demo .workflow-row[data-state=complete] .workflow-label{color:#bdcbd4}
.workflow-demo .workflow-value{position:relative;max-width:43%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 9px Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#b6cbd7}
.workflow-demo .workflow-progress{position:absolute;left:7px;right:7px;bottom:0;height:1px;background:linear-gradient(90deg,#e6f5ff4d,#b7e1ffb3 62%,#ffdda8a6);transform:scaleX(0);transform-origin:left;opacity:0}
.workflow-demo .workflow-row[data-state=running] .workflow-progress{opacity:1}
.workflow-demo #workflow-status[data-state=running]{background:#d2eaff0c;color:#c5d8e5}
.workflow-demo #workflow-status[data-state=complete]{background:#ffdda80e;color:#e9cfa9}
.workflow-demo[data-animation-paused=true] .workflow-spinner{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){
  .workflow-demo .workflow-progress{display:none}
  .workflow-demo .workflow-row,.workflow-demo .workflow-label{transition:none}
}