Prose

<article class="ds-prose">
  <p class="ds-prose__lead">Close the month faster by approving invoices in batches and matching payments as they arrive.</p>
  <h2>Before you start</h2>
  <p>You need the <strong>Finance approver</strong> role. Ask <a href="#prose-roles">your workspace admin</a> if the Approve button is missing. Batches hold up to 50 invoices; larger runs split automatically.</p>
  <ul>
    <li>Invoices must be in the <em>Ready</em> state.</li>
    <li>Each invoice needs a cost centre, for example <code>CC-2040</code>.
      <ul>
        <li>Shared costs use <code>CC-9000</code>.</li>
      </ul>
    </li>
    <li>Credit notes are approved separately.</li>
  </ul>
  <h2>Approve a batch</h2>
  <ol>
    <li>Open <strong>Invoices</strong> and filter by <mark>Ready</mark>.</li>
    <li>Select the invoices, then press <kbd>Ctrl</kbd> + <kbd>Enter</kbd>.</li>
    <li>Check the total and confirm.</li>
  </ol>
  <blockquote>
    <p>Batches cut our close from nine days to four. Approvers review totals, not single lines.</p>
  </blockquote>
  <h3>Totals by cost centre</h3>
  <table>
    <thead><tr><th scope="col">Cost centre</th><th scope="col">Invoices</th><th scope="col" data-type="number">Amount (Rp)</th></tr></thead>
    <tbody>
      <tr><td>CC-2040 Operations</td><td>18</td><td data-type="number">142.500.000</td></tr>
      <tr><td>CC-3110 Marketing</td><td>7</td><td data-type="number">38.900.000</td></tr>
    </tbody>
  </table>
  <h3>Export for the ledger</h3>
  <pre><code>GET /api/batches/B-2026-11-04/export?format=csv</code></pre>
  <details>
    <summary>What happens to rejected invoices?</summary>
    <p>They return to Draft with your comment. The owner, for example Daniel Okafor, gets an email.</p>
  </details>
  <hr>
  <h4>Related</h4>
  <p>Read <a href="#prose-payments">matching payments</a> and <a href="#prose-close">closing the month</a>.</p>
</article>

<div style="display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))">
  <div class="ds-prose is-sm">
    <h3>Payment terms</h3>
    <p>Net 30 means the client pays within 30 days of the invoice date. Late payments add 1.5% per month.</p>
  </div>
  <div class="ds-prose is-lg">
    <h3>Payment terms</h3>
    <p>Net 30 means the client pays within 30 days of the invoice date.</p>
  </div>
</div>

<article class="ds-prose">
  <p>Invoices above Rp 50.000.000 need a second approver.</p>
  <div class="ds-not-prose" style="display:flex;gap:0.5rem">
    <button class="btn btn-primary" type="button">Request approval</button>
    <button class="btn" type="button">Cancel</button>
  </div>
  <p>Sofia Marquez approves; Daniel Okafor is the backup.</p>
</article>