/* One consistent Toastify position for web and login layouts. */
.toastify,
.toastify.toastify-right,
.toastify.toastify-left {
    position: fixed !important;
    top: 1rem !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 2147483647 !important;
    width: min(450px, calc(100vw - 2rem)) !important;
    min-width: 0 !important;
    max-width: calc(100vw - 2rem) !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    direction: rtl !important;
    text-align: right !important;
    transform: translateX(-50%) !important;
}

.toastify.toast-unified {
    background: #ffffff !important;
    color: #1f2937 !important;
    border-radius: 0.75rem !important;
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.24) !important;
    opacity: 1 !important;
}

.toastify.toast-unified.toast-success { border-right: 4px solid #059669 !important; }
.toastify.toast-unified.toast-error,
.toastify.toast-unified.toast-danger { border-right: 4px solid #dc2626 !important; }
.toastify.toast-unified.toast-warning { border-right: 4px solid #d97706 !important; }
.toastify.toast-unified.toast-info { border-right: 4px solid #0284c7 !important; }

@media (max-width: 480px) {
    .toastify,
    .toastify.toastify-right,
    .toastify.toastify-left {
        top: 0.75rem !important;
        width: calc(100vw - 1rem) !important;
        max-width: calc(100vw - 1rem) !important;
    }
}