.toast-stack { position: fixed; top: 18px; right: 18px; z-index: 200; display: grid; gap: 8px; width: min(380px, calc(100% - 32px)); pointer-events: none; }
.toast-message { display: grid; grid-template-columns: 24px 1fr; gap: 9px; align-items: start; padding: 13px 15px; border: 1px solid #dfe5ec; border-radius: 12px; background: #fff; box-shadow: 0 12px 35px #10182824; animation: toast-in .2s ease; pointer-events: auto; }
.toast-message::before { content: "✓"; display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: #eafaf0; color: #087a37; font-weight: 800; }
.toast-message.error::before { content: "!"; background: #fff0f1; color: #b42331; }
.toast-message.info::before { content: "i"; background: #edf4ff; color: #1b64da; }
.toast-message.is-leaving { opacity: 0; transform: translateY(-8px); transition: .2s; }
@keyframes toast-in { from { opacity: 0; transform: translateY(-8px); } }