feat(5.16): aliniere lista/preview la mockup + fix lock seed la boot

Implementeaza planul aprobat din docs/raport-comparatie-mockup-5.16.md (T-1..T-9):

- T-1/T-8: rand lista 4->2 linii (placuta primar + cod RAR · operatie · data + pill),
  fallback placuta, eticheta-problema 10px->--fs-xs (_submissions.html, base.html)
- T-2: pill slim restilat fill-tint + dot 7px + text colorat per stare (base.html)
- T-3: bug 4a coliziune pill/vehicul in preview — col-stare 104->140px (base.html)
- T-4: preview 8->5 coloane (scos #, KM, Note; motivul -> title pe pill)
- T-5: titlu sectiune "Trimiterile tale" -> sr-only (a11y) + badge/export discret
- T-6: linia plan N/60 in corp doar pe avertizare; consum normal in badge+burger
- T-7: guard chenar gol chips extra (_chips_prestatii.html)
- T-9: "Anuleaza"->"Renunta"; nume operatie emfatic bold

Fix boot: init_db reincarca seedul de ~17k operatii (5.18) pe FIECARE pornire, pe
API + worker concurent -> "database is locked" la al doilea proces. Guard "_if_empty"
pe mapping_suggestions (ca seed_nomenclator_if_empty) -> boot rapid, fara cursa.

Teste actualizate (slim 2-linii, fallback placuta, plan in burger). TODOS.md:
defer trackuit (eroare HTMX lista, retokenizare px, diacritice).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

app/web/templates/base.html

@@ -143,6 +143,9 @@
     .s-needs_review{color:var(--warn);}
     .s-already_sent,.s-duplicate_in_file{color:var(--muted);}
     .muted { color:var(--muted); }
+    /* Heading/eticheta accesibila doar pentru cititoare de ecran (vizual ascunsa). */
+    .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden;
+               clip:rect(0 0 0 0); white-space:nowrap; border:0; }
     a { color:var(--accent); }
     /* Drop zone upload fisier */
     .drop-zone { border:2px dashed var(--line); border-radius:8px; padding:32px 20px;
@@ -410,7 +413,9 @@
     .tabel-trimiteri th, .tabel-trimiteri td { white-space:normal; word-break:break-word; vertical-align:top; }
     .tabel-trimiteri .col-chk { width:30px; }
     .tabel-trimiteri .col-id { width:48px; }
-    .tabel-trimiteri .col-stare { width:104px; }
+    /* col-stare largita (bug 4a 5.16): cu table-layout:fixed + pill nowrap, 104px era
+       prea ingusta -> pill-ul de stare se revarsa peste col-vehicul. 140px o contine. */
+    .tabel-trimiteri .col-stare { width:140px; }
     .tabel-trimiteri .col-data { width:104px; }
     .tabel-trimiteri .col-rar { width:96px; }
     .tabel-trimiteri .col-actualizat { width:128px; }
@@ -722,8 +727,27 @@
     .trimitere-slim:last-child { border-bottom:none; }
     .trimitere-slim:hover { background:color-mix(in srgb, var(--accent) 6%, transparent); }
     .trimitere-slim:focus, .trimitere-slim:focus-visible { outline:2px solid var(--accent); outline-offset:-2px; }
-    .slim-vin { font-family:var(--font-mono); font-size:var(--fs-md); font-weight:500; color:var(--ink); }
+    .slim-vin { font-family:var(--font-mono); font-size:var(--fs-md); font-weight:600; color:var(--ink); }
     .slim-meta { font-size:var(--fs-sm); color:var(--muted); margin-top:3px; }
+    /* Linia 2 a randului slim (5.16): cod RAR · operatie (ellipsis) · data, pe UN rand.
+       Ellipsis-ul pe operatie garanteaza 2 linii MAX si la 390px. */
+    .slim-rand2 { display:flex; align-items:baseline; gap:6px; min-width:0; }
+    .slim-rand2 .cod-rar-cod { flex:0 0 auto; font-family:var(--font-mono); font-weight:600;
+                               color:var(--accent); }
+    .slim-rand2 .cod-rar-cod.muted { color:var(--muted); font-weight:500; }
+    .slim-rand2 .slim-op { flex:1 1 auto; min-width:0; white-space:nowrap; overflow:hidden;
+                           text-overflow:ellipsis; color:var(--ink); }
+    .slim-rand2 .slim-data { flex:0 0 auto; }
+    .slim-rand2 .slim-op::before, .slim-rand2 .slim-data::before {
+                  content:"·"; color:var(--muted); margin-right:6px; }
+    .lista-trimiteri-slim .eticheta-problema { font-size:var(--fs-xs); line-height:1.3; margin-top:2px; }
+    /* Pill slim (5.16): fill-tint + dot 7px + text colorat per stare (currentColor din .s-*).
+       Pastrat pe FIECARE rand inclusiv Finalizat (linistit dar prezent). */
+    .lista-trimiteri-slim .pill { display:inline-flex; align-items:center; gap:5px; font-weight:600;
+                  background:color-mix(in srgb, currentColor 14%, transparent);
+                  border-color:color-mix(in srgb, currentColor 35%, transparent); }
+    .lista-trimiteri-slim .pill::before { content:""; width:7px; height:7px; border-radius:99px;
+                  background:currentColor; flex-shrink:0; }
     /* .camp-slim — varianta compacta camp formular: label --fs-sm muted deasupra, input --fs-md, fundal --card2.
        Mono pentru campuri VIN/odometru/nr: adauga clasa .camp-mono pe input. */
     .camp-slim { margin-bottom:8px; }
@@ -756,7 +780,9 @@
     .op-row { display:flex; align-items:center; justify-content:space-between; gap:10px;
               padding:8px 10px; border:1px solid var(--line); border-radius:6px;
               background:var(--card2); margin-bottom:8px; }
-    .op-row-name { font-size:var(--fs-xs); font-weight:500; color:var(--ink); }
+    /* Nume operatie emfatic (T-9 5.16): proeminent (bold) ca in mockup — e ancora
+       vizuala a randului de mapare op<->cod. */
+    .op-row-name { font-size:var(--fs-sm); font-weight:700; color:var(--ink); }
     .op-row-warn { border-color:color-mix(in srgb, var(--warn) 45%, var(--line)); }
     /* Mobil: tinta touch pentru trimitere-slim (deja garantata prin min-height:44px in regula de baza) */
     @media (max-width:767px) {