// ════════════════════════════════════════════════════════════════════
// features-page/Sections.jsx — 6 kategori, her biri 5 feature kartı
// ════════════════════════════════════════════════════════════════════

const SECTIONS_META = [
  { id: 'dosya',     n: '01',  label: 'Dosya Yönetimi',     title: 'Dosyayı bütün hâliyle yönet',
    lede: 'Dava kabulünden nihai karara kadar müvekkil, karşı taraf, duruşma, masraf ve evrak — hepsi tek dosya altında, kayıpsız.' },
  { id: 'is',        n: '02',  label: 'İş Takibi',          title: 'İşleri otomatik zincirle',
    lede: 'Bir iş bitince zincirin sonraki halkası otomatik düşer. Görevler tarih tarih gruplanır, AI yazdığını profesyonelleştirir.' },
  { id: 'takvim',    n: '03',  label: 'Takvim & Duruşma',   title: 'Büronun gündemini tek bakışta gör',
    lede: 'Aylık, haftalık ve günlük görünüm. Görevi başka güne sürükle-bırak ile taşı, sebebini gir; AI duruşmadan önce hazırlık notu yazsın.' },
  { id: 'uyap',      n: '04',  label: 'UYAP & Tebligat',    title: 'UYAP\'a otomatik bağlan',
    lede: 'Titan Agent ofis ağında oturum havuzu yönetir. Gece 00:30\'da tüm dosyalar eşitlenir, yeni tebligatlar yakalanır, dilekçeler USB e-imzayla otomatik imzalanır.' },
  { id: 'ai',        n: '05',  label: 'AI Modülleri',       title: 'Hukuk araştırmasını AI\'a devret',
    lede: 'Karar Arama V3 ile 13+ veritabanını eşzamanlı tarayan ajan. Tez Doğrulama ile içtihat sentezi. Anlık AI sohbeti ile dosyaya soru sor.' },
  { id: 'yonetim',   n: '06',  label: 'Yönetim & Güvenlik', title: 'Bütçeyi ve yetkiyi kontrol altında tut',
    lede: 'YZ kullanım maliyetini anlık izle. Üç katmanlı rol sistemi (Admin / Yönetici / Avukat). Her hassas işlem denetim kayıtlarına düşer.' },
];

// ─── Bir feature kartı ───────────────────────────────────────────────
function FpCard({ kicker, title, desc, children, wide = false, iconIdx = 0 }) {
  return (
    <div className={`feat fp-card ${wide ? 'feat-wide' : ''}`}>
      <div className="feat-icon">
        <FpIcon idx={iconIdx} />
      </div>
      <span className="mono" style={{ fontSize: 10 }}>{kicker}</span>
      <h3>{title}</h3>
      <p>{desc}</p>
      <div className="feat-visual">{children}</div>
    </div>
  );
}

