<div class="card">
  <h1>Obrigações Acessórias</h1>
  <p class="muted">Central para acompanhar e acessar obrigações fiscais do período.</p>
  <div class="grid" style="gap:0.75rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:0.5rem;">
    <div class="card" style="border:1px solid #e5e7eb;">
      <h3>EFD ICMS/IPI (SPED Fiscal)</h3>
      <p class="muted">Gere, valide e baixe o TXT do período.</p>
      <div style="display:flex;gap:0.5rem;">
        <a class="btn" href="/fiscal/sped">Abrir SPED</a>
        <a class="btn btn-secondary" href="/docs/fiscal/sped_layout.md" target="_blank">Leiaute</a>
      </div>
      <small class="muted" style="display:block;margin-top:0.5rem;">Endpoints: `/api/fiscal/sped/generate`, `/api/fiscal/sped/validate`, `/api/fiscal/sped/check`.</small>
    </div>
    <div class="card" style="border:1px solid #e5e7eb;">
      <h3>NF-e / NFC-e</h3>
      <p class="muted">Pré-visualização e validação cruzada (2026).</p>
      <div style="display:flex;gap:0.5rem;">
        <a class="btn" href="/fiscal/nfce/preview">Abrir Preview</a>
      </div>
      <small class="muted" style="display:block;margin-top:0.5rem;">Endpoints: `/api/fiscal/nfce/preview`, `/api/fiscal/nfce/preview/cross`.</small>
    </div>
  </div>
</div>