.ai-chat-root button:not([class^="bg-"]):not([class*=" bg-"]),
.ai-chat-root [role="button"]:not([class^="bg-"]):not([class*=" bg-"]),
.hmk-sohbet-ic button:not([class^="bg-"]):not([class*=" bg-"]),
.hmk-sohbet-ic [role="button"]:not([class^="bg-"]):not([class*=" bg-"]){
  background-color: transparent;
  background-image: none;
  border-width: 0;
}

                                                                     
.ai-chat-root button, .ai-chat-root [role="button"], .ai-chat-root label[for],
.hmk-sohbet-ic button, .hmk-sohbet-ic [role="button"], .hmk-sohbet-ic label[for]{ cursor: pointer; }
.ai-chat-root button:disabled,
.hmk-sohbet-ic button:disabled{ cursor: not-allowed; }

                                                      
                                                                   
                                                                     
                                                                     
                                                                    
                                                                          
.ai-chat-root.ai-chat-root [class~="bg-white"],
.hmk-sohbet-ic.hmk-sohbet-ic [class~="bg-white"]{ background-color: var(--z1); }
.ai-chat-root.ai-chat-root [class~="bg-gray-50"],
.hmk-sohbet-ic.hmk-sohbet-ic [class~="bg-gray-50"],
.ai-chat-root.ai-chat-root [class~="bg-blue-50"],
.hmk-sohbet-ic.hmk-sohbet-ic [class~="bg-blue-50"]{ background-color: var(--z2); }
                                                                       
                                                                
                                                                     
                                                                           
.ai-chat-root.ai-chat-root [class~="bg-gray-800"],
.hmk-sohbet-ic.hmk-sohbet-ic [class~="bg-gray-800"],
.ai-chat-root.ai-chat-root [class~="bg-gray-900"],
.hmk-sohbet-ic.hmk-sohbet-ic [class~="bg-gray-900"],
.ai-chat-root.ai-chat-root [class~="dark:bg-gray-800"],
.hmk-sohbet-ic.hmk-sohbet-ic [class~="dark:bg-gray-800"],
.ai-chat-root.ai-chat-root [class~="dark:bg-gray-900"],
.hmk-sohbet-ic.hmk-sohbet-ic [class~="dark:bg-gray-900"]{ background-color: var(--z1); }
.ai-chat-root.ai-chat-root [class~="dark:bg-gray-700"],
.hmk-sohbet-ic.hmk-sohbet-ic [class~="dark:bg-gray-700"]{ background-color: var(--z2); }

.ai-chat-root.ai-chat-root [class~="text-gray-900"], .ai-chat-root.ai-chat-root [class~="text-gray-800"],
.hmk-sohbet-ic.hmk-sohbet-ic [class~="text-gray-900"], .hmk-sohbet-ic.hmk-sohbet-ic [class~="text-gray-800"]{ color: var(--mrk); }
.ai-chat-root.ai-chat-root [class~="text-gray-700"], .ai-chat-root.ai-chat-root [class~="text-gray-600"],
.hmk-sohbet-ic.hmk-sohbet-ic [class~="text-gray-700"], .hmk-sohbet-ic.hmk-sohbet-ic [class~="text-gray-600"]{ color: var(--mrk2); }
.ai-chat-root.ai-chat-root [class~="text-gray-500"], .ai-chat-root.ai-chat-root [class~="text-gray-400"],
.hmk-sohbet-ic.hmk-sohbet-ic [class~="text-gray-500"], .hmk-sohbet-ic.hmk-sohbet-ic [class~="text-gray-400"]{ color: var(--mrk3); }
                                                         
                                                                       
                                                                     
                                                              
.ai-chat-root.ai-chat-root [class~="placeholder-gray-500"]::placeholder,
.hmk-sohbet-ic.hmk-sohbet-ic [class~="placeholder-gray-500"]::placeholder{ color: var(--mrk2); opacity: 1; }

