/* Text field styling */
#chat2 .form-control {
    border-color: transparent;
  }
  
  #chat2 .form-control:focus {
    border-color: transparent;
    box-shadow: none;
  }
  
  /* Chat bubbles */
  .chat-bubble {
    display: inline-block;
    padding: 10px;
    margin: 5px;
    border-radius: 12px;
    max-width: 70%;
    word-wrap: break-word;
  }
  
  .user-bubble {
    background-color: #0d6efd;
    color: white;
  }
  
  .bot-bubble {
    background-color: #f0f0f0;
    color: black;
  }
  
  /* Icon-only buttons */
  .icon-button {
    background: none;
    border: none;
    padding: 0.5rem;
    color: #6c757d;
  }
  
  .icon-button:hover {
    color: #0d6efd;
    cursor: pointer;
  }
  
  .icon-button i {
    font-size: 1.5rem;
    vertical-align: middle;
  }
  
  /* File preview */
  #attachment-preview span {
    max-width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  
  #file-input {
    display: none;
  }
 
 #chat-body {
  white-space: normal;     /* allow wrapping */
  word-wrap: break-word;   /* break long words if needed */
  overflow-x: hidden;      /* prevent horizontal scroll */
}

#chat-body .d-flex {
  flex-wrap: wrap;         /* allow child elements to wrap */
}

#chat-body .card-body {
  white-space: normal;
}