remove(toast.id), 200)"
class="flex items-center gap-3 p-4 rounded-2xl shadow-xl border text-xs sm:text-sm font-bold cursor-pointer transition-all duration-200 pointer-events-auto w-full select-none"
:class="{
'bg-emerald-50/95 border-emerald-200 text-emerald-800 backdrop-blur-md': toast.type === 'success',
'bg-amber-50/95 border-amber-200 text-amber-800 backdrop-blur-md': toast.type === 'warning' || toast.type === 'info',
'bg-rose-50/95 border-rose-200 text-rose-800 backdrop-blur-md': toast.type === 'error'
}">