feat(5.10): UX trimiteri (pill filtre, paginare, editare) + Mapari in meniu + branding ROMFAST

14 stories TDD prin echipa de workeri (lead orchestreaza, 3 teammates pe valuri cu fisiere disjuncte; routes.py + base.html serializate ca fisiere fierbinti).

- US-001 fix filtrare data (_iso_date_prefix pe garda+comparatie, prinde timestamp cu ora)
- US-002/007 operatie service distincta in payload_view + afisare in detaliu
- US-003 pill-uri categorii (button/aria-pressed; needs_mapping --warn, needs_data/error --err); fara lista ID-uri/dropdown
- US-004 paginare numerotata 25/pag (total ramificat SQL-COUNT vs fetch-all+slice, clamp page, poll pastreaza pagina)
- US-005 VIN block-level sub nr
- US-006/006b editare cod RAR + validare nomenclator + recalcul idempotency (needs_data/needs_mapping via /corecteaza, error via /repune)
- US-008 card eroare 3-niveluri doar pe read-only + rezumat top-of-form
- US-009 Mapari in meniu hamburger; scoatere tab-bar + role=tablist orfan
- US-010/011 pagina Mapari consolidata + butoane icon SVG + dirty-state (fara kebab/emoji)
- US-012/012b header centrat + logo ROMFAST (/static/romfast_logo.png) in header
- US-013 paleta azur ROMFAST (#2E74D6/#1F66C9) + IBM Plex Sans/Mono self-host (woff2 reale)
- US-014 selector tema ciclic Light/Dark/Petrol/Auto + anti-FOUC pe 4 stari

Backend trimitere (worker/masina stari/idempotenta/mapping) + schema NEATINSE (UI/UX pur + 1 fix de filtrare).
VERIFY context curat PASS; /code-review high: 1 finding material reparat (US-006b). Regresie 896 passed, 1 skipped, 0 failed.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

app/web/templates/_submissions.html

@@ -1,3 +1,10 @@
+{#
+  OOB: actualizeaza inputul id="f-page" din #filtre-trimiteri (US-004 L2).
+  Poll-ul de 15s (hx-include="#filtre-trimiteri") preia automat pagina curenta.
+  Elementul OOB e extras din continutul normal de HTMX inainte de swap in #submissions-wrap.
+#}
+<input type="hidden" id="f-page" name="page" value="{{ page | default(1) }}" hx-swap-oob="true">
+
 {% if rows %}
 {# US-011: form de stergere bulk. Selectia opereaza DOAR pe randuri blocate
    (gestionabil); sent/sending/queued nu au checkbox (read-only). #}
@@ -61,7 +68,8 @@
       <td class="col-vehicul" data-eticheta="Vehicul">
         {{ r.prez.vehicul_nr }}
         {% if r.prez.vin_scurt and r.prez.vin_scurt != '—' %}
-        <span class="muted" style="font-size:12px;">{{ r.prez.vin_scurt }}</span>
+        {# US-005: VIN pe rand separat sub nr (element block, nu span inline) #}
+        <div class="muted" style="font-size:12px;">{{ r.prez.vin_scurt }}</div>
         {% endif %}
       </td>
       <td class="col-operatie" data-eticheta="Operatie">
@@ -83,6 +91,105 @@
 </table>
 </div>
 </form>
+
+{#
+  Paginare numerotata (US-004 PRD 5.10).
+  Afisata doar cand exista mai mult de o pagina.
+  Fiecare link pastreaza filtrele curente (status, vehicul, data_de, data_pana).
+  Pagina curenta: aria-current="page" (semantic).
+#}
+{% if total is defined %}
+<div aria-live="polite"
+     style="font-size:12px; color:var(--muted); text-align:right; margin-top:6px; margin-bottom:2px;">
+  {% if total == 0 %}
+    0 trimiteri
+  {% else %}
+    {{ page_start }}–{{ page_end }} din {{ total }}
+  {% endif %}
+</div>
+{% endif %}
+
+{% if pages is defined and pages > 1 %}
+{#
+  Construim param-string pentru filtrele curente (fara page) — refolosit in fiecare link.
+  Filtrul status vine din pill-uri (nu din form); il pastram in URL.
+#}
+{% set pq = "" %}
+{% if f_status %}{% set pq = pq + "&status=" + f_status %}{% endif %}
+{% if f_vehicul %}{% set pq = pq + "&vehicul=" + f_vehicul %}{% endif %}
+{% if f_data_de %}{% set pq = pq + "&data_de=" + f_data_de %}{% endif %}
+{% if f_data_pana %}{% set pq = pq + "&data_pana=" + f_data_pana %}{% endif %}
+
+<nav aria-label="Paginare trimiteri"
+     style="display:flex; justify-content:center; gap:4px; flex-wrap:wrap; margin-top:10px;">
+
+  {# Buton Anterior #}
+  {% if page > 1 %}
+  <button type="button"
+          hx-get="/_fragments/submissions?page={{ page - 1 }}{{ pq }}"
+          hx-target="#submissions-wrap"
+          hx-swap="innerHTML"
+          style="padding:3px 10px; border-radius:6px; font-size:13px; cursor:pointer;
+                 border:1px solid var(--line); background:var(--card); color:var(--fg);"
+          aria-label="Pagina anterioara">
+    &laquo;
+  </button>
+  {% else %}
+  <button type="button" disabled
+          style="padding:3px 10px; border-radius:6px; font-size:13px;
+                 border:1px solid var(--line); background:var(--card); color:var(--muted);
+                 opacity:0.4; cursor:default;"
+          aria-label="Pagina anterioara (indisponibila)">
+    &laquo;
+  </button>
+  {% endif %}
+
+  {# Numerele de pagina #}
+  {% for p in range(1, pages + 1) %}
+  {% if p == page %}
+  <button type="button"
+          aria-current="page"
+          style="padding:3px 10px; border-radius:6px; font-size:13px; cursor:default;
+                 border:1px solid var(--accent); background:var(--accent); color:#fff;
+                 font-weight:700;">
+    {{ p }}
+  </button>
+  {% else %}
+  <button type="button"
+          hx-get="/_fragments/submissions?page={{ p }}{{ pq }}"
+          hx-target="#submissions-wrap"
+          hx-swap="innerHTML"
+          style="padding:3px 10px; border-radius:6px; font-size:13px; cursor:pointer;
+                 border:1px solid var(--line); background:var(--card); color:var(--fg);">
+    {{ p }}
+  </button>
+  {% endif %}
+  {% endfor %}
+
+  {# Buton Urmator #}
+  {% if page < pages %}
+  <button type="button"
+          hx-get="/_fragments/submissions?page={{ page + 1 }}{{ pq }}"
+          hx-target="#submissions-wrap"
+          hx-swap="innerHTML"
+          style="padding:3px 10px; border-radius:6px; font-size:13px; cursor:pointer;
+                 border:1px solid var(--line); background:var(--card); color:var(--fg);"
+          aria-label="Pagina urmatoare">
+    &raquo;
+  </button>
+  {% else %}
+  <button type="button" disabled
+          style="padding:3px 10px; border-radius:6px; font-size:13px;
+                 border:1px solid var(--line); background:var(--card); color:var(--muted);
+                 opacity:0.4; cursor:default;"
+          aria-label="Pagina urmatoare (indisponibila)">
+    &raquo;
+  </button>
+  {% endif %}
+
+</nav>
+{% endif %}
+
 {% elif filtru_activ %}
 <div class="empty">
   Nimic pe filtrul curent.