#cb-chat-widget{position:fixed;bottom:24px;right:24px;z-index:9999;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
#cb-chat-btn{width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,#0F3D2E 0%,#1a5c44 100%);color:#fff;border:none;cursor:pointer;font-size:24px;display:flex;align-items:center;justify-content:center;transition:transform .25s,box-shadow .25s;box-shadow:0 4px 16px rgba(15,61,46,.35),0 0 0 0 rgba(242,140,40,.4)}
#cb-chat-btn img{width:58px;height:58px;border-radius:50%;display:block}
#cb-chat-btn:hover{transform:scale(1.08);box-shadow:0 6px 20px rgba(15,61,46,.45),0 0 0 8px rgba(242,140,40,.12)}
#cb-chat-btn::after{content:"";position:absolute;width:58px;height:58px;border-radius:50%;border:3px solid rgba(242,140,40,.7);animation:cb-pulse 1.8s ease-out infinite;pointer-events:none}
#cb-chat-btn::before{content:"";position:absolute;width:58px;height:58px;border-radius:50%;border:2px solid rgba(242,140,40,.4);animation:cb-pulse 1.8s ease-out .6s infinite;pointer-events:none}
@keyframes cb-pulse{0%{transform:scale(1);opacity:.9}70%{transform:scale(1.5);opacity:0}100%{transform:scale(1.5);opacity:0}}
#cb-chat-btn{animation:cb-nudge 4s ease-in-out infinite}
@keyframes cb-nudge{0%,88%,100%{transform:translateY(0) rotate(0)}90%{transform:translateY(-4px) rotate(-4deg)}92%{transform:translateY(0) rotate(3deg)}94%{transform:translateY(-2px) rotate(0)}}
#cb-chat-window{position:absolute;bottom:72px;right:0;width:370px;height:500px;background:#fff;border-radius:20px;box-shadow:0 16px 48px rgba(0,0,0,.18),0 2px 8px rgba(0,0,0,.08);display:none;flex-direction:column;overflow:hidden;border:1px solid rgba(15,61,46,.08)}
#cb-chat-header{background:linear-gradient(120deg,#0F3D2E 0%,#144a37 60%,#1a5c44 100%);color:#fff;padding:16px 18px;font-weight:600;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}
#cb-chat-header::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#F28C28,transparent)}
#cb-chat-header .cb-status{display:flex;align-items:center;gap:10px}
#cb-chat-header .cb-dot{width:9px;height:9px;border-radius:50%;background:#4ade80;box-shadow:0 0 8px #4ade80;animation:cb-blink 2s ease-in-out infinite}
@keyframes cb-blink{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}
#cb-chat-header .cb-sub{font-size:11px;font-weight:400;opacity:.75;display:block;margin-top:2px}
.cb-avatar{width:38px;height:38px;border-radius:50%;flex-shrink:0;border:2px solid rgba(242,140,40,.6)}
#cb-chat-header .cb-sub .cb-dot{display:inline-block;margin-right:5px;vertical-align:1px}
#cb-chat-close{background:rgba(255,255,255,.12);border:none;color:#fff;font-size:18px;cursor:pointer;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}
#cb-chat-close:hover{background:rgba(255,255,255,.25)}
#cb-chat-messages{flex:1;overflow-y:auto;padding:18px 16px;display:flex;flex-direction:column;gap:12px;background:linear-gradient(180deg,#fafbfb 0%,#f4f6f5 100%)}
.cb-msg{max-width:82%;padding:11px 15px;border-radius:14px;font-size:14px;line-height:1.55;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.cb-msg.user{align-self:flex-end;background:linear-gradient(135deg,#0F3D2E,#1a5c44);color:#fff;border-bottom-right-radius:4px}
.cb-msg.bot{align-self:flex-start;background:#fff;color:#333;border:1px solid #edf0ee;border-bottom-left-radius:4px}
.cb-msg.bot ul,.cb-msg.bot ol{margin:8px 0;padding-left:20px}
.cb-msg.bot li{margin-bottom:6px;line-height:1.5}
.cb-msg.bot strong{font-weight:600;color:#0F3D2E}
.cb-msg.bot p{margin:0 0 8px 0}
.cb-msg.bot p:last-child{margin-bottom:0}
#cb-chat-input-area{display:flex;padding:14px;border-top:1px solid #edf0ee;gap:10px;background:#fff;align-items:center}
#cb-chat-input{flex:1;padding:11px 16px;border:1px solid #e2e8e6;border-radius:24px;outline:none;font-size:14px;transition:border-color .2s,box-shadow .2s;background:#f8faf9}
#cb-chat-input:focus{border-color:#0F3D2E;box-shadow:0 0 0 3px rgba(15,61,46,.08);background:#fff}
#cb-chat-send{background:linear-gradient(135deg,#F28C28,#e07b1a);color:#fff;border:none;border-radius:24px;padding:11px 22px;cursor:pointer;font-size:14px;font-weight:600;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 8px rgba(242,140,40,.3)}
#cb-chat-send:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(242,140,40,.4)}
#cb-chat-send:disabled{opacity:.5;transform:none}
.cb-typing{display:flex;gap:5px;align-items:center;padding:14px 18px!important}
.cb-typing span{width:9px;height:9px;border-radius:50%;background:#F28C28;opacity:.4;animation:cb-typing 1s infinite}
.cb-typing span:nth-child(2){animation-delay:.15s}
.cb-typing span:nth-child(3){animation-delay:.3s}
@keyframes cb-typing{0%,60%,100%{transform:translateY(0);opacity:.4}30%{transform:translateY(-8px);opacity:1}}

#cb-teaser{position:fixed;bottom:96px;right:24px;z-index:9998;max-width:300px;background:#fff;border-radius:16px;box-shadow:0 12px 36px rgba(0,0,0,.16);padding:14px 16px;display:none;align-items:flex-start;gap:12px;border:1px solid rgba(15,61,46,.08);animation:cb-teaser-in .45s cubic-bezier(.2,.9,.3,1.2);cursor:pointer}
@keyframes cb-teaser-in{from{transform:translateY(16px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}
#cb-teaser img{width:40px;height:40px;border-radius:50%;flex-shrink:0}
#cb-teaser strong{display:block;font-size:14px;color:#0F3D2E;margin-bottom:3px}
#cb-teaser span{font-size:12.5px;color:#666;line-height:1.45}
#cb-teaser-close{position:absolute;top:-8px;left:-8px;width:22px;height:22px;border-radius:50%;background:#fff;border:1px solid #e5e5e5;color:#999;font-size:14px;cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.1)}
#cb-teaser-close:hover{color:#333}
#cb-chat-btn .cb-badge{position:absolute;top:-4px;right:-4px;min-width:22px;height:22px;border-radius:11px;background:#e63946;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 6px;border:2px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.2)}
@media (max-width: 480px){
  #cb-chat-widget{bottom:16px;right:16px}
  #cb-chat-window{position:fixed;bottom:86px;right:12px;left:12px;width:auto;height:min(70vh,520px);border-radius:18px}
  #cb-teaser{right:16px;left:16px;max-width:none;bottom:86px}
}