/* Redesign · Expenses and Businesses (2026-09-22, "one app" step)
   These two screens kept the shipped look after Stats moved onto the redesign toolbar: an
   uppercase heading and the red Poké-ball primary. They take the Stats heading and the blue
   primary from redesign-pos.css. Red stays for danger (.btn.danger), as on the Cart. */
:is(#view-expenses,#view-funds) .toolbar{margin-bottom:8px;align-items:center}
:is(#view-expenses,#view-funds) .toolbar .section-title{font-size:15px;letter-spacing:0;text-transform:none;font-family:inherit}
:is(#view-expenses,#view-funds) .btn.primary{
  background:var(--blue);
  border-color:var(--blue);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 3px 10px rgba(47,143,255,.28);
}
:is(#view-expenses,#view-funds) .btn.primary:hover{
  filter:brightness(1.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 4px 16px rgba(47,143,255,.42);
  transform:translateY(-1px);
}
@media(max-width:820px){
  /* the total and the filter share the title's row; the add button takes the full width under
     them rather than squeezing beside a wrapped select */
  :is(#view-expenses,#view-funds) .toolbar{flex-wrap:wrap}
  :is(#view-expenses,#view-funds) .toolbar .btn.primary{flex:1 1 100%;margin-left:0}
}