v3.11.0 editor polish: code rows on one line, left-aligned TAR values, green Add buttons

- PIN/ADM: label left, input right (one line per code) - five rows instead
  of the stacked label-above-input pairs.
- TAR rows: the TAR and MSL inputs are left-aligned like their headers and
  the cells use the header padding (px-2), so values and headers line up
  instead of the values floating centred.
- Add TAR and Add keyset: larger and green (bg-emerald-600) and both sit
  below their lists, left-aligned (Add keyset moved down from the header
  row; the "OTA keysets" label stays above the list).  The TAR hint is a
  plain paragraph under the button now.
- Guards: html.test.js pins the green/order of both buttons and the
  label-left code rows; cards_form.test.js pins the TAR row alignment.
  sw cache simple-v364.

Tests: 665 Python + 787 frontend green; the whole inline PWA script
syntax-checked.

frontend/tests/cards_form.test.js

@@ -532,6 +532,13 @@ test('packing without a selected preset uses the spec default TAR', () => {
 	assert.strictEqual(els['sp-tar'].value, '000000');
 });
 
+test('the TAR row values are left-aligned like the headers', () => {
+	const out = cardsTarRowHtml({ tar: 'AF4D01', msl: '0A', desc: 'x' }, 3);
+	assert.doesNotMatch(out, /text-center/);
+	assert.match(out, /<td class="py-1 px-2"><input id="cards-tr-3-tar"/);
+	assert.match(out, /<td class="py-1 px-2"><input id="cards-tr-3-msl"/);
+});
+
 test('the TAR table renders the role rows and adds/removes free rows', () => {
 	const els = setup();
 	cardsTarRowsRender([{ tar: 'AF4D01', msl: '0A', desc: 'one' },