feat(5.9): US-003 - modal reutilizabil (overlay, focus-trap, a11y) + cleanup inline-expand 5.8

- base.html: #modal-detaliu (role=dialog, aria-modal) + #detaliu-modal-body swap target;
  focus-trap, inert+aria-hidden pe <main>, Esc/backdrop/x inchid, listener trimiteriChanged (R5/R7)
- _coada.html: ancora modal in afara #submissions-wrap; sters #trimitere-detaliu inert vechi
- _submissions.html: randul declanseaza modalul; sters tr.detaliu-rand sibling (R3)
- _trimitere_detaliu.html: script rescris pentru modal, fara marcheazaDetaliuDeschis/scrollIntoView (R4)
- teste: test_web_modal.py nou (3); test_web_detaliu_inline.py sters; test_acasa_trimiteri.py curatat (R3)
- gates: pytest PASS (suita completa 819). Browser E2E + design-review deferate la VERIFY.

Salvat manual: iteratiile Ralph 2-12 au ramas fara turns (30) inainte de commit.

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

app/web/templates/_submissions.html

@@ -29,18 +29,17 @@
   </tr></thead>
   <tbody>
   {% for r in rows %}
-    {# US-008: detaliul apare ca rand-sibling expandabil SUB acest rand (#detaliu-{id}),
-       nu in panoul global de la baza. Randul e clickabil/focusabil (toggle prin JS in
-       base.html: single-open + pauza poll). #}
+    {# PRD 5.9 US-003: randul declanseaza deschiderea MODALULUI global (#detaliu-modal-body),
+       nu un rand-sibling. Clickabil/focusabil (role=button); Enter/Space deschid modalul
+       (JS in base.html). Vechiul rand-sibling de detaliu a fost eliminat. #}
     <tr id="trimitere-row-{{ r.id }}"
         class="trimitere-row"
         data-detaliu-id="{{ r.id }}"
         hx-get="/_fragments/trimitere/{{ r.id }}"
-        hx-target="#detaliu-{{ r.id }}"
+        hx-target="#detaliu-modal-body"
         hx-swap="innerHTML"
-        hx-indicator="#ind-{{ r.id }}"
-        role="button" tabindex="0" aria-expanded="false"
-        aria-controls="detaliu-{{ r.id }}"
+        role="button" tabindex="0"
+        aria-haspopup="dialog"
         style="cursor:pointer;"
         title="Click pentru detaliul complet">
       <td class="col-chk" onclick="event.stopPropagation();">
@@ -49,8 +48,7 @@
                aria-label="Selecteaza trimiterea #{{ r.id }} pentru stergere">
         {% endif %}
       </td>
-      <td class="col-id muted" data-eticheta="#">
-        <span class="chevron" aria-hidden="true">&#9656;</span>{{ r.id }}</td>
+      <td class="col-id muted" data-eticheta="#">{{ r.id }}</td>
       <td class="col-stare" data-eticheta="Stare">
         <span class="pill {{ r.stare_css }}" title="{{ r.stare_text }}">{{ r.stare_scurt }}</span>
       </td>
@@ -72,15 +70,6 @@
       <td class="col-rar" data-eticheta="Nr. prezentare RAR">{{ r.id_prezentare or '—' }}</td>
       <td class="col-actualizat muted" data-eticheta="Actualizat">{{ r.updated_at }}</td>
     </tr>
-    {# US-008: rand-sibling de detaliu, ascuns pana la deschidere. Placeholder „Se
-       incarca…" prin hx-indicator cat raspunde HTMX. #}
-    <tr class="detaliu-rand" hidden>
-      <td colspan="8">
-        <span id="ind-{{ r.id }}" class="htmx-indicator muted"
-              style="padding:8px 4px;">Se incarca&hellip;</span>
-        <div id="detaliu-{{ r.id }}"></div>
-      </td>
-    </tr>
   {% endfor %}
   </tbody>
 </table>