function FpIcon({ idx }) {
  // Her feature için anlamlı ikon — sıralı (idx 0..29)
  const icons = [
    // ─ 01 Dosya ─
    // 0 — 01.1 Dosyalar listesi (folder)
    <svg width="18" height="18" viewBox="0 0 24 24" fill="none"><path d="M3 7a2 2 0 012-2h4l2 2h8a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2V7z" stroke="currentColor" strokeWidth="1.5"/></svg>,
    // 1 — 01.2 Dosya detay (document)
    <svg width="18" height="18" viewBox="0 0 24 24" fill="none"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6z" stroke="currentColor" strokeWidth="1.5"/><path d="M14 2v6h6M9 13h6M9 17h6" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round"/></svg>,
    // 2 — 01.3 Tahsilat (coins)
    <svg width="18" height="18" viewBox="0 0 24 24" fill="none"><circle cx="8" cy="8" r="6" stroke="currentColor" strokeWidth="1.5"/><circle cx="16" cy="16" r="6" stroke="currentColor" strokeWidth="1.5"/></svg>,
    // 3 — 01.4 Masraf (receipt)
    <svg width="18" height="18" viewBox="0 0 24 24" fill="none"><path d="M5 3h14v18l-3-2-2 2-2-2-2 2-2-2-3 2V3z" stroke="currentColor" strokeWidth="1.5" strokeLinejoin="round"/><path d="M9 8h6M9 12h6M9 16h4" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round"/></svg>,
    // 4 — 01.5 Taraflar (users)
    <svg width="18" height="18" viewBox="0 0 24 24" fill="none"><circle cx="9" cy="7" r="4" stroke="currentColor" strokeWidth="1.5"/><path d="M3 21v-2a4 4 0 014-4h4a4 4 0 014 4v2M16 3.13A4 4 0 0119 7a4 4 0 01-3 3.87M22 21v-2a4 4 0 00-3-3.87" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round"/></svg>,

    // ─ 02 İş Takibi ─
    // 5 — 02.1 Zincir (link)
    <svg width="18" height="18" viewBox="0 0 24 24" fill="none"><path d="M10 13a5 5 0 007.07 0l3-3a5 5 0 00-7.07-7.07l-1.5 1.5M14 11a5 5 0 00-7.07 0l-3 3a5 5 0 007.07 7.07l1.5-1.5" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/></svg>,
    // 6 — 02.2 Tarihler (calendar-clock)
    <svg width="18" height="18" viewBox="0 0 24 24" fill="none"><rect x="3" y="5" width="18" height="16" rx="2" stroke="currentColor" strokeWidth="1.5"/><path d="M3 9h18M8 3v4M16 3v4" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round"/></svg>,
    // 7 — 02.3 AI Öner (sparkle)
    <svg width="18" height="18" viewBox="0 0 24 24" fill="none"><path d="M12 3l1.7 5.2L19 10l-5.3 1.8L12 17l-1.7-5.2L5 10l5.3-1.8L12 3zM18 16l.6 1.8L20.5 18.5l-1.9.7L18 21l-.6-1.8-1.9-.7 1.9-.7L18 16z" stroke="currentColor" strokeWidth="1.5" strokeLinejoin="round"/></svg>,
    // 8 — 02.4 Toplu (grid)
    <svg width="18" height="18" viewBox="0 0 24 24" fill="none"><rect x="3" y="3" width="7" height="7" rx="1" stroke="currentColor" strokeWidth="1.5"/><rect x="14" y="3" width="7" height="7" rx="1" stroke="currentColor" strokeWidth="1.5"/><rect x="3" y="14" width="7" height="7" rx="1" stroke="currentColor" strokeWidth="1.5"/><rect x="14" y="14" width="7" height="7" rx="1" stroke="currentColor" strokeWidth="1.5"/></svg>,
    // 9 — 02.5 Akış (history)
    <svg width="18" height="18" viewBox="0 0 24 24" fill="none"><path d="M3 12a9 9 0 1018 0 9 9 0 00-18 0zM12 7v5l3 2M3 12H1m20 0h2" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round"/></svg>,

    // ─ 03 Takvim ─
    // 10 — 03.1 Aylık (calendar full)
    <svg width="18" height="18" viewBox="0 0 24 24" fill="none"><rect x="3" y="5" width="18" height="16" rx="2" stroke="currentColor" strokeWidth="1.5"/><path d="M3 9h18M8 3v4M16 3v4M8 13h2M14 13h2M8 17h2M14 17h2" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round"/></svg>,
    // 11 — 03.2 Hafta (calendar-row)
    <svg width="18" height="18" viewBox="0 0 24 24" fill="none"><rect x="3" y="5" width="18" height="16" rx="2" stroke="currentColor" strokeWidth="1.5"/><path d="M3 12h18M8 5v16M14 5v16" stroke="currentColor" strokeWidth="1.5"/></svg>,
    // 12 — 03.3 Sürükle-bırak (move)
    <svg width="18" height="18" viewBox="0 0 24 24" fill="none"><path d="M5 9l-3 3 3 3M19 9l3 3-3 3M9 5l3-3 3 3M9 19l3 3 3-3M3 12h18M12 3v18" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/></svg>,
    // 13 — 03.4 Duruşma (gavel)
    <svg width="18" height="18" viewBox="0 0 24 24" fill="none"><path d="M14 2l8 8-3 3L11 5l3-3zM7 9l8 8M3 21l3-3M9 15l-7 7M16 13l5-5" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/></svg>,
    // 14 — 03.5 Bildirim (bell)
    <svg width="18" height="18" viewBox="0 0 24 24" fill="none"><path d="M18 8a6 6 0 00-12 0c0 7-3 9-3 9h18s-3-2-3-9M13.7 21a2 2 0 01-3.4 0" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/></svg>,

    // ─ 04 UYAP ─
    // 15 — 04.1 Agent (server)
    <svg width="18" height="18" viewBox="0 0 24 24" fill="none"><rect x="3" y="3" width="18" height="7" rx="1" stroke="currentColor" strokeWidth="1.5"/><rect x="3" y="14" width="18" height="7" rx="1" stroke="currentColor" strokeWidth="1.5"/><circle cx="7" cy="6.5" r="0.8" fill="currentColor"/><circle cx="7" cy="17.5" r="0.8" fill="currentColor"/></svg>,
    // 16 — 04.2 Gece otomasyon (moon)
    <svg width="18" height="18" viewBox="0 0 24 24" fill="none"><path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z" stroke="currentColor" strokeWidth="1.5" strokeLinejoin="round"/></svg>,
    // 17 — 04.3 Tebligat (mail)
    <svg width="18" height="18" viewBox="0 0 24 24" fill="none"><rect x="3" y="5" width="18" height="14" rx="2" stroke="currentColor" strokeWidth="1.5"/><path d="M3 7l9 6 9-6" stroke="currentColor" strokeWidth="1.5"/></svg>,
    // 18 — 04.4 İmza (shield-check)
    <svg width="18" height="18" viewBox="0 0 24 24" fill="none"><path d="M12 2l8 4v6c0 5-3.5 8.5-8 10-4.5-1.5-8-5-8-10V6l8-4z" stroke="currentColor" strokeWidth="1.5"/><path d="M9 12l2 2 4-4" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/></svg>,
    // 19 — 04.5 Hiyerarşi (tree)
    <svg width="18" height="18" viewBox="0 0 24 24" fill="none"><circle cx="6" cy="6" r="2" stroke="currentColor" strokeWidth="1.5"/><circle cx="18" cy="6" r="2" stroke="currentColor" strokeWidth="1.5"/><circle cx="12" cy="18" r="2" stroke="currentColor" strokeWidth="1.5"/><path d="M8 6h8M12 16V8" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round"/></svg>,

    // ─ 05 AI ─
    // 20 — 05.1 Karar Arama (search-sparkle)
    <svg width="18" height="18" viewBox="0 0 24 24" fill="none"><circle cx="10" cy="10" r="6" stroke="currentColor" strokeWidth="1.5"/><path d="M14.5 14.5L20 20" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round"/><path d="M10 6.5L11 9l2.5 1L11 11l-1 2.5-1-2.5L6.5 10 9 9l1-2.5z" stroke="currentColor" strokeWidth="1" strokeLinejoin="round"/></svg>,
    // 21 — 05.2 Tez Doğrulama (scales)
    <svg width="18" height="18" viewBox="0 0 24 24" fill="none"><path d="M12 3v18M5 8h14M3 14l4-7 4 7M13 14l4-7 4 7M3 14a4 4 0 008 0M13 14a4 4 0 008 0" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/></svg>,
    // 22 — 05.3 Sohbet (chat-bubble)
    <svg width="18" height="18" viewBox="0 0 24 24" fill="none"><path d="M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2v10z" stroke="currentColor" strokeWidth="1.5" strokeLinejoin="round"/></svg>,
    // 23 — 05.4 Özet (file-text)
    <svg width="18" height="18" viewBox="0 0 24 24" fill="none"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6z" stroke="currentColor" strokeWidth="1.5"/><path d="M14 2v6h6M9 13h6M9 17h4" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round"/></svg>,
    // 24 — 05.5 PDF (download)
    <svg width="18" height="18" viewBox="0 0 24 24" fill="none"><path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4M7 10l5 5 5-5M12 15V3" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/></svg>,

    // ─ 06 Yönetim ─
    // 25 — 06.1 YZ Kullanımı (chart-bar)
    <svg width="18" height="18" viewBox="0 0 24 24" fill="none"><path d="M3 3v18h18" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round"/><path d="M7 16v-5M12 16V8M17 16v-3" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round"/></svg>,
    // 26 — 06.2 Roller (key)
    <svg width="18" height="18" viewBox="0 0 24 24" fill="none"><circle cx="8" cy="15" r="4" stroke="currentColor" strokeWidth="1.5"/><path d="M11 12l9-9M16 7l3 3M14 9l3 3" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round"/></svg>,
    // 27 — 06.3 Denetim (clipboard-list)
    <svg width="18" height="18" viewBox="0 0 24 24" fill="none"><rect x="5" y="4" width="14" height="18" rx="2" stroke="currentColor" strokeWidth="1.5"/><path d="M9 4V2h6v2M9 11h6M9 15h6M9 19h4" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round"/></svg>,
    // 28 — 06.4 Sayaçlar (layout-sidebar)
    <svg width="18" height="18" viewBox="0 0 24 24" fill="none"><rect x="3" y="3" width="18" height="18" rx="2" stroke="currentColor" strokeWidth="1.5"/><path d="M9 3v18M5 7h2M5 11h2M5 15h2" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round"/></svg>,
    // 29 — 06.5 Mobil (smartphone)
    <svg width="18" height="18" viewBox="0 0 24 24" fill="none"><rect x="6" y="2" width="12" height="20" rx="2" stroke="currentColor" strokeWidth="1.5"/><path d="M11 18h2" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round"/></svg>,
  ];
  return icons[idx] || icons[0];
}

