.fi-ta-row.project-env-testnet,
.fi-ta-record.project-env-testnet {
    background-color: color-mix(in srgb, var(--success-100) 55%, transparent);
}

.fi-ta-row.project-env-live,
.fi-ta-record.project-env-live {
    background-color: color-mix(in srgb, var(--danger-100) 55%, transparent);
}

.dark .fi-ta-row.project-env-testnet,
.dark .fi-ta-record.project-env-testnet {
    background-color: color-mix(in srgb, var(--success-950) 45%, transparent);
}

.dark .fi-ta-row.project-env-live,
.dark .fi-ta-record.project-env-live {
    background-color: color-mix(in srgb, var(--danger-950) 45%, transparent);
}

/* Die zwei operativ wichtigsten Zellen bilden eine klare Zahlenhierarchie:
   Hauptwert kräftig und tabellarisch, Kontext darunter bewusst kleiner. */
.fi-ta-cell.project-key-metric-cell {
    min-width: 12.5rem;
}

.project-key-metric-cell .fi-ta-text-item,
.project-key-metric-cell .fi-ta-text-description {
    font-variant-numeric: tabular-nums;
}

.project-key-metric-cell .fi-ta-text-description {
    font-size: 0.75rem;
    line-height: 1rem;
}

.project-key-metric-cell .fi-ta-text-item {
    letter-spacing: -0.01em;
}

/* PnL ist die unmittelbare Handlungsinformation der offenen Position: eigene
   Zeile, kräftiger als Entry/Kurs und nach richtungskorrigiertem Ergebnis. */
.project-position-context,
.project-position-pnl {
    display: block;
}

.project-position-pnl {
    margin-top: 0.125rem;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.125rem;
}

.project-position-pnl--profit {
    color: var(--success-600);
}

.project-position-pnl--loss {
    color: var(--danger-600);
}

.project-position-pnl--flat {
    color: var(--gray-600);
}

.dark .project-position-pnl--profit {
    color: var(--success-400);
}

.dark .project-position-pnl--loss {
    color: var(--danger-400);
}

.dark .project-position-pnl--flat {
    color: var(--gray-400);
}

/* E158: Der Klammerzusatz des Projektnamens (z. B. „LIVE-Spiegel von P23")
   steht als eigene Zeile unter der Strategy-ID statt hinter dem Namen — er
   trieb sonst die Spaltenbreite der Projektliste. */
.project-name-relation {
    display: block;
    margin-top: 0.05rem;
    font-size: 0.7rem;
    line-height: 1rem;
    color: var(--gray-500);
}

.dark .project-name-relation {
    color: var(--gray-400);
}