/* ============================================================
   FLAVSTART TOAST NOTIFICATION STYLES
   ============================================================ */

.fs-toast-container {
    position: fixed;
    top: var(--fs-space-6);
    right: var(--fs-space-6);
    z-index: calc(var(--fs-z-modal) + 10);
    display: flex;
    flex-direction: column;
    gap: var(--fs-space-3);
    pointer-events: none;
    max-width: 380px;
}

.fs-toast {
    display: flex;
    align-items: center;
    gap: var(--fs-space-3);
    padding: var(--fs-space-4) var(--fs-space-5);
    background: var(--fs-white);
    border-radius: var(--fs-radius-lg);
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
    border-left: 4px solid;
    pointer-events: auto;
    animation: fs-fadeInRight 0.3s ease;
}

.fs-toast--success { border-color: var(--fs-success); }
.fs-toast--error { border-color: var(--fs-error); }
.fs-toast--warning { border-color: var(--fs-warning); }
.fs-toast--info { border-color: var(--fs-info); }

.fs-toast__message {
    flex: 1;
    font-size: var(--fs-text-sm);
    font-weight: var(--fs-font-medium);
}

.fs-toast__close {
    padding: var(--fs-space-1);
    color: var(--fs-gray-400);
    flex-shrink: 0;
    transition: color var(--fs-transition-fast);
}

.fs-toast__close:hover { color: var(--fs-secondary); }

@media (max-width: 767px) {
    .fs-toast-container {
        top: auto;
        bottom: calc(var(--fs-mobile-bottom-nav) + var(--fs-space-4));
        left: var(--fs-space-4);
        right: var(--fs-space-4);
        max-width: 100%;
    }
}