.cashflow{font:1rem Arial;margin:1em auto;border:1px solid rgba(0,0,0,50%);border-radius:.5em;background:white;padding:1em .75em;box-shadow:2px 2px 3px rgba(0,0,0,60%)}.cashflow details{margin-bottom:1em;border:1px solid lightslategray;box-shadow:1px 1px 1px rgba(0,0,0,60%)}.cashflow details>summary{position:relative;display:flex;justify-content:space-between;align-items:baseline;list-style:none;padding-inline:1em;padding-block:.5em;font-weight:700;background-color:#eee}.cashflow details>summary span{font-weight:400;font-style:italic;font-size:.8em}.cashflow details>summary::-webkit-details-marker{display:none}.cashflow details>summary:before{position:absolute;left:0;content:" + ";font-weight:700;white-space:pre}.cashflow details[open]>summary:before{content:" – "}.cashflow details>summary input{width:15em}.cashflow .expenses .payments{display:flex;flex-wrap:wrap;gap:.5em;justify-content:space-between;padding-inline:1em;padding-block:.75em}.cashflow .expenses .payments>.payment{flex-basis:0}.cashflow .expenses .payments>.payment input{display:block;width:auto;text-align:right}.cashflow>.results{margin-top:1em;font-size:1rem}.cashflow .results .running-balance{padding:1em}.cashflow .results .running-balance>*{-webkit-margin-after:.5em;margin-block-end:.5em}