.proc-grid{gap:var(--s-4);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=1100px){.proc-grid{grid-template-columns:minmax(0,3fr) minmax(16rem,1fr)}}.proc-mx td{vertical-align:top;min-inline-size:7rem}.proc-mx td.proc-diag{background:var(--surface-2)}.proc-chips{gap:var(--s-1);flex-wrap:wrap;align-items:center;display:flex}.proc-act{align-items:center;gap:var(--s-1);padding:2px var(--s-2);border:1px solid var(--line);border-radius:var(--r-pill);background:var(--surface);font-size:var(--fs-12);cursor:pointer;display:inline-flex}.proc-act:hover,.proc-act:focus-visible{border-color:var(--brand)}.proc-act--dim{opacity:.45}.proc-mark{font-size:var(--fs-11,11px);color:var(--ink-3)}.proc-add{border:1px dashed var(--line-strong);border-radius:var(--r-2);block-size:1.6rem;inline-size:1.6rem;color:var(--ink-3);cursor:pointer;background:0 0}.proc-add:hover,.proc-add:focus-visible{border-color:var(--brand);color:var(--brand-text)}.proc-issues{gap:var(--s-2);margin:0;padding:0;list-style:none;display:grid}.proc-issues li{padding:var(--s-2);border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface);font-size:var(--fs-13);gap:2px;display:grid}.proc-issues li[data-severity=error]{border-inline-start:3px solid var(--danger)}.proc-issues li[data-severity=warning]{border-inline-start:3px solid var(--warn)}.proc-diagram{border:1px solid var(--line);border-radius:var(--r-3);background:var(--surface);overflow:auto}.proc-diagram svg{display:block}.proc-node rect{fill:var(--surface);stroke:var(--line-strong)}.proc-node--closed rect{fill:var(--surface-2)}.proc-node--initial rect{stroke:var(--brand);stroke-width:2px}.proc-node text{fill:var(--ink);font-size:13px}.proc-node .proc-node__sub{fill:var(--ink-3);font-size:11px}.proc-edge path{fill:none;stroke:var(--ink-3)}.proc-edge text{fill:var(--ink-2,var(--ink-3));paint-order:stroke;stroke:var(--surface);stroke-width:4px;stroke-linejoin:round;font-size:11px}.proc-path{gap:var(--s-1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.proc-path li{padding:2px var(--s-2);border-radius:var(--r-pill);border:1px solid var(--line);font-size:var(--fs-12);color:var(--ink-3)}.proc-path li[data-done=true]{color:var(--ink);border-color:var(--ok)}.proc-path li[aria-current=step]{background:var(--brand-soft);color:var(--brand-text);border-color:var(--brand);font-weight:var(--fw-bold)}.proc-labels{gap:var(--s-1);display:grid}.proc-labels__row{gap:var(--s-2);grid-template-columns:5rem minmax(0,1fr) auto;align-items:center;display:grid}.proc-who{gap:var(--s-2);padding:var(--s-2);border:1px solid var(--line);border-radius:var(--r-2);display:grid}
