/* ============================================================
   人与智能体协作工作流平台（ADR-001）
   替换「管理 → 工作流」入口页面 · 视觉沿用 lgwr 体系，更留白简约
   页面：首页目录 / 对话创建 / 实例列表 / 实例详情 / 待处理
   ============================================================ */
.hawf-root{--blue:#2970ff;--blue-dark:#1557d8;--blue-bg:#eef3ff;--blue-mid:#c3d6ff;
  --ink:#1d2129;--ink-2:#4e5969;--ink-3:#86909c;--line:#e9ebf0;--bg:#f7f8fa;
  --green:#00b42a;--green-bg:#e8f7ee;--orange:#ff7d00;--orange-bg:#fff3e8;
  --purple:#7c3aed;--purple-bg:#f3eefe;--red:#f53f3f;--red-bg:#ffece8;
  position:relative;flex:1;min-height:0;display:flex;flex-direction:column;color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;}
.hawf-root *{box-sizing:border-box;}
.hawf-view{display:none;flex:1;min-height:0;overflow-y:auto;padding:4px 2px 64px;}
.hawf-view.on{display:block;}
.hawf-root .anim{animation:hawf-up .45s both;}
@keyframes hawf-up{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes hawf-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@keyframes hawf-blink{0%,100%{opacity:1}50%{opacity:.3}}
@keyframes hawf-pulse{0%,100%{box-shadow:0 0 0 4px rgba(41,112,255,.12)}50%{box-shadow:0 0 0 9px rgba(41,112,255,.03)}}

/* ---------- 通用 ---------- */
.hawf-root .h-title{font-size:19px;font-weight:700;letter-spacing:.2px;}
.hawf-root .h-sub{font-size:13px;color:var(--ink-3);margin-top:6px;line-height:1.6;}
.hawf-root .title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:8px;}
.hawf-root .btn{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;border-radius:9px;
  padding:8px 16px;cursor:pointer;border:1px solid var(--line);background:#fff;color:var(--ink-2);transition:all .15s;font-family:inherit;}
.hawf-root .btn:hover{color:var(--blue);border-color:var(--blue-mid);}
.hawf-root .btn.pri{background:var(--blue);border-color:var(--blue);color:#fff;}
.hawf-root .btn.pri:hover{background:var(--blue-dark);}
.hawf-root .btn.pri[disabled]{background:#c6d4f2;border-color:#c6d4f2;cursor:not-allowed;}
.hawf-root .back{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-2);background:#fff;
  border:1px solid var(--line);border-radius:9px;padding:7px 14px;cursor:pointer;margin-bottom:18px;transition:all .15s;}
.hawf-root .back:hover{color:var(--blue);border-color:var(--blue-mid);}
.hawf-root .sec{font-size:15px;font-weight:600;margin:26px 0 14px;display:flex;align-items:center;gap:8px;}
.hawf-root .sec .cnt{font-size:12.5px;color:var(--ink-3);font-weight:400;}
.hawf-root .pill{font-size:11px;font-weight:600;border-radius:999px;padding:3px 10px;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;}
.hawf-root .pill .d{width:6px;height:6px;border-radius:50%;}
.hawf-root .pill.run{background:var(--blue-bg);color:var(--blue);}
.hawf-root .pill.run .d{background:var(--blue);animation:hawf-blink 1.6s infinite;}
.hawf-root .pill.wait{background:var(--orange-bg);color:var(--orange);}
.hawf-root .pill.wait .d{background:var(--orange);animation:hawf-blink 1.6s infinite;}
.hawf-root .pill.done{background:var(--green-bg);color:var(--green);}
.hawf-root .pill.done .d{background:var(--green);}
.hawf-root .pill.fail{background:var(--red-bg);color:var(--red);}
.hawf-root .pill.fail .d{background:var(--red);}
.hawf-root .pill.gray{background:#f2f3f6;color:var(--ink-3);}
.hawf-root .pill.gray .d{background:#c2c8d1;}
.hawf-root .chip{font-size:11px;font-weight:500;border-radius:6px;padding:3px 8px;background:#f2f4f8;color:var(--ink-2);white-space:nowrap;}
.hawf-root .chip.v{background:var(--blue-bg);color:var(--blue);font-weight:600;font-variant-numeric:tabular-nums;}
.hawf-toast{position:fixed;bottom:32px;left:50%;transform:translateX(-50%) translateY(20px);background:#1d2129;color:#fff;
  font-size:13px;padding:10px 20px;border-radius:10px;opacity:0;transition:all .3s;pointer-events:none;z-index:2147483400;max-width:70vw;}
.hawf-toast.show{opacity:1;transform:translateX(-50%) translateY(0);}

/* ---------- 首页：概览 + 工作流目录 ---------- */
.hawf-root .kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0 4px;}
.hawf-root .kpi{background:#fff;border:1px solid var(--line);border-radius:13px;padding:17px 20px;transition:all .2s;}
.hawf-root .kpi:hover{box-shadow:0 6px 20px rgba(23,35,60,.06);transform:translateY(-2px);}
.hawf-root .kpi .t{font-size:12px;color:var(--ink-3);display:flex;align-items:center;gap:7px;}
.hawf-root .kpi .ic{width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.hawf-root .kpi .n{font-size:24px;font-weight:700;margin-top:10px;font-variant-numeric:tabular-nums;letter-spacing:-.3px;}
.hawf-root .kpi .m{font-size:11.5px;color:var(--ink-3);margin-top:4px;}
.hawf-root .kpi .m b{font-weight:600;}
.hawf-root .wf-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}
.hawf-root .wfc{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 22px 18px;cursor:pointer;transition:all .2s;position:relative;}
.hawf-root .wfc:hover{border-color:#d6dae2;box-shadow:0 8px 24px rgba(23,35,60,.07);transform:translateY(-2px);}
.hawf-root .wfc .hd{display:flex;align-items:center;gap:13px;}
.hawf-root .wfc .ic{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.hawf-root .wfc .nm{font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px;}
.hawf-root .wfc .ow{font-size:12px;color:var(--ink-3);margin-top:3px;}
.hawf-root .wfc .hd .pill{margin-left:auto;}
.hawf-root .wfc .trg{display:flex;gap:6px;margin:14px 0 0;flex-wrap:wrap;}
.hawf-root .wfc .ms{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-top:1px dashed var(--line);margin-top:15px;padding-top:14px;}
.hawf-root .wfc .ms .v{font-size:17px;font-weight:700;font-variant-numeric:tabular-nums;}
.hawf-root .wfc .ms .k{font-size:11px;color:var(--ink-3);margin-top:2px;}
.hawf-root .wfc .go{position:absolute;right:20px;bottom:18px;font-size:12px;color:var(--blue);font-weight:600;opacity:0;transition:opacity .15s;display:flex;align-items:center;gap:3px;}
.hawf-root .wfc:hover .go{opacity:1;}

/* ---------- 对话创建：左对话 + 右画布 ---------- */
.hawf-root .steps{display:flex;align-items:center;gap:10px;margin:2px 0 16px;}
.hawf-root .step{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--ink-3);}
.hawf-root .step .no{width:20px;height:20px;border-radius:50%;background:#f0f2f6;color:var(--ink-3);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;}
.hawf-root .step.on{color:var(--blue);font-weight:600;}
.hawf-root .step.on .no{background:var(--blue);color:#fff;}
.hawf-root .step.ok{color:var(--green);}
.hawf-root .step.ok .no{background:var(--green-bg);color:var(--green);}
.hawf-root .step-arr{width:26px;height:1px;background:var(--line);}
.hawf-root .create-wrap{display:flex;gap:16px;align-items:stretch;min-height:560px;}
.hawf-root .cv-chat{width:320px;flex-shrink:0;background:#fff;border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;overflow:hidden;}
.hawf-root .cv-chat .ch-hd{padding:14px 18px;border-bottom:1px solid var(--line);font-size:13.5px;font-weight:600;display:flex;align-items:center;gap:8px;}
.hawf-root .cv-chat .ch-hd .ai{width:24px;height:24px;border-radius:8px;background:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.hawf-root .ch-msgs{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;}
.hawf-root .cm{max-width:88%;font-size:12.5px;line-height:1.65;padding:9px 13px;border-radius:12px;animation:hawf-in .25s;}
.hawf-root .cm.a{background:#f3f6fc;color:var(--ink);border-bottom-left-radius:4px;align-self:flex-start;}
.hawf-root .cm.u{background:var(--blue);color:#fff;border-bottom-right-radius:4px;align-self:flex-end;}
.hawf-root .ch-qs{padding:10px 14px;border-top:1px dashed var(--line);display:flex;flex-wrap:wrap;gap:7px;}
.hawf-root .ch-qs .q{font-size:11.5px;color:var(--blue);background:var(--blue-bg);border-radius:999px;padding:5px 11px;cursor:pointer;transition:background .15s;}
.hawf-root .ch-qs .q:hover{background:#dbe7fd;}
.hawf-root .ch-in{display:flex;gap:8px;padding:12px 14px;border-top:1px solid var(--line);}
.hawf-root .ch-in input{flex:1;border:1px solid var(--line);border-radius:9px;padding:8px 12px;font-size:12.5px;outline:none;font-family:inherit;}
.hawf-root .ch-in input:focus{border-color:var(--blue);}
.hawf-root .ch-in button{background:var(--blue);color:#fff;border:none;border-radius:9px;padding:0 15px;font-size:12.5px;font-weight:600;cursor:pointer;}
.hawf-root .cv-canvas{flex:1;min-width:0;background:#fff;border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;overflow:hidden;}
.hawf-root .cv-bar{display:flex;align-items:center;gap:10px;padding:12px 18px;border-bottom:1px solid var(--line);flex-wrap:wrap;}
.hawf-root .cv-bar .t{font-size:13.5px;font-weight:600;display:flex;align-items:center;gap:9px;}
.hawf-root .cv-bar .sp{margin-left:auto;display:flex;gap:8px;align-items:center;}
.hawf-root .cv-body{flex:1;overflow-y:auto;background:radial-gradient(circle at 2px 2px,#e5e7ed 1px,transparent 1px);
  background-size:22px 22px;background-color:#fcfdff;padding:28px 20px 34px;display:flex;flex-direction:column;align-items:center;}
.hawf-root .nd{width:400px;background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:13px 16px;
  display:flex;gap:12px;align-items:flex-start;box-shadow:0 2px 8px rgba(23,35,60,.04);cursor:pointer;transition:border-color .15s;position:relative;}
.hawf-root .nd:hover{border-color:var(--blue-mid);}
.hawf-root .nd .ni{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;}
.hawf-root .nd.t-trg .ni{background:var(--orange);}
.hawf-root .nd.t-ag .ni{background:var(--blue);}
.hawf-root .nd.t-hm .ni{background:#fff;border:1.5px solid #aab6c9;color:#7d8aa0;}
.hawf-root .nd.t-end .ni{background:#c2c8d1;}
.hawf-root .nd .nt{font-size:13.5px;font-weight:600;display:flex;align-items:center;gap:8px;}
.hawf-root .nd .ns{font-size:11.5px;color:var(--ink-3);margin-top:3px;line-height:1.5;}
.hawf-root .nd .tag{font-size:10px;font-weight:700;border-radius:5px;padding:2px 6px;letter-spacing:.3px;}
.hawf-root .nd.t-ag .tag{background:var(--blue-bg);color:var(--blue);}
.hawf-root .nd.t-hm .tag{background:#f0f2f6;color:var(--ink-2);}
.hawf-root .nd.t-trg .tag{background:var(--orange-bg);color:var(--orange);}
.hawf-root .nd .gear{margin-left:auto;flex-shrink:0;color:#b9c1ce;transition:color .15s;padding-top:2px;}
.hawf-root .nd:hover .gear{color:var(--blue);}
.hawf-root .nd .trial{margin-top:10px;border-top:1px dashed #d9efdf;padding-top:9px;font-size:11.5px;color:var(--ink-2);
  display:none;line-height:1.6;background:transparent;}
.hawf-root .nd.tr-ok{border-color:#bfe3d2;background:#f9fdfb;}
.hawf-root .nd.tr-ok .trial{display:block;animation:hawf-in .3s;}
.hawf-root .nd .trial b{color:var(--green);font-weight:600;font-size:11px;}
.hawf-root .conn{width:0;height:26px;border-left:2px dashed #c3d3ec;flex-shrink:0;}
.hawf-root .conn.ok{border-left:2px solid #9fd4b8;}
.hawf-root .conn-lbl{font-size:10.5px;color:var(--ink-3);background:#fff;border:1px solid var(--line);border-radius:999px;padding:2px 9px;margin:-4px 0;z-index:1;}
/* 节点配置抽屉 */
.hawf-cfg{position:absolute;top:0;right:0;bottom:0;width:352px;background:#fff;border-left:1px solid var(--line);
  box-shadow:-16px 0 40px rgba(23,35,60,.08);z-index:10;display:flex;flex-direction:column;transform:translateX(105%);transition:transform .25s ease;}
.hawf-cfg.open{transform:none;}
.hawf-cfg .cf-hd{padding:18px 22px 14px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;}
.hawf-cfg .cf-hd .t{font-size:15px;font-weight:600;flex:1;}
.hawf-cfg .cf-x{width:28px;height:28px;border-radius:8px;border:none;background:transparent;cursor:pointer;color:var(--ink-3);display:flex;align-items:center;justify-content:center;}
.hawf-cfg .cf-x:hover{background:#f2f4f8;color:var(--ink);}
.hawf-cfg .cf-bd{flex:1;overflow-y:auto;padding:18px 22px 26px;}
.hawf-cfg .fi{margin-bottom:16px;}
.hawf-cfg .fi label{font-size:11.5px;color:var(--ink-3);display:block;margin-bottom:6px;font-weight:500;}
.hawf-cfg .fi .fv{font-size:12.5px;background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:9px 12px;line-height:1.6;color:var(--ink);}
.hawf-cfg .fi .fv.mono{font-family:"SF Mono",Menlo,monospace;font-size:11.5px;color:var(--ink-2);}
.hawf-cfg .cf-agent{display:flex;align-items:center;gap:10px;background:var(--blue-bg);border:1px solid #d8e4fd;border-radius:10px;padding:10px 13px;}
.hawf-cfg .cf-agent .av{width:30px;height:30px;border-radius:9px;background:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.hawf-cfg .cf-agent .an{font-size:12.5px;font-weight:600;}
.hawf-cfg .cf-agent .am{font-size:11px;color:var(--ink-3);margin-top:1px;}
.hawf-cfg .cf-agent .sw{margin-left:auto;font-size:11.5px;color:var(--blue);font-weight:500;cursor:pointer;white-space:nowrap;}
.hawf-cfg .cf-new{display:block;text-align:center;font-size:12px;color:var(--blue);font-weight:500;cursor:pointer;border:1px dashed var(--blue-mid);border-radius:9px;padding:9px 0;margin-top:10px;transition:background .15s;}
.hawf-cfg .cf-new:hover{background:var(--blue-bg);}

/* ---------- 实例列表 ---------- */
.hawf-root .fbar{background:#fff;border:1px solid var(--line);border-radius:11px;padding:11px 16px;display:flex;align-items:center;gap:10px;margin:16px 0;flex-wrap:wrap;}
.hawf-root .fbar select,.hawf-root .fbar input{border:1px solid var(--line);border-radius:8px;padding:7px 11px;font-size:12.5px;color:var(--ink-2);background:#fff;outline:none;font-family:inherit;}
.hawf-root .fbar select:focus,.hawf-root .fbar input:focus{border-color:var(--blue);}
.hawf-root .fbar input{width:190px;}
.hawf-root .fbar .fc{margin-left:auto;font-size:12px;color:var(--ink-3);}
.hawf-root table.ins{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden;}
.hawf-root table.ins th{font-size:12px;color:var(--ink-3);font-weight:600;text-align:left;padding:11px 18px;background:#fafbfd;border-bottom:1px solid var(--line);white-space:nowrap;}
.hawf-root table.ins td{font-size:13px;padding:13px 18px;border-bottom:1px solid #f1f2f6;color:var(--ink-2);}
.hawf-root table.ins tr:last-child td{border-bottom:none;}
.hawf-root table.ins tbody tr{cursor:pointer;transition:background .12s;}
.hawf-root table.ins tbody tr:hover{background:#f7faff;}
.hawf-root .ins-id{font-family:"SF Mono",Menlo,monospace;font-size:12px;color:var(--ink-3);}
.hawf-root .ins-t{font-weight:600;color:var(--ink);}
.hawf-root .arr-hint{font-size:12px;color:var(--blue);font-weight:600;opacity:0;transition:opacity .12s;}
.hawf-root table.ins tbody tr:hover .arr-hint{opacity:1;}

/* ---------- 实例详情：摘要 + 渐进式披露 ---------- */
.hawf-root .sum{background:linear-gradient(160deg,#ffffff,#f7faff);border:1px solid #dfe7f6;border-radius:15px;padding:22px 26px;}
.hawf-root .sum .r1{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.hawf-root .sum .nm{font-size:16.5px;font-weight:700;}
.hawf-root .sum .meta{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:20px;}
.hawf-root .sum .mi .k{font-size:11px;color:var(--ink-3);}
.hawf-root .sum .mi .v{font-size:14px;font-weight:600;margin-top:5px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.hawf-root .sum .mi .v .sub{font-size:10.5px;color:var(--ink-3);font-weight:400;}
.hawf-root .sum .prog{margin-top:20px;border-top:1px dashed #dfe7f6;padding-top:16px;display:flex;align-items:center;gap:0;}
.hawf-root .pnode{display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--ink-3);white-space:nowrap;}
.hawf-root .pnode .dd{width:9px;height:9px;border-radius:50%;background:#d5dae3;flex-shrink:0;}
.hawf-root .pnode.ok{color:var(--ink-2);}
.hawf-root .pnode.ok .dd{background:var(--green);}
.hawf-root .pnode.cur{color:var(--blue);font-weight:600;}
.hawf-root .pnode.cur .dd{background:var(--blue);animation:hawf-pulse 2s infinite;}
.hawf-root .pline{flex:1;height:1.5px;background:#e2e7f0;margin:0 9px;min-width:16px;}
.hawf-root .pline.ok{background:#9fd4b8;}
/* 折叠区块 */
.hawf-root .fold{background:#fff;border:1px solid var(--line);border-radius:13px;margin-top:14px;overflow:hidden;}
.hawf-root .fold-h{display:flex;align-items:center;gap:10px;padding:15px 20px;cursor:pointer;user-select:none;transition:background .12s;}
.hawf-root .fold-h:hover{background:#fafbfd;}
.hawf-root .fold-h .fi-ic{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.hawf-root .fold-h .ft{font-size:14px;font-weight:600;}
.hawf-root .fold-h .fs{font-size:11.5px;color:var(--ink-3);margin-top:2px;}
.hawf-root .fold-h .caret{margin-left:auto;color:var(--ink-3);transition:transform .2s;flex-shrink:0;}
.hawf-root .fold.open .fold-h .caret{transform:rotate(180deg);}
.hawf-root .fold-b{display:none;border-top:1px solid var(--line);padding:20px 22px;}
.hawf-root .fold.open .fold-b{display:block;animation:hawf-in .22s;}
.hawf-root .fold-h .badge{font-size:10.5px;font-weight:600;border-radius:999px;padding:2px 9px;background:var(--orange-bg);color:var(--orange);}
/* 人机共编编辑器（结构化表单） */
.hawf-root .ed-note{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-3);background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:9px 13px;margin-bottom:16px;line-height:1.5;}
.hawf-root .ed-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;}
.hawf-root .ed-f{display:flex;flex-direction:column;}
.hawf-root .ed-f.full{grid-column:1 / -1;}
.hawf-root .ed-f label{font-size:11.5px;color:var(--ink-3);margin-bottom:6px;display:flex;align-items:center;gap:7px;font-weight:500;}
.hawf-root .ed-f .mod{font-size:10px;font-weight:600;color:var(--orange);background:var(--orange-bg);border-radius:5px;padding:1px 6px;display:none;}
.hawf-root .ed-f.dirty .mod{display:inline-block;}
.hawf-root .ed-f input,.hawf-root .ed-f textarea{border:1px solid var(--line);border-radius:9px;padding:9px 12px;font-size:13px;color:var(--ink);outline:none;font-family:inherit;background:#fff;transition:border .15s;line-height:1.6;resize:vertical;}
.hawf-root .ed-f input:focus,.hawf-root .ed-f textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(41,112,255,.08);}
.hawf-root .ed-f.dirty input,.hawf-root .ed-f.dirty textarea{border-color:#f4cba4;background:#fffdf9;}
.hawf-root .ed-pri{display:flex;gap:8px;}
.hawf-root .ed-pri .po{font-size:12px;font-weight:500;border:1px solid var(--line);border-radius:999px;padding:5px 14px;cursor:pointer;color:var(--ink-2);transition:all .13s;background:#fff;}
.hawf-root .ed-pri .po.on{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:600;}
.hawf-root .ed-foot{display:flex;align-items:center;gap:10px;margin-top:18px;}
.hawf-root .ed-foot .hint{font-size:11.5px;color:var(--ink-3);margin-left:auto;}
/* 低置信度追问条 */
.hawf-root .ask{display:none;margin-top:16px;border:1px solid #f4d9b8;background:#fffaf3;border-radius:11px;padding:13px 16px;}
.hawf-root .ask.show{display:block;animation:hawf-in .25s;}
.hawf-root .ask .at{font-size:12.5px;font-weight:600;color:#b56a00;display:flex;align-items:center;gap:7px;}
.hawf-root .ask .ad{font-size:12px;color:var(--ink-2);margin-top:5px;line-height:1.6;}
.hawf-root .ask .aqs{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap;}
.hawf-root .ask .aq{font-size:11.5px;color:#b56a00;background:#fdf1de;border:1px solid #f0dcbb;border-radius:999px;padding:4px 12px;cursor:pointer;transition:background .13s;}
.hawf-root .ask .aq:hover{background:#fae6c6;}
/* 详情内流程图（复用画布节点，窄版） */
.hawf-root .dflow{display:flex;flex-direction:column;align-items:center;background:radial-gradient(circle at 2px 2px,#e5e7ed 1px,transparent 1px);background-size:22px 22px;background-color:#fcfdff;border:1px solid var(--line);border-radius:11px;padding:22px 16px 26px;}
.hawf-root .dflow .nd{width:380px;cursor:default;}
.hawf-root .nd.st-ok{border-color:#bfe3d2;background:#f9fdfb;}
.hawf-root .nd.st-ok .ni{background:var(--green) !important;border:none !important;color:#fff !important;}
.hawf-root .nd.st-cur{border-color:var(--blue);animation:hawf-pulse 2.2s infinite;}
.hawf-root .nd.st-todo{border-style:dashed;background:#fcfdff;}
.hawf-root .nd.st-todo .nt{color:var(--ink-3);}
.hawf-root .nd .stag{margin-left:auto;flex-shrink:0;}
.hawf-root .nd-btns{display:flex;gap:8px;margin-top:10px;}
.hawf-root .nd-btn{flex:1;border-radius:8px;padding:7px 0;font-size:12px;font-weight:600;cursor:pointer;border:none;transition:all .15s;}
.hawf-root .nd-btn.ok{background:var(--blue);color:#fff;}
.hawf-root .nd-btn.ok:hover{background:var(--blue-dark);}
.hawf-root .nd-btn.no{background:#fff;color:var(--ink-2);border:1px solid var(--line);}
.hawf-root .nd-btn.no:hover{color:var(--red);border-color:var(--red);}
/* 执行记录 */
.hawf-root .tl{margin-left:6px;}
.hawf-root .tl-i{display:flex;gap:12px;padding:10px 0 10px 16px;border-left:2px solid #eceef3;position:relative;font-size:12.5px;color:var(--ink-2);align-items:flex-start;}
.hawf-root .tl-i::before{content:'';position:absolute;left:-6px;top:14px;width:10px;height:10px;border-radius:50%;background:#fff;border:2px solid var(--blue);}
.hawf-root .tl-i .who{flex-shrink:0;font-weight:700;font-size:11px;border-radius:6px;padding:2px 8px;margin-top:1px;}
.hawf-root .tl-i .who.ag{background:var(--blue-bg);color:var(--blue);}
.hawf-root .tl-i .who.hm{background:#f0f3f8;color:var(--ink-2);}
.hawf-root .tl-i .who.sys{background:var(--purple-bg);color:var(--purple);}
.hawf-root .tl-i .tm{margin-left:auto;color:var(--ink-3);flex-shrink:0;font-size:11px;margin-top:2px;font-variant-numeric:tabular-nums;}
/* 修正统计与反馈 */
.hawf-root .cst{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px;}
.hawf-root .cst .c{background:var(--bg);border:1px solid var(--line);border-radius:11px;padding:14px 16px;}
.hawf-root .cst .c .v{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums;}
.hawf-root .cst .c .k{font-size:11.5px;color:var(--ink-3);margin-top:3px;}
.hawf-root .fb{border:1px solid var(--line);border-radius:11px;padding:13px 16px;margin-bottom:10px;display:flex;gap:13px;align-items:flex-start;transition:opacity .3s;}
.hawf-root .fb.removed{opacity:.35;pointer-events:none;}
.hawf-root .fb .df{width:32px;height:32px;border-radius:9px;background:var(--purple-bg);color:var(--purple);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.hawf-root .fb .ft1{font-size:12.5px;font-weight:600;display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.hawf-root .fb .ft2{font-size:12px;color:var(--ink-3);margin-top:4px;line-height:1.6;}
.hawf-root .fb .ft2 del{color:var(--red);background:var(--red-bg);text-decoration:line-through;border-radius:4px;padding:0 4px;}
.hawf-root .fb .ft2 ins{color:var(--green);background:var(--green-bg);text-decoration:none;border-radius:4px;padding:0 4px;}
.hawf-root .fb .ops{margin-left:auto;display:flex;gap:6px;flex-shrink:0;}
.hawf-root .fb .op{font-size:11px;font-weight:500;border:1px solid var(--line);background:#fff;color:var(--ink-2);border-radius:7px;padding:4px 10px;cursor:pointer;transition:all .13s;}
.hawf-root .fb .op:hover{color:var(--blue);border-color:var(--blue-mid);}
.hawf-root .fb .op.star.on{background:var(--green-bg);color:var(--green);border-color:#bfe3d2;}
.hawf-root .fb .fq{font-size:10.5px;font-weight:600;border-radius:5px;padding:1px 7px;background:var(--green-bg);color:var(--green);}

/* ---------- 待处理 ---------- */
.hawf-root .pd-tabs{display:flex;gap:4px;margin:14px 0 16px;background:#f0f2f6;border-radius:10px;padding:3px;width:fit-content;}
.hawf-root .pd-tab{font-size:12.5px;font-weight:500;color:var(--ink-2);border-radius:8px;padding:6px 16px;cursor:pointer;transition:all .15s;}
.hawf-root .pd-tab.on{background:#fff;color:var(--ink);font-weight:600;box-shadow:0 1px 4px rgba(23,35,60,.08);}
.hawf-root .task{background:#fff;border:1px solid var(--line);border-radius:13px;padding:16px 20px;margin-bottom:12px;display:flex;gap:15px;align-items:center;transition:all .18s;}
.hawf-root .task:hover{border-color:#d6dae2;box-shadow:0 6px 18px rgba(23,35,60,.06);}
.hawf-root .task .ti{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.hawf-root .task .t1{font-size:14px;font-weight:600;display:flex;align-items:center;gap:9px;flex-wrap:wrap;}
.hawf-root .task .t2{font-size:12px;color:var(--ink-3);margin-top:4px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.hawf-root .task .t2 .sep{width:3px;height:3px;border-radius:50%;background:#d5dae3;}
.hawf-root .task .act{margin-left:auto;flex-shrink:0;display:flex;align-items:center;gap:12px;}
.hawf-root .task .wait-t{font-size:11.5px;color:var(--ink-3);text-align:right;font-variant-numeric:tabular-nums;}
.hawf-root .task .wait-t b{display:block;font-size:13px;color:var(--orange);font-weight:700;}
.hawf-root .task.done-t{opacity:.55;}
.hawf-root .task.done-t:hover{box-shadow:none;border-color:var(--line);}
/* 待处理 · 左任务列表 + 右处理面板（默认展开处理表单） */
.hawf-root .pd-wrap{display:flex;gap:16px;align-items:flex-start;}
.hawf-root .pd-list{width:296px;flex-shrink:0;min-width:0;}
.hawf-root .pd-list .task{padding:13px 15px;margin-bottom:10px;gap:11px;cursor:pointer;align-items:flex-start;border-radius:12px;}
.hawf-root .pd-list .task .ti{width:34px;height:34px;border-radius:9px;}
.hawf-root .pd-list .task .t1{font-size:13px;}
.hawf-root .pd-list .task .t2{font-size:11.5px;margin-top:4px;display:block;line-height:1.55;}
.hawf-root .pd-list .task.sel{border-color:var(--blue);background:#fbfdff;box-shadow:0 0 0 3px rgba(41,112,255,.08);}
.hawf-root .pd-panel{flex:1;min-width:0;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;}
.hawf-root .pp-hd{display:flex;align-items:center;gap:13px;padding:18px 24px;border-bottom:1px solid var(--line);}
.hawf-root .pp-hd .ti{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.hawf-root .pp-hd .t1{font-size:15.5px;font-weight:700;display:flex;align-items:center;gap:9px;flex-wrap:wrap;}
.hawf-root .pp-hd .t2{font-size:12px;color:var(--ink-3);margin-top:4px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.hawf-root .pp-hd .t2 .sep{width:3px;height:3px;border-radius:50%;background:#d5dae3;}
.hawf-root .pp-bd{padding:20px 24px 24px;}
/* 决策焦点区：突出人需要决策的内容 */
.hawf-root .dcs{border:1.5px solid var(--blue-mid);background:linear-gradient(160deg,#f4f8ff,#fff);border-radius:13px;padding:16px 20px;margin-bottom:18px;}
.hawf-root .dcs .dt{font-size:12px;font-weight:700;color:var(--blue);display:flex;align-items:center;gap:7px;letter-spacing:.3px;}
.hawf-root .dcs .dc{font-size:14.5px;font-weight:600;margin-top:8px;line-height:1.55;}
.hawf-root .dcs .pts{margin-top:12px;display:flex;flex-direction:column;gap:7px;}
.hawf-root .dcs .pt{font-size:12.5px;color:var(--ink-2);display:flex;gap:9px;align-items:baseline;line-height:1.55;}
.hawf-root .dcs .pt .dot{width:6px;height:6px;border-radius:50%;background:#b9c8e6;flex-shrink:0;transform:translateY(-1px);}
.hawf-root .dcs .pt.risk{color:#ad5a00;font-weight:600;background:var(--orange-bg);border-radius:8px;padding:7px 11px;}
.hawf-root .dcs .pt.risk .dot{background:var(--orange);}
.hawf-root .pd-empty{flex:1;background:#fff;border:1px dashed var(--line);border-radius:14px;padding:70px 20px;text-align:center;color:var(--ink-3);font-size:13px;line-height:2;}