.floating-btn {
position: fixed;
bottom: 30px;
right: 30px;
width: 60px;
height: 60px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
z-index: 1000;
transition: all 0.3s ease;
}
        
.floating-btn:hover {
transform: scale(1.1);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
}

body.modal-open main {
  overflow: hidden !important;
}

#AIchatModal { z-index: 9999; margin-right: -20px}

.modal-chat {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important; /* Ensure it covers full height */
  width: 90% !important;
  max-width: none !important; /* Override Bootstrap's max-width */
  min-width: 300px !important;
  margin: 0 !important;
  transition: transform 0.3s ease-out !important;
  border-radius: 0 !important;
}

.modal-chat .modal-dialog-scrollable {
  height: 100vh !important;
  max-height: 100vh !important;
}

.modal-chat { transform: translateX(100%); }
.modal.show .modal-chat {  transform: translateX(0); }