// ════════════════════════════════════════════════════════════════════
// SECTION 1 — DOSYA YÖNETİMİ
// ════════════════════════════════════════════════════════════════════
function FpDosyaSection() {
  return (
    <section className="section container fp-section" id="dosya">
      <FpSectionHead meta={SECTIONS_META[0]} />
      <div className="features-grid">
        <FpCard wide kicker="01.1 / liste" iconIdx={0}
          title="Dosyalar listesi"
          desc="Tüm dosyalar — durum, müvekkil, dava türü ve aktif aşama tek bakışta. Hızlı arama, durum filtresi, çoklu seçim."
        ><VDosyaList /></FpCard>
        <FpCard kicker="01.2 / detay" iconIdx={1}
          title="Dosya detay sayfası"
          desc="Taraflar, notlar, aşamalar, evraklar, UYAP arşivi — sekmelerle düzenli, her şey tek tıkla erişilir."
        ><VDosyaDetail /></FpCard>
        <FpCard kicker="01.3 / tahsilat" iconIdx={2}
          title="Tahsilat takibi"
          desc="Vekalet ücreti, peşinat, bakiye — dosya bazında ve aylık özet. Müvekkilden ne alındı, ne kaldı net."
        ><VTahsilat /></FpCard>
        <FpCard kicker="01.4 / masraf" iconIdx={3}
          title="Masraf ve avans"
          desc="Müvekkilden alınan avans, harç, bilirkişi ücreti — kalan bakiye otomatik hesaplanır."
        ><VMasraf /></FpCard>
        <FpCard wide kicker="01.5 / taraflar" iconIdx={4}
          title="Taraflar, notlar ve aşamalar"
          desc="Müvekkil ve karşı taraf bilgisi (TC, vekaletname, iletişim), dava aşamaları (soruşturma → ilk derece → istinaf → temyiz), serbest notlar — hepsi dosyanın yan paneli olarak hazır. UYAP'tan otomatik dolar, manuel ekleme de var."
        ><VTaraflar /></FpCard>
      </div>
    </section>
  );
}

