.hmk-yan-dgm{display:inline-flex;align-items:center;justify-content:center}
@media (max-width:899.98px){.hmk-yan-dgm{display:none !important}}
                                                                                
                                                                                         
@media (min-width:900px){
  .ai-chat-root.ai-chat-root[data-hmk-kip="kucuk"] .tb-chatwin > div:first-child button.hmk-yan-dgm{display:inline-flex !important}
}

                                                                            
                                                                         
                                                                    
html.hmk-yan body{margin-inline-end:var(--hmk-yan-w) !important;overflow-x:clip}
html.hmk-yan .nv07{inset-inline-end:calc(var(--nv07-cerceve) + var(--hmk-yan-w)) !important}
html.hmk-yan .crz{inset-inline-end:var(--hmk-yan-w) !important}

                                                                           
html.hmk-yan .ai-chat-root.ai-chat-root{
  inset-block:0 !important;inset-inline-end:0 !important;inset-inline-start:auto !important;
  width:var(--hmk-yan-w) !important;z-index:8500 !important;
}
/* 🔴 22.09.2026 — YANA SABİTLEYİNCE PENCERE TAM BOY OLMUYORDU.
   Sebep: pencerenin boyunu Alpine, ÖĞENİN KENDİ style'ına
   "height:600px !important" diye yazıyor. Satır içi !important, stil
   dosyasındaki !important'ı da yener; bu yüzden aşağıdaki height/block-size
   kuralları hiç uygulanmıyordu ve panel sağda 600px'lik bir kutu olarak
   kalıyordu (ölçüldü: kök 893px, pencere 600px).
   Çözüm kutu modelinin kendi sırası: min-* sınırı, height VE max-height'tan
   SONRA uygulanır; dolayısıyla satır içi !important'a rağmen kazanır.
   JS ile satır içi stili kovalamaya (MutationObserver) gerek kalmaz. */
html.hmk-yan .ai-chat-root.ai-chat-root[data-hmk-kip] .tb-chatwin{
  position:absolute !important;inset:0 !important;
  width:100% !important;height:100% !important;
  inline-size:100% !important;block-size:100% !important;
  min-block-size:100% !important;min-inline-size:100% !important;
  max-width:none !important;max-height:none !important;max-block-size:none !important;
  margin:0 !important;border-radius:0 !important;
  border-width:0 !important;border-inline-start-width:1px !important;
  cursor:auto !important;
  transition:none !important;
}
                                                                                  
                                                                            
                                        
                                             
html.hmk-yan .ai-chat-root .tb-chatwin > div:first-child > div:last-child{opacity:1 !important}
                                                                             
                                                               
.ai-chat-root .tb-chatwin > div:first-child button.hmk-genislik-dgm{display:none !important}
                                                                         
html.hmk-yan .ai-chat-root .ai-maskot-sol{display:none !important}

                                                                            
                                                                         
                                                                             
                                                                   
                                                                             
                                                                     
html.hmk-yan .ai-chat-root .tb-chatwin > div:first-child{
  min-block-size:var(--hmk-yan-bas, 69px) !important; box-sizing:border-box;
  display:flex !important; align-items:center !important;
  padding-block:0 !important;
  transition:min-block-size .28s ease;
}