--- title: "AI Atıfları Ne Kadar Kalıcı? 52.160 Atıf Takip Edildi" description: "52.160 AI atıfını gün gün takip ettik. ChatGPT kaynak gösterdiği her dört sayfadan üçünü ertesi gün değiştiriyor; dört hafta sonra en fazla üçte biri kalıyor." source_url: "https://brantial.ai/tr/blog/ai-atiflari-ne-kadar-kalici/" lang: "tr" updated: "2026-10-30T00:00:00.000Z" --- Araştırma 30 Ekim 2026 # AI Atıfları Ne Kadar Kalıcı? 52.160 Atıfı Takip Ettik 52.160 AI atıfını gün gün takip ettik. ChatGPT kaynak gösterdiği her dört sayfadan üçünü ertesi gün değiştiriyor; dört hafta sonra en fazla üçte biri kalıyor. ## Öne Çıkanlar 5 - AI atıfları kısa ömürlü. Ertesi gün aynı soru sorulduğunda ChatGPT aynı sayfayı yalnızca %26,7 oranında yeniden kaynak gösterdi. Gemini %49,4’ünü, Grok %54,8’ini, Perplexity %72,0’sini korudu. - Atıfların yarısı bir ila üç gün içinde kayboluyor: ChatGPT’de bir günden kısa, Gemini’de yaklaşık bir, Grok’ta yaklaşık iki, Perplexity’de yaklaşık üç günde. - Dört hafta sonra en fazla üçte biri kalıyor: ChatGPT’de %11,2, Perplexity’de %18,8, Gemini’de %27,1, Grok’ta %32,3. - Siteler sayfalardan daha kalıcı. ChatGPT ertesi gün aynı siteyi %47,1 oranında yeniden gösterdi, aynı sayfanın neredeyse iki katı; çünkü çoğu zaman sitenin başka bir sayfasına geçiyor. - Atıf bir an, kalıcı bir sıra değil. Güvenilir tablo, aynı soruları tekrar tekrar sorup ne sıklıkla kaynak gösterildiğinizi saymaktan çıkar. [Brantial Brantial yayın ekibi](https://brantial.ai/tr/yazarlar/brantial/) 7 dk okuma Paylaş [LinkedIn](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fbrantial.ai%2Ftr%2Fblog%2Fai-atiflari-ne-kadar-kalici%2F) [X](https://x.com/intent/post?text=AI%20At%C4%B1flar%C4%B1%20Ne%20Kadar%20Kal%C4%B1c%C4%B1%3F%2052.160%20At%C4%B1f%C4%B1%20Takip%20Ettik%20https%3A%2F%2Fbrantial.ai%2Ftr%2Fblog%2Fai-atiflari-ne-kadar-kalici%2F) [Facebook](https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fbrantial.ai%2Ftr%2Fblog%2Fai-atiflari-ne-kadar-kalici%2F) [ChatGPT ile özetle](https://chatgpt.com/?q=Brantial%20i%C3%A7eri%C4%9Fini%20%C3%B6zetle%3A%20https%3A%2F%2Fbrantial.ai%2Ftr%2Fblog%2Fai-atiflari-ne-kadar-kalici%2F) ![AI Atıfları Ne Kadar Kalıcı? 52.160 Atıfı Takip Ettik](https://brantial.ai/images/blog/how-long-do-ai-citations-last/cover-tr.webp) ![AI Atıfları Ne Kadar Kalıcı? 52.160 Atıfı Takip Ettik](https://brantial.ai/images/blog/how-long-do-ai-citations-last/cover-tr-dark.webp) **AI atıflarının çoğu birkaç gün içinde kayboluyor.** Altı hafta boyunca AI motorlarına her gün aynı soruları sorduk ve 52.160 atıfı takip ettik. ChatGPT bir sayfayı kaynak gösterdiğinde, ertesi gün aynı sayfayı yeniden gösterme ihtimali yalnızca dörtte bir civarındaydı. İlk günlerde en tutarlı motor olan Perplexity bile dört hafta sonra atıflarının beşte dördünden fazlasını değiştirmişti. Yani “ChatGPT bizi kaynak gösterdi” demek, bir sıralamayı ele geçirdiğiniz anlamına gelmiyor. Atıf, birileri sizi geçene kadar elinizde tuttuğunuz bir yer değil; o gün verilen tek bir cevabın anlık görüntüsü. Aşağıda her motorda atıfların ne kadar çabuk kaybolduğunu ve bunun ölçüm açısından ne demek olduğunu anlatıyoruz. ## Nasıl ölçtük Veri, Brantial’ın müşterileri için her gün takip ettiği sorulardan geliyor: - **Altı hafta boyunca günlük cevaplar,** 1 Eylül – 13 Ekim 2026 arası. - **Dört motor:** ChatGPT, Gemini, Grok ve Perplexity; API’leri üzerinden, web araması açık şekilde. Claude bu dönemde her gün ölçülmediği için dahil değil. - **52.160 atıf,** 4.899 cevapta; 2.531 sitede 8.700 farklı sayfaya gidiyor. - **Aynı soru, aynı motor, sonraki gün.** Aynı motor aynı soruyu 1, 7, 14 ya da 28 gün sonra yeniden cevapladığında aynı sayfa yine kaynaklar arasındaysa atıf “korunmuş” sayıldı. Eksik bir gün kayıp atıf gibi görünmesin diye yalnızca 43 günün en az 30’unda cevaplanan sorular dahil edildi. ## Bir atıf AI cevabında ne kadar kalıyor? Pek uzun değil. Motora göre değişmekle birlikte, ertesi gün dünkü kaynakların dörtte biriyle dörtte üçü arasında bir kısmı yerinde kalıyor: ![Ertesi gün yeniden kaynak gösterilen sayfaların payı: Perplexity %72,0, Grok %54,8, Gemini %49,4, ChatGPT %26,7](https://brantial.ai/images/blog/how-long-do-ai-citations-last/fig-1-next-day-tr.webp) ![Ertesi gün yeniden kaynak gösterilen sayfaların payı: Perplexity %72,0, Grok %54,8, Gemini %49,4, ChatGPT %26,7](https://brantial.ai/images/blog/how-long-do-ai-citations-last/fig-1-next-day-tr-dark.webp) Kısa vadede en kararlı motor Perplexity: kaynak gösterdiği sayfaların %72,0’ı ertesi gün de gösterildi. Grok (%54,8) ve Gemini (%49,4) yaklaşık yarısını koruyor. ChatGPT ise yalnızca %26,7’sini koruyor; yani bugün gösterdiği her dört sayfadan üçü yarın başka sayfalarla değişiyor. Atıfların yarısının kaybolması için geçen süreye, yani bir AI atfının “yarı ömrüne” bakınca tablo şöyle: - **ChatGPT:** bir günden kısa - **Gemini:** yaklaşık bir gün - **Grok:** yaklaşık iki gün - **Perplexity:** yaklaşık üç gün ## Bir hafta ve bir ay sonra ne kalıyor? İlk günlerden sonra düşüş yavaşlıyor ama durmuyor. ![1 ile 28 gün sonra hâlâ kaynak gösterilen sayfaların çizgi grafiği. Perplexity %72,0’dan %18,8’e, Grok %54,8’den %32,3’e, Gemini %49,4’ten %27,1’e, ChatGPT %26,7’den %11,2’ye iniyor](https://brantial.ai/images/blog/how-long-do-ai-citations-last/fig-0-decay-tr.webp) ![1 ile 28 gün sonra hâlâ kaynak gösterilen sayfaların çizgi grafiği. Perplexity %72,0’dan %18,8’e, Grok %54,8’den %32,3’e, Gemini %49,4’ten %27,1’e, ChatGPT %26,7’den %11,2’ye iniyor](https://brantial.ai/images/blog/how-long-do-ai-citations-last/fig-0-decay-tr-dark.webp) | Motor | Ertesi gün | 1 hafta sonra | 2 hafta sonra | 4 hafta sonra | | --- | --- | --- | --- | --- | | ChatGPT | %26,7 | %16,5 | %13,8 | %11,2 | | Gemini | %49,4 | %32,9 | %30,6 | %27,1 | | Grok | %54,8 | %38,2 | %35,9 | %32,3 | | Perplexity | %72,0 | %33,5 | %30,0 | %18,8 | İki örüntü öne çıkıyor. Perplexity güçlü başlıyor ama ilk birkaç günden sonra kaynaklarını hızla değiştiriyor; dördüncü haftada Gemini ve Grok’tan daha azını koruyor. Grok ve Gemini kaybedeceklerinin çoğunu ilk haftada kaybediyor, sonra kaynaklarının yaklaşık üçte birinden oluşan sabit bir çekirdeği koruyor. Bu sabit çekirdek önemli. Her motorda haftalar geçse de kaynak gösterilmeye devam eden bir grup sayfa var. Motor o soru için bu sayfalara güveniyor; sektörünüzde ilk incelemeniz gerekenler de bunlar. ## AI motorları siteyi mi değiştiriyor, sayfayı mı? Çoğu zaman yalnızca sayfayı. Aynı sayfaya değil de aynı **siteye** bakınca kalıcılık her motorda artıyor, en çok da ChatGPT’de: ![ChatGPT ertesi gün: aynı sayfa %26,7, aynı site %47,1 oranında yeniden kaynak gösterildi](https://brantial.ai/images/blog/how-long-do-ai-citations-last/fig-3-site-vs-page-tr.webp) ![ChatGPT ertesi gün: aynı sayfa %26,7, aynı site %47,1 oranında yeniden kaynak gösterildi](https://brantial.ai/images/blog/how-long-do-ai-citations-last/fig-3-site-vs-page-tr-dark.webp) ChatGPT ertesi gün aynı siteyi %47,1 oranında yeniden gösterdi; aynı sayfanın neredeyse iki katı. Dört hafta sonra aynı site %31,2 oranında hâlâ oradaydı, aynı sayfa ise %11,2. Yani ChatGPT güvendiği bir sitede çoğu zaman kalıyor ama o siteden farklı bir sayfa seçiyor. Bu, markalar için iyi bir haber. Bir motorun bir konuda dönüp dolaşıp geldiği sitelerden biri olmak, tek bir sayfanın kaynak gösterilmesinden çok daha kalıcı. Aynı konuda birkaç güçlü sayfanız varsa, motorun sizi kaynak göstermeye devam etmesi için daha çok seçeneği olur. ## AI atıfları neden bu kadar hızlı değişiyor? Motorlar kaynakları nasıl seçtiklerini açıklamıyor, ama bu davranışın arkasında bazı belirgin nedenler var: - **Her cevap yeni bir arama yapıyor.** Web araması açıkken motor her seferinde yeniden ve çoğu zaman farklı kelimelerle arıyor. Sorgudaki küçük değişiklikler farklı sayfalar getiriyor. Bu süreci [query fan-out](https://brantial.ai/tr/blog/query-fan-out-nedir-ai-aramada-kaynak-secimi/) yazımızda anlatıyoruz. - **Cevaplar hazır durmuyor, her seferinde yeniden yazılıyor.** Aynı soru her seferinde farklı bir kurguyla cevaplanabiliyor; farklı bir kurgu da farklı kaynaklara ihtiyaç duyuyor. Sitenizde hiçbir şey değişmese bile [AI görünürlüğünün her ölçümde değişmesi](https://brantial.ai/tr/blog/prompt-volatility-ai-gorunurlugu-neden-her-olcumde-degisir/) bundan. - **Web’in kendisi de değişiyor.** Yeni yazılar yayınlanıyor, eskiler güncelleniyor, arama sonuçları da bununla birlikte değişiyor. Güncel kaynakları tercih eden bir motor da kaynaklarını sürekli yeniliyor. - **Bazı motorlar çok az kaynak gösteriyor.** Takip ettiğimiz motorlar içinde cevap başına en az kaynağı ChatGPT gösteriyor; az sayıdaki yer için rekabet büyük, kaynaklar da en hızlı orada değişiyor. Hangi motorun kaç kaynak gösterdiğini [AI motorları hangi siteleri kaynak gösteriyor](https://brantial.ai/tr/blog/ai-motorlari-hangi-siteleri-kaynak-gosteriyor/) yazımızda görebilirsiniz. ## Markanız için anlamı 1. **AI görünürlüğünü tek bir kontrole bakarak değerlendirmeyin.** Tek bir gündeki tek bir cevap yalnızca o anı gösterir. Gerçekten kaynak gösterilip gösterilmediğinizi anlamak için aynı soruları tekrar tekrar sorun ve kaç kez göründüğünüzü sayın. Kaç soruya ihtiyacınız olduğunu [AI görünürlüğü için kaç prompt takip edilmeli](https://brantial.ai/tr/blog/ai-gorunurlugu-icin-kac-prompt-takip-edilmeli/) yazımızda anlatıyoruz. 2. **Tek tek atıfları değil, atıf oranını raporlayın.** “Bu ay ChatGPT cevaplarının %40’ında kaynak gösterildik” bir ölçümdür. “ChatGPT bizi kaynak gösterdi” ise belki de çoktan geçerliliğini yitirmiş bir anekdot. 3. **Konularınızda derinlik oluşturun.** Motorlar çoğu zaman aynı sitede kalıp sayfa değiştirdiği için, aynı konuda cevabı en başta veren birkaç net sayfa sizi tek bir güçlü sayfadan daha uzun süre cevapta tutar. Bu sayfaları nasıl yazacağınızı [AI tarafından atıf almak için stratejiler](https://brantial.ai/tr/blog/ai-tarafindan-atif-almak-icin-stratejiler/) yazımızda anlatıyoruz. 4. **Sektörünüzdeki kalıcı kaynakları bulun.** Dört hafta sonra hâlâ kaynak gösterilen sayfalar, motorun güvendiği sayfalardır. Onları inceleyin: Bu sayfalarda adınızın geçmesini sağlamak ya da aynı soruya onlar kadar iyi cevap veren bir sayfa hazırlamak en kalıcı yol. 5. **Her motoru ayrı izleyin.** Grok’ta yerini koruyan bir sayfa yarın ChatGPT’den kaybolabilir. Neyin kalıcı olduğu her motorda farklı. Gerçekte ne sıklıkla kaynak gösterildiğinizi görün Brantial, müşterilerinizin sorularını ChatGPT, Gemini, Claude, Perplexity ve Grok’ta düzenli olarak sorar; her motorun sayfalarınızı ne sıklıkla kaynak gösterdiğini, hangi kaynakların kalıp hangilerinin gelip gittiğini gösterir. [Atıflarınızı takip edin](https://app.brantial.ai/register) ## Sık sorulan sorular ### Bir atıf ChatGPT’de ne kadar kalıyor? Genellikle uzun değil. Verimizde ChatGPT aynı sayfayı ertesi gün yalnızca %26,7, dört hafta sonra %11,2 oranında yeniden kaynak gösterdi. Atıflarının yarısı bir günden kısa sürede değişti. Aynı site ise ertesi gün %47,1 oranında yeniden gösterildi. ### Hangi AI motoru kaynaklarını en uzun süre koruyor? Zaman aralığına bağlı. İlk birkaç günde en kararlı motor Perplexity (sayfaların %72,0’ı ertesi gün yeniden gösterildi). Bir ay içinde ise kaynaklarının en çoğunu Grok (%32,3) ve Gemini (%27,1) koruyor; Perplexity %18,8’e düşüyor. ### Bir atfı kaybetmek içeriğimin kötüleştiği anlamına mı gelir? Her zaman değil. Sitenizde hiçbir şey değişmese bile atıflar her gün değişiyor, çünkü her cevap için yeniden arama yapılıyor ve cevap baştan yazılıyor. Tek bir atfı kaybetmek tesadüf olabilir; birçok tekrar eden cevapta atıf oranınızın düşmesi ise gerçek bir işarettir. ### Bir AI atfının yarı ömrü nedir? Verimizde ChatGPT’de bir günden kısa, Gemini’de yaklaşık bir gün, Grok’ta yaklaşık iki gün, Perplexity’de yaklaşık üç gün. Bu, bir motorun bir soru için kaynak gösterdiği sayfaların yarısının artık gösterilmediği süre. ### AI atıflarını nasıl takip etmeliyim? Aynı soruları her motorda düzenli olarak sorun, her cevabın gösterdiği tüm kaynakları kaydedin ve sayfalarınızın tek bir gün yerine haftalar boyunca ne sıklıkla göründüğüne bakın. Brantial bunu seçtiğiniz sorular için yapar ve oranı motor motor gösterir. ↑ Başa dön ## Diğer Yazılar [Daha fazla içeriğe göz at](https://brantial.ai/tr/blog/) Yazı 22 Eki 2026 ### AI Motorları Hangi Siteleri Kaynak Gösteriyor? 95.144 AI cevabındaki 639.334 kaynağı inceledik. Atıfların %92’si Vikipedi ya da Reddit’e değil sıradan sitelere gidiyor; her motorun kendi gözdesi var. [AI Motorları Hangi Siteleri Kaynak Gösteriyor?](https://brantial.ai/tr/blog/ai-motorlari-hangi-siteleri-kaynak-gosteriyor/) Yazı 22 Eki 2026 ### LLM SEO Rehberi: AI Modellerinde Bulunmak ve Kaynak Olmak LLM SEO, içeriğinizi ChatGPT, Gemini, Claude ve Perplexity için bulunur ve kaynak gösterilebilir kılar. AI cevaplarının %89’u önce web’de arıyor; işte yapılacaklar. [LLM SEO Rehberi: AI Modellerinde Bulunmak ve Kaynak Olmak](https://brantial.ai/tr/blog/llm-seo-rehberi/) Yazı 21 Eki 2026 ### Arama Botu Nedir? 2026 Arama Motoru ve AI Botları Listesi Arama botu, sayfalarınızı arama motorları ve AI asistanları için ziyaret eder. 2026’da hangi botun ne yaptığını ve robots.txt’te hangisine izin vermeli? [Arama Botu Nedir? 2026 Arama Motoru ve AI Botları Listesi](https://brantial.ai/tr/blog/arama-botu-nedir/) 800 bin+ ANALİZ EDİLEN AI CEVABI 8 CEVAP MOTORU HAFTALIK ENDEKS TARANAN MOTORLAR: ChatGPT Gemini Claude Perplexity Grok Mistral Meta AI DeepSeek ÜRÜN: [Platforma Genel Bakış](https://brantial.ai/tr/platform/) [Prompt Hacimleri](https://brantial.ai/tr/features/prompt-volumes/) [AI Otorite Endeksi](https://brantial.ai/tr/ai-authority-index/) [AI Sektör Endeksi](https://brantial.ai/tr/ai-sektor-endeksi/) [1 Analiz Hakkı](https://brantial.ai/tr/brandscore/) [Agent Analytics](https://brantial.ai/tr/features/agent-analytics/) [Entegrasyonlar](https://brantial.ai/tr/integrations/) [Fiyatlandırma](https://brantial.ai/tr/pricing/) ŞİRKET: [Hakkımızda](https://brantial.ai/tr/about/) [Güven Merkezi](https://brantial.ai/tr/trust/) [Kariyer](https://brantial.ai/tr/careers/) [Partner Programı](https://brantial.ai/tr/agency-partner/) [Brantial University](https://university.brantial.ai/tr) [Visionary Share](https://brantial.ai/community/visionary-share/) [Beyond Click](https://brantial.ai/tr/beyond-click/) [Vaka Çalışmaları](https://brantial.ai/tr/case-studies/) [İletişim](https://brantial.ai/tr/contact/) KAYNAKLAR: [Kaynak Merkezi](https://brantial.ai/tr/resources/) [Yardım Merkezi](https://brantial.ai/tr/help/) [Araştırma Raporları](https://brantial.ai/tr/reports/) [Sektörler](https://brantial.ai/tr/industries/) [Vaka Çalışmaları](https://brantial.ai/tr/case-studies/) [Türkiye AI Otorite Endeksi](https://brantial.ai/tr/ai-authority-index/) [AI Sektör Endeksi](https://brantial.ai/tr/ai-sektor-endeksi/) [Otomotiv AI Raporu](https://brantial.ai/tr/reports/otomotiv-sektorunde-ai-gorunurlugu-brantial-2026-raporu/) [GEO Sözlüğü](https://brantial.ai/tr/glossary/) [GEO Rehberi](https://brantial.ai/generative-engine-optimization-guide/) [Blog](https://brantial.ai/tr/blog/) [Karşılaştırma Merkezi](https://brantial.ai/tr/compare/) ![Brantial](https://brantial.ai/layout/logo-wordmark.svg) Brantial, AI görünürlüğünü anlamak ve içerik çalışmalarını geliştirmek için araçlar sunar. Agentic commerce yönümüz, ürün bilgisi ve alışveriş görevlerinin doğruluğuna odaklanır. Webtures LTD tarafından işletilir. WEBTURES LTD. · Şirket No. 11948574 494a Fulham Road, London, England, SW6 5NH [hello@brantial.ai](mailto:hello@brantial.ai) SERTİFİKALAR: KVKK GDPR SOC 2 · SÜREÇTE [![Brantial Certified GEO Partner](https://brantial.ai/assets/geo-partner-badge.avif) Sertifikalı GEO Partner programı: rozet, dizin ve toptan marj](https://brantial.ai/tr/agency-partner/) Haftalık Görünürlük Endeksi Her hafta GEO trendleri ve içgörüler, e-postanda. [Abone ol](https://www.linkedin.com/newsletters/g%C3%B6r%C3%BCn%C3%BCrl%C3%BCk-raporu-7449413673988583424/) © 2026 Brantial · Webtures LTD [TR](https://brantial.ai/tr/blog/ai-atiflari-ne-kadar-kalici/) [EN](https://brantial.ai/blog/how-long-do-ai-citations-last/) [Gizlilik](https://brantial.ai/privacy-policy/) [Şartlar](https://brantial.ai/terms-of-service/) [Çerezler](https://brantial.ai/cookie-policy/) ÜCRETSİZ MARKA ANALİZİ ## Analiz hakkınızı kullanın Brantial University ## Merhaba, hadi başlayalım! Hızlı çözüm, tek mesaj uzağınızda. **Sorunuzu ekibe yazın** Genellikle birkaç dakika içinde yanıtlarız **Brantial University** GENELLİKLE BİRKAÇ DAKİKA İÇİNDE YANITLAR .br-chat { --br-chat-panel: var(--card); --br-chat-surface: var(--bg); --br-chat-input: var(--card); --br-chat-text: var(--text); --br-chat-copy: var(--t2); --br-chat-muted: var(--t3); --br-chat-faint: var(--t5); --br-chat-line: var(--border2); --br-chat-outer-line: var(--border3); --br-chat-visitor-bg: var(--text); --br-chat-visitor-text: var(--bg); --br-chat-team-bg: var(--tint2); position: static; color: var(--br-chat-text); font-family: Geist, -apple-system, 'Segoe UI', sans-serif; } .br-chat [hidden] { display: none !important; } .br-chat button, .br-chat input { box-sizing: border-box; font: inherit; } .br-chat button { color: inherit; } .br-chat__launcher { display: flex; position: fixed; right: 22px; bottom: 22px; z-index: 90; width: 52px; height: 52px; align-items: center; justify-content: center; border: 1px solid var(--br-chat-outer-line); border-radius: 50%; background: var(--br-chat-panel); box-shadow: 0 6px 24px var(--shadow-soft); color: var(--br-chat-copy); cursor: pointer; transition: transform 0.15s ease; } .br-chat__launcher:hover { transform: translateY(-2px); } .br-chat__launcher svg { width: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; } .br-chat__launcher:focus-visible, .br-chat__panel button:focus-visible { outline: 1px solid var(--br-chat-text); outline-offset: 2px; } .br-chat__panel input:focus-visible { outline: 1px solid var(--br-chat-text); outline-offset: 0; } .br-chat__panel:focus { outline: none; } .br-chat__panel { position: fixed; right: 22px; bottom: 22px; z-index: 91; display: flex; width: 340px; max-width: calc(100vw - 24px); height: 440px; max-height: calc(100dvh - 90px); overflow: hidden; flex-direction: column; border: 1px solid var(--br-chat-outer-line); border-radius: 14px; background: var(--br-chat-panel); box-shadow: 0 16px 48px var(--shadow-soft); } .br-chat__welcome { position: relative; display: flex; min-height: 100%; flex: 1; flex-direction: column; justify-content: space-between; padding: 26px 18px 16px; } .br-chat__welcome-close { position: absolute; top: 10px; right: 10px; } .br-chat__welcome-copy h2 { margin: 0; color: var(--br-chat-text); font-size: 20px; font-weight: 700; line-height: normal; letter-spacing: -0.01em; } .br-chat__welcome-copy p { margin: 4px 0 0; color: var(--br-chat-muted); font-size: 13.5px; line-height: normal; } .br-chat__start-card { display: grid; width: 100%; margin-top: auto; gap: 4px; padding: 14px; border: 1px solid var(--br-chat-line); border-radius: 12px; background: var(--br-chat-surface); text-align: left; } .br-chat__start-card strong { font-size: 14px; font-weight: 600; line-height: normal; } .br-chat__start-card small { color: var(--br-chat-muted); font-size: 12.5px; font-weight: 400; line-height: normal; } .br-chat__start-card button { align-self: end; justify-self: start; margin-top: 8px; padding: 0; border: 0; background: transparent; color: var(--br-chat-text); font-size: 14px; font-weight: 600; cursor: pointer; } .br-chat__start-card button:hover { color: var(--br-chat-muted); } .br-chat__icon-button { display: flex; width: 32px; height: 32px; flex: 0 0 auto; align-items: center; justify-content: center; padding: 0; border: 1px solid var(--br-chat-line); border-radius: 99px; background: transparent; color: var(--br-chat-text); font-size: 15px; line-height: 15px; cursor: pointer; } .br-chat__icon-button:hover { background: var(--br-chat-team-bg); } .br-chat__conversation { display: flex; min-height: 0; flex: 1; flex-direction: column; } .br-chat__header { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-bottom: 1px solid var(--br-chat-line); background: var(--br-chat-surface); } .br-chat__header > div { min-width: 0; flex: 1; } .br-chat__header strong { display: block; font-size: 14px; font-weight: 600; line-height: normal; } .br-chat__header small { display: block; margin-top: 3px; color: var(--br-chat-faint); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 10px; font-weight: 400; letter-spacing: 0.06em; line-height: 1.55; } .br-chat__log { display: flex; min-height: 0; flex: 1; flex-direction: column; gap: 8px; overflow-y: auto; padding: 14px; } .br-chat__messages { display: flex; flex-direction: column; gap: 8px; } .br-chat__bubble { max-width: 85%; margin: 0; padding: 8px 12px; overflow-wrap: anywhere; border-radius: 12px; color: var(--br-chat-copy); font-size: 13.5px; line-height: 1.55; white-space: pre-wrap; } .br-chat__bubble--visitor { align-self: flex-end; border: 1px solid var(--br-chat-outer-line); border-radius: 12px 12px 4px; background: var(--br-chat-visitor-bg); color: var(--br-chat-visitor-text); } .br-chat__bubble--team { align-self: flex-start; border-radius: 12px 12px 12px 4px; background: var(--br-chat-team-bg); } .br-chat__email-area { width: 100%; } .br-chat__email-form { display: grid; width: 100%; max-width: 292px; gap: 8px; padding: 8px 12px; border-radius: 12px 12px 12px 4px; background: var(--br-chat-team-bg); } .br-chat__email-form label { color: var(--br-chat-copy); font-size: 13.5px; font-weight: 400; line-height: 1.55; } .br-chat__email-form > div { display: flex; gap: 8px; } .br-chat__email-form input { min-width: 0; height: 38px; flex: 1; padding: 9px 10px; border: 1px solid var(--br-chat-line); border-radius: 8px; background: var(--br-chat-input); color: var(--br-chat-copy); font-size: 13.5px; } .br-chat__email-form input[aria-invalid='true'] { border-color: #d14343; } .br-chat__email-form button { display: flex; width: 38px; height: 38px; flex: 0 0 auto; align-items: center; justify-content: center; padding: 0; border: 0; border-radius: 8px; background: var(--br-chat-visitor-bg); color: var(--br-chat-visitor-text); font-size: 16px; cursor: pointer; } .br-chat__email-form button:disabled { cursor: wait; opacity: 0.62; } .br-chat__error { margin: 0; color: #d14343; font-size: 11.5px; line-height: 1.4; } .br-chat__composer { display: flex; min-height: 59px; align-items: center; gap: 8px; padding: 10px 12px; border-top: 1px solid var(--br-chat-line); background: var(--br-chat-surface); } .br-chat__composer input { min-width: 0; height: 38px; flex: 1; padding: 9px 12px; border: 1px solid var(--br-chat-line); border-radius: 10px; background: var(--br-chat-input); color: var(--br-chat-copy); font-size: 13.5px; } .br-chat__composer button { display: flex; width: 40px; height: 38px; flex: 0 0 auto; align-items: center; justify-content: center; padding: 0; border: 0; border-radius: 10px; background: transparent; color: var(--br-chat-muted); cursor: pointer; } .br-chat__composer button:hover:not(:disabled) { color: var(--br-chat-text); } .br-chat__composer button:disabled, .br-chat__composer input:disabled { cursor: default; } .br-chat__composer button span { font-size: 17px; line-height: 1; } .br-chat__composer input::placeholder, .br-chat__email-form input::placeholder { color: var(--br-chat-faint); opacity: 1; } .br-chat__sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } @media (max-width: 480px) { .br-chat__panel { right: 12px; bottom: 12px; width: calc(100vw - 24px); height: min(480px, calc(100dvh - 70px)); } .br-chat__icon-button { width: 44px; height: 44px; } .br-chat__composer input, .br-chat__email-form input { height: 44px; font-size: 16px; } .br-chat__composer button, .br-chat__email-form button { width: 44px; height: 44px; } .br-chat__start-card button { display: inline-flex; min-height: 44px; align-items: center; } } @media (prefers-reduced-motion: reduce) { .br-chat__launcher { transition: none; } }