/* Additions to the existing SST dashboard. */
.cost-execution-panel .priority-legend{width:100%}.cost-legend{display:flex;align-items:center;gap:7px;border:0;background:transparent;color:inherit;font:inherit;font-size:12px;text-align:left;width:100%;padding:5px 0}.cost-legend i{width:11px;height:11px;border-radius:50%;flex:none}.cost-legend span{flex:1}.cost-legend b{display:block;margin-top:3px}.cost-legend:hover{background:#eff6fc}.cost-pipeline{margin-top:14px}.cost-pipeline .panel-heading{flex-wrap:wrap}.cost-pipeline .panel-heading>span{font-size:12px;line-height:1.5}.cost-stage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:4px 15px 12px}.cost-stage{border:1px solid #d9e3ec;border-top:3px solid var(--stage-color);border-radius:6px;background:#fff;padding:12px;text-align:left;color:#294e6a}.cost-stage>span:first-child{font-size:13px}.cost-stage strong{display:flex;align-items:baseline;justify-content:space-between;font-size:27px;margin:7px 0}.cost-stage small{font-size:13px;font-weight:400}.cost-stage-track{display:block;background:#edf2f7;height:7px;border-radius:4px;overflow:hidden}.cost-stage-track>span{display:block;background:var(--stage-color);height:100%}.cost-stage:hover{background:#f4f9fd}.cost-progress{padding:0 15px 14px}.cost-progress>div{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:13px}.cost-progress progress{width:100%;height:12px;accent-color:#3598e5;margin:8px 0}.cost-progress small{display:block;color:#607b92;font-size:12px}.finance-cards{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:16px}.finance-card .amount{font-size:clamp(18px,1.7vw,25px)}.finance-panel .panel-heading{align-items:flex-start;flex-wrap:wrap}.finance-panel #financeNote{max-width:850px;line-height:1.5}.cost-form-note{font-size:12px;color:#58758e;line-height:1.5}.up-third select{width:100%;border:1px solid #cad8e3;border-radius:5px;padding:8px;background:white;color:#294e6a}.cost-status{font-size:12px}.filters{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.filters .light{min-height:40px}.filters label:nth-child(n){grid-column:auto;grid-row:auto}.bottom-grid{grid-template-columns:minmax(300px,1.7fr) repeat(4,minmax(185px,1fr))}
@media(max-width:1550px){.bottom-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bottom-grid>.top-panel{grid-column:span 2}.cost-execution-panel .donut-layout{flex-direction:row}.finance-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1000px){.filters{grid-template-columns:repeat(3,minmax(0,1fr))}.bottom-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bottom-grid>.top-panel{grid-column:span 2}.cost-execution-panel .donut-layout{flex-direction:column}.cost-stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.filters{grid-template-columns:repeat(2,minmax(0,1fr))}.bottom-grid{grid-template-columns:1fr}.bottom-grid>.top-panel{grid-column:auto}.cost-stage-grid{gap:8px}.cost-progress>div{display:block}.cost-progress>div>span{display:block;margin-top:5px}}

/* Full currency amount above each cost column. */
#costChart .cost-chart{container-type:inline-size}
#costChart .column .value{display:flex;flex-direction:column;align-items:center;gap:2px;line-height:1.15}
#costChart .cost-currency{font-size:10px;font-weight:400}
#costChart .cost-number{font-size:clamp(8px,4cqi,12px);font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}