.money-overview { line-height: 1.65; }
.money-quick-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; }
.money-new-item { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; }
.money-ledger { min-width: 660px; }
.money-ledger td { vertical-align: top; }
.money-ledger td:nth-child(2) { max-width: 230px; overflow-wrap: anywhere; }
.money-item-grid { min-width: 870px; font-variant-numeric: tabular-nums; }
.money-item-grid .money-item-name { position: sticky; left: 0; z-index: 1; background: var(--color-base-100); min-width: 130px; max-width: 190px; white-space: normal; overflow-wrap: anywhere; }
.money-grid-group th > span { position: sticky; left: .75rem; display: inline-block; }
.money-grid-cell { padding: 0 !important; min-width: 100px; border-left: 1px solid var(--color-base-300); }
.money-cell-input { width: 100%; min-width: 85px; padding: .65rem .5rem; text-align: right; background: transparent; border: 0; border-radius: 0; font-size: 13px; }
.money-cell-input:hover { background: color-mix(in srgb, var(--color-primary) 5%, transparent); }
.money-cell-input:focus { outline: 2px solid var(--color-primary); outline-offset: -2px; background: var(--color-base-100); }
.money-grid-plan { font-style: italic; color: color-mix(in srgb, var(--color-base-content) 50%, transparent); }
@media (min-width: 768px) {
  .money-quick-entry { min-width: 760px; }
  .money-quick-fields { grid-template-columns: 115px minmax(120px, 1fr) 110px 110px 85px 75px auto; }
  .money-new-item { grid-template-columns: 1.5fr 1fr 1fr 1fr; }
}
@media (max-width: 600px) {
  .money-overview { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; }
  .money-overview span span { display: block; }
}