.saas-payroll-pipeline{gap:var(--saas-space-sm);counter-reset:none;grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.saas-payroll-pipeline__step{--step-fg:var(--saas-tint-blue-fg);--step-bg:var(--saas-tint-blue-bg);gap:var(--saas-space-sm);min-inline-size:0;padding:var(--saas-space-md);border:1px solid color-mix(in srgb, var(--step-fg) 18%, var(--saas-border-default));border-radius:var(--saas-radius-lg);background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--step-fg) 14%, transparent) 0, transparent 55%), linear-gradient(150deg, var(--step-bg) 0%, var(--saas-bg-surface) 75%);transition:border-color var(--saas-motion-micro) var(--saas-ease-standard), box-shadow var(--saas-motion-micro) var(--saas-ease-standard);display:flex;position:relative}.saas-payroll-pipeline__step[data-state=done]{--step-fg:var(--saas-tint-green-fg);--step-bg:var(--saas-tint-green-bg)}.saas-payroll-pipeline__step:hover{box-shadow:0 6px 18px color-mix(in srgb, var(--step-fg) 14%, transparent)}.saas-payroll-pipeline__step:not(:last-child):after{content:"";inline-size:var(--saas-space-sm);border-block-start:2px dashed var(--saas-border-strong);position:absolute;inset-block-start:calc(var(--saas-space-md) + 15px);inset-inline-end:calc(-1 * var(--saas-space-sm) - 1px)}.saas-payroll-pipeline__step[data-state=done]:not(:last-child):after{border-block-start-style:solid;border-block-start-color:var(--saas-status-success)}.saas-payroll-pipeline__step[data-state=current]{--step-fg:var(--saas-brand-primary);--step-bg:var(--saas-brand-subtle);border-color:var(--saas-brand-primary);box-shadow:0 0 0 3px var(--saas-brand-glow)}.saas-payroll-pipeline__badge{border-radius:var(--saas-radius-full);background:var(--saas-bg-sunken);block-size:32px;inline-size:32px;color:var(--saas-text-secondary);flex:none;place-items:center;display:grid}.saas-payroll-pipeline__step[data-state=done] .saas-payroll-pipeline__badge{background:linear-gradient(135deg, var(--saas-status-success-subtle), color-mix(in srgb, var(--saas-status-success) 22%, var(--saas-bg-surface)));color:var(--saas-status-success)}.saas-payroll-pipeline__step[data-state=current] .saas-payroll-pipeline__badge{background:linear-gradient(135deg, var(--saas-spotlight-green-from), var(--saas-spotlight-green-to));color:var(--saas-brand-on-primary)}.saas-payroll-pipeline__body{gap:var(--saas-space-2xs);flex-direction:column;min-inline-size:0;display:flex}.saas-payroll-pipeline__title{align-items:center;gap:var(--saas-space-xs);color:var(--saas-text-primary);font-size:var(--saas-font-body);font-weight:700;display:flex}.saas-payroll-pipeline__number{color:var(--saas-text-secondary);font-size:var(--saas-font-body-sm);font-weight:600}.saas-payroll-pipeline__detail{color:var(--saas-text-primary);font-size:var(--saas-font-body-sm);line-height:1.4}.saas-payroll-pipeline__action{min-block-size:32px;padding-inline:var(--saas-space-sm);border:1px solid var(--saas-border-strong);border-radius:var(--saas-radius-full);background:var(--saas-bg-surface);color:var(--saas-text-primary);font-family:var(--saas-font-family);font-size:var(--saas-font-body-sm);cursor:pointer;transition:background-color var(--saas-motion-micro) var(--saas-ease-standard);align-self:flex-start;margin-block-start:var(--saas-space-2xs);font-weight:700}.saas-payroll-pipeline__action[data-primary=true]{border-color:var(--saas-brand-primary);background:var(--saas-brand-primary);color:var(--saas-brand-on-primary)}.saas-payroll-pipeline__action:hover:not(:disabled){background:var(--saas-bg-sunken)}.saas-payroll-pipeline__action[data-primary=true]:hover:not(:disabled){background:var(--saas-brand-primary-hover)}.saas-payroll-pipeline__action:disabled{opacity:.6;cursor:default}.saas-payroll-pipeline__action:focus-visible{box-shadow:var(--saas-focus-ring);outline:none}@media (width<=1023px){.saas-payroll-pipeline{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.saas-payroll-pipeline__step:not(:last-child):after{display:none}}@media (width<=599px){.saas-payroll-pipeline{grid-template-columns:1fr}.saas-payroll-pipeline__action{min-block-size:44px}}