Prose

<article class="ds-prose">
  <p class="ds-prose__lead">Tutup buku lebih cepat dengan menyetujui invoice per batch dan mencocokkan pembayaran begitu masuk.</p>
  <h2>Sebelum memulai</h2>
  <p>Anda membutuhkan peran <strong>Penyetuju keuangan</strong>. Minta kepada <a href="#prose-roles">admin ruang kerja</a> bila tombol Setujui tidak muncul. Satu batch memuat hingga 50 invoice; jumlah yang lebih besar dipecah otomatis.</p>
  <ul>
    <li>Invoice harus berstatus <em>Siap</em>.</li>
    <li>Setiap invoice membutuhkan pusat biaya, misalnya <code>CC-2040</code>.
      <ul>
        <li>Biaya bersama memakai <code>CC-9000</code>.</li>
      </ul>
    </li>
    <li>Nota kredit disetujui terpisah.</li>
  </ul>
  <h2>Menyetujui batch</h2>
  <ol>
    <li>Buka <strong>Invoice</strong> dan saring dengan <mark>Siap</mark>.</li>
    <li>Pilih invoice, lalu tekan <kbd>Ctrl</kbd> + <kbd>Enter</kbd>.</li>
    <li>Periksa totalnya dan konfirmasi.</li>
  </ol>
  <blockquote>
    <p>Batch memangkas proses tutup buku kami dari sembilan hari menjadi empat. Penyetuju memeriksa total, bukan baris satu per satu.</p>
  </blockquote>
  <h3>Total per pusat biaya</h3>
  <table>
    <thead><tr><th scope="col">Pusat biaya</th><th scope="col">Invoice</th><th scope="col" data-type="number">Jumlah (Rp)</th></tr></thead>
    <tbody>
      <tr><td>CC-2040 Operasional</td><td>18</td><td data-type="number">142.500.000</td></tr>
      <tr><td>CC-3110 Pemasaran</td><td>7</td><td data-type="number">38.900.000</td></tr>
    </tbody>
  </table>
  <h3>Ekspor untuk buku besar</h3>
  <pre><code>GET /api/batches/B-2026-11-04/export?format=csv</code></pre>
  <details>
    <summary>Apa yang terjadi pada invoice yang ditolak?</summary>
    <p>Invoice kembali ke Draf dengan komentar Anda. Pemiliknya, misalnya Daniel Okafor, menerima email.</p>
  </details>
  <hr>
  <h4>Terkait</h4>
  <p>Baca <a href="#prose-payments">mencocokkan pembayaran</a> dan <a href="#prose-close">menutup buku bulanan</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>Termin pembayaran</h3>
    <p>Net 30 berarti klien membayar dalam 30 hari sejak tanggal invoice. Keterlambatan dikenai 1,5% per bulan.</p>
  </div>
  <div class="ds-prose is-lg">
    <h3>Termin pembayaran</h3>
    <p>Net 30 berarti klien membayar dalam 30 hari sejak tanggal invoice.</p>
  </div>
</div>

<article class="ds-prose">
  <p>Invoice di atas Rp 50.000.000 membutuhkan penyetuju kedua.</p>
  <div class="ds-not-prose" style="display:flex;gap:0.5rem">
    <button class="btn btn-primary" type="button">Minta persetujuan</button>
    <button class="btn" type="button">Batal</button>
  </div>
  <p>Sofia Marquez menyetujui; Daniel Okafor menjadi cadangan.</p>
</article>