.chat-container {
    border-radius: 8px;
    padding: 1rem;
    height: 400px;
    overflow-y: auto;
  }
  .msg { display: flex; margin-bottom: .75rem; }
  .msg.bot { justify-content: flex-start; }
  .msg.user { justify-content: flex-end; }
  .bubble {
    max-width: 70%;
    padding: .5rem 1rem;
    border-radius: 1rem;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    
  }
  .msg.bot .bubble {
    background: #2f2f2f;
    color: #eee;
    border-bottom-left-radius: .25rem;
  }
  .msg.user .bubble {
    background: #0d6efd;
    color: #fff;
    border-bottom-right-radius: .25rem;
  }
  .option-container { text-align: center; }
  .option-btn { margin: .25rem; }
  
.info-icon {
  font-size: 1em;        /* match your text size */
  vertical-align: middle;
  margin-left: 0.25em;   /* small gap from the label */
  cursor: help;
  color: lightskyblue;   /* inherits the text color */
}



.bubble .chat-label {
  display: inline-block;
  vertical-align: middle;
}
.bubble .chat-description {
  display: block;
  margin-top: 0.25em;    /* small gap above */
  margin-left: 1.5em;    /* indent to line up under the label text */
  font-size: 0.9em;      /* optional tweak */
  flex: 0 0 100%;      /* ← span full width → drop to next line */
}