/* WorkflowProgressBar — mega-fancy SVG progress bar above WorkflowInlineView */

.wf-progressbar-wrapper {
    width: 100%;
    container-type: inline-size;
    margin-bottom: 0.25rem;
}

.wf-progressbar-svg {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 10px;
    overflow: visible;
}

/* Pulse rings — reuses wf-svg-pulse-expand from workflow-inline.css */
.wf-svg-pulse {
    animation: wf-svg-pulse-expand 1.8s ease-out infinite;
}

/* Spinning arc — reuses wf-arc-spin from workflow-inline.css */
.wf-arc-spin {
    animation: wf-arc-spin 1.25s linear infinite;
    transform-origin: center;
    transform-box: fill-box;
}