/* Standardized Toast Notification Styles */

.toast-progress-container {
    height: 4px;
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 0 0 var(--bs-toast-border-radius) var(--bs-toast-border-radius);
    overflow: hidden;
}

.toast-progress {
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    width: 100%;
    transform-origin: left;
    animation: toast-countdown 5s linear forwards;
}

@keyframes toast-countdown {
    from {
        transform: scaleX(1);
    }
    to {
        transform: scaleX(0);
    }
}

.toast-progress.paused {
    animation-play-state: paused;
}

/* Toast Container */
.global-toast-container {
    position: fixed;
    bottom: 0;
    right: 0;
    padding: 1rem;
    z-index: 1050;
}