/**
 * Sweet-Notify — premium corner toast (ADMIN only). Option B: soft rang-tinted card.
 * Driven by notify(msg,type) → window.sweetNotify. Jodi: sweet-notify.js
 */

/* top-right container — toasts yahan stack hote hain */
#snx-wrap{
  position:fixed; top:14px; right:14px; z-index:100000;   /* ~30% kam (20px -> 14px) */
  display:flex; flex-direction:column; gap:12px;
  pointer-events:none; max-width:calc(100vw - 40px);
}
#snx-wrap > *{ pointer-events:auto; }

.snx{
  --c:#0f9d58;                                   /* per-type accent (neeche override) */
  position:relative; overflow:hidden; box-sizing:border-box;
  width:360px; max-width:calc(100vw - 40px);
  display:flex; gap:13px; align-items:flex-start;
  padding:15px 15px 17px;
  background:color-mix(in srgb, var(--c) 11%, #fff);
  border:1.5px solid color-mix(in srgb, var(--c) 42%, #fff);   /* zyada defined edge -> shadow ke baghair bhi background se alag "pop" kare */
  border-radius:var(--adm-r-lg, 8px);   /* site ke cards jaisा (admin-radius.css), no shadow */
  color:#15181e;
  font-family:ui-sans-serif,-apple-system,"Segoe UI","Helvetica Neue",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  /* enter state — .snx-show isay slide-in karta */
  opacity:0; transform:translateX(26px) scale(.96);
}
.snx.snx-show{ opacity:1; transform:none;
  transition:opacity .34s ease, transform .5s cubic-bezier(.18,1.03,.32,1); }
.snx.snx-out{ opacity:0; transform:translateX(24px) scale(.96);
  transition:opacity .34s ease, transform .42s cubic-bezier(.4,0,.2,1); }   /* slow, smooth hide */

/* per-type accent */
.snx-success{ --c:#0f9d58; }
.snx-error  { --c:#dc2626; }   /* zyada danger/alarming red */
.snx-warning{ --c:#f59e0b; }
.snx-info   { --c:#3b82f6; }

.snx-body{ flex:1; min-width:0; }
/* icon hata diya — type ka rang title (var --c) + card-tint se pata chal jata hai */
.snx-tt{ font-size:15.5px; font-weight:700; letter-spacing:-.012em; color:var(--c); margin:0 0 2px; }
.snx-tm{ font-size:12.75px; line-height:1.45; word-break:break-word;
  color:color-mix(in srgb, var(--c) 40%, #4b5563); }

.snx-x{
  flex:0 0 auto; -webkit-appearance:none; appearance:none; cursor:pointer;
  border:0; background:transparent; color:#8a90a0; opacity:.6;
  padding:3px; margin:-2px -2px 0 0; line-height:0; border-radius:6px;
  transition:opacity .15s ease, background .15s ease;
}
.snx-x:hover{ opacity:1; background:rgba(0,0,0,.05); }
/* click/focus par core.css ka `button:focus{outline}` black ring aata tha — hatao.
   Keyboard (:focus-visible) par halka accent ring rakho (accessibility). */
.snx-x:focus{ outline:none !important; box-shadow:none; }
.snx-x:focus-visible{ outline:none !important; box-shadow:0 0 0 3px color-mix(in srgb, var(--c) 30%, transparent); }
.snx-x svg{ width:14px; height:14px; display:block; }

/* ---------- ADMIN DARK MODE (html[data-theme="dark"]) ---------- */
html[data-theme="dark"] .snx{
  background:color-mix(in srgb, var(--c) 17%, #1b1e25);
  border-color:color-mix(in srgb, var(--c) 50%, transparent);
  color:#eef0f4;
}
html[data-theme="dark"] .snx-tt{ color:color-mix(in srgb, var(--c) 55%, #fff); }   /* light-accent title, dark bg par legible */
html[data-theme="dark"] .snx-tm{ color:color-mix(in srgb, var(--c) 30%, #b6bdc9); }
html[data-theme="dark"] .snx-x{ color:#cfd4dd; }
html[data-theme="dark"] .snx-x:hover{ background:rgba(255,255,255,.08); }

/* ---------- reduced motion / mobile ---------- */
@media (prefers-reduced-motion: reduce){
  .snx, .snx.snx-show, .snx.snx-out{ transition:opacity .2s ease !important; transform:none !important; }
}
@media (max-width:480px){
  #snx-wrap{ left:16px; right:16px; top:16px; }
  .snx{ width:auto; }
}