/* assets/css/toasts.css */
#toast-container {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.toast {
    display: flex;
    align-items: center;
    padding: 12px 20px;
    border-radius: 8px;
    color: white;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    animation: slideInUp 0.5s forwards, fadeOut 0.5s 3.5s forwards;
}
.toast.success { background-color: #22c55e; } /* green-500 */
.toast.error { background-color: #ef4444; } /* red-500 */
.toast.info { background-color: #3b82f6; } /* blue-500 */
.toast i { margin-right: 10px; font-size: 1.2em; }

@keyframes slideInUp { from { transform: translateY(100%); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
@keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }