function KararArama() {
  return (
    <section className="section container" id="karar">
      <div className="section-head">
        <span className="kicker">agentic karar arama</span>
        <h2>Tezinizi söyleyin — ajan emsal kararı bulsun</h2>
        <p className="lede">Klasik anahtar kelime aramasını unutun. Ajan hukuki meseleyi analiz eder, paralel sorgular planlar, bulduğu kararları tezinize göre <em style={{fontStyle:'normal',color:'var(--bordo)'}}>lehe / aleyhe</em> değerlendirir ve profesyonel bir içtihat raporu sunar.</p>
      </div>

      <div className="ka-agent-panel ka-agent-panel-wide">
        <div className="ka-agent-head">
          <span className="live-dot"></span>
          <span className="ka-agent-head-label">ajan günlüğü · canlı</span>
          <span className="mono" style={{marginLeft:'auto',fontSize:10}}>oturum #0442 · örnek görünüm</span>
        </div>

        {/* Kullanıcı sorusu */}
        <div className="ka-query">
          <div className="ka-query-label">tez</div>
          <div className="ka-query-text">"Davalının rakip ürünümüze yönelik televizyon reklamı yanıltıcı ve karşılaştırmalı reklam sınırlarını aşıyor; TTK m.54–55 kapsamında haksız rekabet oluşturur."</div>
        </div>

        <div className="ka-phase-grid">
          <div className="ka-phase">
            <span className="ka-phase-tag"><span className="ka-phase-num">1</span>Analiz</span>
            <div className="ka-phase-line">hukuki mesele: <span className="hi">haksız rekabet — TTK 54</span></div>
            <div className="ka-phase-line">alt başlık: <span className="hi">yanıltıcı / karşılaştırmalı reklam</span></div>
            <div className="ka-phase-line">anahtar kavramlar: <span className="hi">reklam, rekabet, tüketici algısı</span></div>
            <div className="ka-phase-line">plan: 4 paralel sorgu dalı</div>
          </div>

          <div className="ka-phase">
            <span className="ka-phase-tag ka-phase-tag-active"><span className="ka-phase-num">2</span>Arama &amp; değerlendirme</span>
            <div className="ka-phase-line">→ "yanıltıcı reklam + haksız rekabet" · <span className="ok">28 karar</span></div>
            <div className="ka-phase-line">→ lehe değerlendirilen: <span className="ok">14/28</span></div>
            <div className="ka-phase-line">→ reflect: arama revize — "ekonomik çıkar + tüketici algısı"</div>
            <div className="ka-phase-line">→ karşılaştırmalı reklam · <span className="ok">9/19</span> uygun</div>
            <div className="ka-phase-line">→ idari karar · <span style={{color:'var(--accent)'}}>6 karar taranıyor<span className="agent-cursor"></span></span></div>
          </div>

          <div className="ka-phase">
            <span className="ka-phase-tag ka-phase-tag-pending"><span className="ka-phase-num">3</span>İçtihat raporu</span>
            <div className="ka-phase-line">bekleniyor... <span style={{color:'var(--ink-mute)'}}>ETA ~45sn</span></div>
            <div className="ka-phase-line" style={{opacity:0.6}}>çıktı: <span className="hi">lehe 23</span> / <span style={{color:'var(--warn)'}}>aleyhe 6</span> karar</div>
            <div className="ka-phase-line" style={{opacity:0.6}}>gruplama: tema + daire + tarih</div>
            <div className="ka-phase-line" style={{opacity:0.6}}>atıf grafiği + emsal özeti</div>
          </div>
        </div>

        {/* Alt şerit — bulduğu emsal önizlemesi */}
        <div className="ka-result-strip">
          <div className="ka-result-strip-head">
            <span className="mono" style={{color:'var(--bordo)'}}>§ bulunan emsal · önizleme</span>
            <span className="mono" style={{color:'var(--ink-dim)',fontSize:10}}>23 lehe · 6 aleyhe · 2 nötr</span>
          </div>
          <div className="ka-result-list">
            {[
              { code:'11. HD · 2023/4821 E.', topic:'Karşılaştırmalı reklamda objektif ölçüt şartı', tag:'lehe' },
              { code:'11. HD · 2022/1107 E.', topic:'Yanıltıcı üstünlük iddiası — TTK 55/a-2', tag:'lehe' },
              { code:'HGK · 2021/882 E.',     topic:'Reklam + tüketici algısı testi', tag:'lehe' },
              { code:'Rekabet Kurulu · 21-12/145-62', topic:'Rakip ürüne örtülü aşağılama', tag:'lehe' },
              { code:'11. HD · 2020/3314 E.', topic:'Mizah sınırı — aleyhe değerlendirildi', tag:'karsi' },
            ].map((r,i) => (
              <div key={i} className="ka-result-row">
                <span className={`ka-result-tag ka-result-tag-${r.tag}`}>{r.tag === 'lehe' ? 'LEHE' : 'ALEYHE'}</span>
                <span className="ka-result-code">{r.code}</span>
                <span className="ka-result-topic">{r.topic}</span>
              </div>
            ))}
          </div>
        </div>
      </div>
    </section>
  );
}
window.KararArama = KararArama;