💄 style(takeout): met en vert le message "le serveur travaille"

assets/controllers/takeout_import_controller.js

@@ -147,8 +147,7 @@ export default class extends Controller {
         // soi-même démarré un upload avait ce message (#482).
         if (['scheduled', 'extracting', 'processing'].includes(pendingImport.status)) {
             const safeToCloseMessage = document.createElement('p');
-            safeToCloseMessage.className = 'text-xs';
-            safeToCloseMessage.style.color = 'var(--hc-text-secondary, var(--hc-text))';
+            safeToCloseMessage.className = 'text-xs hc-safe-to-close';
             safeToCloseMessage.textContent = 'Le serveur travaille : vous pouvez quitter cette page, l\'import continue en arrière-plan.';
             li.appendChild(safeToCloseMessage);
         }

assets/styles/takeout-import.css

@@ -28,3 +28,11 @@
   0%, 100% { opacity: 0.6; }
   50% { opacity: 1; }
 }
+
+/* Message "le serveur travaille, vous pouvez quitter la page" (#482, #555) —
+ * en vert pour ressortir clairement dans la liste des imports actifs, plutôt
+ * que de se fondre dans le texte secondaire gris. */
+.hc-safe-to-close {
+  color: #22c55e;
+  font-weight: 500;
+}

assets/tests/takeout-import-controller.test.js

@@ -656,6 +656,7 @@ describe('liste des imports Takeout en attente (#481)', () => {
 
             const item = document.querySelector('[data-takeout-import-target="pendingList"] li');
             expect(item.textContent).toMatch(/quitter cette page/i);
+            expect(item.querySelector('.hc-safe-to-close')).not.toBeNull();
         },
     );
 

templates/web/takeout_import.html.twig

@@ -114,7 +114,7 @@
              parsing, import), contrairement à la phase d'upload (#481),
              fermer l'onglet est sans risque — le traitement continue en
              arrière-plan et reste consultable au retour sur la page. -->
-        <p class="text-xs" style="color: var(--hc-text-secondary, var(--hc-text))" hidden
+        <p class="text-xs hc-safe-to-close" hidden
            data-takeout-import-target="safeToCloseMessage">
             Vous pouvez fermer cet onglet sans risque : l'import continue en arrière-plan.
             Revenez sur cette page à tout moment pour suivre sa progression.