/* VH Chatbot - scoped UI */
.vh-chatbot-root { position: fixed; right: 18px; bottom: 18px; z-index: 999999; font-family: inherit; }
.vh-chatbot-bubble {
  border: 0; cursor: pointer;
  border-radius: 999px;
  padding: 10px 14px;
  box-shadow: 0 10px 30px rgba(0,0,0,.18);
  font-weight: 600;
}
.vh-chatbot-panel {
  width: 340px; max-width: calc(100vw - 36px);
  height: 480px; max-height: calc(100vh - 90px);
  border-radius: 14px;
  box-shadow: 0 14px 40px rgba(0,0,0,.22);
  overflow: hidden;
  background: #fff;
  margin-bottom: 10px;
  display: none;
}
.vh-chatbot-panel.is-open { display: block; }
.vh-chatbot-header { padding: 12px 12px; border-bottom: 1px solid rgba(0,0,0,.08); display:flex; align-items:center; justify-content:space-between; }
.vh-chatbot-title { font-weight: 700; font-size: 14px; }
.vh-chatbot-close { border:0; background: transparent; cursor:pointer; font-size: 18px; line-height: 1; padding: 4px 8px; }

.vh-chatbot-messages { padding: 12px; overflow-y: auto; height: calc(480px - 120px); }
.vh-chatbot-msg { margin: 0 0 10px 0; display: flex; }
.vh-chatbot-msg .vh-chatbot-bubblemsg {
  max-width: 86%;
  padding: 10px 12px;
  border-radius: 12px;
  font-size: 13px;
  line-height: 1.35;
  border: 1px solid rgba(0,0,0,.08);
  background: #f7f7f7;
}
.vh-chatbot-msg.user { justify-content: flex-end; }
.vh-chatbot-msg.user .vh-chatbot-bubblemsg { background:#111; color:#fff; border-color:#111; }

.vh-chatbot-suggestions { padding: 0 12px 10px 12px; display:flex; gap:8px; flex-wrap: wrap; }
.vh-chatbot-chip { border: 1px solid rgba(0,0,0,.14); background:#fff; border-radius: 999px; padding: 6px 10px; font-size: 12px; cursor:pointer; }

.vh-chatbot-inputrow { border-top: 1px solid rgba(0,0,0,.08); padding: 10px; display:flex; gap:8px; }
.vh-chatbot-inputrow input[type="text"]{ flex:1; padding: 10px 10px; border-radius: 10px; border: 1px solid rgba(0,0,0,.18); font-size: 13px; }
.vh-chatbot-send { border:0; cursor:pointer; padding: 10px 12px; border-radius: 10px; font-weight: 700; }

.vh-chatbot-lead { padding: 10px 12px; border-top: 1px solid rgba(0,0,0,.08); display:none; }
.vh-chatbot-lead.is-open { display:block; }
.vh-chatbot-lead label { display:block; font-size: 12px; margin-top: 8px; }
.vh-chatbot-lead input, .vh-chatbot-lead textarea { width: 100%; padding: 9px 10px; border-radius: 10px; border: 1px solid rgba(0,0,0,.18); font-size: 13px; }
.vh-chatbot-lead textarea { min-height: 74px; resize: vertical; }
.vh-chatbot-lead button { margin-top: 10px; width: 100%; border:0; cursor:pointer; padding: 10px 12px; border-radius: 10px; font-weight: 800; }

.vh-chatbot-small { font-size: 12px; opacity: .75; }