/* ─────────────────────────────────────────────────────────────────────────
 * Accounting & Ledger page — page-specific widgets only.
 * Loaded after styles.css + _partials/marketing.css (the shared library
 * supplies sections, stat strip, feature cards, steps, the journal visual,
 * FAQ and CTA). LIGHT theme — no page.css. Ledger/statement tables reuse the
 * home `.mm__table`; only the accounting-flavoured accents live here.
 * ─────────────────────────────────────────────────────────────── */

/* "In balance" badge for ledger/trial-balance panels */
.acc-bal { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: rgba(22, 143, 91, 0.1); border: 1px solid rgba(22, 143, 91, 0.3); color: #168f5b; }
.acc-bal::before { content: '✓'; }

/* monospace account codes in tables */
.gl-code { font-family: 'JetBrains Mono', ui-monospace, monospace; color: var(--muted); font-size: 12px; margin-right: 8px; }

/* debit / credit cell colours inside .mm__table */
.acc-dr { color: #168f5b; font-variant-numeric: tabular-nums; }
.acc-cr { color: #c0392b; font-variant-numeric: tabular-nums; }

/* accounting-equation strip (Assets = Liabilities + Equity) */
.acc-eq { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: center; gap: 12px; max-width: 900px; margin: 0 auto; }
.acc-eq__term { flex: 1 1 200px; padding: 20px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow-sm); text-align: center; }
.acc-eq__term b { display: block; font-size: 20px; font-weight: 800; letter-spacing: -0.01em; background: var(--grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.acc-eq__term span { font-size: 13px; color: var(--muted); }
.acc-eq__op { display: grid; place-items: center; font-size: 24px; font-weight: 800; color: var(--muted-2); }