// ════════════════════════════════════════════════════════════════════
// SECTION 2 — İŞ TAKİBİ
// ════════════════════════════════════════════════════════════════════
function FpIsSection() {
  return (
    <section className="section container fp-section" id="is">
      <FpSectionHead meta={SECTIONS_META[1]} />
      <div className="features-grid">
        <FpCard kicker="02.1 / zincir" iconIdx={5}
          title="Görev zinciri"
          desc="Cevap → bilirkişi → duruşma akışı. Bir iş bitince zincirdeki yenisi otomatik oluşur."
        ><VChain /></FpCard>
        <FpCard kicker="02.2 / tarihler" iconIdx={6}
          title="Tarih tarih gruplama"
          desc="Gecikmiş · Bugün · Yarın · sonra her gün ayrı başlık. Hafta dilimi yok, tarih gerçek."
        ><VTaskGroups /></FpCard>
        <FpCard wide kicker="02.3 / ai öner" iconIdx={7}
          title="AI Öner — yapılan ve yapılacak iş"
          desc="Boş bırakılırsa zincirin geçmişine bakıp tahmini bir iş yazar. Yazarsan, niyetini koruyarak Türk hukuk dilinde profesyonelleştirir — kullanıcının metni asla kaybolmaz, altına önerisini ekler."
        ><VAiOner /></FpCard>
        <FpCard kicker="02.4 / toplu" iconIdx={8}
          title="Toplu görev"
          desc="Bir görevi tek seferde 12 farklı dosyaya atayın. Süre ve açıklama ortak, dosya bazında özelleşir."
        ><VBatchTask /></FpCard>
        <FpCard kicker="02.5 / feed" iconIdx={9}
          title="Yapılan işler akışı"
          desc="Tarih tarih aktivite feed'i. Kim, ne zaman, hangi işi tamamladı — geçmişe doğru."
        ><VCompletedFeed /></FpCard>
      </div>
    </section>
  );
}

