.toast-root{ position: fixed; right: 16px; bottom: 16px; z-index: 99999; display: flex; flex-direction: column; gap: 10px; pointer-events: none; }
.toast{ min-width: 280px; max-width: 420px; background: color-mix(in srgb, var(--surface) 90%, #101827); border:1px solid rgba(255,255,255,0.14); color: var(--text); border-radius: 14px; box-shadow: 0 18px 44px rgba(0,0,0,.36); backdrop-filter: blur(12px) saturate(150%); -webkit-backdrop-filter: blur(12px) saturate(150%); padding: 12px 13px; display:flex; align-items:flex-start; gap:11px; pointer-events: auto; animation: toast-in .2s cubic-bezier(.18,.9,.2,1); }
.toast.success{ border-color: rgba(50,210,150,.7); box-shadow: 0 18px 44px rgba(0,0,0,.36), 0 0 0 1px rgba(50,210,150,.08) inset; }
.toast.error{ border-color: rgba(255,107,107,.72); box-shadow: 0 18px 44px rgba(0,0,0,.36), 0 0 0 1px rgba(255,107,107,.08) inset; }
.toast.info{ border-color: rgba(97,218,251,.65); }
.toast .icon{ width: 28px; height:28px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; flex-shrink:0; margin-top:0; }
.toast.success .icon{ background: rgba(50,210,150,.16); color: #4df0b4; }
.toast.error .icon{ background: rgba(255,107,107,.16); color: #ff7d7d; }
.toast.info .icon{ background: rgba(97,218,251,.16); color: #79ddff; }
.toast-icon-svg{ width: 24px; height: 24px; overflow: visible; }
.toast-icon-ring{ fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; opacity: .95; stroke-dasharray: 63; stroke-dashoffset: 63; animation: toast-ring-draw .48s cubic-bezier(.2,.9,.2,1) forwards; }
.toast-icon-check,
.toast-icon-x,
.toast-icon-info-line,
.toast-icon-info-dot{ fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 24; stroke-dashoffset: 24; animation: toast-mark-draw .34s cubic-bezier(.2,.9,.2,1) .18s forwards; }
.toast-icon-x-b{ animation-delay: .26s; }
.toast-icon-info-dot{ stroke-width: 3.2; stroke-dasharray: 1; stroke-dashoffset: 1; }
.toast .content{ flex:1; min-width: 0; }
.toast .title{ font-weight:700; margin:0 0 2px; font-size:14px; }
.toast .message{ font-size:13px; color: var(--muted); overflow-wrap: anywhere; }
.toast .close{ background: transparent; color: var(--muted); border: none; cursor: pointer; border-radius: 8px; padding: 3px 6px; font-size: 18px; line-height: 1; }
.toast .close:hover{ color: var(--text); background: rgba(255,255,255,.08); }
.toast-leave{ animation: toast-out .2s ease-in forwards; }

@keyframes toast-in{ from{ opacity:0; transform: translateY(6px) scale(.98);} to{ opacity:1; transform:none; } }
@keyframes toast-out{ from{ opacity:1; transform:none;} to{ opacity:0; transform: translateY(6px) scale(.98);} }
@keyframes toast-ring-draw{ to{ stroke-dashoffset: 0; } }
@keyframes toast-mark-draw{ to{ stroke-dashoffset: 0; } }

@media (max-width: 560px){ .toast-root{ left: 50%; right: auto; transform: translateX(-50%); bottom: 12px; width: calc(100vw - 24px); max-width: 520px; } .toast{ min-width: auto; width: 100%; } }

body.has-active-modal .toast-root,
body.inventory-modal-open .toast-root {
  display: none !important;
}

@media (max-width: 560px){
  body.messenger-open .toast-root {
    display: none !important;
  }
}