.sskah-chat-btn{
  position:fixed;right:18px;bottom:18px;z-index:40;
  border:0;border-radius:999px;cursor:pointer;
  background:#1F4D3A;color:#fff;font:700 15px/1 "Nirmala UI","Segoe UI",sans-serif;
  padding:14px 18px;box-shadow:0 12px 30px rgba(20,53,40,.35);
}
.sskah-chat-btn .dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#c9a24a;margin-right:8px}
.sskah-chat-btn.is-on .dot{background:#7ddea0}
.sskah-chat{
  position:fixed;right:18px;bottom:74px;z-index:40;width:min(380px,calc(100vw - 24px));
  height:min(540px,calc(100vh - 110px));display:none;flex-direction:column;
  background:#fffdf8;border:1px solid #e6d9c8;border-radius:18px;overflow:hidden;
  box-shadow:0 18px 50px rgba(20,53,40,.28);font-family:"Nirmala UI","Segoe UI",sans-serif;
}
.sskah-chat.open{display:flex}
.sskah-chat header{background:#1F4D3A;color:#f7f1e6;padding:12px 14px}
.sskah-chat header strong{display:block;font-size:16px}
.sskah-chat header span{display:block;font-size:12px;opacity:.9}
.sskah-chat .log{flex:1;overflow:auto;padding:12px;display:flex;flex-direction:column;gap:8px;background:#f7f1e6}
.sskah-chat .bubble{max-width:85%;padding:8px 10px;border-radius:12px;font-size:14px;line-height:1.45}
.sskah-chat .bubble.agent{background:#fff;border:1px solid #e6d9c8;align-self:flex-start}
.sskah-chat .bubble.visitor{background:#1F4D3A;color:#fff;align-self:flex-end}
.sskah-chat form{display:flex;gap:8px;padding:10px;border-top:1px solid #e6d9c8;background:#fff}
.sskah-chat input{flex:1;border:1px solid #e6d9c8;border-radius:999px;padding:10px 12px;font:inherit}
.sskah-chat button.send{border:0;background:#c45c12;color:#fff;border-radius:999px;padding:0 14px;font:700 14px/1 inherit;cursor:pointer}
@media(max-width:640px){
  .sskah-chat{right:8px;left:8px;width:auto;bottom:68px}
}