.investment-overview{margin:0 0 20px;padding:25px;border-radius:18px;background:linear-gradient(135deg,#173e68,#25659a 58%,#2b8c8a);color:#fff;box-shadow:0 15px 32px #183b5b20}
.investment-overview-heading{margin-bottom:18px}.investment-overview-heading .eyebrow{color:#b8e8ff}.investment-overview-heading h2{font-size:23px;color:#fff;margin:0 0 5px}.investment-overview-heading p{color:#ddf1fa;margin:0;line-height:1.45}
.investment-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.investment-metric{min-width:0;display:grid;align-content:start;gap:7px;padding:15px;border:1px solid #ffffff32;border-radius:12px;background:#ffffff1b}.investment-metric small{color:#d7eefe;font-weight:600}.investment-metric strong{font-size:20px;color:#fff;overflow-wrap:anywhere}.investment-metric span{font-size:11px;color:#c6e6f5;line-height:1.4}
.investment-period{margin:0 0 20px}.investment-period .panel-heading{padding-bottom:15px}.investment-period-controls{display:flex;align-items:end;flex-wrap:wrap;gap:10px;padding:0 22px 18px}.investment-period-controls label{min-width:165px;display:grid;gap:5px;color:#60758a;font-size:12px;font-weight:650}.investment-period-controls input{width:100%}.investment-period-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 22px 15px}.investment-period-results>div{display:grid;gap:6px;padding:17px;border-radius:12px;background:#edf5fc}.investment-period-results small{color:#486481;font-weight:650}.investment-period-results strong{font-size:23px;color:#234f72}.investment-period-results span{font-size:11px;color:#627b91}.investment-period-note{margin:0;padding:14px 22px;border-top:1px solid #dfeaf3;background:#f7fbff;color:#546d82;font-size:12px;line-height:1.6}
.investment-bank-stats{display:flex;gap:8px 22px;flex-wrap:wrap;padding:0 21px 15px}.investment-bank-stats span{font-size:11px;color:#6b8090}.investment-bank-stats b{display:block;font-size:13px;color:#31536d;margin-top:3px}.investment-bank-heading>strong{color:#176b9d}.investment-group-title{background:#eef7fc;color:#416882}.investment-row .investment-value small{color:#497b99}.investment-flow-totals{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.investment-flow-totals span{padding:9px 12px;border-radius:10px;background:#eef6fb;color:#54768b;font-size:12px}.investment-flow-totals b{color:#1e617f;margin-left:5px}
.automatic-investments{margin-bottom:20px}.automatic-investment-list>div{display:flex;align-items:center;gap:12px;padding:13px 21px;border-top:1px solid var(--line)}.automatic-investment-list>div>span:nth-child(2){min-width:0;flex:1}.automatic-investment-list b,.automatic-investment-list small{display:block}.automatic-investment-list small{color:#6b8292;margin-top:4px}.automatic-investment-list strong{color:#216c8d;white-space:nowrap}
@media(max-width:780px){.investment-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.investment-period-controls label{flex:1;min-width:calc(50% - 8px)}.investment-period-controls .button{flex:1}.investment-row .investment-value small{display:block}}
@media(max-width:520px){.investment-overview{padding:18px}.investment-overview-heading h2{font-size:20px}.investment-metrics{gap:7px}.investment-metric{padding:11px}.investment-metric strong{font-size:16px}.investment-period-controls{padding:0 15px 14px}.investment-period-results{grid-template-columns:1fr;padding:0 15px 14px}.investment-period-note{padding:12px 15px}.investment-row{grid-template-columns:30px minmax(0,1fr) 13px}.investment-row .investment-value{grid-column:2;text-align:left}.investment-row .row-chevron{grid-column:3;grid-row:1/3;display:block}.investment-bank-heading>strong{overflow-wrap:anywhere}.investment-bank-stats{padding:0 15px 13px}.investment-detail-hero,.investment-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}
:root[data-theme=dark] .automatic-investment-list strong{color:#a9dafa}:root[data-theme=dark] .automatic-investment-list small{color:#abc0d0}
:root[data-theme=dark] .investment-overview{background:linear-gradient(135deg,#19395c,#244c71 60%,#1b6163)}:root[data-theme=dark] .investment-period-results>div,:root[data-theme=dark] .investment-flow-totals span{background:#263d50}:root[data-theme=dark] .investment-period-results strong,:root[data-theme=dark] .investment-flow-totals b,:root[data-theme=dark] .investment-bank-stats b{color:#b4e1fb}:root[data-theme=dark] .investment-period-results small,:root[data-theme=dark] .investment-period-results span,:root[data-theme=dark] .investment-period-controls label,:root[data-theme=dark] .investment-bank-stats span{color:#b1c9d9}:root[data-theme=dark] .investment-period-note{background:#213647;color:#c4d8e6;border-color:#345166}:root[data-theme=dark] .investment-group-title{background:#233e4e;color:#b6ddef}