.cost-controls{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:20px 0 12px}.cost-controls label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;max-width:100%}.cost-controls select,.cost-controls input{min-height:40px;max-width:100%}.cost-controls button{min-height:40px}.cost-chart{margin:22px 0 14px;padding:16px;border:1px solid #dbe4f0;border-radius:12px;background:white}.cost-bars{display:flex;align-items:end;gap:clamp(1px,.7vw,10px);height:210px;border-bottom:1px solid #a9b6cb;background:repeating-linear-gradient(to top,transparent 0,transparent 51px,#edf1f8 52px)}.cost-column{height:100%;flex:1;min-width:1px;display:flex;align-items:end}.cost-bar{width:100%;background:#8761df;min-height:1px;border-radius:3px 3px 0 0}.cost-bar.negative{background:#cf694c}.cost-chart>.row{justify-content:space-between;margin-top:10px;color:#5e6d85}.cost-metrics .metric{min-width:0}.cost-metrics{margin-top:20px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:650px){.cost-controls>*{width:100%}.cost-controls label select,.cost-controls label input{width:100%;box-sizing:border-box}.cost-bars{height:150px}.cost-chart{padding:10px}}

.shell:has(.cost-controls)>main,.shell:has(.cost-controls)>aside{min-width:0}.shell:has(.cost-controls) .table-wrap{max-width:100%}@media(max-width:850px){.shell:has(.cost-controls){grid-template-columns:minmax(0,1fr)}.shell:has(.cost-controls)>aside{max-width:100vw}.shell:has(.cost-controls) nav{max-width:100%;min-width:0}.shell:has(.cost-controls) header{flex-wrap:wrap;gap:18px}.shell:has(.cost-controls) .cost-metrics{grid-template-columns:minmax(0,1fr)}.shell:has(.cost-controls) #content{min-width:0;overflow-wrap:anywhere}}