// QTG iconography — minimal stroke icons
const QtgMark = ({size=22, color="currentColor"}) => (
  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke={color} strokeWidth="1.6" strokeLinecap="square">
    <rect x="3" y="3" width="7" height="7" />
    <rect x="14" y="3" width="7" height="7" />
    <rect x="3" y="14" width="7" height="7" />
    <path d="M14 14 L21 14 L21 21 L17.5 21 L21 24.5" transform="translate(0,-3.5)" />
  </svg>
);

const ArrowRight = ({size=12}) => (
  <svg width={size} height={size} viewBox="0 0 12 12" fill="none" stroke="currentColor" strokeWidth="1.4">
    <path d="M2 6 H10 M7 3 L10 6 L7 9" strokeLinecap="square" />
  </svg>
);

const ArrowDownSm = () => (
  <svg width="9" height="9" viewBox="0 0 9 9" fill="none" stroke="currentColor" strokeWidth="1.4">
    <path d="M2 3.5 L4.5 6 L7 3.5" strokeLinecap="square" />
  </svg>
);

const Plus = ({size=10}) => (
  <svg width={size} height={size} viewBox="0 0 10 10" fill="none" stroke="currentColor" strokeWidth="1.4">
    <path d="M5 1 V9 M1 5 H9" />
  </svg>
);

const Dot = ({color="currentColor"}) => (
  <svg width="6" height="6" viewBox="0 0 6 6"><circle cx="3" cy="3" r="3" fill={color} /></svg>
);

// Product/feature icons
const IconShield = () => (
  <svg width="22" height="22" viewBox="0 0 22 22" fill="none" stroke="currentColor" strokeWidth="1.4">
    <path d="M11 2 L4 5 V11 C4 15 7 18 11 20 C15 18 18 15 18 11 V5 Z" />
    <path d="M8 11 L10.5 13.5 L14.5 9.5" />
  </svg>
);
const IconStack = () => (
  <svg width="22" height="22" viewBox="0 0 22 22" fill="none" stroke="currentColor" strokeWidth="1.4">
    <path d="M11 3 L19 7 L11 11 L3 7 Z" />
    <path d="M3 11 L11 15 L19 11" />
    <path d="M3 15 L11 19 L19 15" />
  </svg>
);
const IconNetwork = () => (
  <svg width="22" height="22" viewBox="0 0 22 22" fill="none" stroke="currentColor" strokeWidth="1.4">
    <circle cx="11" cy="11" r="3" />
    <circle cx="3.5" cy="4" r="1.5" />
    <circle cx="18.5" cy="4" r="1.5" />
    <circle cx="3.5" cy="18" r="1.5" />
    <circle cx="18.5" cy="18" r="1.5" />
    <path d="M5 5 L9 9 M17 5 L13 9 M5 17 L9 13 M17 17 L13 13" />
  </svg>
);
const IconChip = () => (
  <svg width="22" height="22" viewBox="0 0 22 22" fill="none" stroke="currentColor" strokeWidth="1.4">
    <rect x="6" y="6" width="10" height="10" />
    <rect x="9" y="9" width="4" height="4" />
    <path d="M9 3 V6 M13 3 V6 M9 16 V19 M13 16 V19 M3 9 H6 M3 13 H6 M16 9 H19 M16 13 H19" />
  </svg>
);
const IconChart = () => (
  <svg width="22" height="22" viewBox="0 0 22 22" fill="none" stroke="currentColor" strokeWidth="1.4">
    <path d="M3 18 L8 12 L12 15 L19 5" />
    <path d="M14 5 H19 V10" />
  </svg>
);
const IconWorkflow = () => (
  <svg width="22" height="22" viewBox="0 0 22 22" fill="none" stroke="currentColor" strokeWidth="1.4">
    <rect x="3" y="3" width="6" height="6" />
    <rect x="13" y="13" width="6" height="6" />
    <path d="M9 6 H13 M16 9 V13 M6 9 V13 H9" />
  </svg>
);
const IconUsers = () => (
  <svg width="22" height="22" viewBox="0 0 22 22" fill="none" stroke="currentColor" strokeWidth="1.4">
    <circle cx="8" cy="8" r="3" />
    <path d="M3 18 C3 14 5 12 8 12 C11 12 13 14 13 18" />
    <circle cx="15.5" cy="9" r="2" />
    <path d="M14 13 C17 13 19 14.5 19 17.5" />
  </svg>
);
const IconTerminal = () => (
  <svg width="22" height="22" viewBox="0 0 22 22" fill="none" stroke="currentColor" strokeWidth="1.4">
    <rect x="3" y="4" width="16" height="14" />
    <path d="M6 9 L9 11.5 L6 14 M11 14 H16" />
  </svg>
);

Object.assign(window, {
  QtgMark, ArrowRight, ArrowDownSm, Plus, Dot,
  IconShield, IconStack, IconNetwork, IconChip,
  IconChart, IconWorkflow, IconUsers, IconTerminal
});
