input[data-field=amount],input[inputmode=decimal]{direction:ltr;text-align:start}
.profit-row{display:grid;grid-template-columns:minmax(90px,.8fr) minmax(140px,2fr) minmax(120px,1.2fr) auto;gap:12px;align-items:end;padding:12px 0;border-bottom:1px solid var(--line)}
.profit-row output{display:block;min-height:46px;padding:10px 0;overflow-wrap:anywhere}
.kind-badge{display:inline-block;border-radius:999px;padding:4px 10px;background:var(--soft);font-size:.9rem}
.profit-row[data-kind=income] .kind-badge{background:#e2f5ea;color:#1d5c39}
.profit-row[data-kind=expense] .kind-badge{background:#fbe3ea;color:#8b1e3d}
#profit-rows{order:3}
.totals.profit-totals{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:900px){.totals.profit-totals{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.totals.profit-totals{gap:10px;padding:14px 16px}.profit-totals .total-value{font-size:clamp(1.2rem,3vw,1.8rem)}.fields .small{display:none}}
@media(max-width:640px){.profit-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.profit-row>.name-field{grid-column:1/-1}.profit-row>[data-remove]{grid-column:1/-1;justify-self:end}}
@media(max-width:420px){.profit-row{grid-template-columns:1fr}.totals.profit-totals{grid-template-columns:1fr;gap:6px;padding:10px 12px}.totals.profit-totals>div{min-height:0}.profit-totals .total-value{font-size:1rem;line-height:1.3}.fields .small{display:none}}