// ════════════════════════════════════════════════════════════════════
// SECTION 3 — TAKVİM & DURUŞMA
// ════════════════════════════════════════════════════════════════════
function FpTakvimSection() {
  return (
    <section className="section container fp-section" id="takvim">
      <FpSectionHead meta={SECTIONS_META[2]} />
      <div className="features-grid">
        <FpCard kicker="03.1 / ay" iconIdx={10}
          title="Aylık takvim"
          desc="Tüm büronun gündemi tek bakışta. Resmi tatil günleri, hafta sonu vurgusu, bugün belirgin."
        ><VCalendarMonth /></FpCard>
        <FpCard wide kicker="03.2 / hafta · gün" iconIdx={11}
          title="Hafta ve gün görünümü"
          desc="Saatler yok — günün tüm etkinlikleri tek bir liste halinde aşağı doğru uzar. Görevi başka bir güne sürükle-bırak ile taşıyın, neden modalı açılır, kayda geçer."
        ><VCalendarWeek /></FpCard>
        <FpCard kicker="03.3 / sürükle" iconIdx={12}
          title="Sürükle-bırak ile tarih değiştir"
          desc="Görevi farklı bir güne sürükleyin; erteleme nedenini yazın, geçmiş kaydı tutulur."
        ><VDragDrop /></FpCard>
        <FpCard kicker="03.4 / duruşma" iconIdx={13}
          title="Duruşma detayı + AI hazırlık"
          desc="Mahkeme, esas no, taraflar — AI evraklara bakıp duruşmadan önce 5 dakikalık hazırlık notu yazar."
        ><VHearing /></FpCard>
        <FpCard kicker="03.5 / bildirim" iconIdx={14}
          title="Akıllı hatırlatmalar"
          desc="Yarınki duruşma, dolan tebligat süresi, gecikmiş görev — header çan ikonunda otomatik uyarı."
        ><VBildirimler /></FpCard>
      </div>
    </section>
  );
}

// ════════════════════════════════════════════════════════════════════
// SECTION 4 — UYAP & TEBLİGAT
// ════════════════════════════════════════════════════════════════════
function FpUyapSection() {
  return (
    <section className="section container fp-section" id="uyap">
      <FpSectionHead meta={SECTIONS_META[3]} />
      <div className="features-grid">
        <FpCard wide kicker="04.1 / agent" iconIdx={15}
          title="Titan Agent — ofis ağı oturum havuzu"
          desc="Ofis ağında bir bilgisayara kurulur. UYAP oturumlarını 5 slot havuzunda yönetir, USB e-imzayı paylaştırır. Tüm avukatlar tek bir e-imza ile imza atar — ayrı ayrı token gerekmiyor."
        ><VAgentLog /></FpCard>
        <FpCard kicker="04.2 / gece" iconIdx={16}
          title="Gece otomasyonu"
          desc="Her gece 00:30'da tüm dosyalar UYAP'tan eşitlenir, yeni evraklar indirilir, OCR'lanır."
        ><VBackendAgent /></FpCard>
        <FpCard kicker="04.3 / tebligat" iconIdx={17}
          title="Otomatik tebligat tespiti"
          desc="Her yeni evrak OCR'dan geçer; tebligat ise otomatik olarak görev oluşturur ve sizi uyarır."
        ><VTebligat /></FpCard>
        <FpCard kicker="04.4 / udf imza" iconIdx={18}
          title="Otomatik UDF imzalama"
          desc="Dilekçeyi yükleyin; ofis ağındaki USB e-imza ile UYAP standardında imzalanıp gönderilir. Sizin İmza Pro'ya tıklamanıza gerek yok."
        ><VUdfImza /></FpCard>
        <FpCard kicker="04.5 / hiyerarşi" iconIdx={19}
          title="Hiyerarşik evrak ağacı"
          desc="UYAP'ın orijinal evrak yapısı: ana evrak + ekler iç içe ağaç olarak görünür."
        ><VEvrakTree /></FpCard>
      </div>
    </section>
  );
}

