:root{
  --mlaiw-brand: #4a6bff;
  --chat-base-h: 70svh;
  --kb-offset: 0px;
}
#masilight-floating-widget .chat-icon.mlai-shake{ animation: mlai-shake .8s ease-in-out; }
@keyframes mlai-shake {
  0%{transform:translateY(0) rotate(0)}
  20%{transform:translateY(-2px) rotate(-2deg)}
  40%{transform:translateY(1px) rotate(2deg)}
  60%{transform:translateY(-1px) rotate(-2deg)}
  80%{transform:translateY(1px) rotate(2deg)}
  100%{transform:translateY(0) rotate(0)}
}

@media (max-width: 767px){
  #masilight-floating-widget .chat-container{
    position:fixed;
    left:0; right:0; bottom:0; top:auto;
    width:100vw;
    max-width:100vw;
    height:calc(var(--chat-base-h) - var(--kb-offset));
    max-height:calc(100svh - 10px);
    border-bottom-left-radius:0; border-bottom-right-radius:0;
  }
  #masilight-floating-widget .chat-menu{ max-height:40svh; overflow:auto; }
  #masilight-floating-widget .chat-container.mlaichat-kb-open .chat-menu{ max-height:50svh; overflow:auto; }
}

@media (min-width: 768px){
  #masilight-floating-widget .chat-container{
    position:fixed;
    bottom:0;
    width:390px;
    height:min(80svh, 720px);
    max-width:calc(100vw - 10px);
  }
}