/* Chatbot icon */
  #chatIcon {
    position: fixed; bottom: 20px; right: 20px;
    width: 60px; height: 60px;
    border-radius: 50%; background:#7b01c2ec;
    display: flex; align-items: center; justify-content: center;
    color: #fff; font-size: 30px; cursor: pointer;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    z-index: 9999;
  }

  /* Chat container */
  #chatContainer {
    position: fixed; bottom: 90px; right: 20px;
    width: 350px; height: 500px;
    background: #fff; border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3);
    display: none; flex-direction: column;
    overflow: hidden;
    z-index: 9999;
  }

  #chatHeader {
    background: #f04604ec; color: #fff; padding: 10px;
    font-weight: bold; text-align: center;
  }

  #chatBox {
    flex: 1; padding: 10px; overflow-y: auto;
  }

  .message { margin: 5px 0; padding: 8px 12px; border-radius: 12px; max-width: 80%; }
  .userMsg { background: #f1f0f0; align-self: flex-end; }
  .botMsg { background: #ffecd1; align-self: flex-start; }

  #inputArea { display: flex; padding: 5px; border-top: 1px solid #ccc; }
  #userInput { flex: 1; padding: 8px; border-radius: 20px; border: 1px solid #ccc; }
  #sendBtn { padding: 8px 12px; margin-left: 5px; background: #0059ff; color: #fff; border: none; border-radius: 20px; cursor: pointer; }

  /* Quick buttons */
  #quickButtons { display: flex; flex-wrap: wrap; padding: 5px; gap: 5px; }
  .quickBtn {
    background: #f04604ec; color: #fff; border: none; border-radius: 15px;
    padding: 5px 10px; cursor: pointer; font-size: 12px;
  }