.live-chat{
  position:fixed;right:22px;bottom:22px;z-index:80;font-family:'Be Vietnam Pro',system-ui,sans-serif;color:#18323a
}
.live-chat *{box-sizing:border-box}
.chat-toggle{
  width:58px;height:58px;border:0;border-radius:50%;background:#0f6f86;color:#fff;display:grid;place-items:center;
  box-shadow:0 18px 34px -18px rgba(0,0,0,.55);cursor:pointer;transition:transform .15s,background .15s
}
.chat-toggle:hover{background:#083f50;transform:translateY(-1px)}
.chat-toggle svg{width:25px;height:25px}
.chat-panel{
  position:absolute;right:0;bottom:74px;width:min(360px,calc(100vw - 28px));height:min(540px,calc(100vh - 110px));
  display:none;grid-template-rows:auto 1fr auto;background:#fff;border:1px solid #dde7e6;border-radius:16px;overflow:hidden;
  box-shadow:0 26px 70px -34px rgba(0,0,0,.68)
}
.live-chat.open .chat-panel{display:grid}
.chat-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;background:linear-gradient(135deg,#0f6f86,#083f50);color:#fff}
.chat-head b{display:block;font-size:14px}.chat-head span{display:block;font-size:12px;color:rgba(255,255,255,.78);margin-top:2px}
.chat-close{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.08);color:#fff;border-radius:9px;width:32px;height:32px;cursor:pointer}
.chat-body{padding:14px;overflow:auto;background:#f6faf9;display:flex;flex-direction:column;gap:10px}
.chat-empty{margin:auto;text-align:center;color:#687b80;font-size:13px;line-height:1.55;max-width:26ch}
.chat-msg{max-width:84%;padding:9px 11px;border-radius:13px;font-size:13px;line-height:1.45;box-shadow:0 1px 0 rgba(0,0,0,.04)}
.chat-msg.guest{align-self:flex-end;background:#0f6f86;color:#fff;border-bottom-right-radius:4px}
.chat-msg.staff{align-self:flex-start;background:#fff;border:1px solid #dde7e6;border-bottom-left-radius:4px}
.chat-msg small{display:block;margin-top:4px;font-size:10px;opacity:.7}
.chat-form{border-top:1px solid #dde7e6;background:#fff;padding:12px;display:grid;gap:8px}
.chat-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.chat-meta input,.chat-form textarea{
  width:100%;border:1.5px solid #dde7e6;border-radius:10px;padding:9px 10px;font:inherit;font-size:13px;outline:none
}
.chat-form textarea{min-height:58px;max-height:110px;resize:vertical;line-height:1.45}
.chat-meta input:focus,.chat-form textarea:focus{border-color:#0f6f86}
.chat-send{border:0;border-radius:10px;background:#d4a85c;color:#23302b;font:inherit;font-size:13px;font-weight:700;padding:10px;cursor:pointer}
.chat-send:disabled{background:#c9d2d2;color:#687b80;cursor:not-allowed}
.chat-status{font-size:12px;color:#687b80;min-height:17px}
@media(max-width:560px){
  .live-chat{right:14px;bottom:14px}.chat-panel{right:0;bottom:70px;height:min(520px,calc(100vh - 92px))}
}