.jv-chat-launcher { position: fixed; right: 22px; bottom: 22px; z-index: 400; display: flex; align-items: center; gap: 10px; border: 1px solid rgba(255,255,255,.2); border-radius: 100px; background: #111111; color: white; padding: 15px 20px; font: 600 14px var(--display, sans-serif); box-shadow: 0 10px 35px #14231d30; cursor: pointer; }
.jv-chat-launcher svg { width: 21px; height: 21px; }
.jv-chat-panel { position: fixed; right: 22px; bottom: 88px; z-index: 401; width: min(390px, calc(100vw - 32px)); max-height: min(680px, calc(100dvh - 115px)); display: flex; flex-direction: column; overflow: hidden; border: 1px solid #d3dcd4; border-radius: 22px; background: #f8faf7; color: #14231d; box-shadow: 0 20px 70px #14231d35; font-family: var(--display, sans-serif); font-size: 14px; }
.jv-chat-panel[hidden], .jv-chat-panel [hidden] { display: none !important; }
.jv-chat-head { display: flex; align-items: center; justify-content: space-between; padding: 19px 20px; background: #14231d; color: white; }
.jv-chat-head h2 { margin: 0; font-size: 16px; font-weight: 700; }
.jv-chat-head p { margin: 4px 0 0; color: #c5d5cb; font-size: 11px; }
.jv-chat-close { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid #ffffff35; border-radius: 50%; background: none; color: white; font-size: 24px; cursor: pointer; }
.jv-chat-conversation { display: flex; flex-direction: column; flex: 1; min-height: 0; }
.jv-chat-head, .jv-chat-chips, .jv-chat-compose, .jv-chat-status, .jv-chat-foot { flex-shrink: 0; }
.jv-chat-log { flex: 1; overflow: auto; min-height: 80px; max-height: 340px; padding: 18px 16px 8px; display: flex; flex-direction: column; gap: 12px; }
.jv-chat-message { max-width: 92%; padding: 12px 14px; border-radius: 14px 14px 14px 3px; background: #e9eee8; white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.55; }
.jv-chat-message[data-speaker="user"] { align-self: flex-end; background: #14231d; color: #fff; border-radius: 14px 14px 3px 14px; }
.jv-chat-chips { display: flex; flex-wrap: wrap; gap: 6px; padding: 12px 16px; }
.jv-chat-chips button, .jv-chat-enquire { border: 1px solid #cbd6cc; border-radius: 30px; background: #fff; color: #14231d; padding: 8px 11px; font: 500 12px var(--display, sans-serif); cursor: pointer; }
.jv-chat-status { padding: 0 18px; margin: 4px 0 8px; font-size: 12px; color: #53625c; overflow-wrap: anywhere; }
.jv-chat-compose { display: flex; align-items: flex-end; gap: 8px; margin: 0 14px 12px; padding: 8px; border: 1px solid #cbd6cc; border-radius: 15px; background: white; }
.jv-chat-compose textarea { width: 100%; min-height: 42px; max-height: 100px; resize: vertical; border: 0; padding: 9px; background: none; font: 14px var(--display, sans-serif); color: #14231d; }
.jv-chat-send { flex-shrink: 0; border: 0; border-radius: 10px; background: #ff5d3a; color: #fff; padding: 12px; font: 600 12px var(--display, sans-serif); cursor: pointer; }
.jv-chat-panel button:disabled { opacity: .5; cursor: wait; }
.jv-chat-foot { display: flex; justify-content: space-between; align-items: center; gap: 8px; border-top: 1px solid #dce4dc; padding: 10px 16px; }
.jv-chat-foot a { font-size: 11px; color: #53625c; }
.jv-enquiry-form { display: flex; flex-direction: column; flex: 1; min-height: 0; overflow: hidden; }
.jv-enquiry-fields { flex: 1; min-height: 0; padding: 16px 20px 8px; overflow: auto; }
.jv-enquiry-form h3 { margin: 0 0 8px; font-size: 18px; }
.jv-enquiry-form p { color: #53625c; font-size: 12px; margin: 0 0 14px; }
.jv-enquiry-form label { display: block; font-size: 12px; font-weight: 600; margin-bottom: 12px; }
.jv-enquiry-form input:not([type="checkbox"]), .jv-enquiry-form select, .jv-enquiry-form textarea { display: block; width: 100%; border: 1px solid #cbd6cc; border-radius: 8px; padding: 9px 10px; margin-top: 5px; background: #fff; color: #14231d; font: 14px var(--display, sans-serif); }
.jv-enquiry-form textarea { min-height: 82px; resize: vertical; }
.jv-enquiry-form .jv-consent { display: flex; align-items: flex-start; gap: 8px; font-size: 11px; font-weight: 400; line-height: 1.5; }
.jv-consent input { margin-top: 3px; }
.jv-enquiry-actions { flex-shrink: 0; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 20px 14px; border-top: 1px solid #dce4dc; }
.jv-enquiry-back { border: 0; padding: 8px 0; background: none; color: #53625c; font: 12px var(--display, sans-serif); cursor: pointer; }
@media (max-width: 480px) { .jv-chat-launcher { right: 16px; bottom: 16px; } .jv-chat-panel { right: 16px; bottom: 80px; max-height: calc(100dvh - 98px); } }
@media (prefers-reduced-motion: no-preference) { .jv-chat-launcher { transition: transform .18s ease; } .jv-chat-launcher:hover { transform: translateY(-3px); } }