/* /public/assets/css/toast.css */

.app-toast-root {
    position: fixed;
    top: calc(var(--app-fixed-header-height, 4rem) + 1rem);
    right: 1rem;
    z-index: 1090;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    width: min(22rem, calc(100vw - 2rem));
    pointer-events: none;
}

.app-toast-root .toast {
    overflow: hidden;
    pointer-events: auto;
    box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.18);
}

.app-toast-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.35);
    background-color: rgba(0, 0, 0, 0.12);
}

.app-toast-root .toast.text-bg-warning .app-toast-header {
    border-bottom-color: rgba(0, 0, 0, 0.28);
}

.app-toast-root .toast.text-bg-warning .btn-close {
    filter: none;
    opacity: 0.75;
}

.app-toast-root .toast.text-bg-warning .btn-close:hover,
.app-toast-root .toast.text-bg-warning .btn-close:focus {
    opacity: 1;
}

.is-saving {
    background-image: linear-gradient(
        90deg,
        rgba(var(--bs-primary-rgb), 0.04),
        rgba(var(--bs-primary-rgb), 0.1),
        rgba(var(--bs-primary-rgb), 0.04)
    );
}