refactor(styles): migre toutes les directives CSS inline vers LESS

- Remplace les vieilles règles table (mortes) des dialog-gerer-herbes
  et dialog-gerer-ingredients par des règles flex scoped
- Dialog-gerer-herbes/potions/ingredients/deniers : style= flex/gap/padding
  → classes LESS par dialog avec nth-child
- actor-sheet.hbs : gap+flex-wrap → .oeuvre-buttons,
  height:200px → .tab.hautreve
- carac-derivee.hbs : style sur .sust-buttons → déplacé dans LESS
- regles-optionnelles.hbs : width:100% → .btn-voir-tables-encaissement
- dialog-lancer-recette (hbs+js) : status colors → classes .status-*
- roll-part-appelmoral.hbs : font-size conditionnel → classe .moral-low
- rdd-utility.js : span style → .resultat-created
- rdd-import-stats.js : textarea style → #statBlock
- base-actor-sheet.js : select style → .qty-amount
- export-scriptarium/*.hbs : flex-grow, margin-bottom → classes
- app-personnage-aleatoire.hbs : text-align → .random-char-right

Seuls 2 styles dynamiques persistent : background-image option
(partial-roll-coeur.hbs) et width fillPercent barre (inventaire-item.hbs).

module/actor/base-actor-sheet.js

@@ -144,7 +144,7 @@ export class RdDBaseActorSheet extends foundry.appv1.sheets.ActorSheet {
       new Dialog({
         title: `Quantité — ${item.name}`,
         content: `<p>Réduire la quantité de :</p>
-          <select class="qty-amount" style="width:100%">
+          <select class="qty-amount">
             <option value="1">1</option>
             <option value="5">5</option>
             <option value="10">10</option>

module/apps/rdd-import-stats.js

@@ -59,7 +59,7 @@ export class RdDStatBlockParser {
       content: `
         <div>
           <p>Coller le texte de la stat ici</p>
-          <textarea id="statBlock" style="width: 100%; height: 200px;"></textarea>
+          <textarea id="statBlock"></textarea>
         </div>
       `,
       buttons: {

module/dialog-lancer-recette.js

@@ -199,10 +199,10 @@ export class DialogLancerRecette extends HandlebarsApplicationMixin(ApplicationV
     const cell = row.querySelector('.etape-status')
     if (!cell) return
     const icons = {
-      pending: '<i class="fas fa-circle" style="color:#999"></i>',
-      rolling: '<i class="fas fa-spinner fa-pulse" style="color:#2196F3"></i>',
-      success: '<i class="fas fa-check-circle" style="color:#2a8a2a"></i>',
-      failure: '<i class="fas fa-times-circle" style="color:#c44"></i>',
+      pending: '<i class="fas fa-circle status-pending"></i>',
+      rolling: '<i class="fas fa-spinner fa-pulse status-rolling"></i>',
+      success: '<i class="fas fa-check-circle status-success"></i>',
+      failure: '<i class="fas fa-times-circle status-failure"></i>',
     }
     cell.innerHTML = icons[etape.status] || ''
   }

module/rdd-utility.js

@@ -870,7 +870,7 @@ export class RdDUtility {
         system: { quantite: resultat.quantite || 1 },
       }])
       const messageEl = $(btn).closest('.chat-message')
-      messageEl.find('.creer-resultat-chat').replaceWith('<span style="color:#2a8a2a;font-weight:bold">✓ Résultat créé</span>')
+      messageEl.find('.creer-resultat-chat').replaceWith('<span class="resultat-created">✓ Résultat créé</span>')
       ui.notifications.info(`${resultat.name || recipeName} a été créé avec succès !`)
     });
     $(html).on("click", '.rdd-world-content-link', async event => {