/* HowiePulse Hub — Accounting tab (accounting.js) */
.acct-nav { display: flex; flex-wrap: wrap; gap: .35rem; align-items: center; margin: 0 0 .75rem; }
.acct-tab { font-family: "Bebas Neue", Impact, sans-serif; font-size: 1.05rem; letter-spacing: .05em; background: #fff; color: var(--hh-charcoal, #121212);
  border: 2px solid var(--hh-charcoal, #121212); border-radius: 999px; padding: .2rem .85rem; cursor: pointer; box-shadow: none; }
.acct-tab:hover { background: #fff; box-shadow: inset 0 -1.5px 0 rgba(18,18,18,.4); transform: none; }
.acct-tab.active { background: #fff; color: var(--hh-charcoal, #121212); box-shadow: inset 0 -3px 0 var(--hh-yellow, #FFC700); } /* underline only, no fill behind text */
.acct-who { margin-left: auto; font-size: .7rem; font-weight: 700; color: #5a5a5a; text-transform: uppercase; letter-spacing: .04em; }
.acct-na { background: #fff; border: 2px dashed #b0001f; color: #8a0018; border-radius: 10px; padding: .6rem .8rem; font-size: .8rem; font-weight: 600; }
.acct-empty, .acct-loading { padding: 1rem; text-align: center; color: #5a5a5a; font-size: .85rem; }
.acct-cap { font-size: .72rem; color: #5a5a5a; padding: .35rem .2rem 0; }
.acct-chart { height: 280px; position: relative; }
.acct-tools { display: flex; flex-wrap: wrap; gap: .45rem; align-items: center; margin: 0 0 .6rem; }
.acct-tools input[type=search], .acct-tools select { border: 2px solid var(--hh-charcoal, #121212); border-radius: 8px; padding: .3rem .55rem; font: inherit; font-size: .82rem; min-width: 14rem; }
.acct-count { font-size: .75rem; font-weight: 700; color: #3a3a3a; }
.acct-tbl table { width: 100%; border-collapse: collapse; font-size: .78rem; }
.acct-tbl th, .acct-tbl td { padding: .3rem .45rem; border-bottom: 1px solid rgba(18,18,18,.08); vertical-align: top; text-align: left; }
.acct-tbl th { background: transparent; border-bottom: 2px solid var(--hh-charcoal, #121212); font-size: .7rem; text-transform: uppercase; letter-spacing: .03em; white-space: nowrap; }
.acct-tbl td.num, .acct-tbl th.num { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.acct-tbl td.neg, .acct-tbl td.bad { color: #b0001f; }
.acct-tbl td.wrap { white-space: normal; min-width: 14rem; }
tr.acct-restricted td { color: #6b6b6b; font-style: italic; background: transparent; }
.acct-memo { font-size: .68rem; color: #6b6b6b; font-weight: 400; }
.acct-reason { display: inline-block; font-size: .64rem; font-weight: 800; text-transform: uppercase; letter-spacing: .03em; padding: .05rem .4rem; border-radius: 999px; background: transparent; border: 1px solid currentColor; color: #5a5a5a; }
.acct-reason.r-unallocated { color: #b0001f; } .acct-reason.r-ambiguous_rules { color: #9a6700; }
.acct-reason.r-low_confidence { color: #9a6700; } .acct-reason.r-shared_split { color: #5a5a5a; }
.acct-review tr.sel td { font-weight: 700; } .acct-review tr.sel td:first-child { box-shadow: inset 4px 0 0 var(--hh-charcoal, #121212); }
.acct-btn { border: 2px solid var(--hh-charcoal, #121212); background: #fff; border-radius: 8px; padding: .25rem .6rem; font: inherit; font-size: .78rem; font-weight: 700; cursor: pointer; box-shadow: none; }
.acct-btn:hover:not([disabled]) { background: #fff; box-shadow: 0 0 0 2px var(--hh-yellow, #FFC700); transform: none; }
.acct-btn[disabled] { opacity: .45; cursor: not-allowed; }
.acct-btn.primary { background: #fff; color: #b0001f; border-color: var(--hh-red, #E4002B); }
.acct-btn.store { min-width: 7rem; }
.acct-btn.sm { padding: .1rem .45rem; font-size: .72rem; }
.acct-editor { border: 3px solid var(--hh-yellow, #FFC700); margin-bottom: .75rem; }
.acct-ed-h { display: flex; justify-content: space-between; align-items: center; gap: .5rem; margin-bottom: .5rem; }
.acct-ed-row { display: flex; flex-wrap: wrap; gap: .45rem; align-items: center; margin: .35rem 0; font-size: .8rem; }
.acct-ed-l { font-weight: 800; min-width: 5.5rem; font-size: .72rem; text-transform: uppercase; }
.acct-pct input { width: 5.5rem; border: 2px solid var(--hh-charcoal, #121212); border-radius: 6px; padding: .2rem .35rem; font: inherit; }
.acct-total { font-weight: 800; padding: .1rem .5rem; border-radius: 6px; }
.acct-total.ok { color: #1b6e20; } .acct-total.bad { color: #b0001f; }
#acctRuleMatch { min-width: 16rem; border: 2px solid #9e9e9e; border-radius: 6px; padding: .2rem .4rem; font: inherit; }
.acct-note { flex: 1 1 24rem; border: 2px solid #9e9e9e; border-radius: 6px; padding: .3rem .45rem; font: inherit; }
.acct-msg { font-weight: 700; font-size: .78rem; } .acct-msg.ok { color: #1b6e20; } .acct-msg.bad { color: #b0001f; }
.acct-is tr.acct-sec td { background: transparent; color: var(--hh-charcoal, #121212); border-bottom: 2px solid var(--hh-charcoal, #121212); font-family: "Bebas Neue", Impact, sans-serif; font-size: .95rem; letter-spacing: .05em; }
.acct-is tr.acct-net td { border-top: 3px double #121212; font-weight: 800; }
.acct-is .pct { color: #6b6b6b; font-size: .7rem; }
#accountingApp [data-acct-go] { cursor: pointer; }
#accountingApp tr[data-drill]:hover td, #accountingApp tr[data-acct-go]:hover td { background: transparent; box-shadow: inset 0 -1.5px 0 rgba(18,18,18,.4); cursor: pointer; }
@media (max-width: 720px) { .acct-who { margin-left: 0; width: 100%; } .acct-tools input[type=search] { min-width: 0; flex: 1 1 100%; } .acct-chart { height: 230px; } }
.acct-flash { background: #fff; border: 2px solid #1b6e20; color: #1b6e20; border-radius: 10px; padding: .4rem .7rem; font-size: .8rem; font-weight: 700; margin-bottom: .6rem; }
.acct-is tr.acct-sub td { font-weight: 800; border-top: 1px solid #121212; }
.acct-is tr.acct-memo-row td { font-style: italic; color: #5a5a5a; }
.acct-cd { font-weight: 800; white-space: nowrap; } /* countdown: text colour only */
.acct-cd.ok { color: #1b6e20; } .acct-cd.warn { color: #9a6700; } .acct-cd.bad { color: #b0001f; }
.acct-due tr.acct-next td { font-weight: 700; } .acct-due tr.acct-next td:first-child { box-shadow: inset 4px 0 0 var(--hh-charcoal, #121212); }
/* Site rule (Oct 2026): no tinted fills behind text inside Accounting — override the shared fills in this scope only */
#accountingApp .placeholder { background: transparent; border-left: 3px solid #9e9e9e; }
#accountingApp table th { background: transparent; border-bottom: 2px solid var(--hh-charcoal, #121212); }
#accountingApp .hd-facet.on { background: #fff; color: var(--hh-charcoal, #121212); box-shadow: inset 0 -3px 0 var(--hh-yellow, #FFC700); }