--- title: "AI Görünürlük Denetimi Nasıl Yapılır? | Brantial" description: "AI görünürlük denetimi; ChatGPT, Gemini ve diğer motorların markanızı anıp anmadığını, nasıl anlattığını ve hangi kaynaklara dayandığını adım adım inceler." source_url: "https://brantial.ai/tr/blog/markanizin-ai-gorunurlugunu-nasil-denetlersiniz/" lang: "tr" updated: "2026-10-20T00:00:00.000Z" --- Rehber 12 Aralık 2025 Güncellendi 20 Ekim 2026 # Markanızın AI Görünürlüğünü Nasıl Denetlersiniz? AI görünürlük denetimi; ChatGPT, Gemini ve diğer motorların markanızı anıp anmadığını, nasıl anlattığını ve hangi kaynaklara dayandığını adım adım inceler. ## Öne Çıkanlar: Markanın AI Görünürlüğünü Denetlemek 5 - AI görünürlük denetimi; müşterilerinizin sorduğu sorularda AI motorlarının markanızı anıp anmadığını, sizi kaçıncı sıraya koyduğunu, nasıl anlattığını ve hangi kaynaklara dayandığını düzenli biçimde kontrol etmektir. - Denetim sorunları bulan bir anlık görüntüdür; izleme ise aynı soruları zaman içinde tekrarlayıp trendi gösterir. Denetimle başlayın, önemli promptları izlemeye devam edin. - Her promptu temiz bir oturumda ve birden fazla kez çalıştırın. Yanıtlar çalıştırmadan çalıştırmaya değişir; kendi sohbet geçmişiniz de gördüğünüzü etkileyebilir. - Her yanıt için aynı alanları kaydedin: anıldı mı, kaçıncı sırada, doğru mu anlatıldı, duygu, anılan rakipler ve gösterilen kaynaklar. - Bulguların çoğu kaynaklara çıkar. Motorların gösterdiği sayfalarda yoksanız yanıtta da genellikle yoksunuz; eski bilgiler de genellikle eski bir sayfadan gelir. [Atiye Berika Ertaş Proje Koordinatörü](https://brantial.ai/tr/yazarlar/atiye-berika-ertas/) 7 dk okuma Paylaş [LinkedIn](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fbrantial.ai%2Ftr%2Fblog%2Fmarkanizin-ai-gorunurlugunu-nasil-denetlersiniz%2F) [X](https://x.com/intent/post?text=Markan%C4%B1z%C4%B1n%20AI%20G%C3%B6r%C3%BCn%C3%BCrl%C3%BC%C4%9F%C3%BCn%C3%BC%20Nas%C4%B1l%20Denetlersiniz%3F%20https%3A%2F%2Fbrantial.ai%2Ftr%2Fblog%2Fmarkanizin-ai-gorunurlugunu-nasil-denetlersiniz%2F) [Facebook](https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fbrantial.ai%2Ftr%2Fblog%2Fmarkanizin-ai-gorunurlugunu-nasil-denetlersiniz%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%2Fmarkanizin-ai-gorunurlugunu-nasil-denetlersiniz%2F) ![Markanızın AI Görünürlüğünü Nasıl Denetlersiniz?](https://brantial.ai/images/blog/how-to-audit-your-brand-s-ai-visibility/cover-tr.webp) ![Markanızın AI Görünürlüğünü Nasıl Denetlersiniz?](https://brantial.ai/images/blog/how-to-audit-your-brand-s-ai-visibility/cover-tr-dark.webp) **AI görünürlük denetimi, AI motorlarının markanızdan nasıl bahsettiğini düzenli biçimde kontrol etmektir.** ChatGPT, Gemini, Perplexity ve diğer asistanlara müşterilerinizin sorduğu soruları sorar; ardından markanızın anılıp anılmadığını, nerede geçtiğini, nasıl anlatıldığını ve yanıtın hangi kaynaklara dayandığını kaydedersiniz. Sonuç; nerede eksik olduğunuzu, nerede yanlış anlatıldığınızı ve bunun nedenini gösteren net bir listedir. Denetim, alışık olduğunuz raporların cevaplayamadığı bir soruyu cevaplar. Search Console Google sonuçlarında nasıl göründüğünüzü gösterir; ama biri kategorinizde en iyi seçeneği sorduğunda ChatGPT’nin sizi önerip önermediğini göstermez. Bu denetim tam olarak bunun içindir. ## AI görünürlük denetimi nedir? AI görünürlük denetimi (LLM görünürlük denetimi ya da AI arama görünürlük denetimi olarak da geçer), gerçek müşteri sorularından oluşan bir sette dört şeye bakar: - **Varlık:** Yanıt markanızı anıyor mu? - **Sıra:** İlk sırada mı öneriliyorsunuz, ortada mı listeleniyorsunuz, yoksa sonradan mı ekleniyorsunuz? - **Doğruluk ve ton:** Ürünleriniz, fiyatlarınız ve güçlü yanlarınız doğru anlatılıyor mu; ton olumlu mu, nötr mü, olumsuz mu? - **Kaynaklar:** Motor hangi sayfaları kullandı, sizinkiler aralarında mı? Bunlar birlikte yalnızca ne kadar görünür olduğunuzu değil, nedenini de gösterir. Denetimi bir plana dönüştüren de bu ikinci kısımdır. ## AI görünürlük denetimi ile SEO denetimi arasındaki fark | | SEO denetimi | AI görünürlük denetimi | | --- | --- | --- | | Ana soru | İnsanlar sayfalarımızı aramada bulabiliyor mu? | AI yanıtları bizi anıyor mu, doğru anlatıyor mu? | | Neye bakılır | Sıralama, tarama hataları, hız, bağlantılar | Anılma, sıra, anlatım, kaynaklar | | Birim | Anahtar kelime ve URL | Prompt, motor ve yanıt | | Sorunların yeri | Çoğunlukla kendi sitenizde | Hem sitenizde hem motorların gösterdiği üçüncü taraf sayfalarda | İkisi teknik temelde örtüşür: AI botları sayfalarınızı okuyamıyorsa ikisi de zarar görür. Ama AI denetiminin büyük kısmı sitenizin dışında, yanıtları şekillendiren karşılaştırma, inceleme ve liste sayfalarında geçer. ## AI görünürlük denetimi ile AI görünürlük izleme arasındaki fark nedir? **Denetim**, tek seferlik ve derinlemesine bir incelemedir. Belirli bir andaki boşlukları ve hataları bulur ve nedenlerini açıklar. **İzleme** ise aynı soruları günlük ya da haftalık düzenle sorar ve sayıları zaman içinde takip eder. Düzeltmelerinizin işe yarayıp yaramadığını gösterir; bir model güncellemesinden sonra bir motorun sizi listeden çıkarması gibi başka türlü kaçıracağınız değişiklikleri yakalar. Çoğu ekibin ikisine de ihtiyacı var: nerede durduğunu ve neyi düzelteceğini görmek için bir denetim, ardından ilerlemeyi görmek için önemli promptlarda izleme. Tek başına bir denetim çabuk eskir, çünkü AI yanıtları değişmeye devam eder. ## AI görünürlük denetimi adım adım nasıl yapılır? ### 1. Kapsamı belirleyin Müşterilerinizin kullandığı motorları (çoğu marka için ChatGPT, Google AI Overviews ve AI Mode, Gemini, Perplexity, Claude ve Copilot), pazarları ve dilleri seçin. İki ülkede satış yapan bir markanın iki dili de denetlemesi gerekir; Türkçe ve İngilizce yanıtlar çoğu zaman farklı markaları anar. ### 2. Promptları yazın Gerçek müşterilerin kendi kelimeleriyle soracağı 30–50 soru yazın. Dört türü kapsayın: - **Kategori soruları:** “Küçük bir online mağaza için en iyi e-posta pazarlama aracı hangisi?” - **Sorun soruları:** “Mağazamda sepette bırakılan siparişleri nasıl azaltırım?” - **Karşılaştırma soruları:** “20 kişilik bir ekip için [markanız] mı [rakip] mi daha iyi?” - **Marka soruları:** “[Markanız] nedir, fiyatı ne kadar?” Marka sorularını sonuçlarda ayrı tutun. Motorların sizi doğru anlatıp anlatmadığını gösterirler; ama neredeyse her zaman sizi anarlar, diğerleriyle karışırlarsa görünürlüğü şişirirler. Setin büyüklüğünü [kaç prompt takip edilmeli rehberi](https://brantial.ai/tr/blog/ai-gorunurlugu-icin-kac-prompt-takip-edilmeli/) anlatıyor. ### 3. Her promptu temiz bir oturumda, birden fazla kez çalıştırın Geçmişinizin yanıtları etkilememesi için oturum açmadan ya da hafızası ve kişiselleştirmesi kapalı yeni bir oturumda çalışın. Her promptu her motorda en az üç kez çalıştırın: yanıtlar değişir ve tek bir sonuç karar vermeye yetmez. ### 4. Her yanıt için aynı alanları kaydedin Basit bir tablo yeterli. Her prompt, motor ve çalıştırma için şunları kaydedin: | Alan | Örnek | | --- | --- | | Marka anıldı mı? | Evet | | Sıra | 5 markadan 3. | | Anlatım | ”Uygun fiyatlı ama entegrasyonları sınırlı” | | Doğru mu? | Hayır: entegrasyon listesi eski | | Duygu | Nötr | | Anılan rakipler | A markası (1.), B markası (2.) | | Gösterilen kaynaklar | Bir karşılaştırma yazısı, bir inceleme sitesi, bir forum başlığı | ### 5. Sonuçları puanlayın Sizi anan yanıtların oranını hesaplayın: bu, [AI görünürlük skorunuzdur](https://brantial.ai/tr/blog/ai-gorunurluk-skoru-nedir-nasil-hesaplanir/). Aynı promptlarda her rakip için de aynısını yapın. Ardından ortalama sıraya ve kaç anlatımda hata olduğuna bakın. ### 6. Nedenleri kaynaklarda bulun En faydalı adım bu. Sizi dışarıda bırakan yanıtların gösterdiği kaynakları listeleyin. Genellikle bir örüntü ortaya çıkar: rakiplerinizi anan ama sizi anmayan birkaç karşılaştırma yazısı, inceleme sitesi ya da topluluk başlığı. Öncelik listeniz bu sayfalardır. En yaygın örüntüleri [ChatGPT neden rakibinizi öneriyor?](https://brantial.ai/tr/blog/chatgpt-neden-rakibinizi-oneriyor/) yazısı anlatıyor. Sizi yanlış anlatan yanıtlarda ise bunu söyleyen sayfayı bulun. Yanıttaki eski bir fiyat ya da kaldırılmış bir özellik genellikle sizin sitenizde ya da başka bir yerde güncellenmemiş bir sayfadan gelir. ### 7. Motorların sitenizi okuyabildiğini kontrol edin robots.txt dosyanızın istediğiniz AI botlarını (örneğin ChatGPT araması için OAI-SearchBot) engellemediğini ve önemli sayfalarınızın içeriğini JavaScript’e ihtiyaç duymadan gösterdiğini doğrulayın. İkisini de [AI bot trafiği rehberi](https://brantial.ai/tr/blog/ai-bot-trafigi-ve-crawl-log-analizi-rehberi/) ve [AI botları JavaScript siteleri okuyabilir mi?](https://brantial.ai/tr/blog/ai-botlari-javascript-siteleri-okuyabilir-mi/) yazıları anlatıyor. ### 8. Önceliklendirin, düzeltin, yeniden test edin Boşlukları sorunun ne kadar değerli olduğuna ve nedenin ne kadar düzeltilebilir olduğuna göre sıralayın. Her değişiklikten sonra aynı promptları aynı koşullarda yeniden çalıştırın. Birkaç hafta içinde hiçbir şey değişmezse motorun gerçekte hangi kaynakları kullandığına yeniden bakın. ## AI görünürlük denetimleri genellikle ne bulur? - **Google’da güçlü, AI yanıtlarında yok.** Marka iyi sıralanıyor ama motorların gösterdiği karşılaştırma sayfaları onu anmıyor. - **Anılıyor ama eski bilgilerle.** Bir iki yıl önceki fiyatlar, ürün adları ya da özellikler. - **Bir motorda görünür, diğerinde yok.** Her motor farklı kaynaklara dayanır; bkz. [AI platformları neden farklı cevaplar veriyor?](https://brantial.ai/tr/blog/ai-platformlari-neden-farkli-cevaplar-veriyor/) - **Yalnızca soru markayı içerdiğinde anılıyor.** Marka tanınırlığı iyi, kategori varlığı zayıf. - **Sayfalar engelli ya da okunamıyor.** Bir robots.txt kuralı ya da yalnızca JavaScript’le açılan bir sayfa, motorların markanın kendi içeriğini kullanmasını engelliyor. ## Manuel denetim mi, otomatik izleme mi? Manuel denetim iyi bir başlangıçtır ve motorların nasıl cevap verdiği hakkında çok şey öğretir. Birkaç düzine promptun ötesinde sürdürmek zorlaşır: her birini altı motorda birkaç kez, her hafta çalıştırmak kısa sürede okunup kaydedilecek binlerce yanıt demektir. Otomatik izleme tekrarlanan kısmı yapar. Brantial gibi bir platform promptlarınızı her motorda düzenli aralıklarla temiz bir ortamda sorar; her yanıtın hangi markaları andığını, nerede geçtiklerini, nasıl anlatıldıklarını ve hangi kaynakların gösterildiğini kaydeder; trendleri görebilmeniz için geçmişi saklar. Sonuçlar [entegrasyonlar](https://brantial.ai/tr/integrations/) üzerinden Looker Studio, Google Sheets ya da Power BI’a da aktarılabilir; böylece AI görünürlüğü diğer pazarlama verilerinizle aynı raporlarda yer alır. Denetiminizi sürekli izlemeye dönüştürün Brantial denetim promptlarınızı ChatGPT, Gemini, Claude, Perplexity ve diğer motorlarda düzenli olarak sorar; nerede anıldığınızı, yerinize kimin anıldığını ve her yanıtın hangi kaynaklara dayandığını gösterir. [AI görünürlüğünüzü izlemeye başlayın](https://app.brantial.ai/register) ## Sık sorulan sorular ### AI görünürlüğümü ne sıklıkla denetlemeliyim? Bir kez kapsamlı bir denetim yapın; ardından her çeyrekte ya da marka yenileme, yeni ürün grubu veya site taşıma gibi büyük değişikliklerden sonra tekrarlayın. Denetimler arasında en önemli promptlarınızı haftalık ya da günlük izleyin. ### Bir AI görünürlük denetimi için kaç prompt gerekir? Tek bir pazarda tek bir ürün kategorisi için iyi seçilmiş 30–50 prompt, ana boşlukları bulmaya yeter. Birden fazla ürün, kitle ya da ülke daha fazlasını gerektirir; çünkü her birinin kendi soruları vardır. ### Neden her sorduğumda farklı yanıt alıyorum? AI motorları her seferinde yeni bir yanıt üretir ve farklı kaynaklara bakabilir. Bu yüzden her prompt birkaç kez çalıştırılmalı ve tek bir yanıta değil, örüntüye göre değerlendirilmelidir. ### AI görünürlüğünü ücretsiz denetleyebilir miyim? Evet. Promptlarınızı temiz oturumlarda elle sorup sonuçları kaydetmek yalnızca zaman alır. Hızlı bir ilk fikir için Brantial’ın ücretsiz [BrandScore](https://brantial.ai/tr/brandscore/) kontrolü alan adınız için bir skor verir. ### Denetimden sonra önce neyi düzeltmeliyim? Rakiplerin anılıp sizin anılmadığınız değerli sorulardan başlayın ve o yanıtların gösterdiği kaynaklara geri gidin. Markanızla ilgili hatalı bilgileri geldikleri sayfada düzeltin. İkisi de genellikle genel içerik değişikliklerinden daha hızlı sonuç verir. ↑ 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/) [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/markanizin-ai-gorunurlugunu-nasil-denetlersiniz/) [EN](https://brantial.ai/blog/how-to-audit-your-brand-s-ai-visibility/) [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; } }