/* ============================================================
   Budget grid.
   ============================================================ */

.money-in{position:relative;display:inline-block}
.money-in::after{content:'€';position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:var(--fs-xs);color:var(--ink-faint);pointer-events:none}
.budget-grid .budget-in{
  width:84px;padding:5px 20px 5px 8px;text-align:right;font-size:var(--fs-sm);
  background:transparent;border-color:var(--line-soft);box-shadow:none;
}
.budget-grid .budget-in:hover{border-color:var(--line-strong)}
.budget-grid .budget-in:focus{border-color:var(--brand);background:var(--surface)}
.budget-grid .budget-in{-moz-appearance:textfield;appearance:textfield}
.budget-grid .budget-in::-webkit-inner-spin-button,
.budget-grid .budget-in::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}

.budget-cat-col{min-width:200px}