/* Outline icons, stroke 1.5, currentColor */
const svgProps = (size=24) => ({
  width: size, height: size, viewBox: "0 0 24 24",
  fill: "none", stroke: "currentColor", strokeWidth: 1.5,
  strokeLinecap: "round", strokeLinejoin: "round",
});

const IconTarget = ({size=24}) => (
  <svg {...svgProps(size)}><circle cx="12" cy="12" r="9"/><circle cx="12" cy="12" r="5.5"/><circle cx="12" cy="12" r="2"/></svg>
);
const IconKanban = ({size=24}) => (
  <svg {...svgProps(size)}><rect x="3" y="4" width="5" height="13" rx="1.2"/><rect x="10" y="4" width="5" height="9" rx="1.2"/><rect x="17" y="4" width="4" height="6" rx="1.2"/></svg>
);
const IconChat = ({size=24}) => (
  <svg {...svgProps(size)}><path d="M4 6.5A2.5 2.5 0 0 1 6.5 4h11A2.5 2.5 0 0 1 20 6.5v7A2.5 2.5 0 0 1 17.5 16H11l-4 4v-4H6.5A2.5 2.5 0 0 1 4 13.5z"/><path d="M8 9h8M8 12h5"/></svg>
);
const IconCalendar = ({size=24}) => (
  <svg {...svgProps(size)}><rect x="3.5" y="5" width="17" height="15" rx="2"/><path d="M3.5 9.5h17M8 3v4M16 3v4"/><circle cx="12" cy="14" r="1" fill="currentColor" stroke="none"/></svg>
);
const IconChart = ({size=24}) => (
  <svg {...svgProps(size)}><path d="M4 20h16"/><path d="M6 16V10"/><path d="M10 16V6"/><path d="M14 16v-8"/><path d="M18 16v-4"/></svg>
);
const IconLifeRing = ({size=24}) => (
  <svg {...svgProps(size)}><circle cx="12" cy="12" r="9"/><circle cx="12" cy="12" r="3.5"/><path d="M5 5l4.5 4.5M19 5l-4.5 4.5M5 19l4.5-4.5M19 19l-4.5-4.5"/></svg>
);
const IconArrow = ({size=18}) => (
  <svg {...svgProps(size)}><path d="M5 12h14"/><path d="M13 6l6 6-6 6"/></svg>
);
const IconCheck = ({size=18}) => (
  <svg {...svgProps(size)}><path d="M4.5 12.5l4.5 4.5L19.5 6.5"/></svg>
);
const IconX = ({size=18}) => (
  <svg {...svgProps(size)}><path d="M6 6l12 12M18 6L6 18"/></svg>
);
const IconSpark = ({size=16}) => (
  <svg {...svgProps(size)}><path d="M12 3v4M12 17v4M3 12h4M17 12h4M6 6l2.5 2.5M15.5 15.5L18 18M6 18l2.5-2.5M15.5 8.5L18 6"/></svg>
);
const IconWhatsapp = ({size=18}) => (
  <svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round">
    <path d="M20.5 12a8.5 8.5 0 1 1-15.8 4.3L3.5 20l3.8-1.1A8.5 8.5 0 0 0 20.5 12z"/>
    <path d="M9 9.5c.2-.5.5-.6.8-.6h.6c.2 0 .4.1.5.4l.7 1.6c.1.2 0 .4-.1.5l-.5.6c-.1.1-.2.3-.1.5.4.7 1.1 1.4 1.8 1.8.2.1.4 0 .5-.1l.6-.5c.1-.1.3-.2.5-.1l1.6.7c.3.1.4.3.4.5v.6c0 .3-.1.6-.6.8-1.4.6-3.2-.1-4.6-1.5s-2.1-3.2-1.5-4.6z"/>
  </svg>
);
const IconMenu = ({size=22}) => (
  <svg {...svgProps(size)}><path d="M4 7h16M4 12h16M4 17h16"/></svg>
);
const IconClose = ({size=22}) => (
  <svg {...svgProps(size)}><path d="M6 6l12 12M18 6L6 18"/></svg>
);

Object.assign(window, {
  IconTarget, IconKanban, IconChat, IconCalendar, IconChart, IconLifeRing,
  IconArrow, IconCheck, IconX, IconSpark, IconWhatsapp, IconMenu, IconClose,
});