/* Calm green indicators on a black surface, with readable independent text colors. */
.app-layout .investment-card{background:#020504;border-color:#24382f;box-shadow:0 8px 24px #0004}
.app-layout .investment-card.highlight{border-color:#128c5e;background:#020504;box-shadow:none}
.app-layout .investment-card .ribbon{background:#075e40;color:#f2fff8;font-weight:700}
.app-layout .investment-card .ring-graphic{filter:none}
.app-layout .investment-card .ring-track{stroke:#18241e}
.app-layout .investment-card .ring-inner{background:#000!important;border-radius:50%}
.app-layout .investment-card .ring-inner strong{color:#fff;font-weight:750;text-shadow:none}
.app-layout .investment-card .ring-inner small{color:#d2dfd7}
.app-layout .investment-card .investment-heading h3{color:#f6faf7;font-weight:700;letter-spacing:-.015em;text-shadow:none}
.app-layout .investment-card .principal,.app-layout .investment-card .investment-dates strong{color:#edf5ef}
.app-layout .investment-card .muted,.app-layout .investment-card .investment-dates>span,.app-layout .investment-card .progress-row>span{color:#baccc0}
.app-layout .investment-card .investment-body .chip{background:#071c12;border-color:#256846;color:#a8dfbb;box-shadow:none}
.app-layout .investment-card .investment-body .amount-small{color:#87d5a4;font-weight:700}
.app-layout .investment-card .progress-track{background:#17251d}
.app-layout .investment-card .progress-row>b{color:#9fddb6!important;font-weight:700}
.app-layout .investment-card:hover{border-color:#238457;box-shadow:0 8px 24px #0004}
/* Reference green: no cyan or neon glow in the portfolio highlights. */
.app-layout .investment-card{background:#020403;border-color:#203524}
.app-layout .investment-card.highlight{border-color:#1aa52b}
.app-layout .investment-card .ribbon{background:#176c25;color:#f4fff5}
.app-layout .investment-card .investment-body .chip{background:#071b0a;border-color:#287c35;color:#8fd798}
.app-layout .investment-card .investment-body .amount-small{color:#63c773}
.app-layout .investment-card .progress-row>b{color:#76ce83!important}
.app-layout .investment-card .ring-track,.app-layout .investment-card .progress-track{background:#17251a;stroke:#17251a}
.app-layout .investment-card:hover{border-color:#329344}
.app-layout .totals-grid .cyan,.app-layout .summary-card .cyan{color:#63c773}
.app-layout .quote-card .status-dot{background:#1aa52b;box-shadow:none}
/* Match each percentage to its ring and progress bar. */
.app-layout .investment-card .progress-row>b{color:var(--accent)!important}
.app-layout .investment-card .investment-body .chip.purple{background:#1b1027;border-color:#8854aa;color:#d4afea}