.saas-approval-flow{min-inline-size:0;padding-block:var(--saas-space-2xs);overflow-x:auto}.saas-approval-flow__track{align-items:flex-start;gap:var(--saas-space-xl);margin:0;padding:0;list-style:none;display:flex}.saas-approval-flow__node{gap:var(--saas-space-sm);inline-size:260px;padding:var(--saas-space-md);border:1px solid var(--saas-border-default);border-radius:var(--saas-radius-lg);background:var(--saas-bg-surface);transition:border-color var(--saas-motion-micro) var(--saas-ease-standard), opacity var(--saas-motion-micro) var(--saas-ease-standard);flex-direction:column;flex:none;display:flex;position:relative}.saas-approval-flow__node[data-kind=terminal]{background:var(--saas-status-neutral-subtle);inline-size:170px}.saas-approval-flow__node+.saas-approval-flow__node:before{content:"";inline-size:var(--saas-space-xl);background:var(--saas-border-default);block-size:2px;position:absolute;inset-block-start:31px;inset-inline-start:calc(-1 * var(--saas-space-xl) - 1px)}.saas-approval-flow__node+.saas-approval-flow__node:after{content:"";border-block:5px solid #0000;border-inline-start:7px solid var(--saas-border-default);position:absolute;inset-block-start:27px;inset-inline-start:-10px}.saas-approval-flow__node[data-state=done]+.saas-approval-flow__node:before{background:var(--saas-status-success-fill)}.saas-approval-flow__node[data-state=done]+.saas-approval-flow__node:after{border-inline-start-color:var(--saas-status-success-fill)}.saas-approval-flow__head{align-items:center;gap:var(--saas-space-sm);display:flex}.saas-approval-flow__icon{border-radius:var(--saas-radius-full);background:var(--saas-status-neutral-subtle);block-size:32px;inline-size:32px;color:var(--saas-text-primary);flex:none;justify-content:center;align-items:center;display:inline-flex}.saas-approval-flow__titles{flex-direction:column;min-inline-size:0;display:flex}.saas-approval-flow__title{color:var(--saas-text-primary);font-size:var(--saas-font-reading);overflow-wrap:anywhere;font-weight:600}.saas-approval-flow__subtitle,.saas-approval-flow__detail{color:var(--saas-text-primary);font-size:var(--saas-font-body-sm);margin:0}.saas-approval-flow__status{padding-block:var(--saas-space-2xs);padding-inline:var(--saas-space-sm);border-radius:var(--saas-radius-full);background:var(--saas-status-neutral-subtle);color:var(--saas-text-primary);font-size:var(--saas-font-body-sm);align-self:flex-start;font-weight:600}.saas-approval-flow__body{gap:var(--saas-space-sm);border-block-start:1px solid var(--saas-border-default);flex-direction:column;padding-block-start:var(--saas-space-sm);display:flex}.saas-approval-flow__node[data-state=done]{border-color:var(--saas-status-success-fill)}.saas-approval-flow__node[data-state=done] .saas-approval-flow__icon,.saas-approval-flow__node[data-state=done] .saas-approval-flow__status{background:var(--saas-status-success-subtle);color:var(--saas-status-success)}.saas-approval-flow__node[data-state=rejected]{border-color:var(--saas-status-danger-fill)}.saas-approval-flow__node[data-state=rejected] .saas-approval-flow__icon,.saas-approval-flow__node[data-state=rejected] .saas-approval-flow__status{background:var(--saas-status-danger-subtle);color:var(--saas-status-danger)}.saas-approval-flow__node[data-state=current]{border-color:var(--saas-status-warning-fill);box-shadow:inset 0 3px 0 var(--saas-status-warning-fill)}.saas-approval-flow__node[data-state=current] .saas-approval-flow__status{background:var(--saas-status-warning-subtle);color:var(--saas-status-warning)}.saas-approval-flow__node[data-state=current] .saas-approval-flow__icon{background:var(--saas-status-warning-subtle);color:var(--saas-status-warning);animation:saas-approval-flow-pulse 1.8s var(--saas-ease-standard) infinite}.saas-approval-flow__node[data-state=upcoming][data-kind=step] .saas-approval-flow__icon{background:var(--saas-brand-subtle);color:var(--saas-brand-strong)}.saas-approval-flow__node[data-state=skipped]{opacity:.55;border-style:dashed}.saas-approval-flow__node[data-state=ghost]{border-style:dashed;border-color:var(--saas-brand-primary);background:0 0}@keyframes saas-approval-flow-pulse{0%,to{box-shadow:0 0 0 0 var(--saas-status-warning-subtle)}50%{box-shadow:0 0 0 6px var(--saas-status-warning-subtle)}}@media (prefers-reduced-motion:reduce){.saas-approval-flow__node[data-state=current] .saas-approval-flow__icon{animation:none}}[dir=rtl] .saas-approval-flow__node+.saas-approval-flow__node:after{transform:scaleX(-1)}@media (width<=599px){.saas-approval-flow{overflow-x:visible}.saas-approval-flow__track{align-items:stretch;gap:var(--saas-space-lg);flex-direction:column}.saas-approval-flow__node,.saas-approval-flow__node[data-kind=terminal]{inline-size:auto}.saas-approval-flow__node+.saas-approval-flow__node:before{inline-size:2px;block-size:var(--saas-space-lg);inset-block-start:calc(-1 * var(--saas-space-lg) - 1px);inset-inline-start:31px}.saas-approval-flow__node+.saas-approval-flow__node:after{border-block:0;border-block-start:7px solid var(--saas-border-default);border-inline:5px solid #0000;inset-block-start:-9px;inset-inline-start:27px}.saas-approval-flow__node[data-state=done]+.saas-approval-flow__node:after{border-block-start-color:var(--saas-status-success-fill);border-inline-start-color:#0000}}