/* Custom Toastr Styles Override */
/* Position toastr at top-center with better styling */

#toast-container.toast-top-center {
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
    max-width: 500px;
}

#toast-container.toast-top-center > div {
    width: 100%;
    margin: 0 auto 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Ensure proper z-index */
#toast-container {
    z-index: 999999;
}

/* Optional: Better animations for top-center */
@media (max-width: 768px) {
    #toast-container.toast-top-center {
        width: 90%;
        max-width: 90%;
        left: 50%;
    }
}