/* Purchase notification popups */
.notify-stack{
  position:fixed; top:108px; right:18px; z-index:50;
  display:flex; flex-direction:column; gap:10px;
  pointer-events:none; max-width:340px;
}
.notify-toast{
  pointer-events:auto;
  background:#0f172a; color:#fff;
  border:1px solid rgba(255,255,255,.08);
  border-left:3px solid #3b82f6;
  border-radius:12px;
  padding:12px 14px 12px 12px;
  display:flex; gap:11px; align-items:flex-start;
  box-shadow:0 12px 32px -8px rgba(0,0,0,.55), 0 4px 12px rgba(0,0,0,.3);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  transform:translateX(120%); opacity:0;
  transition:transform .45s cubic-bezier(.2,.9,.25,1), opacity .35s ease;
  backdrop-filter:blur(8px);
}
.notify-toast.show{ transform:translateX(0); opacity:1; }
.notify-toast.hide{ transform:translateX(120%); opacity:0; }
.notify-ico{
  flex:0 0 36px; height:36px; border-radius:50%;
  background:linear-gradient(135deg,#3b82f6,#2563eb);
  display:flex; align-items:center; justify-content:center;
  font-size:18px;
}
.notify-body{ flex:1; min-width:0; }
.notify-name{
  font-size:13px; font-weight:600; color:#fff;
  line-height:1.3; margin:0 0 2px;
}
.notify-msg{
  font-size:12px; color:#cbd5e1; line-height:1.4; margin:0;
}
.notify-match{ color:#3b82f6; font-weight:600; }
.notify-time{
  font-size:10.5px; color:#64748b; margin-top:4px;
  display:flex; align-items:center; gap:4px;
}
.notify-time::before{
  content:""; width:5px; height:5px; border-radius:50%;
  background:#3b82f6; box-shadow:0 0 6px #3b82f6;
  animation:notifyPulse 1.6s ease infinite;
}
@keyframes notifyPulse{
  0%,100%{opacity:1} 50%{opacity:.4}
}
.notify-close{
  position:absolute; top:6px; right:8px;
  background:none; border:0; color:#64748b;
  font-size:16px; cursor:pointer; line-height:1; padding:2px 4px;
}
.notify-close:hover{ color:#fff; }
.notify-toast{ position:relative; }

@media (max-width:600px){
  .notify-stack{ top:96px; right:10px; left:10px; max-width:none; }
  .notify-toast{ padding:10px 12px; }
  .notify-name{ font-size:12px; }
  .notify-msg{ font-size:11px; }
}