// Shared inline icons — simple, original glyphs (no brand marks).
const Ic = {
  chat: (p={}) => (
    <svg width={p.s||18} height={p.s||18} viewBox="0 0 20 20" fill="none" aria-hidden="true">
      <path d="M3 8.2C3 5.3 5.6 3 9.4 3h1.2C14.4 3 17 5.3 17 8.2c0 2.9-2.6 5.2-6.4 5.2H7l-3.2 2.4c-.4.3-.9 0-.8-.5l.5-2.6C3.3 11.6 3 10 3 8.2Z"
        stroke={p.c||'currentColor'} strokeWidth="1.3" strokeLinejoin="round"/>
    </svg>
  ),
  menu: (p={}) => (
    <svg width={p.s||22} height={p.s||22} viewBox="0 0 22 22" fill="none" aria-hidden="true">
      <path d="M3 7h16M3 13h16" stroke={p.c||'currentColor'} strokeWidth="1.3" strokeLinecap="round"/>
    </svg>
  ),
  close: (p={}) => (
    <svg width={p.s||22} height={p.s||22} viewBox="0 0 22 22" fill="none" aria-hidden="true">
      <path d="M5 5l12 12M17 5L5 17" stroke={p.c||'currentColor'} strokeWidth="1.4" strokeLinecap="round"/>
    </svg>
  ),
  arrowL: (p={}) => (
    <svg width={p.s||16} height={p.s||16} viewBox="0 0 16 16" fill="none" aria-hidden="true">
      <path d="M10 3L5 8l5 5" stroke={p.c||'currentColor'} strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"/>
    </svg>
  ),
  arrowR: (p={}) => (
    <svg width={p.s||16} height={p.s||16} viewBox="0 0 16 16" fill="none" aria-hidden="true">
      <path d="M6 3l5 5-5 5" stroke={p.c||'currentColor'} strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"/>
    </svg>
  ),
  phone: (p={}) => (
    <svg width={p.s||18} height={p.s||18} viewBox="0 0 20 20" fill="none" aria-hidden="true">
      <path d="M5.3 3.5 7 3.8l1 3-1.6 1.3a9 9 0 0 0 4.5 4.5L12.2 11l3 1 .3 1.7a1.4 1.4 0 0 1-1.2 1.6C8.9 16 4 11.1 3.7 5.7A1.4 1.4 0 0 1 5.3 3.5Z"
        stroke={p.c||'currentColor'} strokeWidth="1.3" strokeLinejoin="round"/>
    </svg>
  ),
  pin: (p={}) => (
    <svg width={p.s||18} height={p.s||18} viewBox="0 0 20 20" fill="none" aria-hidden="true">
      <path d="M10 17c3-3.3 5-6.1 5-9a5 5 0 0 0-10 0c0 2.9 2 5.7 5 9Z" stroke={p.c||'currentColor'} strokeWidth="1.3" strokeLinejoin="round"/>
      <circle cx="10" cy="8" r="1.7" stroke={p.c||'currentColor'} strokeWidth="1.3"/>
    </svg>
  ),
  clock: (p={}) => (
    <svg width={p.s||18} height={p.s||18} viewBox="0 0 20 20" fill="none" aria-hidden="true">
      <circle cx="10" cy="10" r="7" stroke={p.c||'currentColor'} strokeWidth="1.3"/>
      <path d="M10 6v4.2l2.6 1.6" stroke={p.c||'currentColor'} strokeWidth="1.3" strokeLinecap="round"/>
    </svg>
  ),
  check: (p={}) => (
    <svg width={p.s||16} height={p.s||16} viewBox="0 0 16 16" fill="none" aria-hidden="true">
      <path d="M3 8.5l3 3 7-7.5" stroke={p.c||'currentColor'} strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round"/>
    </svg>
  ),
  inst: (p={}) => (
    <svg width={p.s||18} height={p.s||18} viewBox="0 0 20 20" fill="none" aria-hidden="true">
      <rect x="3.2" y="3.2" width="13.6" height="13.6" rx="4" stroke={p.c||'currentColor'} strokeWidth="1.3"/>
      <circle cx="10" cy="10" r="3.2" stroke={p.c||'currentColor'} strokeWidth="1.3"/>
      <circle cx="14" cy="6" r="0.9" fill={p.c||'currentColor'}/>
    </svg>
  ),
};

// iOS-ish status bar glyphs
function StatusGlyphs(){
  return (
    <span className="dots">
      <svg width="17" height="11" viewBox="0 0 17 11" fill="currentColor"><rect x="0" y="7" width="3" height="4" rx="1"/><rect x="4.5" y="5" width="3" height="6" rx="1"/><rect x="9" y="2.5" width="3" height="8.5" rx="1"/><rect x="13.5" y="0" width="3" height="11" rx="1"/></svg>
      <svg width="16" height="11" viewBox="0 0 16 11" fill="none"><path d="M8 2.4C5.6 2.4 3.4 3.3 1.8 4.8" stroke="currentColor" strokeWidth="1.3" strokeLinecap="round"/><path d="M8 5.2c-1.4 0-2.7.5-3.7 1.4" stroke="currentColor" strokeWidth="1.3" strokeLinecap="round"/><circle cx="8" cy="9" r="1.1" fill="currentColor"/></svg>
      <svg width="25" height="12" viewBox="0 0 25 12" fill="none"><rect x="0.5" y="0.5" width="21" height="11" rx="3" stroke="currentColor" opacity=".4"/><rect x="2" y="2" width="16" height="8" rx="1.5" fill="currentColor"/><rect x="23" y="4" width="1.5" height="4" rx="0.75" fill="currentColor" opacity=".4"/></svg>
    </span>
  );
}

Object.assign(window, { Ic, StatusGlyphs });
