
.hnh-chatbot{position:fixed;z-index:9999;right:22px;bottom:20px;direction:rtl;font-family:Tahoma,"Segoe UI",Arial,sans-serif;color:#102747}
.hnh-chat-toggle{display:flex;align-items:center;gap:9px;border:1px solid #d9ad5b;border-radius:30px;padding:11px 17px;background:#061b35;color:#f5c66d;box-shadow:0 5px 22px #00152b40;cursor:pointer;font: bold 13px Tahoma,Arial}
.hnh-chat-toggle-icon{font-size:19px;color:#f5c66d}
.hnh-chat-panel{position:absolute;right:0;bottom:60px;width:min(360px,calc(100vw - 28px));height:490px;max-height:calc(100vh - 105px);background:#fff;border:1px solid #d9ad5b;border-radius:15px;box-shadow:0 12px 38px #00152b35;overflow:hidden;display:flex;flex-direction:column}
.hnh-chat-panel[hidden]{display:none}
.hnh-chat-head{background:#061b35;color:#f5c66d;padding:13px 15px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.hnh-chat-head strong{display:block;font-size:13px}.hnh-chat-head small{display:block;color:#e8dfcd;font-size:10px;margin-top:3px}
.hnh-chat-close{border:0;background:transparent;color:#fff;font-size:25px;cursor:pointer}
.hnh-chat-messages{padding:13px;overflow:auto;flex:1;background:#f7f9fc;display:flex;flex-direction:column;gap:9px}
.hnh-chat-msg{max-width:90%;padding:9px 11px;border-radius:12px;font-size:12px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}
.hnh-chat-msg.bot{align-self:flex-start;background:#fff;border:1px solid #e4e8ef;border-bottom-right-radius:3px}
.hnh-chat-msg.user{align-self:flex-end;background:#082344;color:#fff;border-bottom-left-radius:3px}
.hnh-chat-quick{display:flex;gap:6px;flex-wrap:wrap;padding:8px 10px;background:#fff;border-top:1px solid #edf0f4}
.hnh-chat-quick button{border:1px solid #d8b36d;border-radius:16px;background:#fff;color:#173454;padding:5px 9px;font:11px Tahoma,Arial;cursor:pointer}
.hnh-chat-form{display:flex;gap:7px;padding:9px 10px;background:#fff;border-top:1px solid #edf0f4}
.hnh-chat-input{min-width:0;flex:1;border:1px solid #d7dee8;border-radius:18px;padding:9px 12px;font:12px Tahoma,Arial;outline-color:#d9ad5b}
.hnh-chat-form button{width:38px;border:0;border-radius:50%;background:#dca43d;color:#071d36;font-size:18px;cursor:pointer}
.hnh-chat-footer{display:flex;justify-content:center;gap:18px;padding:8px;background:#061b35}
.hnh-chat-footer a{font-size:11px;color:#f5c66d;text-decoration:none;cursor:pointer}
@media(max-width:600px){.hnh-chatbot{right:12px;bottom:12px}.hnh-chat-panel{bottom:56px;height:min(490px,calc(100dvh - 85px))}}
