// Lightweight inline icons. Stroke-based; clarify workflow only.
const Ico = ({ d, size = 18, stroke = 1.6, fill = "none" }) => (
  <svg width={size} height={size} viewBox="0 0 24 24" fill={fill} stroke="currentColor" strokeWidth={stroke} strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
    {d}
  </svg>
);

const Icons = {
  Upload: (p) => <Ico {...p} d={<><path d="M12 16V4"/><path d="M7 9l5-5 5 5"/><path d="M4 16v3a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-3"/></>} />,
  Mail:   (p) => <Ico {...p} d={<><rect x="3" y="5" width="18" height="14" rx="2"/><path d="M3 7l9 6 9-6"/></>} />,
  Fax:    (p) => <Ico {...p} d={<><path d="M6 9V3h12v6"/><rect x="3" y="9" width="18" height="9" rx="1"/><rect x="7" y="14" width="10" height="6" rx="1"/></>} />,
  Scanner:(p) => <Ico {...p} d={<><rect x="3" y="4" width="18" height="6" rx="1"/><path d="M3 14h18"/><rect x="6" y="14" width="12" height="6" rx="1"/></>} />,
  Api:    (p) => <Ico {...p} d={<><path d="M8 4l-4 8 4 8"/><path d="M16 4l4 8-4 8"/><path d="M14 4l-4 16"/></>} />,
  Doc:    (p) => <Ico {...p} d={<><path d="M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z"/><path d="M14 3v5h5"/><path d="M9 13h6M9 17h4"/></>} />,
  Check:  (p) => <Ico {...p} d={<><path d="M5 12l4 4 10-10"/></>} />,
  X:      (p) => <Ico {...p} d={<><path d="M6 6l12 12M18 6L6 18"/></>} />,
  Arrow:  (p) => <Ico {...p} d={<><path d="M5 12h14"/><path d="M13 6l6 6-6 6"/></>} />,
  Search: (p) => <Ico {...p} d={<><circle cx="11" cy="11" r="7"/><path d="M21 21l-4.3-4.3"/></>} />,
  Bolt:   (p) => <Ico {...p} d={<><path d="M13 2L4 14h7l-1 8 9-12h-7z"/></>} />,
  Eye:    (p) => <Ico {...p} d={<><path d="M2 12s4-7 10-7 10 7 10 7-4 7-10 7S2 12 2 12z"/><circle cx="12" cy="12" r="3"/></>} />,
  Flag:   (p) => <Ico {...p} d={<><path d="M5 22V4"/><path d="M5 4h11l-2 4 2 4H5"/></>} />,
  Layers: (p) => <Ico {...p} d={<><path d="M12 2l10 5-10 5L2 7l10-5z"/><path d="M2 12l10 5 10-5"/><path d="M2 17l10 5 10-5"/></>} />,
  Route:  (p) => <Ico {...p} d={<><circle cx="6" cy="19" r="3"/><circle cx="18" cy="5" r="3"/><path d="M9 19h6a3 3 0 0 0 3-3v-3a3 3 0 0 0-3-3H9a3 3 0 0 1-3-3V5"/></>} />,
  Lock:   (p) => <Ico {...p} d={<><rect x="4" y="11" width="16" height="10" rx="2"/><path d="M8 11V7a4 4 0 0 1 8 0v4"/></>} />,
  Clock:  (p) => <Ico {...p} d={<><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/></>} />,
  Pen:    (p) => <Ico {...p} d={<><path d="M14 4l6 6-12 12H2v-6z"/></>} />,
  Box:    (p) => <Ico {...p} d={<><path d="M3 7l9-4 9 4-9 4-9-4z"/><path d="M3 7v10l9 4 9-4V7"/></>} />,
  Shield: (p) => <Ico {...p} d={<><path d="M12 3l8 3v6c0 5-3.5 8.5-8 9-4.5-.5-8-4-8-9V6z"/></>} />,
  Plus:   (p) => <Ico {...p} d={<><path d="M12 5v14M5 12h14"/></>} />,
};

window.Icons = Icons;