// ════════════════════════════════════════════════════════════════════
// SECTION 5 — AI MODÜLLERİ
// ════════════════════════════════════════════════════════════════════
function FpAiSection() {
  return (
    <section className="section container fp-section" id="ai">
      <FpSectionHead meta={SECTIONS_META[4]} />
      <div className="features-grid">
        <FpCard wide kicker="05.1 / karar arama" iconIdx={20}
          title="Karar Arama V3 — agent tabanlı içtihat araştırması"
          desc="Yargıtay, BAM, Danıştay, Anayasa, KVKK, Rekabet, Sayıştay, BDDK, Sigorta Tahkim, KİK, Uyuşmazlık — 13+ veritabanını aynı anda tarayan AI ajanı. Tezi lehinize ve aleyhinize tek tek değerlendirir; her olgusal cümlesi atıflı, basıma hazır PDF rapor üretir."
        ><VKararV3 /></FpCard>
        <FpCard kicker="05.2 / tez doğrulama" iconIdx={21}
          title="Tez Doğrulama"
          desc="Argümanınızı yazın; AI ajanları lehte ve aleyhte yargı taraması yapar, hakem skoruyla destek seviyesini bildirir."
        ><VTezDog /></FpCard>
        <FpCard kicker="05.3 / sohbet" iconIdx={22}
          title="Anlık AI sohbeti"
          desc="Her sayfada cep AI sohbeti. Dosyanın evraklarını arka planda derinlemesine okur, sorduğunuza atıflı cevap verir."
        ><VFloatingChat /></FpCard>
        <FpCard kicker="05.4 / özet" iconIdx={23}
          title="Otomatik evrak özeti"
          desc="Her UYAP evrağı OCR'dan çıkar çıkmaz özetlenir; içindeki kişi, kurum, tutar ve tarih bilgileri çıkarılıp aranabilir hale gelir."
        ><VSummary /></FpCard>
        <FpCard kicker="05.5 / pdf" iconIdx={24}
          title="Atıflı PDF rapor üretimi"
          desc="Karar Arama raporu — atıflı, vurgulu, kelime kelime kararlardan alıntılı, basıma hazır PDF."
        ><VPdf /></FpCard>
      </div>
    </section>
  );
}

// ════════════════════════════════════════════════════════════════════
// SECTION 6 — YÖNETİM & GÜVENLİK
// ════════════════════════════════════════════════════════════════════
function FpYonetimSection() {
  return (
    <section className="section container fp-section" id="yonetim">
      <FpSectionHead meta={SECTIONS_META[5]} />
      <div className="features-grid">
        <FpCard wide kicker="06.1 / yz kullanımı" iconIdx={25}
          title="YZ Kullanımı paneli"
          desc="Aylık AI bütçesi (varsayılan $30) tek bir gösterge altında. Her AI çağrısı buradan düşer — modüle, modele ve kullanıcıya göre. Bütçenin %75'inde bilgi, %90'ında uyarı, %100'ünde yeni AI çağrıları yumuşakça bloke edilir. Admin 'Yeniden Satın Al' tıklayarak yeni dönem başlatır."
        ><VYzKullanim /></FpCard>
        <FpCard kicker="06.2 / roller" iconIdx={26}
          title="Üç katmanlı rol sistemi"
          desc="Admin tüm sistemi yönetir; Yönetici silme ve kullanıcı yönetimi yapar (admin'i değiştiremez); Avukat oluşturma ve düzenleme yapar, silme yetkisi yoktur."
        ><VRoles /></FpCard>
        <FpCard kicker="06.3 / denetim" iconIdx={27}
          title="Denetim kayıtları"
          desc="Her silme, kullanıcı yönetimi, gece otomasyonu tetikleme — kim, ne zaman, hangi IP'den yaptı tutulur."
        ><VAuditLog /></FpCard>
        <FpCard kicker="06.4 / kısayollar" iconIdx={28}
          title="Sidebar sayaçları"
          desc="İş Takibi, Duruşmalar, Tebligatlar, Takvim — kalan iş sayısı sidebar'da rozet olarak."
        ><VTaskBadges /></FpCard>
        <FpCard kicker="06.5 / mobil" iconIdx={29}
          title="Mobil uyumlu arayüz"
          desc="iPhone'dan da rahat. Listeler kart yapısında, sidebar yandan açılır, tüm butonlar parmakla kolay tıklanır."
        ><VMobile /></FpCard>
      </div>
    </section>
  );
}

function FpSectionHead({ meta }) {
  return (
    <div className="section-head fp-section-head">
      <span className="kicker">{meta.n} — {meta.label}</span>
      <h2>{meta.title}</h2>
      <p className="lede">{meta.lede}</p>
    </div>
  );
}

// ─── window'a expose et ──────────────────────────────────────────────
Object.assign(window, {
  SECTIONS_META,
  FpDosyaSection,
  FpIsSection,
  FpTakvimSection,
  FpUyapSection,
  FpAiSection,
  FpYonetimSection,
});
