#aag-chatbot-root *{box-sizing:border-box;margin:0;padding:0;font-family:'Inter',system-ui,sans-serif}
#aag-launcher{position:fixed;bottom:24px;right:24px;z-index:999999;display:flex;flex-direction:column;align-items:flex-end;gap:10px;}
#aag-bubble{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#1a3a52,#0d2035);border:2px solid #4fc3f7;box-shadow:0 4px 24px rgba(79,195,247,.25);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s;position:relative;}
#aag-bubble:hover{transform:scale(1.07);box-shadow:0 6px 32px rgba(79,195,247,.4)}
#aag-bubble svg{width:26px;height:26px;color:#4fc3f7}
#aag-notif{position:absolute;top:-3px;right:-3px;width:12px;height:12px;border-radius:50%;background:#4fc3f7;border:2px solid #050a12;animation:aag-pulse 2s infinite;}
@keyframes aag-pulse{0%,100%{opacity:1}50%{opacity:.5}}
#aag-tooltip{background:#0d1f2d;border:1px solid #1c3a54;border-radius:12px;padding:12px 16px;font-size:13px;color:#eaf6ff;box-shadow:0 4px 20px rgba(0,0,0,.4);max-width:220px;text-align:right;line-height:1.5;cursor:pointer;display:none;}
#aag-tooltip strong{color:#4fc3f7;display:block;font-size:12px;margin-bottom:2px}
#aag-window{position:fixed;bottom:90px;right:24px;z-index:999998;width:380px;height:560px;max-height:calc(100vh - 120px);background:linear-gradient(180deg,#0a1828,#07111c);border:1px solid #1c3a54;border-radius:18px;box-shadow:0 16px 64px rgba(0,0,0,.6),0 0 0 1px rgba(79,195,247,.08);display:none;flex-direction:column;overflow:hidden;animation:aag-slideup .25s cubic-bezier(.34,1.2,.64,1);}
@keyframes aag-slideup{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
#aag-window.open{display:flex}
#aag-header{background:linear-gradient(135deg,#0d2035,#112840);border-bottom:1px solid #1c3a54;padding:14px 16px;display:flex;align-items:center;gap:10px;flex-shrink:0;}
#aag-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#1a3a52,#0d2035);border:1.5px solid #4fc3f7;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
#aag-avatar svg{width:18px;height:18px;color:#4fc3f7}
#aag-header-text{flex:1}
#aag-header-name{font-size:14px;font-weight:600;color:#eaf6ff}
#aag-header-status{font-size:11px;color:#2fd9a8;display:flex;align-items:center;gap:4px}
#aag-header-status::before{content:'';width:6px;height:6px;border-radius:50%;background:#2fd9a8;flex-shrink:0}
#aag-close{background:none;border:none;color:#7fa8c9;cursor:pointer;padding:4px;border-radius:6px;transition:color .15s;display:flex;align-items:center;justify-content:center;}
#aag-close:hover{color:#eaf6ff}
#aag-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;scrollbar-width:thin;scrollbar-color:#1c3a54 transparent;}
#aag-messages::-webkit-scrollbar{width:4px}
#aag-messages::-webkit-scrollbar-thumb{background:#1c3a54;border-radius:2px}
.aag-msg{display:flex;gap:8px;align-items:flex-end;max-width:90%}
.aag-msg.bot{align-self:flex-start}
.aag-msg.user{align-self:flex-end;flex-direction:row-reverse}
.aag-msg-avatar{width:28px;height:28px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,#1a3a52,#0d2035);border:1px solid #1c3a54;display:flex;align-items:center;justify-content:center;}
.aag-msg-avatar svg{width:14px;height:14px;color:#4fc3f7}
.aag-bubble-inner{padding:10px 13px;border-radius:16px;font-size:13px;line-height:1.55;max-width:100%;word-break:break-word;}
.aag-msg.bot .aag-bubble-inner{background:#0f2236;border:1px solid #1c3a54;color:#eaf6ff;border-bottom-left-radius:4px;}
.aag-msg.user .aag-bubble-inner{background:linear-gradient(135deg,#1a4a6e,#0d3254);border:1px solid #2f6a9a;color:#eaf6ff;border-bottom-right-radius:4px;}
.aag-quick-wrap{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;padding:0 36px}
.aag-quick{padding:6px 12px;border-radius:20px;border:1px solid #1c3a54;background:rgba(79,195,247,.07);color:#4fc3f7;font-size:12px;cursor:pointer;transition:all .15s;font-family:'Inter',system-ui,sans-serif;white-space:nowrap;}
.aag-quick:hover{background:rgba(79,195,247,.15);border-color:#4fc3f7}
.aag-typing{display:flex;gap:4px;align-items:center;padding:8px 12px}
.aag-typing span{width:6px;height:6px;border-radius:50%;background:#4fc3f7;opacity:.4;animation:aag-bounce .8s infinite}
.aag-typing span:nth-child(2){animation-delay:.15s}
.aag-typing span:nth-child(3){animation-delay:.3s}
@keyframes aag-bounce{0%,100%{transform:translateY(0);opacity:.4}50%{transform:translateY(-4px);opacity:1}}
.aag-form{padding:4px 0}
.aag-field{margin-bottom:8px}
.aag-field label{display:block;font-size:11px;color:#7fa8c9;margin-bottom:4px;font-weight:500}
.aag-field input{width:100%;padding:8px 10px;border-radius:8px;background:#071828;border:1px solid #1c3a54;color:#eaf6ff;font-size:13px;font-family:'Inter',system-ui,sans-serif;outline:none;transition:border-color .15s;}
.aag-field input:focus{border-color:#4fc3f7}
.aag-submit{width:100%;padding:9px;border-radius:20px;border:1px solid #2f6a9a;background:linear-gradient(135deg,#1a4a6e,#0d3254);color:#4fc3f7;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;font-family:'Inter',system-ui,sans-serif;margin-top:4px;}
.aag-submit:hover{background:linear-gradient(135deg,#1e5a84,#103d64)}
#aag-input-wrap{padding:12px 14px;border-top:1px solid #1c3a54;display:flex;gap:8px;align-items:center;flex-shrink:0;background:#07111c;}
#aag-input{flex:1;background:#0d1f2d;border:1px solid #1c3a54;border-radius:22px;padding:9px 14px;color:#eaf6ff;font-size:13px;font-family:'Inter',system-ui,sans-serif;outline:none;transition:border-color .15s;resize:none;max-height:100px;overflow-y:auto;}
#aag-input::placeholder{color:#3f5c74}
#aag-input:focus{border-color:#4fc3f7}
#aag-send{width:36px;height:36px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,#1a4a6e,#0d3254);border:1px solid #2f6a9a;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;}
#aag-send:hover{background:linear-gradient(135deg,#1e5a84,#103d64);transform:scale(1.05)}
#aag-send svg{width:16px;height:16px;color:#4fc3f7}
#aag-privacy{text-align:center;font-size:10px;color:#3f5c74;padding:6px;border-top:1px solid #1c3a54;flex-shrink:0;}
@media(max-width:420px){#aag-window{width:calc(100vw - 16px);right:8px;bottom:80px;height:70vh}#aag-launcher{right:12px;bottom:12px}}
