/* ── Documentação de Pagamento (fornecedores) — reusa termos.css ────────────── */
/* A tela usa as classes .termos / .termos-* / .tm-* do módulo de Documentação de Venda. */

/* Rodapé da grade: paginação + barra do alfabeto */
.pg-rodape { display: flex; flex-direction: column; gap: 8px; padding: 8px 0; flex-shrink: 0; }

.pg-paginacao { display: flex; align-items: center; gap: 12px; }
.pg-pag-info { font-size: 12px; color: var(--text-muted); }
.pg-pag-btn {
  font-size: 12px; padding: 4px 12px; border-radius: 6px; cursor: pointer; font-family: inherit;
  background: var(--surface); color: var(--text); border: 1px solid var(--border);
}
.pg-pag-btn:hover:not(:disabled) { border-color: var(--mint); color: var(--mint); }
.pg-pag-btn:disabled { opacity: 0.4; cursor: default; }

.pg-alfabeto { display: flex; flex-wrap: wrap; gap: 3px; }
.pg-letra {
  min-width: 26px; height: 26px; padding: 0 6px; font-size: 12px; font-weight: 600; cursor: pointer;
  background: var(--surface); color: var(--text-muted); border: 1px solid var(--border); border-radius: 6px; font-family: inherit;
}
.pg-letra:hover:not(:disabled) { border-color: var(--mint); color: var(--mint); }
.pg-letra.ativo { background: var(--accent-glow); color: var(--mint); border-color: var(--mint); }
.pg-letra:disabled { opacity: 0.3; cursor: default; }

.pg-sem-email { font-size: 11px; font-weight: 700; color: var(--text-subtle); }