.wf{--wf-gap:.75em;--wf-pad:.55em;--wf-ease:cubic-bezier(.65, 0, .35, 1)}.wf-seg{transition:opacity .36s var(--ease-looky,ease), transform .46s cubic-bezier(.16, 1, .3, 1)}.wf-line{transition:opacity .18s,transform .18s}.wf-line.is-on{transition:opacity .38s var(--ease-looky,ease) .17s, transform .48s cubic-bezier(.16, 1, .3, 1) .17s}.wf-seg.is-off{opacity:0;transform:scale(.92)}.wf-line.is-off{opacity:0;pointer-events:none;transform:translateY(.4em)}.wf-stage{container-type:inline-size}.wf-board{font-size:clamp(12.5px,1.95cqw,16px);position:relative;container-type:inline-size}.wf[data-armed] .wf-board{animation:.52s cubic-bezier(.16,1,.3,1) both wf-in}.wf-lanes{gap:var(--wf-gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:absolute;inset:0}.wf-lane{background:color-mix(in oklab, var(--color-foreground) 4.5%, transparent);border-radius:1.1em}.wf-lane-gate{background:color-mix(in oklab, var(--color-orange) 6.5%, transparent)}.wf-lane-title{letter-spacing:.01em;height:3.3em;color:var(--color-muted-foreground);white-space:nowrap;align-items:center;gap:.5em;padding-inline:1em;font-size:.82em;font-weight:600;display:flex}.wf-lane-gate .wf-lane-title{color:var(--color-foreground)}.wf-gate-avatar{width:1.9em;height:1.9em;color:var(--color-ink);background:#e8d8c2;border-radius:999px;justify-content:center;align-items:center;font-size:.78em;font-weight:700;display:inline-flex}.wf-rows{padding:2.9em 0 var(--wf-pad);flex-direction:column;gap:.7em;display:flex;position:relative}.wf-row{height:5.3em;position:relative}.wf-card{inset-block:0;left:var(--wf-pad);width:calc((100cqw - 2 * var(--wf-gap)) / 3 - 2 * var(--wf-pad));background:var(--color-card);color:var(--color-foreground);box-shadow:var(--shadow-raised);transform:translateX(calc(var(--lane,0) * (100cqw + var(--wf-gap)) / 3));border-radius:.9em;align-items:flex-start;gap:.65em;padding:.8em .85em;display:flex;position:absolute}.wf-card:before{content:"";border-radius:inherit;box-shadow:0 0 0 2px color-mix(in oklab, var(--color-orange) 70%, transparent);opacity:0;pointer-events:none;position:absolute;inset:0}.wf-card.is-waiting:before{opacity:1}.wf-card.is-held:before{opacity:1;box-shadow:0 0 0 2px var(--color-warning)}.wf[data-armed] .wf-card{transition:transform .76s var(--wf-ease)}.wf[data-armed] .wf-card:before{transition:opacity .3s}.wf-logo{margin-top:.1em}.wf-card .wf-title{-webkit-line-clamp:2;letter-spacing:-.01em;-webkit-box-orient:vertical;font-size:.92em;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.wf-status{min-width:0;color:var(--color-muted-foreground);white-space:nowrap;align-items:center;gap:.4em;margin-top:.35em;font-size:.76em;font-weight:600;display:flex}.wf-card.is-held .wf-status{color:color-mix(in oklab, var(--color-warning) 80%, var(--color-ink))}.wf-card.is-waiting .wf-status{color:var(--color-orange-deep)}.wf-card.is-approved .wf-status,.wf-card.is-auto .wf-status{color:var(--color-success)}.wf[data-armed] .wf-status{animation:.36s both wf-fade}.wf-glyph{border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:1.35em;height:1.35em;display:inline-flex}.wf-reviewer{width:2.1em;height:2.1em;color:var(--color-ink);box-shadow:var(--shadow-lifted);background:#e8d8c2;border-radius:999px;justify-content:center;align-items:center;font-size:.8em;font-weight:700;display:flex;position:absolute;top:-.7em;right:-.6em}.wf-reviewer.is-off{opacity:0}.wf[data-armed] .wf-reviewer.is-on{animation:.52s cubic-bezier(.16,1,.3,1) both wf-pop}.wf[data-armed] .wf-reviewer.is-off{transition:opacity .3s}.wf-track{display:none}.wf-audit{color:var(--color-muted-foreground);margin-top:1.1em;font-size:13px;line-height:1.6}@media (max-width:639px){.wf-board{font-size:14px}.wf-lanes{gap:0;position:relative;inset:auto}.wf-lane,.wf-lane-gate{background:0 0}.wf-lane-title{height:auto;padding:0 0 .6em;font-size:12px}.wf-lane:nth-child(2) .wf-lane-title{justify-content:center}.wf-lane:nth-child(3) .wf-lane-title{justify-content:flex-end}.wf-gate-avatar,.wf-lane-gate .wf-lane-title svg{display:none}.wf-rows{gap:.6em;padding-top:0}.wf-row{height:auto}.wf-card{flex-wrap:wrap;width:100%;position:relative;left:0;transform:none}.wf-card .wf-title{-webkit-line-clamp:1}.wf-track{flex-basis:100%;height:1.2em;margin-top:.35em;display:block;position:relative;container-type:inline-size}.wf-track:before{content:"";background:color-mix(in oklab, var(--color-foreground) 10%, transparent);border-radius:2px;height:2px;margin-top:-1px;position:absolute;top:50%;left:.6em;right:.6em}.wf-puck{background:var(--color-foreground);width:1.2em;height:1.2em;box-shadow:0 0 0 3px var(--color-card);transform:translateX(calc(var(--lane,0) * (100cqw - 1.2em) / 2));border-radius:999px;position:absolute;top:0;left:0}.wf-card.is-waiting .wf-puck{background:var(--color-orange)}.wf-card.is-held .wf-puck{background:var(--color-warning)}.wf-card.is-approved .wf-puck,.wf-card.is-auto .wf-puck{background:var(--color-success)}.wf[data-armed] .wf-puck{transition:transform .76s var(--wf-ease)}.wf-reviewer{top:.5em;right:.6em}}@keyframes wf-in{0%{opacity:0;transform:translateY(.6em)}}@keyframes wf-fade{0%{opacity:0}}@keyframes wf-pop{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.12)}}@media (prefers-reduced-motion:reduce){.wf-seg,.wf-line,.wf-line.is-on{transition:none}}.wf-board{--spacing:.25em}
