/* ============================================================
   桥程-15 审批流 P0 增强样式 approval-p0.css
   依据：《用友久其内控审批逻辑借鉴与桥云方案 v1.0》P0 #1–#4
   依赖：brand.css（文字商标）/ approval.css（既有卡片·药丸·留痕）
   复用 approval.css 的令牌（--navy/--red/--amber/--green/--panel 等），
   不重复定义品牌色；新增仅为 P0 专属：状态角标、金额阻断、业务指南、预警工单。
   ============================================================ */

/* ===== 1. 状态角标（四类）===== */
.bd-p0{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:10px;
  font-size:12px;line-height:1.7;white-space:nowrap;border:1px solid transparent;font-weight:600;}
.bd-p0 .bd-ico{font-size:11px;}
/* 条件分支跳过：中性灰（已按制度跳过，非异常） */
.bd-skip{background:var(--grey-soft);color:#5A6472;border-color:#CFD6E0;}
/* 不相容岗位阻断：红（硬阻断） */
.bd-sod{background:#FBE3E6;color:var(--red);border-color:#F2B8BC;}
/* 金额权限阻断：红实心（最需立即处理，防止误点通过） */
.bd-amount{background:var(--red);color:#fff;border-color:var(--red);}
/* 控制点告警：橙（可继续但须留痕） */
.bd-warn{background:var(--amber-soft);color:var(--amber);border-color:#EBD7A6;}
.bd-p0[title]{cursor:help;}

/* 角标容器：详情页标题下、节点行内 */
.badge-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:8px;}
.node-badges{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin-top:4px;}
.flow .node .node-badges .bd-p0{font-size:10.5px;padding:1px 6px;}

/* ===== 2. 金额权限阻断面板 ===== */
.p0-block{background:#FBE3E6;border:1px solid var(--red);border-left:4px solid var(--red);
  border-radius:10px;padding:12px 16px;margin:12px 0;font-size:13px;color:#8C1D1D;}
.p0-block .p0-block-t{font-weight:700;color:var(--red);display:flex;align-items:center;gap:6px;margin-bottom:6px;}
.p0-block .p0-amt{display:flex;flex-wrap:wrap;gap:18px;margin:8px 0 4px;}
.p0-block .p0-amt div{background:rgba(255,255,255,.7);border-radius:8px;padding:6px 12px;}
.p0-block .p0-amt span{display:block;font-size:11px;color:#8C1D1D;opacity:.8;}
.p0-block .p0-amt b{font-size:16px;color:var(--red);font-variant-numeric:tabular-nums;}
.p0-block .p0-hint{font-size:12px;margin-top:6px;line-height:1.7;}
/* 操作区被禁用时的说明 */
.p0-disabled-tip{font-size:12px;color:var(--red);margin-top:8px;}
.btn.is-locked{position:relative;opacity:.45;cursor:not-allowed;}
.btn.is-locked::after{content:"🔒";margin-left:6px;font-size:12px;}

/* ===== 3. 节点业务指南与制度依据 ===== */
.p0-guide{border:1px solid var(--line);border-radius:12px;margin-bottom:10px;overflow:hidden;background:var(--panel);}
.p0-guide > summary{list-style:none;cursor:pointer;padding:11px 14px;display:flex;align-items:center;gap:10px;
  font-size:13.5px;color:var(--navy);font-weight:600;transition:background .18s;}
.p0-guide > summary::-webkit-details-marker{display:none;}
.p0-guide > summary:hover{background:var(--blue-soft);}
.p0-guide > summary .gd-idx{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--blue-soft);
  color:var(--navy);font-size:11px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;}
.p0-guide > summary .gd-arrow{margin-left:auto;color:var(--muted);font-size:12px;transition:transform .2s;}
.p0-guide[open] > summary .gd-arrow{transform:rotate(90deg);}
.p0-guide[open] > summary{background:var(--blue-soft);border-bottom:1px solid var(--line);}
.p0-gd-body{padding:12px 14px 14px;font-size:13px;line-height:1.8;}
.p0-gd-body .gd-line{display:flex;gap:10px;padding:5px 0;border-bottom:1px dashed var(--line);}
.p0-gd-body .gd-line:last-child{border-bottom:none;}
.p0-gd-body .gd-line .gd-k{flex-shrink:0;width:74px;color:var(--muted);font-size:12.5px;}
.p0-gd-body .gd-line .gd-v{flex:1;color:var(--ink);word-break:break-word;}
.gd-risk .gd-v{color:#8C1D1D;}
.p0-gd-body a.gd-policy{color:var(--navy);text-decoration:none;border-bottom:1px solid var(--navy-2);}
.p0-gd-body a.gd-policy:hover{color:var(--red);border-bottom-color:var(--red);}
.gd-empty{color:var(--muted);font-size:12.5px;padding:4px 0;}

/* ===== 3.1 政策依据行与归档免责（桥程-18 R5 / 桥安-36 B-2）===== */
.gd-p-title{font-size:13.5px;color:var(--navy);font-weight:600;line-height:1.7;}
.gd-p-meta{font-size:12px;color:var(--muted);margin-top:2px;}
.gd-p-act{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;}
.gd-p-act .gd-policy{font-size:12.5px;}
.gd-archive{display:inline-block;padding:1px 8px;border-radius:9px;font-size:11.5px;
  background:#FFF6E5;color:#8A5A00;border:1px solid #F0D9A8;white-space:nowrap;}
.gd-unverified{color:#8C1D1D;font-size:12.5px;font-weight:600;}
.gd-p-id{font-size:12px;color:var(--muted);margin-left:4px;}
.gd-archive-bar{margin-top:10px;padding:8px 12px;border-radius:8px;font-size:12px;
  background:#FFF6E5;color:#8A5A00;border:1px solid #F0D9A8;}

/* ===== 4. 预警工单 ===== */
.sev{display:inline-block;padding:2px 9px;border-radius:10px;font-size:12px;font-weight:600;white-space:nowrap;}
.sev-red{background:#FBE3E6;color:var(--red);}
.sev-orange{background:#FDEDE0;color:#B4560B;}
.sev-yellow{background:var(--amber-soft);color:var(--amber);}
.sev-unknown{background:var(--grey-soft);color:var(--muted);}
.st{display:inline-block;padding:2px 9px;border-radius:10px;font-size:12px;white-space:nowrap;}
.st-open{background:#FBE3E6;color:var(--red);}
.st-handling{background:var(--amber-soft);color:var(--amber);}
.st-closed{background:var(--green-soft);color:var(--green);}

.warn-card{border:1px solid var(--line);border-left:4px solid var(--muted);border-radius:12px;
  padding:12px 16px;margin-bottom:10px;background:var(--panel);}
.warn-card.sev-red{border-left-color:var(--red);}
.warn-card.sev-orange{border-left-color:#E08A2E;}
.warn-card.sev-yellow{border-left-color:#D9A92E;}
.warn-card .wc-t{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-weight:600;color:var(--navy);font-size:14px;}
.warn-card .wc-m{font-size:12px;color:var(--muted);margin-top:4px;}
.warn-card .wc-msg{font-size:13px;margin-top:6px;line-height:1.7;}
.warn-card .wc-op{background:var(--blue-soft);border-radius:8px;padding:8px 12px;margin-top:8px;font-size:12.5px;color:var(--navy);}
.warn-card .wc-act{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;}

/* 预警筛选条 */
.warn-filter{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:14px;}
.warn-filter .chip{padding:6px 14px;border-radius:16px;border:1px solid var(--line);background:var(--panel);
  color:var(--muted);font-size:13px;cursor:pointer;transition:all .18s;}
.warn-filter .chip:hover{border-color:var(--navy-2);color:var(--navy);}
.warn-filter .chip.on{background:var(--navy);border-color:var(--navy);color:#fff;font-weight:600;}
.warn-stat{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px;}
.warn-stat .ws{flex:1;min-width:110px;background:var(--panel);border:1px solid var(--line);border-radius:12px;
  padding:10px 14px;box-shadow:var(--carved-sm);}
.warn-stat .ws span{display:block;font-size:11.5px;color:var(--muted);}
.warn-stat .ws b{font-size:20px;color:var(--navy);font-variant-numeric:tabular-nums;}
.warn-stat .ws.red b{color:var(--red);}
.warn-stat .ws.orange b{color:#B4560B;}
.warn-stat .ws.green b{color:var(--green);}

/* ===== 5. 留痕圆点补色（amount_limit_block / warn 沿用角标语义）===== */
.log-dot.amount_limit_block{background:var(--red);}
.log-dot.warn{background:#D9A92E;}
.log-dot.branch_skip{background:#B0B7C3;}

@media(max-width:860px){
  .p0-block .p0-amt{gap:10px;}
  .p0-gd-body .gd-line{flex-direction:column;gap:2px;}
  .p0-gd-body .gd-line .gd-k{width:auto;}
}