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

.price-update-indicator.connected {
    background-color: #28a745; /* Green for connected */
}

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

.price-up {
    color: #28a745 !important;
}

.price-down {
    color: #dc3545 !important;
}

@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: #6c757d;
}

.portfolio-live-status.connected {
    color: #28a745;
}

.portfolio-live-status.disconnected {
    color: #dc3545;
}