feat(5.9): US-008 - responsive Acasa (upload/status/filtre) + login/signup

- base.html: bloc @media (max-width:767px) US-008, scopat pe id-urile de pe Acasa
- upload (#import-section): drop-zone pe coloana, buton alegere full-width >=44px
- filtre (#filtre-trimiteri): o coloana, inputuri/buton full-width >=44px (!important pe latimile inline)
- status (#status-bar): randuri aliniate, fara scroll orizontal
- login.html/signup.html: clasa .auth-card centrata, max-width:100% pe mobil
- tabelul de trimiteri 5.8 neatins (doar verificat intact)
- teste noi: test_acasa_fara_scroll_orizontal_mobil, test_login_signup_full_width_mobil
- suita: 840 passed, 1 deselected

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

app/web/templates/base.html

@@ -290,6 +290,27 @@
       #jurnal-section #filtre-jurnal > div { width:100%; }
       #card-cont button, #form-test-cheie button,
       #jurnal-section #filtre-jurnal button { min-height:44px; width:100%; }
+
+      /* === PRD 5.9 US-008: Acasa (upload, status, filtre) + login/signup pe mobil ===
+         Zona de upload, bara de status si bara de filtre (`_coada.html`) stiveaza pe O
+         coloana sub 767px; inputuri/butoane full-width cu tinta touch >=44px. Scopat pe
+         id-urile sectiunilor de pe Acasa ca sa NU atinga tabelul de trimiteri (5.8),
+         modalul sau paginile de continut (US-007). */
+      /* Bara de upload: zona slim (returning user) trece pe coloana; butonul full-width. */
+      #import-section .drop-zone { flex-direction:column; align-items:stretch; text-align:left; }
+      #import-section #upload-btn { width:100%; min-height:44px; }
+      /* Bara de status: contoarele/randurile raman aliniate la stanga, fara scroll orizontal. */
+      #status-bar > div { gap:10px; }
+      /* Bara de filtre trimiteri: o coloana, fiecare control full-width, buton >=44px.
+         !important suprascrie latimile inline (ex. max-width:180px pe vehicul) DOAR pe mobil. */
+      #filtre-trimiteri { flex-direction:column; align-items:stretch; }
+      #filtre-trimiteri > div { width:100%; }
+      #filtre-trimiteri select, #filtre-trimiteri input[type=text],
+      #filtre-trimiteri input[type=date] { width:100% !important; max-width:none !important; }
+      #filtre-trimiteri button { width:100%; min-height:44px; }
+
+      /* Card de autentificare (login/signup): centrat si nu depaseste viewport-ul pe mobil. */
+      .auth-card { max-width:100%; margin:24px auto; }
     }
   </style>
 </head>

app/web/templates/login.html

@@ -1,7 +1,7 @@
 {% extends "base.html" %}
 {% block title %}Autentificare — Gateway RAR AUTOPASS{% endblock %}
 {% block content %}
-<div class="card" style="max-width:400px;margin:40px auto;">
+<div class="card auth-card" style="max-width:400px;margin:40px auto;">
   <h2 style="margin-top:0;">Autentificare</h2>
 
   {% if error %}

app/web/templates/signup.html

@@ -1,7 +1,7 @@
 {% extends "base.html" %}
 {% block title %}Inregistrare — Gateway RAR AUTOPASS{% endblock %}
 {% block content %}
-<div class="card" style="max-width:480px;margin:40px auto;">
+<div class="card auth-card" style="max-width:480px;margin:40px auto;">
 {% if api_key %}
   <div class="flash">Contul a fost creat. Salveaza cheia API acum — nu o vei mai putea vedea.</div>