/* Portfolio SSE Styles */
.price-update-indicator {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--color-negative); /* Red for disconnected */
    margin-left: 8px;
    transition: background-color 0.3s ease;
}

.price-update-indicator.connected {
    background-color: var(--color-positive); /* Green for connected */
}

/* Price change animations */
.price-flash {
    animation: priceFlash 1s ease-in-out;
}

@keyframes priceFlash {
    0% {
        background-color: transparent;
    }
    50% {
        background-color: rgba(255, 255, 0, 0.3);
    }
    100% {
        background-color: transparent;
    }
}

/* Live price update status */
.portfolio-live-status {
    font-size: 0.85rem;
    color: var(--color-text-secondary);
}

.portfolio-live-status.connected {
    color: var(--color-positive);
}

.portfolio-live-status.disconnected {
    color: var(--color-negative);
}