.notifications-container {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1050;
    max-width: 350px;
    pointer-events: none; /* Allow clicking through the container */
}

.notification-toast {
    margin-bottom: 10px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    animation: slideIn 0.3s ease-in-out;
    pointer-events: auto; /* Re-enable pointer events for the actual alerts */
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
    border-radius: 4px;
    padding: 12px 20px;
}

.notification-toast.alert-success {
    border-left: 4px solid #198754;
}

.notification-toast.alert-error,
.notification-toast.alert-danger {
    border-left: 4px solid #dc3545;
}

.notification-toast.alert-warning {
    border-left: 4px solid #ffc107;
}

.notification-toast.alert-info {
    border-left: 4px solid #0dcaf0;
}

@keyframes slideIn {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}