.chat-launcher{position:fixed;right:100px;bottom:18px;width:56px;height:56px;border-radius:50%;background:#00ffc3;color:#000;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.18);cursor:pointer;z-index:10000;transition:transform .15s ease,box-shadow .15s ease}
.chat-launcher:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.22)}
.chat-launcher:focus-visible{outline:3px solid #7cb8ff;outline-offset:2px}
.chat-launcher img{width:28px;height:28px;display:block}
.chat-panel{position:fixed;right:18px;bottom:86px;width:min(360px,calc(100vw - 36px));max-height:min(70vh,640px);display:none;flex-direction:column;background:#fff;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.18);overflow:hidden;z-index:10000}
.chat-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#000;color:#fff}
.chat-header .title{font-weight:700}
.chat-body{padding:12px;display:flex;flex-direction:column;gap:8px;overflow:auto}
.msg{max-width:80%;padding:10px 12px;border-radius:12px;font-size:.95rem;line-height:1.35}
.msg.bot{background:#f3f3f3;color:#111;border-bottom-left-radius:4px}
.msg.user{background:#00ffc3;color:#000;margin-left:auto;border-bottom-right-radius:4px}
.chat-input{display:flex;gap:8px;padding:12px;border-top:1px solid #eee}
.chat-input input{flex:1;padding:10px 12px;border:1px solid #e6e6e6;border-radius:10px;font:inherit;outline:none}
.chat-input input:focus{border-color:#7cb8ff;box-shadow:0 0 0 3px rgba(124,184,255,.25)}
.chat-input button{padding:10px 14px;border:0;border-radius:10px;background:#00ffc3;color:#000;font-weight:700;cursor:pointer}
.chat-suggest{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.chat-suggest button{padding:8px 10px;border-radius:999px;border:1px solid #e6e6e6;background:#fff;cursor:pointer}

@media (max-width: 767.98px){
  /* Show chatbot launcher on mobile */
  .chat-launcher{display:flex}
}