.ai-chat-root.ai-chat-root [class~="border-gray-200"], .ai-chat-root.ai-chat-root [class~="border-gray-300"],
.ai-chat-root.ai-chat-root [class~="border-gray-700"],
.hmk-sohbet-ic.hmk-sohbet-ic [class~="border-gray-200"], .hmk-sohbet-ic.hmk-sohbet-ic [class~="border-gray-300"],
.hmk-sohbet-ic.hmk-sohbet-ic [class~="border-gray-700"]{ border-color: var(--cizgi2); }

                                                                              
.ai-chat-root.ai-chat-root [class~="bg-blue-600"], .ai-chat-root.ai-chat-root [class~="bg-blue-500"],
.hmk-sohbet-ic.hmk-sohbet-ic [class~="bg-blue-600"], .hmk-sohbet-ic.hmk-sohbet-ic [class~="bg-blue-500"]{ color: var(--z1); }

                                                               
                                                                     
                                                                    
                                                                 
.ai-chat-root [x-text="currentMessage"]{ color: var(--gece) !important; }

                                    
                                                                       
                                                                  
                                                      
                                                                    
                                                                      
                                                                  
                                                                     
                                                                     
                                                          
                                                                   
                                                                     
                                                                       
.ai-chat-root.ai-chat-root button[class*="text-[12px]"],
.hmk-sohbet-ic.hmk-sohbet-ic button[class*="text-[12px]"]{
  font-size: 0; gap: 0; padding: .3rem; border-radius: var(--yr-s);
                                                                        
                                                                        
                                                                        
                                                                       
                                             
                                                                        
                                                                     
                                                                     
                                                                  
                                                   
  color: var(--mrk2);
  transition: color var(--mikro) var(--egri);
}
.ai-chat-root.ai-chat-root button[class*="text-[12px]"] svg,
.hmk-sohbet-ic.hmk-sohbet-ic button[class*="text-[12px]"] svg{ inline-size: .95rem; block-size: .95rem; }
@media (hover:hover){
  .ai-chat-root.ai-chat-root button[class*="text-[12px]"]:hover,
  .hmk-sohbet-ic.hmk-sohbet-ic button[class*="text-[12px]"]:hover{ color: var(--mrk); }
}

                               
                                                                         
                                                                      
                                                                     
                                                                   
                                                                
.ai-chat-root.ai-chat-root [class*="ai-floating-message-content"],
.hmk-sohbet-ic.hmk-sohbet-ic [class*="ai-floating-message-content"]{
  line-height: 1.68; color: var(--mrk2);
}
.ai-chat-root.ai-chat-root [class*="ai-floating-message-content"] p,
.hmk-sohbet-ic.hmk-sohbet-ic [class*="ai-floating-message-content"] p{ margin-block: 0 .6em; }
.ai-chat-root.ai-chat-root [class*="ai-floating-message-content"] p:last-child,
.hmk-sohbet-ic.hmk-sohbet-ic [class*="ai-floating-message-content"] p:last-child{ margin-block-end: 0; }
.ai-chat-root.ai-chat-root [class*="ai-floating-message-content"] ul,
.ai-chat-root.ai-chat-root [class*="ai-floating-message-content"] ol,
.hmk-sohbet-ic.hmk-sohbet-ic [class*="ai-floating-message-content"] ul,
.hmk-sohbet-ic.hmk-sohbet-ic [class*="ai-floating-message-content"] ol{
  margin-block: .5em .7em; padding-inline-start: 1.15em;
}
.ai-chat-root.ai-chat-root [class*="ai-floating-message-content"] li,
.hmk-sohbet-ic.hmk-sohbet-ic [class*="ai-floating-message-content"] li{ margin-block-end: .4em; }
.ai-chat-root.ai-chat-root [class*="ai-floating-message-content"] li::marker,
.hmk-sohbet-ic.hmk-sohbet-ic [class*="ai-floating-message-content"] li::marker{ color: var(--mrk3); }
.ai-chat-root.ai-chat-root [class*="ai-floating-message-content"] strong,
.hmk-sohbet-ic.hmk-sohbet-ic [class*="ai-floating-message-content"] strong{ color: var(--mrk); font-weight: 700; }

                                    
                                                                       
                                                                
                                                                   
                                                                   
                                                
                                                            
                                                                    
                                                                           
                                                                             
                                     

                                                                            
                                                                    
                                                                              
                                                                          
