.portfolio-period-controls{margin:12px 0 18px;padding:15px;border:1px solid #355467;border-radius:8px;background:#10212d}
.portfolio-period-controls[hidden]{display:none}
.portfolio-period-heading{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.portfolio-period-buttons{display:flex;gap:6px;flex-wrap:wrap}
.portfolio-period-buttons button{padding:7px 12px;border:1px solid #395c6d;border-radius:5px;background:#102b38;color:#c8e3ec;cursor:pointer}
.portfolio-period-buttons button.active{background:#1b5747;border-color:#7ce8b5;color:#a4f4d1}
.portfolio-period-buttons button:focus-visible{outline:2px solid #7ce8b5;outline-offset:2px}
#portfolio-period-summary{font-size:12px;line-height:1.7;color:#a2bdcb;margin:12px 0}
.portfolio-period-facts{display:flex;gap:28px;flex-wrap:wrap}
.portfolio-period-facts div{display:grid;gap:6px}.portfolio-period-facts small{color:#8eabbc}.portfolio-period-facts strong{color:#d6f2e8;font-size:19px}
.live-analytics .live-plot svg{width:100%;height:auto}.live-analytics .live-subtitle,.live-analytics .analytic-note{white-space:pre-line}
@media(max-width:600px){.portfolio-period-buttons button{padding:7px 9px}.portfolio-period-facts{gap:18px}.portfolio-period-facts strong{font-size:16px}}

.portfolio-period-facts{margin-top:16px}#portfolio-range-empty{min-height:175px;display:flex;align-items:center;justify-content:center;line-height:1.8;color:#8aaabd;font-size:12px}#portfolio-range-empty[hidden]{display:none}


#stress .stress-contribution-card{display:flex;flex-direction:column}
#stress .stress-contribution-list{display:flex;flex-direction:column;flex:1;min-height:0;gap:10px;padding-top:10px}
#stress .stress-contribution-list .loss-row{flex:1;min-height:100px;padding:20px 0;align-items:center;box-sizing:border-box;font-size:14px}
#stress .stress-contribution-list .loss-row>span{font-size:14px;line-height:1.7}
#stress .stress-contribution-list .loss-row small{font-size:11px;margin-top:7px}
#stress .stress-contribution-list .loss-row>b{font-size:16px}
#stress .stress-contribution-list .loss-track{height:18px}
#stress .stress-contribution-list .loss-row:last-child{border-bottom:0}
@media(max-width:700px){#stress .stress-contribution-list .loss-row>span{font-size:12px}#stress .stress-contribution-list .loss-row>b{font-size:14px}}