.toast-root { position: fixed; z-index: 120; right: 16px; bottom: 16px; display: flex; flex-direction: column; gap: 8px; max-width: min(420px, calc(100vw - 32px)); }
.toast { padding: 12px 16px; border-radius: 12px; color: #fff; background: var(--c-navy-700); box-shadow: var(--shadow-lg); font-weight: 600; animation: toast-in .2s ease; overflow-wrap: anywhere; }
.toast--success { background: var(--c-success); } .toast--error { background: var(--c-danger); } .toast--warning { background: #b45309; }
@keyframes toast-in { from { transform: translateY(10px); opacity: 0; } }