/* Saung Hosting AI Chat Widget */
#sh-chat{position:fixed;right:18px;bottom:18px;z-index:99998;font-family:inherit}
#sh-chat .sh-chat-fab{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#10b981,#16a34a);color:#fff;border:0;cursor:pointer;box-shadow:0 12px 30px rgba(16,185,129,.45),0 4px 12px rgba(0,0,0,.18);display:flex;align-items:center;justify-content:center;font-size:26px;transition:transform .2s ease,box-shadow .2s ease;position:relative}
#sh-chat .sh-chat-fab:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 16px 38px rgba(16,185,129,.55),0 6px 16px rgba(0,0,0,.22)}
#sh-chat .sh-chat-fab .pulse{position:absolute;inset:-4px;border-radius:50%;background:rgba(16,185,129,.45);animation:shChatPulse 2s ease-out infinite;z-index:-1}
@keyframes shChatPulse{0%{transform:scale(.95);opacity:.7}100%{transform:scale(1.45);opacity:0}}
#sh-chat .sh-chat-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;font-size:11px;font-weight:800;border-radius:10px;padding:2px 7px;border:2px solid #fff}
#sh-chat .sh-chat-panel{position:fixed;right:18px;bottom:90px;width:370px;max-width:calc(100vw - 24px);height:560px;max-height:calc(100vh - 110px);background:#fff;border-radius:18px;box-shadow:0 30px 70px rgba(0,0,0,.25),0 8px 24px rgba(0,0,0,.12);display:none;flex-direction:column;overflow:hidden;border:1px solid #e2e8f0}
#sh-chat.open .sh-chat-panel{display:flex;animation:shChatIn .25s ease-out}
@keyframes shChatIn{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
#sh-chat .sh-chat-head{background:linear-gradient(135deg,#0f766e,#10b981);color:#fff;padding:14px 16px;display:flex;align-items:center;gap:12px}
#sh-chat .sh-chat-head .av{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:18px;border:2px solid rgba(255,255,255,.3)}
#sh-chat .sh-chat-head .ti{flex:1;line-height:1.2}
#sh-chat .sh-chat-head .ti b{display:block;font-size:15px;font-weight:700}
#sh-chat .sh-chat-head .ti span{font-size:12px;opacity:.85;display:flex;align-items:center;gap:5px}
#sh-chat .sh-chat-head .ti span::before{content:"";width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.5);animation:shDot 1.5s ease-out infinite}
@keyframes shDot{0%{box-shadow:0 0 0 0 rgba(34,197,94,.7)}100%{box-shadow:0 0 0 8px rgba(34,197,94,0)}}
#sh-chat .sh-chat-head button{background:transparent;border:0;color:#fff;font-size:22px;cursor:pointer;opacity:.8;line-height:1;padding:4px 8px;border-radius:6px}
#sh-chat .sh-chat-head button:hover{opacity:1;background:rgba(255,255,255,.15)}
#sh-chat .sh-chat-body{flex:1;overflow-y:auto;padding:16px;background:#f8fafc;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth}
#sh-chat .sh-chat-body::-webkit-scrollbar{width:6px}
#sh-chat .sh-chat-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}
#sh-chat .msg{max-width:85%;padding:10px 14px;border-radius:14px;font-size:14px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}
#sh-chat .msg.bot{background:#fff;color:#0f172a;border:1px solid #e2e8f0;border-bottom-left-radius:4px;align-self:flex-start;box-shadow:0 1px 2px rgba(0,0,0,.04)}
#sh-chat .msg.user{background:linear-gradient(135deg,#10b981,#0f766e);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}
#sh-chat .msg a{color:inherit;text-decoration:underline}
#sh-chat .msg.bot a{color:#0f766e;font-weight:600}
#sh-chat .typing{display:inline-flex;gap:4px;padding:12px 14px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-self:flex-start;border-bottom-left-radius:4px}
#sh-chat .typing span{width:7px;height:7px;border-radius:50%;background:#94a3b8;animation:shTyping 1.2s infinite}
#sh-chat .typing span:nth-child(2){animation-delay:.2s}
#sh-chat .typing span:nth-child(3){animation-delay:.4s}
@keyframes shTyping{0%,60%,100%{transform:translateY(0);opacity:.4}30%{transform:translateY(-5px);opacity:1}}
#sh-chat .quick{display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 8px;background:#f8fafc}
#sh-chat .quick button{background:#fff;border:1px solid #cbd5e1;color:#334155;padding:6px 12px;border-radius:18px;font-size:12.5px;cursor:pointer;transition:all .15s}
#sh-chat .quick button:hover{background:#10b981;color:#fff;border-color:#10b981}
#sh-chat .sh-chat-foot{padding:10px 12px;border-top:1px solid #e2e8f0;background:#fff;display:flex;gap:8px;align-items:flex-end}
#sh-chat .sh-chat-foot textarea{flex:1;border:1px solid #cbd5e1;border-radius:20px;padding:10px 14px;font-family:inherit;font-size:14px;resize:none;outline:none;max-height:90px;min-height:40px;line-height:1.4}
#sh-chat .sh-chat-foot textarea:focus{border-color:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.15)}
#sh-chat .sh-chat-foot button{background:linear-gradient(135deg,#10b981,#0f766e);color:#fff;border:0;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;flex:none;transition:transform .15s}
#sh-chat .sh-chat-foot button:hover:not(:disabled){transform:scale(1.06)}
#sh-chat .sh-chat-foot button:disabled{opacity:.5;cursor:not-allowed}
#sh-chat .wa-cta{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff !important;padding:8px 14px;border-radius:20px;text-decoration:none !important;font-weight:600;font-size:13px;margin-top:6px}
#sh-chat .wa-cta:hover{filter:brightness(1.05)}
@media (max-width:480px){
  #sh-chat .sh-chat-panel{right:8px;left:8px;width:auto;max-width:none;bottom:84px;height:calc(100vh - 110px)}
  #sh-chat{right:12px;bottom:12px}
}