.jj-workflow-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.jj-workflow-card{border:1px solid var(--jj-border,#e2e4e8);background:var(--jj-bg,#fff);overflow-wrap:anywhere;border-radius:6px;margin-bottom:12px;padding:12px}.jj-workflow-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-bottom:10px;display:flex}.jj-workflow-card-header h4{margin:0;font-size:14px}.jj-workflow-meta{color:var(--jj-text-3,#777);margin:6px 0;font-size:12px}.jj-workflow-seat{flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0;display:flex}.jj-workflow-event{border-top:1px solid var(--jj-border,#e2e4e8);margin-top:8px;padding-top:8px}.jj-workflow-event p{white-space:pre-wrap;margin:4px 0 0}.jj-workflow-graph-legend{flex-wrap:wrap;gap:12px;padding:8px 10px;font-size:12px;display:flex}.jj-workflow-graph-legend span{align-items:center;gap:5px;display:inline-flex}.jj-workflow-graph-legend i{border:1px solid;border-radius:2px;width:9px;height:9px}.jj-workflow-card{font-size:12px}.jj-workflow-card-header h4,.jj-workflow-card-header strong,.jj-workflow-event strong{font-size:12px;font-weight:600}.jj-workflow-card .ant-tag{font-size:11px;line-height:18px}.jj-workflow-seat .ant-avatar{font-size:12px}.jj-runtime-graph{background:#f7f8fa;overflow:hidden}.jj-runtime-node{box-sizing:border-box;color:#263244;text-align:left;background:#fff;border:1px solid #d9dfe7;border-top:3px solid #cbd2dc;border-radius:8px;width:280px;box-shadow:0 2px 6px #182b4510}.jj-runtime-node--completed{border-top-color:#13a89e}.jj-runtime-node--waiting,.jj-runtime-node--running{border-color:#1677ff #91baff #91baff}.jj-runtime-node--blocked{border-top-color:#faad14}.jj-runtime-node header{border-bottom:1px solid #eef0f3;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.jj-runtime-node header strong{overflow-wrap:anywhere;font-size:14px}.jj-runtime-node-status{color:#667085;background:#f0f2f5;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:11px}.jj-runtime-node--completed .jj-runtime-node-status{color:#078579;background:#e7f7f4}.jj-runtime-node--waiting .jj-runtime-node-status,.jj-runtime-node--running .jj-runtime-node-status{color:#1668dc;background:#eaf2ff}.jj-runtime-node--blocked .jj-runtime-node-status{color:#ad6800;background:#fff7e6}.jj-runtime-node-people{padding:6px 14px}.jj-runtime-node-person{align-items:center;gap:8px;min-height:48px;display:flex}.jj-runtime-node-person>div{min-width:0}.jj-runtime-node-name{overflow-wrap:anywhere;font-size:12px;display:block}.jj-runtime-node-person-time{color:#7b8595;margin-top:3px;font-size:10px;display:block}.jj-runtime-node-empty{color:#8c96a5;padding:12px 0;font-size:12px;display:block}.jj-runtime-node footer{color:#7b8595;background:#fafbfc;border-top:1px solid #eef0f3;border-radius:0 0 8px 8px;grid-template-columns:30px 1fr;gap:5px;padding:9px 14px;font-size:10px;display:grid}.jj-runtime-node .react-flow__handle{background:#b4bfcd;border:2px solid #fff;width:6px;min-width:6px;height:6px;min-height:6px}.jj-flow-timeline-panel .jj-workflow-toolbar{justify-content:flex-end;margin-bottom:8px}.jj-flow-summary{background:var(--jj-bg-subtle,#f7f8fa);color:var(--jj-text-3,#667085);border-radius:6px;flex-direction:column;gap:6px;margin-bottom:16px;padding:10px 12px;font-size:12px;display:flex}.jj-flow-summary strong{color:var(--jj-text,#1f2329);font-size:13px;font-weight:600}.jj-flow-timeline{margin:0;padding:0;list-style:none}.jj-flow-item{padding:0 0 16px 16px;position:relative}.jj-flow-item:before{content:"";background:var(--jj-border,#e2e4e8);width:1px;position:absolute;top:14px;bottom:0;left:3px}.jj-flow-item:last-child:before{display:none}.jj-flow-item>header{align-items:center;gap:8px;min-height:22px;margin-bottom:6px;font-size:13px;display:flex}.jj-flow-item>header strong{color:var(--jj-text,#1f2329);font-weight:600}.jj-flow-item>header time{color:var(--jj-text-3,#8a8f99);white-space:nowrap;margin-left:auto;font-size:12px}.jj-flow-dot{background:#c4c8cf;border-radius:50%;width:7px;height:7px;position:absolute;top:8px;left:0}.jj-flow-item.is-active .jj-flow-dot{background:var(--ant-color-primary,#3b60cc);box-shadow:0 0 0 3px color-mix(in srgb,var(--ant-color-primary,#3b60cc) 18%,transparent)}.jj-flow-item.is-blocked .jj-flow-dot{background:var(--ant-color-warning,#d97706)}.jj-flow-state{color:var(--ant-color-primary,#3b60cc);font-size:12px}.jj-flow-item.is-blocked .jj-flow-state{color:var(--ant-color-warning,#d97706)}.jj-flow-body{background:var(--jj-bg-subtle,#f7f8fa);overflow-wrap:anywhere;border-radius:6px;padding:10px 12px;font-size:12px}.jj-flow-body .jj-flow-meta{color:var(--jj-text-3,#8a8f99);margin:4px 0 0}.jj-flow-body>.jj-flow-meta:first-child{margin-top:0}.jj-flow-seat{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.jj-flow-seat .ant-avatar{font-size:12px}.jj-flow-seat-name{color:var(--jj-text,#1f2329);font-size:13px}.jj-flow-seat-status{color:var(--jj-text-3,#8a8f99);margin-left:auto}.jj-flow-seat-status.is-pending{color:var(--ant-color-primary,#3b60cc)}.jj-flow-comment{color:var(--jj-text-2,#4b5563);white-space:pre-wrap;flex-basis:100%;margin:2px 0 0 30px}.jj-flow-events-toggle.ant-btn{padding-inline:0;font-size:12px}.jj-flow-events{color:var(--jj-text-3,#8a8f99);margin:4px 0 0;padding:0;font-size:12px;list-style:none}.jj-flow-events li{border-top:1px solid var(--jj-border,#eef0f3);flex-wrap:wrap;gap:6px;padding:6px 0;display:flex}.jj-flow-events li span:first-child{color:var(--jj-text,#1f2329)}.jj-flow-events li time{margin-left:auto}.jj-flow-events li p{white-space:pre-wrap;color:var(--jj-text-2,#4b5563);flex-basis:100%;margin:2px 0 0}
