/* CS Bot web chat widget — kachangsia.com (white site theme) */
#csb-root{position:fixed;right:22px;bottom:22px;z-index:9999;font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
#csb-launcher{width:60px;height:60px;border-radius:50%;border:none;cursor:pointer;background:linear-gradient(135deg,#0284c7,#0369a1);box-shadow:0 10px 28px rgba(2,132,199,.35);display:flex;align-items:center;justify-content:center;transition:transform .15s,box-shadow .15s;position:relative}
#csb-launcher:hover{transform:scale(1.06);box-shadow:0 14px 34px rgba(2,132,199,.45)}
#csb-launcher svg{width:28px;height:28px;fill:#fff}
#csb-launcher .csb-badge{position:absolute;top:-2px;right:-2px;width:16px;height:16px;border-radius:50%;background:#16a34a;border:2.5px solid #ffffff}
#csb-panel{position:fixed;right:22px;bottom:94px;width:380px;max-width:calc(100vw - 28px);height:560px;max-height:calc(100vh - 130px);background:#ffffff;border:1px solid #d7e0ec;border-radius:18px;box-shadow:0 24px 70px rgba(15,40,70,.18);display:flex;flex-direction:column;overflow:hidden;transform-origin:bottom right;animation:csbIn .22s ease}
@keyframes csbIn{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}
#csb-panel.csb-hidden{display:none}
#csb-head{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#f5f7fa;border-bottom:1px solid #d7e0ec}
#csb-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#0284c7,#0369a1);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
#csb-title{font-weight:700;color:#0b1220;font-size:15px;line-height:1.2}
#csb-sub{color:#16a34a;font-size:12px;display:flex;align-items:center;gap:5px}
#csb-sub::before{content:"";width:7px;height:7px;border-radius:50%;background:#16a34a;box-shadow:0 0 8px rgba(22,163,74,.6);animation:csbPulse 2s infinite}
@keyframes csbPulse{0%,100%{opacity:1}50%{opacity:.4}}
#csb-close{margin-left:auto;background:none;border:none;color:#55657a;font-size:22px;cursor:pointer;padding:4px 8px;border-radius:8px;transition:background .15s,color .15s}
#csb-close:hover{background:#eef2f7;color:#0b1220}
#csb-msgs{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth}
#csb-msgs::-webkit-scrollbar{width:5px}
#csb-msgs::-webkit-scrollbar-thumb{background:#d7e0ec;border-radius:4px}
.csb-bubble{max-width:82%;padding:10px 14px;border-radius:14px;font-size:14px;line-height:1.55;white-space:pre-line;word-wrap:break-word}
.csb-bot{background:#f5f7fa;border:1px solid #d7e0ec;color:#0b1220;align-self:flex-start;border-bottom-left-radius:4px}
.csb-user{background:#0284c7;color:#fff;align-self:flex-end;border-bottom-right-radius:4px}
.csb-chips{display:flex;flex-wrap:wrap;gap:8px;padding:2px 16px 12px}
.csb-chip{background:#ffffff;border:1px solid #0284c7;color:#0284c7;border-radius:999px;padding:8px 14px;font-size:13px;cursor:pointer;transition:background .15s,color .15s,transform .1s}
.csb-chip:hover{background:#0284c7;color:#fff;transform:translateY(-1px)}
.csb-linkchip{display:inline-flex;align-items:center;gap:6px;text-decoration:none}
#csb-input{display:flex;gap:8px;padding:12px;border-top:1px solid #d7e0ec;background:#f5f7fa}
#csb-input input{flex:1;background:#ffffff;border:1px solid #d7e0ec;border-radius:10px;color:#0b1220;padding:11px 14px;font-size:14px;min-height:44px;outline:none;transition:border-color .15s}
#csb-input input:focus{border-color:#0284c7}
#csb-input input::placeholder{color:#55657a}
#csb-send{width:44px;height:44px;border-radius:10px;border:none;background:#0284c7;color:#fff;cursor:pointer;font-size:17px;transition:background .15s,transform .1s;flex-shrink:0}
#csb-send:hover{background:#0369a1}
#csb-send:disabled{opacity:.5;cursor:default}
.csb-typing{display:inline-flex;gap:5px;padding:14px 16px}
.csb-typing span{width:7px;height:7px;border-radius:50%;background:#55657a;animation:csbDot 1.2s infinite}
.csb-typing span:nth-child(2){animation-delay:.15s}
.csb-typing span:nth-child(3){animation-delay:.3s}
@keyframes csbDot{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-5px);opacity:1}}
#csb-foot{padding:7px;text-align:center;font-size:11px;color:#55657a;background:#f5f7fa;border-top:1px solid #d7e0ec}
#csb-foot a{color:#0284c7;text-decoration:none}
@media (max-width:480px){
  #csb-panel{right:8px;bottom:82px;width:calc(100vw - 16px);height:min(560px,calc(100vh - 110px))}
  #csb-launcher{right:14px;bottom:14px}
}
@media (prefers-reduced-motion:reduce){
  #csb-panel{animation:none}
  #csb-sub::before,#csb-typing span{animation:none}
  #csb-launcher{transition:none}
}