.asset-row {
    --asset-color: rgba(148, 163, 184, 0.55);
}

.asset-row td:first-child {
    box-shadow: inset 3px 0 0 var(--asset-color);
}

.asset-name-cell {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.asset-color-dot {
    width: 9px;
    height: 9px;
    border-radius: 999px;
    background: var(--asset-color);
    box-shadow: 0 0 10px var(--asset-color);
    margin-top: 6px;
    flex: 0 0 auto;
}

.asset-name-text {
    min-width: 0;
}

.premium-table td.txt-plus,
.premium-table td .txt-plus {
    color: var(--market-up);
}

.premium-table td.txt-minus,
.premium-table td .txt-minus {
    color: var(--market-down);
}

.premium-table td.txt-principal,
.premium-table td .txt-principal {
    color: var(--principal);
}

.principal-subtext {
    color: var(--principal-muted);
    font-size: 11px;
    font-weight: 600;
}

.txt-valuation {
    color: var(--text-primary);
    font-weight: 800;
}

.valuation-trend-dot {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 999px;
    margin-left: 7px;
    vertical-align: middle;
    opacity: 0.9;
}

.valuation-trend-dot.up {
    background: var(--market-up);
    box-shadow: 0 0 8px var(--market-up);
}

.valuation-trend-dot.down {
    background: var(--market-down);
    box-shadow: 0 0 8px var(--market-down);
}

/* Premium Table readability improvements */
.premium-table th,
.premium-table td {
    white-space: nowrap;
    vertical-align: middle;
}

/* Allow stock name column to wrap if long, but give it a minimum width */
.premium-table td:nth-child(3) {
    white-space: normal;
    min-width: 180px;
}