--- title: "Arama Botu Nedir? Arama Motoru ve AI Botları (2026)" description: "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?" source_url: "https://brantial.ai/tr/blog/arama-botu-nedir/" lang: "tr" updated: "2026-10-21T00:00:00.000Z" --- Rehber 21 Ekim 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? ## Öne Çıkanlar 5 - Arama botu, web sayfalarını bir arama motorunun ya da AI asistanının bulup okuyabilmesi için ziyaret eden programdır. En bilinen örnekler Googlebot ve Bingbot. - AI şirketleri farklı işler için farklı botlar kullanıyor: biri arama için, biri model eğitimi için, biri de kullanıcı istediğinde sayfayı açmak için. Her biri için robots.txt’te ayrı karar vermek gerekiyor. - Bir arama botunu engellerseniz o ürünün cevaplarından çıkarsınız. Eğitim botunu engellemek bunu yapmaz. En sık yapılan hata ikisini karıştırmak. - Google-Extended ve Applebot-Extended aslında bot değil. AI eğitimini kontrol eden robots.txt adları; arama sonuçlarını etkilemiyorlar. - User-agent taklit edilebilir. Google, OpenAI, Anthropic, Perplexity, Apple ve diğerleri, bir ziyaretin gerçek olup olmadığını kontrol edebilmeniz için IP aralıklarını yayınlıyor. [Brantial Brantial yayın ekibi](https://brantial.ai/tr/yazarlar/brantial/) 8 dk okuma Paylaş [LinkedIn](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fbrantial.ai%2Ftr%2Fblog%2Farama-botu-nedir%2F) [X](https://x.com/intent/post?text=Arama%20Botu%20Nedir%3F%202026%20Arama%20Motoru%20ve%20AI%20Botlar%C4%B1%20Listesi%20https%3A%2F%2Fbrantial.ai%2Ftr%2Fblog%2Farama-botu-nedir%2F) [Facebook](https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fbrantial.ai%2Ftr%2Fblog%2Farama-botu-nedir%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%2Farama-botu-nedir%2F) **Arama botu (crawler ya da spider da deniyor), web sayfalarını otomatik olarak ziyaret eden ve bir arama motorunun ya da AI asistanının bu sayfaları bulup okuyabilmesini, insanlara gösterebilmesini sağlayan programdır.** Google sayfanızı sonuçlarda gösterdiğinde ya da ChatGPT bir cevapta sizi kaynak gösterdiğinde, o sayfayı önce bir bot çekmiştir. Yıllarca “arama botu” deyince akla Googlebot ve Bingbot gelirdi. 2026’da liste çok daha uzun. OpenAI, Anthropic, Perplexity, Apple, Meta ve Amazon’un hepsi kendi botlarını gönderiyor, çoğu da birden fazla. Hangisinin ne olduğunu bilmek, sayfalarınızın AI cevaplarında çıkıp çıkmayacağını belirliyor. ## Arama botu nasıl çalışır? Bir arama botu aynı üç işi sürekli tekrarlar. 1. **Keşfeder.** Linklerden, site haritalarından ve daha önce gördüğü sayfalardan yeni adresler bulur. 2. **Çeker.** Sayfayı tıpkı bir tarayıcı gibi sunucunuzdan ister ve user-agent başlığında kendini bir isimle tanıtır. 3. **Teslim eder.** Bulduğunu arkasındaki sisteme verir. Bu, bir arama motoru için dizindir. Bir AI asistanı içinse bir arama dizini, bir eğitim veri seti ya da o anda birinin beklediği tek bir cevap olabilir. Kurallara uyan botlar, sayfayı çekmeden önce `robots.txt` dosyanızı okur ve girmemesini istediğiniz yerlere girmez. Botlara nereye girip giremeyeceklerini söylemenin ana yolu bu dosyadır. ## Bir siteyi ne tür botlar ziyaret eder? Her bot aynı işi yapmaz; bu, üzerindeki şirket adından daha önemlidir. | Tür | Ne yapar | Örnek | | --- | --- | --- | | Arama motoru botu | Arama motorunun dizinini oluşturur | `Googlebot`, `bingbot` | | AI arama botu | AI asistanının cevaplarda kaynak gösterebileceği sayfaları bulur | `OAI-SearchBot`, `Claude-SearchBot`, `PerplexityBot` | | Eğitim botu | AI modellerini eğitmekte kullanılabilecek sayfaları toplar | `GPTBot`, `ClaudeBot`, `CCBot` | | Kullanıcı tetiklemeli bot | Kullanıcı asistandan istediği için bir sayfayı açar | `ChatGPT-User`, `Claude-User`, `Perplexity-User` | | Kontrol adı | Bot değil; AI eğitiminden çıkmak için robots.txt’te kullanılan bir ad | `Google-Extended`, `Applebot-Extended` | İşin pratik özeti şu: bir AI arama botunu engellemek sizi o asistanın cevaplarından çıkarır; eğitim botunu engellemek çıkarmaz. Bunlar ayrı kararlar. ## Arama motoru botları Klasik arama sonuçlarının arkasındaki botlar bunlar. Google ve Microsoft’ta AI cevaplarının arkasında da bu botlar var. | User-agent | Şirket | Ne için | | --- | --- | --- | | `Googlebot` | Google | AI Overviews ve AI Mode dahil Google Arama, Discover, Görseller ve Haberler | | `bingbot` | Microsoft | Bing arama. Copilot da aynı tarama ve dizini kullanıyor | | `Applebot` | Apple | Spotlight, Siri ve Safari önerileri | | `DuckDuckBot` | DuckDuckGo | DuckDuckGo arama sonuçları | | `YandexBot` | Yandex | Yandex arama dizini | Google, AI Overviews ve AI Mode’un da Arama’nın geri kalanıyla aynı Googlebot taramasını kullandığını söylüyor; yani bunlar için ayrıca izin vermeniz gereken bir bot yok. [Google Search Central: AI özellikleri.](https://developers.google.com/search/docs/appearance/ai-features) Microsoft da Bing ve Copilot’un aynı tarama, dizin ve sıralama altyapısını paylaştığını belirtiyor. [Bing Webmaster Yönergeleri.](https://www.bing.com/webmasters/help/webmaster-guidelines-30fba23a) ## AI botları: 2026 listesi Aşağıdaki şirketlerin hepsi botlarını resmi bir sayfada anlatıyor; son sütunda linkleri var. Bot adları ve kurallar değişebiliyor, bu yüzden güncel bilgi için o sayfaları esas alın. | User-agent | Şirket | Görevi | robots.txt’e uyuyor mu | Kaynak | | --- | --- | --- | --- | --- | | `OAI-SearchBot` | OpenAI | ChatGPT aramada gösterilecek sayfaları bulur; eğitimde kullanılmaz | Evet | [OpenAI](https://developers.openai.com/api/docs/bots) | | `GPTBot` | OpenAI | OpenAI modellerini eğitmek için içerik toplar | Evet | [OpenAI](https://developers.openai.com/api/docs/bots) | | `ChatGPT-User` | OpenAI | Bir ChatGPT kullanıcısı ya da GPT istediğinde sayfayı açar | Her zaman değil | [OpenAI](https://developers.openai.com/api/docs/bots) | | `Claude-SearchBot` | Anthropic | Claude’un arama dizini | Evet | [Anthropic](https://support.claude.com/en/articles/8896518-does-anthropic-crawl-data-from-the-web-and-how-can-site-owners-block-the-crawler) | | `ClaudeBot` | Anthropic | Model eğitimi için içerik toplar | Evet | [Anthropic](https://support.claude.com/en/articles/8896518-does-anthropic-crawl-data-from-the-web-and-how-can-site-owners-block-the-crawler) | | `Claude-User` | Anthropic | Claude kullanıcısının istediği sayfayı çeker | robots.txt ile kontrol edilebilir | [Anthropic](https://support.claude.com/en/articles/8896518-does-anthropic-crawl-data-from-the-web-and-how-can-site-owners-block-the-crawler) | | `PerplexityBot` | Perplexity | Perplexity’de gösterilecek ve linklenecek sayfaları bulur; eğitimde kullanılmaz | Evet | [Perplexity](https://docs.perplexity.ai/guides/bots) | | `Perplexity-User` | Perplexity | Kullanıcının sorduğu sayfayı çeker | Genellikle hayır | [Perplexity](https://docs.perplexity.ai/guides/bots) | | `Google-Extended` | Google | Bot değil, kontrol adı: Gemini eğitimi ve grounding’den çıkarır; Arama’yı etkilemez | – | [Google](https://developers.google.com/crawling/docs/crawlers-fetchers/google-common-crawlers) | | `Applebot-Extended` | Apple | Bot değil, kontrol adı: Apple’ın AI eğitiminden çıkarır; aramayı etkilemez | – | [Apple](https://support.apple.com/en-us/119829) | | `meta-externalagent` | Meta | Meta’nın AI ürünleri için eğitim ve dizinleme | Evet | [Meta](https://developers.facebook.com/docs/sharing/webmasters/web-crawlers) | | `meta-externalfetcher` | Meta | Bir kullanıcı ya da ajan görevi için sayfa çeker | Her zaman değil | [Meta](https://developers.facebook.com/docs/sharing/webmasters/web-crawlers) | | `Amazonbot` | Amazon | Amazon ürün ve hizmetleri; Amazon’un AI modellerini eğitmekte de kullanılabilir | Evet | [Amazon](https://developer.amazon.com/amazonbot) | | `Amzn-SearchBot` | Amazon | Alexa gibi arama deneyimleri; eğitimde kullanılmaz | Evet | [Amazon](https://developer.amazon.com/amazonbot) | | `DuckAssistBot` | DuckDuckGo | Kaynaklı AI cevapları için sayfa çeker; eğitimde kullanılmaz | Evet | [DuckDuckGo](https://duckduckgo.com/duckduckgo-help-pages/results/duckassistbot) | | `CCBot` | Common Crawl | Pek çok AI modelinin eğitildiği açık Common Crawl veri setini oluşturur | Evet | [Common Crawl](https://commoncrawl.org/ccbot) | Bu tabloda iki şey çoğu kişiyi şaşırtıyor. Birincisi, `ChatGPT-User` ve `Perplexity-User` gibi kullanıcı tetiklemeli botlar robots.txt’e her zaman uymayabiliyor; şirketler bunları bir linke tıklayan insan gibi değerlendiriyor. İkincisi, `Google-Extended` ve `Applebot-Extended` sitenizi hiç ziyaret etmiyor. Bunlar robots.txt’e yazdığınız adlar; onları normal Googlebot ve Applebot okuyor. Loglarınızda ByteDance’e ait olduğu söylenen `Bytespider`’ı da görebilirsiniz. ByteDance’in bu botu anlatan resmi bir sayfasını bulamadığımız için tabloya almadık. ## Gelen bot gerçekten iddia ettiği bot mu? Bir user-agent başlığına herkes “Googlebot” yazabilir; içerik kazıyan botlar bunu sürekli yapar. Bir ziyarete güvenmeden ya da onu engellemeden önce nereden geldiğine bakın. - **Yayınlanan IP listeleri.** Google, OpenAI, Anthropic, Perplexity, Apple, Common Crawl, Amazon ve DuckDuckGo botlarının kullandığı IP aralıklarını yayınlıyor. Google, kendi isteklerini nasıl doğrulayacağınızı [Googlebot ve diğer Google tarayıcılarını doğrulama](https://developers.google.com/crawling/docs/crawlers-fetchers/verify-google-requests) sayfasında anlatıyor. - **Ters DNS sorgusu.** Bing ve Yandex, ziyaret eden IP için ters DNS sorgusu yapıp çıkan alan adının kendilerine ait olduğunu kontrol etmenizi istiyor. Kendini `GPTBot` olarak tanıtıp OpenAI’ın listesi dışındaki bir IP’den gelen istek GPTBot değildir. ## Hangi arama botlarına izin vermelisiniz? Herkes için tek bir doğru cevap yok. Ama bulunmak isteyen çoğu marka için mantıklı bir başlangıç var. - **Arama botlarına izin verin**, hem klasik hem AI: `Googlebot`, `bingbot`, `OAI-SearchBot`, `Claude-SearchBot`, `PerplexityBot`, `Applebot`. Bunları engellemek sizi sonuçlardan ve AI cevaplarından çıkarır. - **Eğitim konusuna ayrı karar verin.** `GPTBot`, `ClaudeBot`, `CCBot`, `Google-Extended` ve `Applebot-Extended` model eğitimiyle ilgili; bugün cevaplarda görünüp görünmeyeceğinizle değil. - **Bilmediğiniz şeyi engellemeyin.** Adında “AI” ya da “GPT” geçen her botu engelleyen toplu bir kural, korumak istediğiniz arama botlarını da genellikle dışarıda bırakır. AI aramayı açık tutup eğitimden çıkan bir robots.txt şöyle görünebilir: ``` User-agent: OAI-SearchBot Allow: / User-agent: Claude-SearchBot Allow: / User-agent: PerplexityBot Allow: / User-agent: GPTBot Disallow: / User-agent: ClaudeBot Disallow: / User-agent: Google-Extended Disallow: / User-agent: Applebot-Extended Disallow: / User-agent: CCBot Disallow: / ``` Bu bir örnek; her site için öneri değil. Pek çok marka, modeller kendisini daha iyi tanısın diye içeriğinin eğitim verisinde olmasını istiyor. Değişikliklerin oturması da zaman alıyor: OpenAI’a göre bir robots.txt değişikliğinin uygulanması yaklaşık bir gün sürebiliyor. robots.txt bir kilit değil, bir rica. Kurallara uyan botları bir sayfadan uzak tutar ama sayfayı gizlemez. Gizli kalması gereken içerik için hâlâ giriş (login) gerekir. ## Sitenizi hangi botların ziyaret ettiğini nasıl görürsünüz? Sunucu ya da CDN loglarınız her isteği user-agent’ı, adresi ve durum koduyla kaydeder. Bunları yukarıdaki adlara göre filtrelerseniz hangi botların geldiğini, ne sıklıkla geldiğini ve hangi sayfaların onlara hata döndürdüğünü görürsünüz. Bunu adım adım [AI bot trafiği ve log analizi rehberimizde](https://brantial.ai/tr/blog/ai-bot-trafigi-ve-crawl-log-analizi-rehberi/) anlattık. Sorunların çoğunu iki hızlı kontrol yakalar: 1. **Bir arama botunu yanlışlıkla engelliyor musunuz?** robots.txt dosyanızı yukarıdaki tabloyla yan yana okuyun. 2. **Botlar içeriği okuyabiliyor mu?** Ana metin ancak JavaScript çalıştıktan sonra görünüyorsa, bazı AI botları boş bir sayfa görür. Ayrıntısı [AI botları JavaScript siteleri okuyabilir mi](https://brantial.ai/tr/blog/ai-botlari-javascript-siteleri-okuyabilir-mi/) yazımızda. Brantial’ın Site Sağlığı ekranında bu kontrol, Brantial’ı geliştiren şirketin sitesi webtures.com için şöyle görünüyor: tüm AI arama botlarına robots.txt’te izin verilmiş ve canlı testte hepsi normal bir sayfa (HTTP 200) alıyor. ![Brantial Site Sağlığı AI tarayıcıları tablosu: OAI-SearchBot, ChatGPT-User, Claude-SearchBot, Claude-User, PerplexityBot, Perplexity-User ve Meta-ExternalFetcher robots.txt'te açık ve canlı testte erişilebilir](https://brantial.ai/images/blog/search-bots/ai-crawler-access.png) ![Brantial Site Sağlığı AI tarayıcıları tablosu: OAI-SearchBot, ChatGPT-User, Claude-SearchBot, Claude-User, PerplexityBot, Perplexity-User ve Meta-ExternalFetcher robots.txt'te açık ve canlı testte erişilebilir](https://brantial.ai/images/blog/search-bots/ai-crawler-access-dark.png) Taranmak sadece ilk adım. Bot sayfanızı aldıktan sonra bir AI cevabının onu seçmesi gerekiyor; o kısmı [RAG nedir](https://brantial.ai/tr/blog/rag-nedir/) yazımızda anlattık. Hangi AI botlarının sitenize erişebildiğini kontrol edin Brantial'ın Site Sağlığı, robots.txt'inizi her AI botu için okur, canlı erişimi test eder ve AI bot ziyaretlerini kaydederek gerçekte kimin geldiğini gösterir. [Ücretsiz BrandScore](https://brantial.ai/tr/brandscore/) ## Sık sorulan sorular ### Arama botu ile crawler arasındaki fark nedir? Günlük kullanımda fark yok; aynı şeyi anlatıyorlar. “Crawler” ve “spider” programın linkten linke nasıl gezindiğini, “arama botu” ise ne işe yaradığını anlatıyor. ### AI Overviews için Googlebot mu kullanılıyor? Evet. Google, AI Overviews ve AI Mode’un Arama’nın geri kalanıyla aynı Googlebot taramasına dayandığını söylüyor. İzin vermeniz gereken ayrı bir bot yok; dizinde olmak ve snippet ile gösterilebilir olmak dışında ek bir teknik şart da yok. ### GPTBot’u engellersem sitem ChatGPT’den çıkar mı? Hayır. `GPTBot`, OpenAI’ın eğitim botu. ChatGPT arama ise `OAI-SearchBot` kullanıyor. ChatGPT aramada çıkmaya devam etmek için `OAI-SearchBot`’a izin verin; `GPTBot`’u engellemek sadece olası eğitim kullanımını etkiler. ### Google-Extended nedir? Bir bot değil, robots.txt’te kullanılan bir kontrol adı. Engellediğinizde Google’a içeriğinizi Gemini modellerini eğitmek ve Gemini uygulamaları ile Vertex AI’da grounding için kullanmamasını söylersiniz. Sitenizin Google Arama’da nasıl göründüğünü değiştirmez. ### AI botları robots.txt’e uyuyor mu? Şirketlerinin açıklamasına göre arama ve eğitim botlarının çoğu uyuyor. Kullanıcı istediği için sayfa açan kullanıcı tetiklemeli botlar ise uymayabiliyor. İlgili botun sağlayıcısının dokümanına bakın. ↑ 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 ### RAG Nedir? Yapay Zekâ Hangi Kaynağı Neden Seçiyor? RAG, yapay zekânın cevap vermeden önce kaynak aramasıdır. Nasıl çalıştığını, hangi sayfaların neden alıntılandığını ve sitenizin nasıl bulunacağını öğrenin. [RAG Nedir? Yapay Zekâ Hangi Kaynağı Neden Seçiyor?](https://brantial.ai/tr/blog/rag-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/) [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/arama-botu-nedir/) [EN](https://brantial.ai/blog/what-is-a-search-bot/) [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; } }