/* Toast notification styles */

/* Slide-in animation from the right */
#toast-container .toast {
    transition: transform 0.3s ease-out, opacity 0.3s ease-out;
}

#toast-container .toast.showing {
    transform: translateX(100%);
    opacity: 0;
}

#toast-container .toast.show {
    transform: translateX(0);
    opacity: 1;
}

/* Ensure toast container doesn't block clicks on content below */
#toast-container:empty {
    pointer-events: none;
}

/* Max width for readability on large screens */
#toast-container .toast {
    min-width: 280px;
    max-width: 400px;
}

/* Dark theme compatibility — let Bootstrap handle colors,
   just ensure borders and shadows look right */
[data-bs-theme="dark"] #toast-container .toast {
    border-color: var(--bs-border-color);
}