.chat-section {
      height: 75vh;
      display: flex;
      flex-direction: column;
      border-radius: 1rem;
      background: #fff;
      border: 1px solid #dee2e6;
      box-shadow: 0 0.25rem 0.5rem rgba(0,0,0,.1);
    }
    #messages {
      flex: 1;
      overflow-y: auto;
      padding: 1rem;
    }
    #suggestions {
      padding: .5rem 1rem;
      border-top: 1px solid #f1f3f5;
      display: flex;
      flex-wrap: wrap;
      gap: .5rem;
    }
    #chatForm {
      padding: .75rem;
      border-top: 1px solid #dee2e6;
      display: flex;
      gap: .5rem;
    }
    #userInput {
      flex: 1;
    }
    .bubble-user {
      max-width: 80%;
      border-radius: 1rem;
      padding: .5rem 1rem;
      background: #0d6efd;
      color: #fff;
      box-shadow: 0 0.25rem 0.5rem rgba(0,0,0,.15);
    }
    .bubble-bot {
      max-width: 80%;
      border-radius: 1rem;
      padding: .5rem 1rem;
      background: #f1f3f5;
      color: #212529;
      box-shadow: 0 0.25rem 0.5rem rgba(0,0,0,.1);
    }
    pre {
      font-size: .8rem;
      background: #f8f9fa;
      padding: .5rem;
    }