// Lightweight inline icons (Lucide-style stroke set, hand-tuned for crispness at small sizes)

const Icon = ({ children, size = 20, stroke = 1.75, ...rest }) => (
  <svg
    width={size}
    height={size}
    viewBox="0 0 24 24"
    fill="none"
    stroke="currentColor"
    strokeWidth={stroke}
    strokeLinecap="round"
    strokeLinejoin="round"
    {...rest}
  >
    {children}
  </svg>
);

const IconCheck = (props) => (<Icon {...props}><path d="M20 6 9 17l-5-5" /></Icon>);
const IconArrow = (props) => (<Icon {...props}><path d="M5 12h14M13 5l7 7-7 7" /></Icon>);
const IconShield = (props) => (<Icon {...props}><path d="M12 2 4 5v7c0 5 3.5 8.5 8 10 4.5-1.5 8-5 8-10V5l-8-3z" /><path d="m9 12 2 2 4-4" /></Icon>);
const IconLightning = (props) => (<Icon {...props}><path d="M13 2 3 14h7l-1 8 10-12h-7l1-8z" /></Icon>);
const IconBrain = (props) => (<Icon {...props}><path d="M12 5a3 3 0 0 0-5.997.125 4 4 0 0 0-2.526 5.77 4 4 0 0 0 .556 6.588A4 4 0 0 0 12 19zM12 5a3 3 0 0 1 5.997.125 4 4 0 0 1 2.526 5.77 4 4 0 0 1-.556 6.588A4 4 0 0 1 12 19V5"/></Icon>);
const IconClock = (props) => (<Icon {...props}><circle cx="12" cy="12" r="10" /><path d="M12 6v6l4 2" /></Icon>);
const IconTarget = (props) => (<Icon {...props}><circle cx="12" cy="12" r="10" /><circle cx="12" cy="12" r="6" /><circle cx="12" cy="12" r="2" /></Icon>);
const IconBook = (props) => (<Icon {...props}><path d="M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H20v20H6.5a2.5 2.5 0 0 1 0-5H20" /></Icon>);
const IconChart = (props) => (<Icon {...props}><path d="M3 3v18h18" /><path d="m19 9-5 5-4-4-3 3" /></Icon>);
const IconPhone = (props) => (<Icon {...props}><rect x="5" y="2" width="14" height="20" rx="2.5" /><path d="M11 18h2" /></Icon>);
const IconStar = (props) => (<Icon {...props}><path d="m12 2 3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" fill="currentColor" stroke="none"/></Icon>);
const IconPlus = (props) => (<Icon {...props}><path d="M12 5v14M5 12h14" /></Icon>);
const IconBadge = (props) => (<Icon {...props}><path d="M12 15a4 4 0 1 0 0-8 4 4 0 0 0 0 8z" /><path d="M8.5 13.5 5 22l7-3 7 3-3.5-8.5" /></Icon>);
const IconRepeat = (props) => (<Icon {...props}><path d="m17 2 4 4-4 4" /><path d="M3 11V9a4 4 0 0 1 4-4h14" /><path d="m7 22-4-4 4-4" /><path d="M21 13v2a4 4 0 0 1-4 4H3" /></Icon>);
const IconLock = (props) => (<Icon {...props}><rect x="3" y="11" width="18" height="11" rx="2" /><path d="M7 11V7a5 5 0 0 1 10 0v4" /></Icon>);
const IconBell = (props) => (<Icon {...props}><path d="M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9" /><path d="M10.3 21a2 2 0 0 0 3.4 0" /></Icon>);
const IconLeaf = (props) => (<Icon {...props}><path d="M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19.2 2c1 1.5.5 7-3 10-3.5 3-7 4-7.5 8.5" /><path d="M2 21c0-3 1.85-5.36 5.08-6" /></Icon>);
const IconCompass = (props) => (<Icon {...props}><circle cx="12" cy="12" r="10" /><path d="m16.24 7.76-2.12 6.36-6.36 2.12 2.12-6.36 6.36-2.12z" /></Icon>);
const IconWaves = (props) => (<Icon {...props}><path d="M2 6c.6 0 1.2.2 1.8.5.9.5 2.4.5 3.4 0 1-.6 2.5-.6 3.4 0 .9.5 2.4.5 3.4 0 .9-.5 2.4-.5 3.4 0 .6.3 1.2.5 1.8.5" /><path d="M2 12c.6 0 1.2.2 1.8.5.9.5 2.4.5 3.4 0 1-.6 2.5-.6 3.4 0 .9.5 2.4.5 3.4 0 .9-.5 2.4-.5 3.4 0 .6.3 1.2.5 1.8.5" /><path d="M2 18c.6 0 1.2.2 1.8.5.9.5 2.4.5 3.4 0 1-.6 2.5-.6 3.4 0 .9.5 2.4.5 3.4 0 .9-.5 2.4-.5 3.4 0 .6.3 1.2.5 1.8.5" /></Icon>);
// Anchor-shaped brand mark
const IconAnchor = ({ size = 20, ...rest }) => (
  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round" {...rest}>
    <circle cx="12" cy="5" r="2" />
    <path d="M12 7v15" />
    <path d="M8 10h8" />
    <path d="M5 15a7 7 0 0 0 14 0" />
    <path d="M19 15h2.5" />
    <path d="M5 15H2.5" />
  </svg>
);

window.Icons = {
  Check: IconCheck, Arrow: IconArrow, Shield: IconShield, Lightning: IconLightning,
  Brain: IconBrain, Clock: IconClock, Target: IconTarget, Book: IconBook,
  Chart: IconChart, Phone: IconPhone, Star: IconStar, Plus: IconPlus,
  Badge: IconBadge, Repeat: IconRepeat, Lock: IconLock, Bell: IconBell, Leaf: IconLeaf,
  Compass: IconCompass, Waves: IconWaves, Anchor: IconAnchor,
  // Keep Deer alias pointing to Anchor so any lingering reference still works
  Deer: IconAnchor,
};