.ai-chat-root [class~="mt-2"]:has(> p[class~="dark:text-white"]),
.hmk-sohbet-ic [class~="mt-2"]:has(> p[class~="dark:text-white"]){ display: none !important; }
.ai-chat-root.ai-chat-root p[class~="text-gray-800"][class~="dark:text-white"],
.hmk-sohbet-ic.hmk-sohbet-ic p[class~="text-gray-800"][class~="dark:text-white"]{ display: none !important; }

                                                                      
                                   
                                                                  
                                                                       
                                                                     
                                          
                                                                       
.hmk-sohbet-ic{ display: block; inline-size: 100%; min-inline-size: 0; max-inline-size: 100%; }
.hmk-sohbet-ic,
.hmk-sohbet-ic .hmk-sohbet-kopya{
  position: static !important;
  inset: auto !important;
  transform: none !important;
  z-index: auto !important;
}
.hmk-sohbet-ic .hmk-sohbet-kopya{
  inline-size: 100% !important;
  min-inline-size: 0 !important;
  max-inline-size: 100% !important;
  block-size: clamp(24rem, 44vh, 32rem) !important;
  border-radius: var(--yr-l);
  border: 1px solid var(--cizgi);
  overflow: hidden;
}

                                                                    
                                                                   
                                                                 
                                                       
[data-sss-bot][data-cekirdek="1"] > :not(.hmk-sohbet-ic){ display: none !important; }
                                                                            
                                                                             
[data-sss-bot][data-cekirdek="bozuk"] > .hmk-sohbet-ic{ display: none !important; }
[data-sss-bot][data-cekirdek="1"]{ background: none; border: 0; overflow: visible; }


                                                                      
                                                               
                                                                      
                                                                      
                                                                      
                                           
                                                                                
                                                                       
                                                                    

                                                                 
                                                                  
                                                                      

                                                                      
                                                                   
                                                                       
.ai-chat-root.ai-chat-root.ai-chat-root [class~="dark:bg-gray-800"],
.ai-chat-root.ai-chat-root.ai-chat-root [class~="dark:bg-gray-900"],
.hmk-sohbet-ic.hmk-sohbet-ic.hmk-sohbet-ic [class~="dark:bg-gray-800"],
.hmk-sohbet-ic.hmk-sohbet-ic.hmk-sohbet-ic [class~="dark:bg-gray-900"]{
  background-color: var(--z1) !important;
}
.ai-chat-root.ai-chat-root.ai-chat-root [class~="bg-blue-400"],
.ai-chat-root.ai-chat-root.ai-chat-root [class~="bg-blue-100"],
.hmk-sohbet-ic.hmk-sohbet-ic.hmk-sohbet-ic [class~="bg-blue-400"],
.hmk-sohbet-ic.hmk-sohbet-ic.hmk-sohbet-ic [class~="bg-blue-100"]{
  background-color: var(--aksan) !important;
  color: var(--z1) !important;
}


                                                                     
                                                                     
                                                              
                                                                             
                                                                
                                                                   
                                                      
.ai-chat-root.ai-chat-root.ai-chat-root [class~="bg-blue-500"],
.hmk-sohbet-ic.hmk-sohbet-ic.hmk-sohbet-ic [class~="bg-blue-500"]{
  background-color: var(--aksan) !important;
}
.ai-chat-root.ai-chat-root.ai-chat-root [class~="bg-blue-600"],
.ai-chat-root.ai-chat-root.ai-chat-root [class~="bg-blue-700"],
.hmk-sohbet-ic.hmk-sohbet-ic.hmk-sohbet-ic [class~="bg-blue-600"],
.hmk-sohbet-ic.hmk-sohbet-ic.hmk-sohbet-ic [class~="bg-blue-700"]{
  background-color: var(--mrk) !important;
  color: var(--z1) !important;
}

                                                                      
                                   
                                                                      
                                                                       
                                                                           

                                                                    
                                                                   
                                                     
                                                                       
                                                                         
                                                                           

                                                                  
                                                
                                          
                                                                     
                                                               
                                                                    

                                                                       
                                                             
                                                                       

                                                                        
                                                                    
                                                        
                                                                       

                                                     
                                                                        
                               
                                                                      
                                                                         
                                                                         
                                                                     
                                                                       
                                                                   
                                                                     
                                                           
.ai-chat-root.ai-chat-root [class~="rounded-2xl"][class~="w-full"],
.hmk-sohbet-ic.hmk-sohbet-ic [class~="rounded-2xl"][class~="w-full"]{
  border-radius: var(--ar-r-kap);
  border-style: solid;
  border-width: var(--ar-kap-knr);
  border-color: var(--cizgi);
  background-color: var(--ar-kap-zem);
}

                         
.ai-chat-root.ai-chat-root [class~="rounded-2xl"]:not([class~="w-full"]):not(form *),
.hmk-sohbet-ic.hmk-sohbet-ic [class~="rounded-2xl"]:not([class~="w-full"]):not(form *){
  border-radius: var(--ar-r-balon);
}

                                                 
                                                                        
                                                                           
.ai-chat-root.ai-chat-root form [class~="rounded-2xl"],
.hmk-sohbet-ic.hmk-sohbet-ic form [class~="rounded-2xl"]{
  border-radius: var(--ar-r-alan);
  background-color: var(--ar-alan-zem);
  border: var(--ar-alan-knr) solid var(--cizgi);
  border-block-end-width: max(var(--ar-alan-knr), var(--ar-alan-alt));
  min-block-size: var(--ar-alan-yuk);
  padding-inline: max(calc(var(--ar-r-alan) * .5), .6rem);
}

                                                            
.ai-chat-root.ai-chat-root form button[class~="rounded-full"],
.hmk-sohbet-ic.hmk-sohbet-ic form button[class~="rounded-full"]{
  border-radius: var(--ar-r-ikon);
  position: relative;
}
                                                                          
                                                                   
                                                                     
                                                                    
                                  
                                                                
                                                                   
              
.ai-chat-root.ai-chat-root form button[class~="rounded-full"]::after,
.hmk-sohbet-ic.hmk-sohbet-ic form button[class~="rounded-full"]::after{
  content: ""; position: absolute; inset: -6px;
}

                                           
.ai-chat-root.ai-chat-root [class~="rounded-lg"],
.hmk-sohbet-ic.hmk-sohbet-ic [class~="rounded-lg"]{
  border-radius: var(--ar-r-alan);
}

                                                                      
                                      
                                                                      
                                                                   
                                                                
                            
                                                                     
                                                                    
                                                                        

                                               
                                                              
                                                              
                                                              
                                                              

                                                        
                                                              
                                                                           
                                                                   
                                                                     
                                                                  
                                                                    
                                     
                                                                  
                                                                  
                                                                      
                                                                       

                                          
.ai-chat-root.ai-chat-root.ai-chat-root.ai-chat-root [class~="rounded-2xl"][class~="w-full"],
.hmk-sohbet-ic.hmk-sohbet-ic.hmk-sohbet-ic.hmk-sohbet-ic [class~="rounded-2xl"][class~="w-full"]{
  background-color: var(--ar-kap-zem) !important;
}

                                                              
                                                                
                                                                      
                                                               
