--- title: "AI Site Denetimi: AI Arama Kontrol Listesi | Brantial" description: "Crawler erişimi, render edilen içerik, teknik sinyaller, kaynaklar, yapılandırılmış veri ve AI yanıt görünürlüğü için uygulanabilir kontrol listesi." source_url: "https://brantial.ai/tr/blog/ai-site-denetimi-kontrol-listesi/" lang: "tr" updated: "2026-09-15T00:00:00.000Z" --- {"@context":"https://schema.org","@type":"FAQPage","@id":"https://brantial.ai/tr/blog/ai-site-denetimi-kontrol-listesi/#faq","mainEntity":[{"@type":"Question","name":"AI site denetimi teknik SEO denetiminden farklı mı?","acceptedAnswer":{"@type":"Answer","text":"İki çalışma büyük ölçüde kesişir. AI site denetimi; klasik crawl, indeksleme ve canonical kontrollerine bot amacı kararlarını, yanıt motoru kaynaklarını, erişim davranışını ve render edilen ana yanıtı ekler."}},{"@type":"Question","name":"Şema işaretlemesi siteyi AI aramaya hazırlar mı?","acceptedAnswer":{"@type":"Answer","text":"Tek başına hayır. Doğru yapılandırılmış veri belirsizliği azaltabilir; engelli erişimi, zayıf kanıtı, çelişkili ürün verisini veya eksik içeriği onaramaz."}},{"@type":"Question","name":"Her sayfa AI yanıtları için optimize edilmeli mi?","acceptedAnswer":{"@type":"Answer","text":"Hayır. Müşteri için anlamlı soruları yanıtlayan veya önemli ürün, hizmet, araştırma ve politikaları açıklayan sayfalara öncelik verin. Yardımcı araç ve hesap sayfalarının görevi farklıdır."}},{"@type":"Question","name":"Denetim ne sıklıkla tekrarlanmalı?","acceptedAnswer":{"@type":"Answer","text":"Yeniden tasarım, framework geçişi, CDN veya çerez onayı değişikliği ve büyük katalog güncellemesinden sonra şablon testleri yapın. Sağlayıcı davranışları değiştiği için bot politikalarını ve yanıt katmanını en az üç ayda bir gözden geçirin."}}]} Rehber 15 Eylül 2026 # AI Site Denetimi Kontrol Listesi: Siteniz AI Aramaya Hazır mı? Crawler erişimi, render edilen içerik, teknik sinyaller, kaynaklar, yapılandırılmış veri ve AI yanıt görünürlüğü için uygulanabilir kontrol listesi. ## Öne Çıkanlar: AI Site Denetimi 5 - Önce erişim ve render kontrol edilir. Crawler hata, doğrulama ekranı, boş uygulama kabuğu veya engelli kaynak görüyorsa içerik güvenilir biçimde seçilemez. - Yalnızca ana sayfayı değil şablonları ve sayfa gruplarını inceleyin. Ürün, kategori, dokümantasyon, lokasyon ve yazı şablonları farklı noktalarda bozulabilir. - Net varlıklar, doğrulanabilir kaynaklar, tarihler, yazarlık bilgisi ve görünür içerikle tutarlı yapılandırılmış veri sayfanın yorumlanmasını kolaylaştırır. - Evrensel bir AI hazırlık puanı uydurmayın. Kontrolleri geçti, iyileştirilmeli veya engelli olarak işaretleyip iş etkisi ve etkilenen URL sayısına göre sıralayın. - Teknik iyileştirmelerin görünür sonuca bağlanabilmesi için önemli değişikliklerden sonra aynı prompt ve kaynak kontrollerini tekrarlayın. [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%2Fai-site-denetimi-kontrol-listesi%2F) [X](https://x.com/intent/post?text=AI%20Site%20Denetimi%20Kontrol%20Listesi%3A%20Siteniz%20AI%20Aramaya%20Haz%C4%B1r%20m%C4%B1%3F%20https%3A%2F%2Fbrantial.ai%2Ftr%2Fblog%2Fai-site-denetimi-kontrol-listesi%2F) [Facebook](https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fbrantial.ai%2Ftr%2Fblog%2Fai-site-denetimi-kontrol-listesi%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-site-denetimi-kontrol-listesi%2F) ![AI Site Denetimi Kontrol Listesi: Siteniz AI Aramaya Hazır mı?](https://brantial.ai/images/blog/ai-site-audit-checklist/cover-tr.webp) ![AI Site Denetimi Kontrol Listesi: Siteniz AI Aramaya Hazır mı?](https://brantial.ai/images/blog/ai-site-audit-checklist/cover-tr-dark.webp) AI site denetimi, arama ve yanıt sistemlerinin işletmeniz için önemli sayfalara **erişip erişemediğini, içeriği render edip edemediğini, doğru yorumlayıp doğrulayabildiğini ve yeniden ziyaret edebildiğini** kontrol eder. Bir log dosyasında AI crawler görmekten daha kapsamlı, siteye tek bir puan vermekten daha kullanışlıdır. Denetime gerçek kararları etkileyen sayfalardan başlayın: ürün ve hizmet sayfaları, kategori merkezleri, dokümantasyon, araştırmalar, karşılaştırmalar ve müşteri sorularını yanıtlayan içerikler. Kusursuz bir ana sayfa, engellenmiş ürün şablonunu telafi etmez. ## Kısa AI Site Denetimi Kontrol Listesi | Alan | Uygulanabilir başarı ölçütü | Toplanacak kanıt | | --- | --- | --- | | Erişim | Önemli açık URL’ler giriş, doğrulama ekranı veya ülke engeli olmadan `200` döner | HTTP yanıtı, edge logları, birden fazla lokasyondan test | | Tarama politikası | Arama, erişim ve eğitim botları için kasıtlı ve belgelenmiş kurallar vardır | Canlı robots.txt, WAF/CDN kuralları, sağlayıcı dokümanı | | Render | Ana yanıt ve bağlantılar crawler’ın alabileceği HTML’de görünür | Ham HTML ile render edilen DOM karşılaştırması | | Keşif | Değerli sayfalarda taranabilir iç bağlantı vardır ve doğru sitemap’te yer alır | Bağlantı grafiği, sitemap durumu, orphan sayfa raporu | | Canonical ve diller | Her sayfa doğru canonical’ı ve gerçekten var olan dil alternatiflerini bildirir | Kaynak HTML, hreflang doğrulaması, yönlendirme kontrolü | | Anlam | Konu, özellikler, hedef kitle, sınırlar ve ilişkiler açıkça anlatılır | Başlık yapısı, metin incelemesi, varlık tutarlılığı | | Kaynak | İddialarda tarih, yöntem, yazar ve gerektiğinde birincil kaynak bulunur | Görünür sayfa alanları ve kaynak bağlantıları | | Yapılandırılmış veri | İşaretleme görünür içerikle eşleşir ve doğru sayfa tipini kullanır | Şema doğrulaması ve kaynak karşılaştırması | | Güncellik | Tarih, fiyat, stok, özellik ve politika ifadelerinin sahibi bellidir | CMS alanları, feed karşılaştırması, güncelleme sorumlusu | | Ölçüm | Tarama, kaynak gösterimi, yönlendirme ve dönüşüm zaman içinde izlenebilir | Loglar, AI görünürlük takibi, analitik olayları | Google arama uygunluğu için üç asgari teknik koşul tanımlar: crawler engellenmemeli, sayfa başarılı HTTP yanıtı vermeli ve indekslenebilir içerik taşımalıdır. Bunlar görünürlük garantisi değildir, ancak iyi bir teknik tabandır. Sağlayıcıya özel katman için Google’ın [teknik gereksinimlerine](https://developers.google.com/search/docs/essentials/technical) ve OpenAI’ın [yayıncı açıklamasına](https://help.openai.com/tr-tr/articles/12627856-publishers-and-developers-faq) bakabilirsiniz. ## Tam Denetimden Önce 30 Dakikalık Hızlı Kontrol Zaman kısıtlıysa her önemli şablondan yüksek değerli bir URL seçip şu sırayla ilerleyin: 1. Sayfayı çerez veya açık oturum olmadan isteyin. 2. Yanıt kodunu, son URL’yi, canonical’ı, robots direktifini ve dil etiketlerini kaydedin. 3. Kaynak HTML ile render edilen sayfayı karşılaştırın. Ana yanıt ikisinde de var mı? 4. robots.txt dosyasını açıp desteklemek istediğiniz botların politikasını kontrol edin. 5. Sayfaya gelen iç bağlantıları izleyin. Bunlar gerçek `` bağlantıları mı? 6. Yapılandırılmış verinin ziyaretçinin gördüğü içerikle eşleştiğini doğrulayın. 7. Ölçtüğünüz yanıt motorlarında iki veya üç ilgili soru sorun; sayfanızın mı rakibin mi kaynak gösterildiğini kaydedin. Bu hızlı tur, tam crawl’ın yerini tutmaz; fakat sorunun sunucu, render, içerik veya yanıt katmanında olduğunu çoğu zaman gösterir. ## 1. İçerik Kalitesinden Önce Erişimi Denetleyin CMS önizlemesini değil, canlıdaki son URL’yi test edin. Şunları arayın: - açık olması gereken sayfalarda `401` veya `403`, - `200` dönmesine rağmen makale yerine doğrulama ekranı gösteren bot koruması, - edge kuralından kaynaklanan sürekli `429`, - yanlış dilde biten yönlendirme zincirleri, - hata mesajı gösterirken `200` dönen soft `404` sayfaları, - robots.txt tarafından engellenen gerekli CSS, JavaScript, görsel veya API kaynakları. Sunucu veya edge loglarını da inceleyin. Ofis tarayıcısında geçen test, doğrulanmış bir crawler için başka bölgede engellenebilir. [AI bot trafiği ve crawl log analizi](https://brantial.ai/tr/blog/ai-bot-trafigi-ve-crawl-log-analizi-rehberi/) rehberi arama botlarını, eğitim crawler’larını ve kullanıcı isteğiyle çalışan fetcher’ları ayırmayı anlatıyor. ## 2. JavaScript Öncesi ve Sonrası İçeriği Karşılaştırın Her yanıt motorunun JavaScript’i modern bir tarayıcı gibi çalıştırdığını varsaymayın. Şunları karşılaştırın: - sunucunun döndürdüğü HTML, - scriptler tamamlandıktan sonraki DOM, - JavaScript kapalıyken erişilebilen metin, - her aşamada bulunan bağlantı ve meta etiketleri. Sayfanın konusu, ana yanıtı, canonical’ı, indekslenebilirlik direktifi ve temel bağlantıları kırılgan bir etkileşime bağlı olmamalıdır. Sunucu tarafında render veya statik üretim genellikle kullanıcılar ve crawler’lar için daha güvenilir bir taban sağlar. Ayrıntılı karşılaştırmayı [AI Botları JavaScript Siteleri Okuyabilir mi?](https://brantial.ai/tr/blog/ai-botlari-javascript-siteleri-okuyabilir-mi/) rehberinde bulabilirsiniz. ## 3. Keşfi Şablon Bazında İnceleyin XML sitemap keşfe yardımcı olur, fakat iç bağlantının yerini tutmaz. Her önemli şablonda şunları kontrol edin: - sayfa ilgili konu merkezinden bağlanıyor mu, - sayfalama ve filtreler crawler’ı döngüye sokuyor mu, - URL’ler tutarlı ve kalıcı mı, - sitemap yalnızca canonical ve `200` dönen URL’leri mi içeriyor, - orphan sayfaların sahibi ve varlık nedeni belli mi, - arşiv sayfaları yalnızca zayıf bağlantı listeleri mi, yoksa gerçekten faydalı mı? Sorunları şablon ve etkilenen URL sayısıyla eşleştirin. Sekiz bin URL’yi etkileyen ürün şablonunu düzeltmek, çoğu zaman tek bir yazıyı parlatmaktan değerlidir. ## 4. Sayfanın Anlamını Açık Hâle Getirin AI arama için iyi içerik, kısa ve kalıplaşmış cevapların art arda sıralanması değildir. Sisteme yanıtın hangi koşullarda geçerli olduğunu anlayacağı kadar bağlam verir. Sayfanın şunları açıkça belirttiğini kontrol edin: - konu nedir, - ürün veya yönlendirme kim içindir, - önemli özellik, kısıt ve istisnalar nelerdir, - bilgi nasıl üretilmiştir, - ne zaman yayımlanmış veya gözden geçirilmiştir, - hangi kurum, ürün ya da kişiden söz edilmektedir. Başlıkları gerçek bölümleri düzenlemek için kullanın; birbirine çok benzeyen anahtar kelime çeşitlerini tekrarlamak için değil. Girişte kısa yanıt faydalıdır, ama devamında örnek, sınır ve kanıt bulunmalıdır. ## 5. Kanıt ve Kaynak Gösterilebilirliği Denetleyin Okuyucu kaynağı inceleyebildiğinde bir iddiaya güvenmek kolaylaşır. Şunları kontrol edin: - yazar ve kurum bilgisi, - yayın ve güncelleme tarihi, - özgün araştırmalarda yöntem, - yüzdelerde örneklem büyüklüğü ve kapsam, - değişken platform davranışlarında birincil doküman bağlantısı, - tahmin, örnek ve gözlemlenmiş sonuçların açık etiketi. Gerçek bir sistem beslemiyorsa “bugün binlerce analiz” gibi sayaçları kaldırın. Kurum içi tahmini evrensel ölçüte dönüştürmeyin. ## 6. Yapılandırılmış Veriyi Görünür İçerikle Eşleştirin Yapılandırılmış veri, eksik içeriği gizlemek için değil görünür içeriği tarif etmek için kullanılır. Ad, fiyat, stok, tarih, yazar, breadcrumb ve kurum bilgilerinin sayfayla eşleştiğini doğrulayın. Uygun olan en spesifik tipi kullanın; ilişkili göründüğü için her şema türünü eklemeyin. Geçersiz veya yanıltıcı işaretleme otorite değil gürültü üretir. Onay yönetimi ve istemci tarafı navigasyon çalıştıktan sonra işaretlemenin render edilen çıktıda kaldığını da kontrol edin. ## 7. Ticari Veride Tutarlılığı Test Edin Ürün ve hizmet sitelerinde sayfayı tüm aşağı akış kaynaklarıyla karşılaştırın: - ürün feed’i, - yapılandırılmış veri, - site içi arama indeksi, - fiyatlandırma sayfası, - stok veya rezervasyon sistemi, - farklı dil sürümleri. Fiyat ya da stok değiştiğinde sayfa ile feed günlerce çelişmemelidir. E-ticaret ekipleri için [ChatGPT ürün feed gereksinimleri](https://brantial.ai/tr/blog/chatgpt-urun-feed-gereksinimleri-2026/) alan bazında iyi bir başlangıç sunar. ## 8. Yanıt Katmanını Ölçün Teknik düzeltme, etkisini gözlemleyebildiğinizde tamamlanır. Keşif, karşılaştırma, doğrulama ve satın alma niyetini kapsayan sabit bir soru kümesi tutun. Her ölçümde şunları kaydedin: - marka görünüyor mu, - hangi sayfa kaynak gösteriliyor, - yanıt doğru mu, - yerine hangi rakip kullanılıyor, - motor, pazar, dil ve tarih nedir? Prompt kümesini her hafta değiştirip yüzdeleri kıyaslamayın. Önemli sürümlerin çevresinde yöntemi sabit tutun. [Brantial Site Health](https://brantial.ai/tr/features/site-health/) teknik bulguları düzenlemeye yardımcı olur; AI görünürlük takibi ise ayrı bir yanıt katmanı sinyali olarak değerlendirilmelidir. ## Denetim Bulguları Nasıl Önceliklendirilir? Üç durum kullanın: **geçti**, **iyileştirilmeli** ve **engelli**. Ardından her sorun için dört soru sorun: 1. Kaç değerli URL etkileniyor? 2. Sorun erişimi veya anlamayı mı engelliyor, yalnızca sunumu mu etkiliyor? 3. Etkilenen içerik müşteri araştırması veya gelirle bağlantılı mı? 4. Düzeltme şablon ya da altyapı seviyesinde bir kez yapılabilir mi? Bu yaklaşım, açıklaması olmayan bir “AI hazırlık puanı”ndan daha dürüst ve kullanışlıdır. Engellenmiş kategori şablonu, sayılması daha kolay olsa bile on küçük metin düzenlemesinden önce gelmelidir. ## Sık Sorulan Sorular ### AI site denetimi teknik SEO denetiminden farklı mı? İki çalışma büyük ölçüde kesişir. AI site denetimi; klasik crawl, indeksleme ve canonical kontrollerine bot amacı kararlarını, yanıt motoru kaynaklarını, erişim davranışını ve render edilen ana yanıtı ekler. ### Şema işaretlemesi siteyi AI aramaya hazırlar mı? Tek başına hayır. Doğru yapılandırılmış veri belirsizliği azaltabilir; engelli erişimi, zayıf kanıtı, çelişkili ürün verisini veya eksik içeriği onaramaz. ### Her sayfa AI yanıtları için optimize edilmeli mi? Hayır. Müşteri için anlamlı soruları yanıtlayan veya önemli ürün, hizmet, araştırma ve politikaları açıklayan sayfalara öncelik verin. Yardımcı araç ve hesap sayfalarının görevi farklıdır. ### Denetim ne sıklıkla tekrarlanmalı? Yeniden tasarım, framework geçişi, CDN veya çerez onayı değişikliği ve büyük katalog güncellemesinden sonra şablon testleri yapın. Sağlayıcı davranışları değiştiği için bot politikalarını ve yanıt katmanını en az üç ayda bir gözden geçirin. ↑ 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/ai-site-denetimi-kontrol-listesi/) [EN](https://brantial.ai/blog/ai-site-audit-checklist/) [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 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; } }