/* ACCOUNTING FOLD (public/js/acct-fold.js). In the new look no old QuickBooks review page is shown: entry points open To check, embedded
   QuickBooks sections are ONE To check row (.acf-row: the To check row itself, .acs-need from acct-simple.css), and the history is a
   To check screen (.acf-hist, the check screen's own shell). Only the pieces To check has no class for are here, in its tokens. */
.acf-row { margin: 0 0 16px; }
.acf-row .acs-needs { margin: 0; }
.acf-hist .acs-ck-main { display: flex; flex-direction: column; gap: 16px; }
.acf-hist-lead { margin: 0; font-size: 15px; line-height: 22px; color: var(--off-white); }
.acf-hist-note { margin: 0; font-size: 14px; line-height: 20px; color: var(--off-white); }
.acf-tabs { display: flex; flex-wrap: wrap; gap: 8px; }
.acf-tab { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 16px; border-radius: 999px; border: 1.5px solid var(--border); background: var(--bg-raised);
  color: var(--white); font: 600 14px/1 var(--font-body); cursor: pointer; transition: background .12s, border-color .12s; }
.acf-tab:hover { border-color: color-mix(in srgb, var(--wf-blue) 45%, var(--border)); }
.acf-tab.is-on { background: var(--wf-navy); border-color: var(--wf-navy); color: #fff; }
.acf-tab-n { font-variant-numeric: tabular-nums; font-weight: 700; color: var(--muted); }
.acf-tab.is-on .acf-tab-n { color: color-mix(in srgb, #fff 75%, transparent); }
.acf-hrow .acs-rec-t { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
@media (max-width: 600px) {
  .acf-tabs { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin: 0 -4px; padding: 0 4px; }
  .acf-tab { flex: 0 0 auto; }
  .acf-hrow { align-items: flex-start; }
}
/* To check home: the History buttons sit at the end of the Recent heading */
.acs-sec-h .acs-hist-bs { margin-left: auto; display: inline-flex; gap: 8px; flex-wrap: wrap; }
/* History is a list: it starts at the top (the check screen centres ONE card on a tall desktop) */
.acf-hist.is-list .acs-ck-body { justify-content: flex-start; }
.acf-side { display: inline-flex; align-items: center; gap: 8px; min-width: 0; }