/* spf-toast.css - Minimal overrides for toast positioning */
.spf-toast-container {
    position: fixed;
    top: 16px;
    right: 16px;
    z-index: 99999;
    max-width: 420px;
    width: calc(100% - 32px);
    display: flex;
    flex-direction: column;
    gap: 12px;
    pointer-events: none;
}

.spf-toast-container > .notification {
    pointer-events: auto;
    display: block;
    position: relative;
    transition: opacity 0.3s ease;
    top: 50px;
}

@media (max-width: 575.98px) {
    .spf-toast-container {
        top: 8px;
        right: 8px;
        max-width: none;
        width: calc(100% - 16px);
    }
}