style(design): FINDING-001 — tabele scroll in card pe mobil (fix overflow orizontal pagina)

Tabelul submissions (7 coloane, 591px) iesea din card pe 390px -> toata pagina
scrolla orizontal (docScrollW 636 > 390). Wrap in .tablewrap{overflow-x:auto} +
white-space:nowrap pe celule -> scroll IN card, pagina nu mai deborda. tabular-nums
pe coloanele numerice.

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

app/web/templates/_nomenclator.html

@@ -1,4 +1,5 @@
 {% if rows %}
+<div class="tablewrap">
 <table>
   <thead><tr><th>Cod</th><th>Denumire</th><th>Actualizat</th></tr></thead>
   <tbody>
@@ -11,6 +12,7 @@
   {% endfor %}
   </tbody>
 </table>
+</div>
 {% else %}
 <div class="empty">Nomenclator gol. Worker-ul il umple la primul login RAR reusit.</div>
 {% endif %}

app/web/templates/_submissions.html

@@ -1,4 +1,5 @@
 {% if rows %}
+<div class="tablewrap">
 <table>
   <thead><tr><th>#</th><th>Stare</th><th>idPrezentare</th><th>HTTP RAR</th><th>Retry</th><th>Actualizat</th><th>Motiv</th></tr></thead>
   <tbody>
@@ -15,6 +16,7 @@
   {% endfor %}
   </tbody>
 </table>
+</div>
 {% else %}
 <div class="empty">Coada e goala. Trimite o prezentare prin <code>POST /v1/prezentari</code>.</div>
 {% endif %}

app/web/templates/base.html

@@ -17,8 +17,11 @@
     .card { background:var(--card); border:1px solid var(--line); border-radius:10px; padding:16px 20px; margin-bottom:16px; }
     .banner { border-left:3px solid var(--err); background:#241a1a; }
     .banner.hidden { display:none; }
-    table { width:100%; border-collapse:collapse; font-size:14px; }
-    th,td { text-align:left; padding:8px 10px; border-bottom:1px solid var(--line); }
+    /* Tabelele de date au multe coloane; pe ecrane inguste scroll IN card, nu
+       impinge layout-ul paginii (altfel toata pagina scrolleaza orizontal). */
+    .tablewrap { overflow-x:auto; -webkit-overflow-scrolling:touch; }
+    table { width:100%; border-collapse:collapse; font-size:14px; font-variant-numeric:tabular-nums; }
+    th,td { text-align:left; padding:8px 10px; border-bottom:1px solid var(--line); white-space:nowrap; }
     th { color:var(--muted); font-weight:500; font-size:12px; text-transform:uppercase; letter-spacing:.04em; }
     .empty { color:var(--muted); padding:24px; text-align:center; }
     .pill { font-size:12px; padding:2px 8px; border-radius:99px; border:1px solid var(--line); }