/* assets/systems/business-ops/how-supply-chain-material-cash-flow-works.css — 本页专属样式（en/zh 共用） */
/* ============ 供应链实物流与资金流 · Supply chain material & cash flow ============ */
/* supply-chain · merged from source <style> */
body[data-topic="supply-chain"] .svg-title{fill:#16202c;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:17px;font-weight:600;letter-spacing:.08em;text-anchor:middle;}
body[data-topic="supply-chain"] .svg-sub{fill:#64748b;font-size:12px;text-anchor:middle;}
body[data-topic="supply-chain"] .tag{fill:#334155;font-size:14px;font-weight:600;text-anchor:middle;}
body[data-topic="supply-chain"] .tag-sm{fill:#5b6472;font-size:11px;text-anchor:middle;}
body[data-topic="supply-chain"] .legend{fill:#5b6472;font-size:11px;text-anchor:middle;}

/* 五色节点 */
body[data-topic="supply-chain"] .node-raw .node-box{fill:#fef3c7;stroke:#f59e0b;stroke-width:2.5;stroke-linejoin:round;}
body[data-topic="supply-chain"] .node-raw .tag{fill:#92400e;}
body[data-topic="supply-chain"] .node-raw .tag-sm{fill:#b45309;}

body[data-topic="supply-chain"] .node-make .node-box{fill:#ede9fe;stroke:#8b5cf6;stroke-width:2.5;stroke-linejoin:round;}
body[data-topic="supply-chain"] .node-make .tag{fill:#5b21b6;}
body[data-topic="supply-chain"] .node-make .tag-sm{fill:#7c3aed;}

body[data-topic="supply-chain"] .node-ware .node-box{fill:#dbeafe;stroke:#3b82f6;stroke-width:2.5;stroke-linejoin:round;}
body[data-topic="supply-chain"] .node-ware .tag{fill:#1e40af;}
body[data-topic="supply-chain"] .node-ware .tag-sm{fill:#2563eb;}

body[data-topic="supply-chain"] .node-dist .node-box{fill:#d1fae5;stroke:#10b981;stroke-width:2.5;stroke-linejoin:round;}
body[data-topic="supply-chain"] .node-dist .tag{fill:#065f46;}
body[data-topic="supply-chain"] .node-dist .tag-sm{fill:#047857;}

body[data-topic="supply-chain"] .node-ret .node-box{fill:#ffe4e6;stroke:#f43f5e;stroke-width:2.5;stroke-linejoin:round;}
body[data-topic="supply-chain"] .node-ret .tag{fill:#9f1239;}
body[data-topic="supply-chain"] .node-ret .tag-sm{fill:#be123c;}

/* 材料流（青绿，从左到右） */
body[data-topic="supply-chain"] .flow-material{
  fill:none;stroke:#0d9488;stroke-width:3.5;stroke-linecap:round;
  stroke-dasharray:10 8;stroke-dashoffset:0;
  animation:sc-matFlow 1.6s linear infinite;
}
@keyframes sc-matFlow{to{stroke-dashoffset:-36}}

/* 资金流（橙红，从右到左） */
body[data-topic="supply-chain"] .flow-cash{
  fill:none;stroke:#f97316;stroke-width:3.5;stroke-linecap:round;
  stroke-dasharray:10 8;stroke-dashoffset:0;
  animation:sc-cashFlow 1.8s linear infinite;
}
@keyframes sc-cashFlow{to{stroke-dashoffset:-36}}

/* 垂直连接线 */
body[data-topic="supply-chain"] .cash-link{
  fill:none;stroke:#fed7aa;stroke-width:2;
  stroke-dasharray:4 4;
}

/* 流动标签 */
body[data-topic="supply-chain"] .flow-label-mat{fill:#0f766e;font-size:11px;font-weight:700;text-anchor:middle;}
body[data-topic="supply-chain"] .flow-label-cash{fill:#c2410c;font-size:11px;font-weight:700;text-anchor:middle;}

@media (prefers-reduced-motion:reduce){
  body[data-topic="supply-chain"] .flow-material,
  body[data-topic="supply-chain"] .flow-cash{animation:none;stroke-dashoffset:0;}
}