.backend-toasts { position: fixed; inset: auto 24px 24px auto; width: min(400px,calc(100vw - 32px)); max-height: calc(100dvh - 48px); overflow-y: auto; margin: 0; padding: 0; border: 0; background: transparent; color: var(--text); z-index: 10000; pointer-events: none; }
.backend-toasts::backdrop { background: transparent; pointer-events: none; }
.backend-toast { display: flex; align-items: flex-start; gap: 16px; padding: 16px 18px; margin-top: 10px; border: 1px solid #8db7a1; border-left: 4px solid #498f88; border-radius: 12px; background: #e5f1e7; color: #225b37; box-shadow: 0 8px 30px #14242b24; font-size: 13px; line-height: 1.6; pointer-events: auto; }
.backend-toast>div { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.backend-toast.is-error { background: #fbe8e4; color: #842d25; border-color: #d29b91; }
.backend-toast button { background: none; border: 0; color: inherit; font-size: 22px; line-height: 1; padding: 0 2px; }
.backend-toast ul { margin: 6px 0 0; padding-left: 18px; }
[data-theme=dark] .backend-toast { background: #19362e; color: #c8eedb; border-color: #498f88; }
[data-theme=dark] .backend-toast.is-error { background: #432b2b; color: #ffd5cd; border-color: #ae6660; }
@media(prefers-reduced-motion:no-preference) { .backend-toast { animation: backend-toast-enter .2s ease-out; } @keyframes backend-toast-enter { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:translateY(0); } } }
@media(max-width:760px) { .backend-toasts { right:16px; bottom:16px; } }