.chatbot-trigger{position:fixed;bottom:24px;right:24px;z-index:var(--z-chatbot);width:60px;height:60px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--navy-700),var(--navy-800));display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #0a162859;cursor:pointer;transition:all var(--transition-base)}.chatbot-trigger:hover{transform:scale(1.08);box-shadow:0 6px 28px #0a162873}.chatbot-trigger svg{width:28px;height:28px;fill:var(--white);transition:transform var(--transition-base)}.chatbot-trigger.open svg{transform:rotate(90deg)}.chatbot-trigger-badge{position:absolute;top:-2px;right:-2px;width:18px;height:18px;border-radius:var(--radius-full);background:var(--green-500);border:2px solid var(--white)}.chatbot-trigger:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:var(--radius-full);background:#162d544d;animation:chatbot-pulse 2.5s ease-in-out infinite}.chatbot-trigger.open:before{animation:none;opacity:0}@keyframes chatbot-pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.15);opacity:0}}.chatbot-window{position:fixed;bottom:96px;right:24px;z-index:var(--z-chatbot);width:380px;height:520px;border-radius:var(--radius-xl);background:var(--white);box-shadow:0 12px 48px #0a162833;display:flex;flex-direction:column;overflow:hidden;transform:scale(.8) translateY(20px);opacity:0;pointer-events:none;transform-origin:bottom right;transition:all var(--transition-base)}.chatbot-window.open{transform:scale(1) translateY(0);opacity:1;pointer-events:all}.chatbot-header{background:linear-gradient(135deg,var(--navy-700),var(--navy-900));padding:var(--space-4) var(--space-5);display:flex;align-items:center;gap:var(--space-3)}.chatbot-header-avatar{width:40px;height:40px;border-radius:var(--radius-full);overflow:hidden;flex-shrink:0;border:2px solid var(--gold-400)}.chatbot-header-avatar img{width:100%;height:100%;object-fit:cover}.chatbot-header-info{flex:1}.chatbot-header-name{font-family:var(--font-heading);font-weight:600;font-size:var(--text-sm);color:var(--white)}.chatbot-header-status{font-size:var(--text-xs);color:var(--green-400);display:flex;align-items:center;gap:var(--space-1)}.chatbot-header-status:before{content:"";width:6px;height:6px;border-radius:var(--radius-full);background:var(--green-400)}.chatbot-close{width:32px;height:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff9;transition:all var(--transition-fast);cursor:pointer}.chatbot-close:hover{background:#ffffff1a;color:var(--white)}.chatbot-messages{flex:1;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);scroll-behavior:smooth}.chatbot-messages::-webkit-scrollbar{width:4px}.chatbot-messages::-webkit-scrollbar-track{background:transparent}.chatbot-messages::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:2px}.chat-message{display:flex;gap:var(--space-2);max-width:85%;animation:chat-msg-in .3s ease}@keyframes chat-msg-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-message-bot{align-self:flex-start}.chat-message-user{align-self:flex-end;flex-direction:row-reverse}.chat-bubble{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);line-height:var(--leading-normal)}.chat-message-bot .chat-bubble{background:var(--gray-100);color:var(--color-text);border-bottom-left-radius:var(--radius-sm)}.chat-message-user .chat-bubble{background:var(--green-600);color:var(--white);border-bottom-right-radius:var(--radius-sm)}.chat-bubble a{color:var(--green-600);font-weight:600;text-decoration:underline}.chat-message-user .chat-bubble a{color:var(--gold-300)}.typing-indicator{display:flex;gap:4px;padding:var(--space-3) var(--space-4);background:var(--gray-100);border-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-sm);align-self:flex-start;width:fit-content}.typing-dot{width:7px;height:7px;border-radius:var(--radius-full);background:var(--gray-400);animation:typing-bounce 1.2s infinite}.typing-dot:nth-child(2){animation-delay:.15s}.typing-dot:nth-child(3){animation-delay:.3s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}.chatbot-quick-replies{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:0 var(--space-4) var(--space-3)}.quick-reply-btn{font-size:var(--text-xs);font-weight:500;padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--gray-300);background:var(--white);color:var(--navy-700);cursor:pointer;transition:all var(--transition-fast)}.quick-reply-btn:hover{background:var(--navy-700);color:var(--white);border-color:var(--navy-700)}.quick-reply-btn:focus-visible{outline:2px solid var(--navy-400);outline-offset:2px}.quick-reply-wa{display:inline-flex;align-items:center;gap:var(--space-2);background:#25d366;border-color:#25d366;color:var(--white);font-weight:600}.quick-reply-wa svg{width:14px;height:14px;fill:currentColor;flex-shrink:0}.quick-reply-wa:hover{background:#1ebe5a;border-color:#1ebe5a;color:var(--white)}.quick-reply-wa:focus-visible{outline-color:#128c7e}.chatbot-input{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--gray-200)}.chatbot-input input{flex:1;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text);background:var(--gray-50);border-radius:var(--radius-md);border:1px solid transparent;transition:all var(--transition-fast)}.chatbot-input input::placeholder{color:var(--gray-400)}.chatbot-input input:focus{background:var(--white);border-color:var(--navy-400)}.chatbot-send{width:36px;height:36px;border-radius:var(--radius-full);background:var(--green-600);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.chatbot-send:hover{background:var(--green-500)}.chatbot-send svg{width:18px;height:18px;fill:var(--white)}@media(max-width:480px){.chatbot-window{width:calc(100vw - 16px);height:calc(100vh - 120px);right:8px;bottom:88px;border-radius:var(--radius-lg)}}