input[data-field=purchase_month],input[data-field=max_capacity_pct],input[data-field=cycle_count],#today-month{direction:ltr;text-align:start}
.battery-row{display:grid;grid-template-columns:minmax(120px,2fr) minmax(96px,1fr) minmax(86px,.9fr) minmax(86px,.9fr) minmax(70px,.7fr) minmax(120px,1.2fr) minmax(110px,1.1fr) minmax(80px,.8fr) auto;gap:12px;align-items:end;padding:12px 0;border-bottom:1px solid var(--line)}
.battery-row output{display:block;min-height:46px;padding:10px 0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.estimate{display:inline-block;border-radius:999px;padding:2px 8px;background:var(--soft);font-size:.8rem;margin-inline-start:6px}
.marker-legend{display:flex;flex-wrap:wrap;gap:12px;font-size:.85rem}
#battery-rows{order:3}
.battery-totals .estimate{vertical-align:middle}
@media(max-width:780px){.fields .output-label,.fields .marker-legend{display:none}}
@media(max-width:420px){.totals.battery-totals{gap:6px;padding:10px 12px}.totals.battery-totals>div{min-height:0}.battery-totals .total-value{font-size:1rem;line-height:1.3}.battery-totals .estimate{display:none}}
@media(max-width:980px){.battery-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.battery-row>.name-field{grid-column:1/-1}.battery-row>[data-remove]{grid-column:1/-1;justify-self:end}}
@media(max-width:560px){.battery-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:400px){.battery-row{grid-template-columns:1fr}}