.success-toast { position:fixed; z-index:90; top:112px; right:24px; width:min(410px,calc(100% - 32px)); display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:13px; align-items:center; padding:16px; border:1px solid #bfe4cf; border-radius:16px; color:#153f2a; background:rgba(248,255,251,.98); box-shadow:0 20px 50px rgba(4,63,34,.2); opacity:0; visibility:hidden; transform:translateY(-14px) scale(.97); pointer-events:none; transition:opacity .25s ease,transform .3s cubic-bezier(.2,.8,.2,1),visibility .25s; }
.success-toast.visible { opacity:1; visibility:visible; transform:none; pointer-events:auto; }
.success-toast-icon { display:grid; place-items:center; width:43px; height:43px; border-radius:50%; color:#fff; background:#1b9854; box-shadow:0 7px 16px rgba(27,152,84,.25); font-size:1.35rem; font-weight:900; }
.success-toast-copy { min-width:0; display:grid; gap:2px; }
.success-toast-copy strong { color:#12643a; font-size:.98rem; }
.success-toast-copy small { color:#4e6d5c; font-size:.78rem; line-height:1.35; }
.success-toast-close { width:30px; height:30px; border:0; border-radius:50%; color:#547263; background:#e8f6ee; font-size:1.25rem; line-height:1; }
.success-toast-close:hover { color:#fff; background:#1b9854; }
@media (max-width:680px) { .success-toast { top:auto; right:16px; bottom:16px; left:16px; width:auto; } }
@media (prefers-reduced-motion:reduce) { .success-toast { transition:none; } }