.chat-widget{position:fixed;bottom:24px;right:24px;z-index:999;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;}
.chat-trigger{width:60px;height:60px;background:var(--primary,#0066b3);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 20px rgba(0,102,179,.35);transition:all .3s;position:relative;}
.chat-trigger:hover{transform:scale(1.08);box-shadow:0 6px 28px rgba(0,102,179,.45);}
.chat-badge{position:absolute;top:-4px;right:-4px;width:22px;height:22px;background:#ef4444;color:#fff;border-radius:50%;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid #fff;}
.chat-window{display:none;position:absolute;bottom:72px;right:0;width:380px;max-height:520px;background:#fff;border-radius:16px;box-shadow:0 12px 48px rgba(0,0,0,.18);overflow:hidden;flex-direction:column;}
.chat-window.open{display:flex;}
.chat-header{background:linear-gradient(135deg,#0d1b2a 0%,#0066b3 100%);color:#fff;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;}
.chat-header-left{display:flex;align-items:center;gap:10px;}
.chat-avatar{width:36px;height:36px;background:rgba(255,255,255,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;}
.chat-close{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;line-height:1;opacity:.7;transition:opacity .2s;}
.chat-close:hover{opacity:1;}
.chat-body{padding:16px;overflow-y:auto;flex:1;max-height:360px;display:flex;flex-direction:column;gap:10px;}
.chat-msg{display:flex;flex-direction:column;}
.chat-msg.bot .chat-bubble{background:#f0f4ff;color:#1a2d42;border-radius:4px 16px 16px 16px;padding:10px 14px;font-size:13px;line-height:1.55;max-width:88%;align-self:flex-start;}
.chat-msg.user .chat-bubble{background:#0066b3;color:#fff;border-radius:16px 4px 16px 16px;padding:10px 14px;font-size:13px;line-height:1.55;max-width:88%;align-self:flex-end;}
.chat-options{display:flex;flex-direction:column;gap:6px;margin-top:4px;}
.chat-options button{background:#fff;border:1.5px solid #0066b3;color:#0066b3;padding:9px 14px;border-radius:10px;font-size:12px;font-weight:500;cursor:pointer;text-align:left;transition:all .2s;}
.chat-options button:hover{background:#0066b3;color:#fff;}
.chat-wa-btn{display:inline-flex;align-items:center;gap:8px;background:#25D366;color:#fff;padding:12px 18px;border-radius:10px;font-size:13px;font-weight:600;text-decoration:none;margin-top:6px;transition:all .2s;}
.chat-wa-btn:hover{background:#1da851;transform:translateY(-1px);}
.chat-input-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-top:1px solid #e5e7eb;background:#fff;}
.chat-input-bar input{flex:1;border:1.5px solid #e5e7eb;border-radius:10px;padding:10px 14px;font-size:13px;outline:none;transition:border-color .2s;}
.chat-input-bar input:focus{border-color:#0066b3;}
.chat-input-bar button{width:38px;height:38px;background:#0066b3;border:none;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:background .2s;flex-shrink:0;}
.chat-input-bar button:hover{background:#005299;}
.scroll-top{position:fixed;bottom:96px;right:28px;width:44px;height:44px;background:var(--dark,#0d1b2a);color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:998;opacity:0;visibility:hidden;transition:all .3s;box-shadow:0 2px 12px rgba(0,0,0,.2);}
.scroll-top.visible{opacity:1;visibility:visible;}
.scroll-top:hover{background:var(--primary,#0066b3);transform:translateY(-2px);}
@media(max-width:480px){.chat-window{width:calc(100vw - 32px);right:-8px;bottom:68px;max-height:70vh;}}
.typing-dot{width:6px;height:6px;background:#0066b3;border-radius:50%;opacity:.4;animation:typingBounce .8s infinite;}
.typing-dot:nth-child(2){animation-delay:.15s;}
.typing-dot:nth-child(3){animation-delay:.3s;}
@keyframes typingBounce{0%,60%,100%{transform:translateY(0);opacity:.4;}30%{transform:translateY(-4px);opacity:1;}}