// Minimal stroke icons. Single-color, currentColor.
const Ico = ({ d, size = 22, sw = 1.5, children }) => (
  <svg width={size} height={size} viewBox="0 0 24 24" fill="none"
       stroke="currentColor" strokeWidth={sw} strokeLinecap="round" strokeLinejoin="round">
    {children || <path d={d} />}
  </svg>
);

// 7 capability icons — restrained, geometric
const IconAutomation = (p) => (
  <Ico {...p}>
    <path d="M4 7h10" /><path d="M4 12h16" /><path d="M4 17h7" />
    <circle cx="17" cy="7" r="2" /><circle cx="14" cy="17" r="2" />
  </Ico>
);
const IconSupport = (p) => (
  <Ico {...p}>
    <rect x="3" y="5" width="18" height="12" rx="2" />
    <path d="M7 9h6" /><path d="M7 13h4" />
    <path d="M9 17l-2 3 5-3" />
  </Ico>
);
const IconOps = (p) => (
  <Ico {...p}>
    <rect x="3" y="3" width="7" height="7" rx="1" />
    <rect x="14" y="3" width="7" height="7" rx="1" />
    <rect x="3" y="14" width="7" height="7" rx="1" />
    <rect x="14" y="14" width="7" height="7" rx="1" />
  </Ico>
);
const IconSales = (p) => (
  <Ico {...p}>
    <path d="M3 17l5-5 4 4 8-9" />
    <path d="M14 7h6v6" />
  </Ico>
);
const IconAnalytics = (p) => (
  <Ico {...p}>
    <path d="M4 20V10" /><path d="M10 20V4" /><path d="M16 20v-7" /><path d="M22 20H2" />
  </Ico>
);
const IconAssistant = (p) => (
  <Ico {...p}>
    <rect x="4" y="6" width="16" height="12" rx="2" />
    <path d="M9 12h.01" /><path d="M15 12h.01" />
    <path d="M12 3v3" />
  </Ico>
);
const IconCost = (p) => (
  <Ico {...p}>
    <circle cx="12" cy="12" r="9" />
    <path d="M15 9c-.7-1-2-1.5-3-1.5-1.6 0-3 .8-3 2.2 0 3 6 1.6 6 4.6 0 1.4-1.4 2.2-3 2.2-1.5 0-2.6-.6-3.2-1.5" />
  </Ico>
);

const IconArrow = ({ size = 14, sw = 1.6 }) => (
  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" className="arrow"
       stroke="currentColor" strokeWidth={sw} strokeLinecap="round" strokeLinejoin="round">
    <path d="M5 12h14" /><path d="M13 6l6 6-6 6" />
  </svg>
);

const IconArrowDiag = ({ size = 14, sw = 1.6 }) => (
  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" className="arrow"
       stroke="currentColor" strokeWidth={sw} strokeLinecap="round" strokeLinejoin="round">
    <path d="M7 17L17 7" /><path d="M8 7h9v9" />
  </svg>
);

const IconCheck = ({ size = 16, sw = 2 }) => (
  <svg width={size} height={size} viewBox="0 0 24 24" fill="none"
       stroke="currentColor" strokeWidth={sw} strokeLinecap="round" strokeLinejoin="round">
    <path d="M20 6L9 17l-5-5" />
  </svg>
);

const IconDot = ({ size = 8 }) => (
  <span style={{ display: 'inline-block', width: size, height: size, borderRadius: 99, background: 'currentColor' }} />
);

Object.assign(window, {
  IconAutomation, IconSupport, IconOps, IconSales, IconAnalytics, IconAssistant, IconCost,
  IconArrow, IconArrowDiag, IconCheck, IconDot,
});