#ng-assistant{
  position:fixed; right:18px; bottom:18px; z-index:9999;
  display:inline-flex; align-items:center; gap:10px; padding:12px 16px;
  background:linear-gradient(135deg,#0a1f44,#123263);
  color:#fff; border-radius:16px; text-decoration:none;
  box-shadow:0 10px 28px rgba(2,8,20,.35);
  border:1px solid rgba(255,255,255,.12);
  font-family:system-ui,Segoe UI,Roboto,Arial,sans-serif;
  animation:ngFadeIn .5s ease-out both;
}
#ng-assistant:hover{ transform:translateY(-2px) }
@keyframes ngFadeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
#ng-assistant .icon{
  width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:20px;
  background:linear-gradient(135deg,#12294e,#1a3a6c);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 8px 18px rgba(2,8,20,.28);
  position:relative; overflow:hidden
}
#ng-assistant .icon::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(120deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.45) 45%,rgba(255,255,255,0) 70%);
  transform:translateX(-130%) skewX(-18deg);animation:ngShimmer 3.6s ease-in-out infinite
}
@keyframes ngShimmer{0%{transform:translateX(-130%) skewX(-18deg);opacity:0}25%{opacity:.8}60%{transform:translateX(40%) skewX(-18deg);opacity:.25}100%{transform:translateX(140%) skewX(-18deg);opacity:0}}
#ng-assistant .txt{display:flex;flex-direction:column;line-height:1.05}
#ng-assistant .txt strong{font-size:14px}
#ng-assistant .txt span{font-size:12px;opacity:.85;color:#cfe2ff}
@media(max-width:420px){ #ng-assistant{padding:10px 12px} #ng-assistant .txt{display:none} }

.ng-chat{position:fixed; right:18px; bottom:86px; width:min(360px,calc(100vw - 32px));
  background:#0f172a; color:#eaf2ff; border:1px solid rgba(255,255,255,.12); border-radius:16px;
  box-shadow:0 18px 50px rgba(2,8,20,.45); overflow:hidden; display:none; z-index:9999}
.ng-chat.ng-open{display:block; animation:chatIn .25s ease-out both}
@keyframes chatIn{from{opacity:0; transform:translateY(8px)}to{opacity:1; transform:none}}
.ng-chat__header{display:flex;align-items:center;gap:10px;padding:12px 14px;background:linear-gradient(135deg,#0a1f44,#123263)}
.ng-chat__header img{width:28px;height:28px}
.ng-chat__title{font-weight:700;line-height:1}
.ng-chat__subtitle{font-size:12px;opacity:.85}
.ng-chat__body{max-height:52vh;overflow:auto;padding:12px;background:rgba(255,255,255,.02)}
.ng-msg{display:flex;gap:8px;margin-bottom:10px}
.ng-msg .b{background:#132036;color:#eaf2ff;border:1px solid #22304a; padding:10px 12px; border-radius:12px;max-width:85%}
.ng-msg.me{justify-content:flex-end}
.ng-msg.me .b{background:#153657;border-color:#2a5ea1}
.ng-actions{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 4px}
.ng-btn{border:1px solid #2a3a57;background:#0f1b33;color:#cfe2ff;border-radius:10px;padding:8px 10px;font-size:13px;cursor:pointer}
.ng-btn:hover{background:#122246}
.ng-chat__footer{display:flex;gap:8px;padding:10px;border-top:1px solid rgba(255,255,255,.08); background:#0f172a}
.ng-chat__footer button{border:none;border-radius:10px;background:#bf1e2e;color:#fff;padding:10px 12px;font-weight:600;cursor:pointer}
.ng-chat__close{margin-left:auto;background:transparent;border:1px solid rgba(255,255,255,.25);color:#fff}

:root{--olivo-azul:#0a1f44; --olivo-azul-2:#123263; --olivo-rojo:#bf1e2e}
.ng-assistant-btn{position:fixed; right:18px; bottom:18px; z-index:9999; display:inline-flex; align-items:center; gap:10px; padding:12px 16px; background:linear-gradient(135deg,var(--olivo-azul),var(--olivo-azul-2)); color:#fff; border-radius:16px; text-decoration:none; box-shadow:0 10px 28px rgba(2,8,20,.35); border:1px solid rgba(255,255,255,.12)}
.ng-assistant-btn .icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:20px;background:linear-gradient(135deg,#12294e,#1a3a6c)}
.ng-assistant-btn .txt{display:flex;flex-direction:column;line-height:1.05}
.ng-assistant-btn .txt strong{font-size:14px}
.ng-assistant-btn .txt span{font-size:12px;opacity:.85;color:#cfe2ff}
@media(max-width:420px){ .ng-assistant-btn .txt{display:none} }

.ng-chat{position:fixed; right:18px; bottom:86px; width:min(360px,calc(100vw - 32px)); background:#0f172a; color:#eaf2ff; border:1px solid rgba(255,255,255,.12); border-radius:16px; box-shadow:0 18px 50px rgba(2,8,20,.45); overflow:hidden; z-index:9999}
[hidden].ng-chat{display:none}
.ng-chat__header{display:flex;align-items:center;gap:10px;padding:12px 14px;background:linear-gradient(135deg,var(--olivo-azul),var(--olivo-azul-2))}
.ng-chat__header img{width:28px;height:28px}
.ng-chat__title{font-weight:700}
.ng-chat__subtitle{font-size:12px;opacity:.85}
.ng-chat__body{max-height:52vh;overflow:auto;padding:12px;background:rgba(255,255,255,.02)}
.ng-msg{display:flex;gap:8px;margin-bottom:10px}
.ng-msg .b{background:#132036;color:#eaf2ff;border:1px solid #22304a; padding:10px 12px; border-radius:12px;max-width:85%}
.ng-msg.me{justify-content:flex-end}
.ng-msg.me .b{background:#153657;border-color:#2a5ea1}
.ng-actions{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 4px}
.ng-btn{border:1px solid #2a3a57;background:#0f1b33;color:#cfe2ff;border-radius:10px;padding:8px 10px;font-size:13px;cursor:pointer}
.ng-btn:hover{background:#122246}
.ng-chat__footer{display:flex;gap:8px;padding:10px;border-top:1px solid rgba(255,255,255,.08)}
.ng-chat__footer button{border:none;border-radius:10px;background:var(--olivo-rojo);color:#fff;padding:10px 12px;font-weight:600;cursor:pointer}
.ng-chat__close{margin-left:auto;background:transparent;border:1px solid rgba(255,255,255,.25);color:#fff;padding:8px 10px;border-radius:10px}