.ai-chat-root.ai-chat-root.ai-chat-root [class~="rounded-2xl"][class~="w-full"] > [class~="border-b"]:first-child,
.hmk-sohbet-ic.hmk-sohbet-ic.hmk-sohbet-ic [class~="rounded-2xl"][class~="w-full"] > [class~="border-b"]:first-child{
  background-color: var(--z3) !important;
  border-block-end-color: var(--cizgi2);
}
.ai-chat-root.ai-chat-root [class~="rounded-2xl"][class~="w-full"] > [class~="border-b"]:first-child h3,
.hmk-sohbet-ic.hmk-sohbet-ic [class~="rounded-2xl"][class~="w-full"] > [class~="border-b"]:first-child h3{
  font-weight: 700;
  font-size: var(--yz-gir);
}

                                             
                                                                     
                                                                    
                                                                        
                            
.ai-chat-root.ai-chat-root form button,
.hmk-sohbet-ic.hmk-sohbet-ic form button{ border-width: 0; }

                                             
                                                                 
                                               
                                              
                 
                                                          
                                                                       
                                                                     
                                                           
                                                                     
                                                                
                           
.hmk-sohbet-ic.hmk-sohbet-ic [class~="shadow-2xl"]{ box-shadow: none; }

                                                                      
                                                   
                                                                      
                                                                     
                                                                       
                                                                       
                                                                
                           

                                                                  
                                                                 
                                                                  
                                                                   

                              
                                                                      
                                                                      
                                                                   
                                                                       
                                                                       
                                                                      
                                                                       

                                     
                                                                     
                                                                      
                                                                 
                                                                  
                                                       
