/* Message bubbles */
  .messages { display:flex; flex-direction:column; margin: 0 auto; }

    /* Message bubbles */
  .messages { 
    height: auto;
    width: 100%;
    display:flex; 
    flex-direction:column; 
    /* gap:25px;  */
    max-width:900px; 
    margin: 0 auto; 
  }
  
  .msg {
    display:flex;
    /* gap:12px; */
    align-items:flex-start;
  }
  .avatar {
    width:36px; height:36px; border-radius:8px; display:inline-flex; align-items:center; justify-content:center; font-weight:700; color:#fff;
  }
  .avatar.user { background:#10b981; }
  .avatar.bot  { background:#0ea5e9; }
  .bubble {
    padding:12px 14px;
    border-radius:12px;
    
    line-height:1.4;
    font-size:14px;
  }
  .bubble.user { 
    background: var(--secondary-color); 
    color: var(--text-color); 
    margin-left:auto; 
    max-width: 392px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    flex-shrink: 1;
  }
  .bubble.bot  { color: var(--text-color); max-width: 785px}