/* Bestand: public/css/toast.css */
#toast-container {
    position: fixed; top: 20px; right: 20px; z-index: 9999;
    display: flex; flex-direction: column; gap: 10px;
    pointer-events: none;
}
.toast {
    min-width: 250px; padding: 15px 20px; border-radius: 8px;
    color: white; font-weight: bold; font-size: 0.95em;
    box-shadow: 0 8px 24px rgba(0,0,0,0.4);
    transform: translateX(150%);
    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    backdrop-filter: blur(10px);
}
.toast.show { transform: translateX(0); }
.toast.success { background: rgba(76, 209, 55, 0.9); border-left: 5px solid #3da82b; }
.toast.error { background: rgba(255, 77, 77, 0.9); border-left: 5px solid #d32f2f; }

@media (max-width: 768px) {
    #toast-container { top: 10px; left: 10px; right: 10px; }
    .toast { min-width: 100%; box-sizing: border-box; }
}