.ai-chat-root.ai-chat-root [class~="rounded-2xl"][class~="w-full"] > :has(form),
.hmk-sohbet-ic.hmk-sohbet-ic [class~="rounded-2xl"][class~="w-full"] > :has(form){
  background-color: var(--ar-kap-zem) !important;
}

                         
                                                                  
                                                                     
                                                              
                                                                     
.ai-chat-root.ai-chat-root form button[class*="bg-"],
.ai-chat-root.ai-chat-root form button[class*="bg-"] svg,
.hmk-sohbet-ic.hmk-sohbet-ic form button[class*="bg-"],
.hmk-sohbet-ic.hmk-sohbet-ic form button[class*="bg-"] svg{
  color: var(--z1) !important;
}

                                                                  
                                                                    
                                                      
                                                                     
.ai-chat-root.ai-chat-root [class~="rounded-2xl"][class~="w-full"] > [class~="border-b"]:first-child button,
.ai-chat-root.ai-chat-root [class~="rounded-2xl"][class~="w-full"] > [class~="border-b"]:first-child button svg,
.hmk-sohbet-ic.hmk-sohbet-ic [class~="rounded-2xl"][class~="w-full"] > [class~="border-b"]:first-child button,
.hmk-sohbet-ic.hmk-sohbet-ic [class~="rounded-2xl"][class~="w-full"] > [class~="border-b"]:first-child button svg{
  color: var(--mrk2) !important;
}

                                       
                                                                
                                                                  
                                                     
.ai-chat-root.ai-chat-root [class~="rounded-2xl"][class~="w-full"] > [class~="border-b"]:first-child,
.hmk-sohbet-ic.hmk-sohbet-ic [class~="rounded-2xl"][class~="w-full"] > [class~="border-b"]:first-child{
  min-block-size: var(--ar-serit-yuk);
  padding-block: .25rem;
}

                                           
                                                                
                                                                  
                                                                       
                                                                       
                                                                      
.ai-chat-root.ai-chat-root button:not([class~="hmk-cip"]),
.hmk-sohbet-ic.hmk-sohbet-ic button:not([class~="hmk-cip"]){ border-width: 0; }

                               
                                                                 
                                                                      
                                                                     
                                                                
                                                                    
                                                
                                                                        
                                                      
                                                                  
                                                                  
                                                            
                                                               
.ai-chat-root.ai-chat-root.ai-chat-root button[class~="hmk-cip"],
.hmk-sohbet-ic.hmk-sohbet-ic.hmk-sohbet-ic button[class~="hmk-cip"]{
  background-color: var(--ar-alan-zem);
  border: 1px solid var(--cizgi);
  border-radius: var(--ar-r-alan);
  color: var(--mrk);
  min-block-size: 2.4rem;
  padding-inline: .95rem;
  transition: background-color var(--mikro) var(--egri);
}
.ai-chat-root.ai-chat-root.ai-chat-root button[class~="hmk-cip"]:hover,
.hmk-sohbet-ic.hmk-sohbet-ic.hmk-sohbet-ic button[class~="hmk-cip"]:hover{
  background-color: var(--z3);
}

                                                                      
                                                
                                                                      
                                                                     
                                                               
                       

                                                         
                                                              
                                                                    

                                  
                                                                      
                                                                 
                                                                     
                                                                  
                                     

                                                                      
                                                                   

                                                               
                                                                   
                                                                       
                                                                    
                                                                   
                                                                    

                                                                     
                                                                 
                                                  

                                                    
                                                    
                                                                     
                                                                     

                                                                      
                                                                   
                                                               
                                                                   
                                                                       
                                                                    

                                                                      
                                                                      
                                                      


                                                                  
                                                                   
