.ofs-pflow{width:100%;overflow-x:auto}.ofs-pflow svg{width:100%;min-width:900px;height:auto;display:block}.ofs-pflow .box{fill:var(--surface);stroke:var(--border-strong)}.ofs-pflow .box--accent{fill:color-mix(in srgb, var(--warning) 10%, transparent);stroke:var(--warning)}.ofs-pflow .box--wms{fill:color-mix(in srgb, var(--success) 10%, transparent);stroke:var(--success)}.ofs-pflow .box--oms{fill:color-mix(in srgb, var(--brand) 10%, transparent);stroke:var(--brand)}.ofs-pflow .box--ext{fill:var(--surface-soft);stroke:var(--border-strong);stroke-dasharray:5 3}.ofs-pflow .lane{fill:none;stroke:var(--border);stroke-dasharray:4 4}.ofs-pflow .t{fill:var(--text-primary);font-size:12px;font-weight:700}.ofs-pflow .s{fill:var(--text-tertiary);font-size:10px}.ofs-pflow .lane-t{fill:var(--text-secondary);font-size:11px;font-weight:700}.ofs-pflow .edge-label-bg{fill:var(--surface);opacity:.9}.ofs-pflow .edge{stroke:var(--text-tertiary);stroke-width:1.6px;fill:none;marker-end:url(#ofsProcessArrow)}.ofs-pflow .edge--alt{stroke:var(--warning);stroke-dasharray:5 3}.ofs-pflow a.node{cursor:pointer}.ofs-pflow a.node:hover .box{stroke-width:2.2px}.ofs-pflow a.node:focus-visible .box{stroke-width:3px;stroke:var(--brand)}.ofs-pflow .band{fill:color-mix(in srgb, var(--surface-soft) 55%, transparent);stroke:none}.ofs-pflow .band-t{fill:var(--text-secondary);letter-spacing:.02em;font-size:11.5px;font-weight:800}.ofs-pflow .lane-dim .lane{stroke-dasharray:2 6;opacity:.5}.ofs-pflow .lane-dim .lane-t{fill:var(--text-tertiary)}.ofs-pflow--fill{height:100%}.ofs-pflow--fill svg{width:100%;height:100%}.ofs-pflow-page{box-sizing:border-box;flex-direction:column;gap:12px;height:calc(100vh - 64px);min-height:560px;padding:24px 32px;display:flex}.ofs-pflow-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.ofs-pflow-title{align-items:center;gap:8px;display:flex}.ofs-pflow-title h1{letter-spacing:-.02em;color:var(--text-primary);margin:0;font-size:26px;font-weight:800}.ofs-pflow-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-direction:column;flex:1;min-height:0;padding:12px;display:flex}.ofs-pflow-scroll{flex:1;min-height:0;overflow-x:auto}.ofs-pflow-legend{color:var(--text-tertiary);flex-wrap:wrap;gap:14px;margin-top:10px;font-size:11.5px;display:flex}.ofs-pflow-legend i{vertical-align:-1px;border:1.4px solid;border-radius:3px;width:10px;height:10px;margin-right:5px;display:inline-block}.ofs-pflow-toggles{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ofs-pflow-mode{color:var(--text-tertiary);font-size:12px}.ofs-pflow-mode b{color:var(--text-primary)}.ofs-pflow-chip{border:1px solid var(--border);background:var(--surface);height:30px;color:var(--text-secondary);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:12.5px;font-weight:600;display:inline-flex}.ofs-pflow-chip input{margin:0}.ofs-pflow-chip.is-on{border-color:var(--brand);color:var(--brand);background:color-mix(in srgb, var(--brand) 8%, transparent)}.ofs-pflow-help{display:inline-flex;position:relative}.ofs-pflow-help-btn{border:1px solid var(--border-strong);background:var(--surface);width:22px;height:22px;color:var(--text-secondary);cursor:pointer;border-radius:50%;font-size:12px;font-weight:800;line-height:1}.ofs-pflow-help-pop{z-index:30;border:1px solid var(--border);background:var(--surface);width:340px;box-shadow:var(--shadow-md);color:var(--text-secondary);border-radius:10px;padding:12px 14px;font-size:12.5px;line-height:1.6;position:absolute;top:28px;left:0}