#stock-widget {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.card {
    width: 360px;
    background: #f5f7fa;
    padding: 15px;
    border-radius: 12px;
}

/* 🔥 TABLE STYLE */
.row {
    display: grid;
    grid-template-columns: 1fr 100px 140px;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #eee;
}

.row:last-child {
    border-bottom: none;
}

/* Name (left) */
.row span:first-child {
    text-align: left;
    font-weight: 500;
}

/* Price (center/right aligned) */
.price {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

/* Change (right aligned fixed width) */
.change {
    text-align: right;
    font-variant-numeric: tabular-nums;
    font-size: 13px;
}


/* 🔥 Blink green */
.blink-up {
    animation: blinkGreen 0.5s;
}

@keyframes blinkGreen {
    0% { background-color: rgba(0,255,0,0.4); }
    100% { background-color: transparent; }
}

/* 🔥 Blink red */
.blink-down {
    animation: blinkRed 2s;
}

@keyframes blinkRed {
    0% { background-color: rgba(255,0,0,0.4); }
    100% { background-color: transparent; }
}