.ai-chat-root.ai-chat-root [class~="hmk-cip-kap"],
.hmk-sohbet-ic.hmk-sohbet-ic [class~="hmk-cip-kap"]{
  justify-content: center;
}


                                                                      
                                                                         
                                                                      
                                                                         
                                                                      
                                                          

                                                             
                                                          
                                                             
                                                                        
                                                                       
                                         

                                                                  
                                                                    
                                                                     
                                                                  
                                                                   

                                                                  
                                                                
                                                                 

                                                                      
                                                                  
                                                                   
                                         

                                                                 
                                                                      
                                                                  
                                                            
                                                                       

.ai-chat-root.ai-chat-root [class~="w-0"][class~="h-0"]::after{
                                                                         
  inset-block-start:4px; inset-inline-start:0;
  inline-size:var(--shb-kuyruk-en); block-size:var(--gst-cizgi,2px);
  margin-inline-start:calc(var(--shb-kuyruk-en) / -2);
  background:linear-gradient(90deg,
    transparent 0%, var(--gst-renk) 22%, var(--gst-renk) 78%, transparent 100%);
  opacity:1;
}
.ai-chat-root.ai-chat-root [class~="w-0"][class~="h-0"]::before{
                                                                         
  inset-block-start:calc(4px + var(--gst-cizgi,2px) + var(--gst-ara,.44rem));
  inset-inline-start:0;
  inline-size:var(--gst-nokta,.375rem); block-size:var(--gst-nokta,.375rem);
  margin-inline-start:calc(var(--gst-nokta,.375rem) / -2);
  border-radius:var(--yr-tam); background:var(--gst-renk); opacity:1;
}
.ai-chat-root{ --shb-kuyruk-en:1.75rem; }                                                

                                                                     
                                                                
                                                

                                                                 
                                                                       
                                                                    
                             
                                                                       
                                                           
                                                                     
                                                                     
                                                                
                                                                         
.ai-chat-root.ai-chat-root [class~="whitespace-nowrap"][class~="rounded-full"]{
  outline:1px solid var(--cizgi); outline-offset:-1px;
                                                                   
                                                          
  backdrop-filter:none;

                                                                     
                                                                    
                                                                       
                                                              
                                                              
                                                                         
             

                                                                        
                                             

                                                                        
                                                                        
                                                                          
                                                   
                                                                       
                                                                    
                                                                          
  background:var(--keten);
  color:var(--gece);
}


                                                                      
                                                                      
                                                                      
                                                                
                                                       
                                                               
                                                                   
                                                           

                                                      
                                                                     
                                                                      
                                                                  
                                                                  
                                     

                                                                
                                                                   
                                                                     

                                                                   
                                                                     
                                                                     
                                

                                                                       
                                                                       
                                                                         
                                                                         
                                                                         
@media (max-width:640px), (pointer:coarse){
  .ai-chat-root.ai-chat-root [class~="ai-tip-down"],
  .hmk-sohbet-ic.hmk-sohbet-ic [class~="ai-tip-down"]{
    inline-size:44px; block-size:44px; padding:0;
    display:inline-grid; place-items:center;
  }
}

                                                                        
                                                                   
                                                                   
                                

                                                                      
                                               

                                                                    
                                                                   
                                                                        
                                                                        
                                                                        
                                                                  
                                                                  
.ai-chat-root[data-hmk-kip="kucuk"] .ai-guided,
.ai-chat-root[data-hmk-kip="orta"] .ai-guided{ display:none !important }
                                                                
                                                                   
                                                                    
                                                                    
                                                                   
                                                      
.ai-chat-root[data-hmk-kip="kucuk"] [data-hmk-giris]{
  padding:.5rem .6rem !important; flex:none !important;
}
.ai-chat-root[data-hmk-kip="kucuk"] [data-hmk-giris] textarea,
.ai-chat-root[data-hmk-kip="kucuk"] [data-hmk-giris] input{
  font-size:.8125rem !important; min-block-size:2.25rem !important;
}

                                                                     
                                                                        
                                                                         
                                                   
                                               
                                                       
                                                             
                                                                      
                                                                   
                                                                    
                                                                
                                                                   
                                              
@media (min-width:641px){
                                                                       
                                                                           
                                                         
                                                                          
                                                                       
                                                                          
                                                                    
                                                        
                                                                     
                                                                      
                                                                        
                                                                     
                                                                        
             
                                                                     
                                                                 
                                                                          
                                                                
  .ai-chat-root.ai-chat-root[data-hmk-kip="kucuk"] .tb-chatwin{
                                                                      
                                                                     
                                                                  
                                                             
    inline-size:15rem !important;
    block-size:16.5rem !important;
    max-block-size:16.5rem !important;
    margin-inline-start:auto !important;
  }

                                                                     
                                                                         
                                            
                                                                        
                                                                      
                                                                         
                                                                      
                                                          
  .ai-chat-root.ai-chat-root[data-hmk-kip="orta"] .tb-chatwin{
    inline-size:24rem !important;
    block-size:30rem !important;
    max-block-size:min(30rem, calc(100dvh - 7rem)) !important;
    margin-inline-start:auto !important;
  }

                                                                      
                                                                       
                                                                        
                              
  .ai-chat-root.ai-chat-root[data-hmk-kip="buyuk"] .tb-chatwin{
    inline-size:24rem !important;
    block-size:min(40rem, calc(100dvh - 7rem)) !important;
    max-block-size:min(40rem, calc(100dvh - 7rem)) !important;
    margin-inline-start:auto !important;
  }
}

                                                                  
                                                                     
                                                            
.ai-chat-root[data-hmk-kip="kucuk"] .tb-chatwin > div:first-child button:not([data-hmk-kapat]){
  display:none !important;
}
                                                                     
                                                                         
                                                                  
                                                                         
                                                  
