/* ════════════════════════════════════════════════════════════════════
   AAN CRM — Gradient Spotlight notification (2026-05-29)
   Shared popup style for admin push-messages AND Point Target celebrations.
   Pure CSS animation (GPU, no lag). Loaded on the pages that already poll.
   ════════════════════════════════════════════════════════════════════ */
.aan-nz{position:fixed;top:16px;left:50%;transform:translateX(-50%);z-index:99999;
  display:flex;flex-direction:column;gap:10px;align-items:center;pointer-events:none;width:max-content;max-width:94vw;}
.aan-toast{pointer-events:auto;width:390px;max-width:92vw;padding:15px 38px 15px 18px;border-radius:18px;color:#fff;
  display:flex;gap:14px;align-items:center;position:relative;overflow:hidden;cursor:pointer;
  box-shadow:0 22px 55px -16px rgba(0,0,0,.6);
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  animation:aanDrop .55s cubic-bezier(.22,1,.36,1);}
.aan-toast.aan-leave{animation:aanOut .35s ease forwards;}
@keyframes aanDrop{0%{opacity:0;transform:translateY(-40px) scale(.9);}60%{transform:translateY(5px) scale(1.01);}100%{opacity:1;transform:translateY(0) scale(1);}}
@keyframes aanOut{to{opacity:0;transform:translateY(-24px) scale(.96);}}
.aan-toast .aan-x{position:absolute;top:8px;right:9px;width:22px;height:22px;border:none;border-radius:50%;
  background:rgba(255,255,255,.22);color:#fff;font-size:15px;line-height:1;cursor:pointer;display:grid;place-items:center;
  padding:0;opacity:.85;transition:opacity .15s,background .15s;font-family:inherit;}
.aan-toast .aan-x:hover{opacity:1;background:rgba(255,255,255,.38);}
.aan-toast .aan-big{font-size:30px;flex:0 0 auto;filter:drop-shadow(0 3px 6px rgba(0,0,0,.3));line-height:1;}
.aan-toast .aan-tt{font-weight:800;font-size:16px;line-height:1.2;}
.aan-toast .aan-bd{font-size:13.5px;opacity:.95;margin-top:3px;line-height:1.38;}
@media(max-width:768px){.aan-nz{top:10px;}.aan-toast{width:94vw;padding:14px 15px;}.aan-toast .aan-big{font-size:26px;}.aan-toast .aan-tt{font-size:15px;}}
/* inline static preview (admin composer) — no animation, sits in normal flow */
.aan-preview{position:static!important;animation:none!important;cursor:default!important;margin:0;width:100%;max-width:420px;}
