#hotel-ai-chat-button{position:fixed;bottom:20px;right:20px;background:#0073aa;color:#fff;padding:12px 18px;border-radius:24px;cursor:pointer;font-weight:600;box-shadow:0 4px 12px rgba(0,0,0,.2);z-index:9998;}
#hotel-ai-chat-button.new-reply::after{content:"●";color:#ff3b30;margin-left:8px;font-size:18px;vertical-align:middle;}
#hotel-ai-chat{position:fixed;bottom:80px;right:20px;width:340px;background:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 10px 24px rgba(0,0,0,.18);z-index:9999;display:none;}
.chat-window{display:flex;flex-direction:column;}
.chat-header{background:#0073aa;color:#fff;padding:10px 12px;font-weight:700;display:flex;align-items:center;justify-content:space-between;border-top-left-radius:12px;border-top-right-radius:12px;}
.chat-title{display:flex;align-items:center;gap:8px;}
.chat-header img.bot-logo{height:28px;width:auto;border-radius:50%;}
.chat-actions span{cursor:pointer;font-size:20px;margin-left:8px;}
.chat-messages{height:260px;overflow-y:auto;padding:10px;background:#fafafa;}
.msg{margin:6px 0;padding:8px 10px;border-radius:10px;max-width:90%;}
.msg.user{background:#d1e7dd;margin-left:auto;}
.msg.bot{background:#f1f1f1;}
.msg.typing .dots::after{content:'';animation:dots 1.5s steps(3,end) infinite;}
@keyframes dots{0%{content:'';}33%{content:'.';}66%{content:'..';}100%{content:'...';}}
.chat-user-form,.chat-box{padding:8px 10px 12px;}
.chat-user-form input,.chat-box input{width:100%;margin:6px 0;padding:8px;border:1px solid #ccc;border-radius:8px;}
.chat-user-form button,.chat-box button{width:100%;padding:8px 10px;border:none;border-radius:8px;background:#0073aa;color:#fff;font-weight:600;}
.chat-user-form button:hover,.chat-box button:hover{background:#005f8d;}
a.call-btn{display:inline-block;margin-top:6px;padding:8px 10px;background:#198754;color:#fff;border-radius:8px;text-decoration:none;}
.chat-window.minimized .chat-messages,.chat-window.minimized .chat-user-form,.chat-window.minimized .chat-box { display:none; }
.chat-window.minimized { width:280px; }
.msg.rating .stars span{font-size:22px;cursor:pointer;margin-right:6px;}
.msg.rating .stars span:hover{transform:scale(1.1);}
.yesno{margin-top:6px;display:flex;gap:8px;}
.yesno .yn{padding:6px 10px;border:1px solid #0073aa;background:#fff;color:#0073aa;border-radius:8px;cursor:pointer;}
.yesno .yn:hover{background:#0073aa;color:#fff;}