/* :not([style*="display: none"]) ZORUNLU · bu blok yalnız KARŞILAMA kutusudur ve
   konuşma başlayınca bileşen onu display:none ile gizler. !important dayatması
   o gizlemeyi eziyordu: 66 mesajlık geçmişte bile kutu 265-336 piksel açık
   kalıyor, ziyaretçinin yazışması 138 piksellik şeride sıkışıyordu (20 Eyl). */
.ai-chat-root[data-hmk-kip="kucuk"] .tb-chatwin > div:nth-child(2):not([style*="display: none"]){
  display:flex !important; flex-direction:column !important;
  justify-content:center !important;
  flex:1 1 auto !important;
}

                                                                        
                                                                 
                                                                
                                                                      
                                                      
.ai-chat-root[data-hmk-kip="kucuk"] .tb-chatwin > div:first-child h3{
  display:none !important;
}

                                                                       
                                                                      
                                                                     
                                                                
                                                               
                                                                       
                                                                    
                                                                      
                                                                    
                                                            
                                                                      
                                                     
                                                                       
                                                        
/* :not([style*="display: none"]) ZORUNLU · bu blok yalnız KARŞILAMA kutusudur ve
   konuşma başlayınca bileşen onu display:none ile gizler. !important dayatması
   o gizlemeyi eziyordu: 66 mesajlık geçmişte bile kutu 265-336 piksel açık
   kalıyor, ziyaretçinin yazışması 138 piksellik şeride sıkışıyordu (20 Eyl). */
.ai-chat-root[data-hmk-kip="kucuk"] .tb-chatwin > div:nth-child(2):not([style*="display: none"]){
  overflow:visible !important;
}

                                                                      
.ai-chat-root[data-hmk-kip="kucuk"] .tb-chatwin{ cursor:pointer }
.ai-chat-root[data-hmk-kip="orta"] .tb-chatwin,
.ai-chat-root[data-hmk-kip="buyuk"] .tb-chatwin{ cursor:auto }

                                                   
                                                                       
                                                                    
                                                                  

                                                             
                           
                           
                                                                  

                                                                        
                                                                       
                                                                   
                                                                       
                                                                      
                                                           
                                                                        
                                                                          
                                                                    
                                                                  
                                                                    
.ai-chat-root[data-hmk-gecis] .tb-chatwin{
  transition:none !important;
}
@media (prefers-reduced-motion:reduce){
  .ai-chat-root .tb-chatwin{ transition:none }
}


                                                                     
                                                                  
                                                                

                                                                     
                                                                    
                                                                       

                                                                     
                                                                       
                                                           

                                                                            
                                                                  
                                                                     
                                                                    
                                                                          
                                                                    
                                                                    
                                                                   
                                                                     
                                                                 
                                                                      
                                                         
                                                                   
                                                                       
                                                                      
                                                                       

                                                                         
                                                                
                                                                      
                                                          
                                                                   
                                                                     
                            

                                                                         
                                                                
                                                                  
                                                                         
                                                           
                                                                       
                                                                  
                                                                 
                                                                   
.ai-chat-root.ai-chat-root{
                                                                    
                                                                 
                                                                     
                                                                      
                                                                    
                                            
                                                                      
                                                               
  inset-block-end:calc(1.5rem + var(--hmk-dip-pay, 0px));
  transition:inset-block-end .28s ease;
}
@media (prefers-reduced-motion:reduce){ .ai-chat-root{transition:none} }

.ai-chat-root[data-hmk-dip]{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .28s ease, visibility 0s linear .28s;
}
@media (prefers-reduced-motion:reduce){
                                                                      
                                                                    
                                                                   
                                                                     
                                                                 
                                                                      
                                                         
                                                                   
                                                                       
                                                                      
                                                                       

                                                                         
                                                                
                                                                      
                                                          
                                                                   
                                                                     
                            

                                                                         
                                                                
                                                                  
                                                                         
                                                           
                                                                       
                                                                  
                                                                 
                                                                   
.ai-chat-root.ai-chat-root{
                                                                    
                                                                 
                                                                     
                                                                      
                                                                    
                                            
                                                                      
                                                               
  inset-block-end:calc(1.5rem + var(--hmk-dip-pay, 0px));
  transition:inset-block-end .28s ease;
}
@media (prefers-reduced-motion:reduce){ .ai-chat-root{transition:none} }

.ai-chat-root[data-hmk-dip]{transition:opacity .01ms, visibility 0s linear .01ms}
}


                                                                      
                                                                         
                                

                                                      
                                                                    
                                                                        
                                                                         
                                                                      
                                                       
                                     

                                                             
                                                                   
                                                                        
                                                                       
                                                                        
                                                              
                                                                

                                                                
                                                                     
                                

                                                                 
                                                                    
                                                                          
.ai-chat-root.ai-chat-root [class~="ai-guided"][class~="mt-5"],
.hmk-sohbet-ic.hmk-sohbet-ic [class~="ai-guided"][class~="mt-5"]{ display:none; }


                                                                        
                                                                      
                                  

                                                                       
                                                                      
                                                                       
                                                                
                                            

                                                                  
                                                                 
                                           
.ai-chat-root [x-text*="unreadCount"]{
  inline-size:.75rem !important; block-size:.75rem !important;
  min-inline-size:0 !important; min-block-size:0 !important;
  padding:0 !important;
  font-size:0 !important; line-height:0 !important;
  background:var(--aksan, #7F8E73) !important;
                                                                    
                                                                 
                           
  outline:2px solid var(--z1, #0B0F0E) !important; outline-offset:0 !important;
  inset-block-start:.15rem !important; inset-inline-end:.15rem !important;
  animation:none !important;                                           
}

                                                                   
                                                                      
                                                                         
                                                         
.ai-chat-root[data-hmk-yeni] [x-text*="unreadCount"]{
  display:flex !important;
}
/* 🔴 22.09.2026 — SOHBET PENCERESİ ANİMASYONSUZ KAYBOLUYORDU (Patron bildirdi)
   BELİRTİ · Sayfa bir miktar kaydırılınca pencere kapanıyor (çekirdeğin
   "ikona in" davranışı) ama kaybolma ANİDEYDİ: bir kare içinde yok oluyordu.
   ÖLÇÜM · Pencerenin satır içi stilinde yalnız width/height için geçiş tanımlı
   (transition: width …, height …). Alpine ise açılış/kapanışı opacity ve
   transform üzerinden yapıyor; bu iki özelliğin geçiş süresi 0 sn olduğu için
   Alpine beklemeden display:none'a geçiyordu.
   YAMA · Alpine geçiş boyunca öğeye .transition sınıfını ekler; kural YALNIZ
   o anda geçerli. Geçiş bitince sınıf kalkar ve pencerenin kendi width/height
   geçişi aynen korunur → genişlik düğmesi (384/480/600) bozulmaz.
   Süre açılışla aynı tutuldu (0,5 sn) ki kaybolma açılmanın aynadaki hâli olsun. */
.ai-chat-root .tb-chatwin.transition{
  transition-property: opacity, transform !important;
  transition-duration: .5s !important;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important;
}