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).

css/foundryvtt-reve-de-dragon.css

@@ -5387,95 +5387,149 @@ body {
   vertical-align: baseline;
   padding: 0.1rem;
 }
-.system-foundryvtt-reve-de-dragon .dialog-gerer-herbes table {
+.system-foundryvtt-reve-de-dragon .dialog-gerer-herbes .competence-header {
+  padding: 0 3px;
+}
+.system-foundryvtt-reve-de-dragon .dialog-gerer-herbes .equipement-nom {
+  flex: 2;
+  padding-left: calc(24px + 0.2rem);
+  min-width: 0;
+}
+.system-foundryvtt-reve-de-dragon .dialog-gerer-herbes .equipement-detail:nth-child(2) {
+  flex: 1.4;
+}
+.system-foundryvtt-reve-de-dragon .dialog-gerer-herbes .equipement-detail:nth-child(3) {
+  flex: 0.5;
+}
+.system-foundryvtt-reve-de-dragon .dialog-gerer-herbes .equipement-detail:nth-child(4) {
+  flex: 0.7;
+  gap: 0.125rem;
+}
+.system-foundryvtt-reve-de-dragon .dialog-gerer-herbes .equipement-detail:nth-child(5) {
+  flex: 1.6;
+}
+.system-foundryvtt-reve-de-dragon .dialog-gerer-herbes .item-controls {
+  flex: 0.8;
+}
+.system-foundryvtt-reve-de-dragon .dialog-gerer-herbes .list-item .equipement-nom {
+  padding-left: 0;
+}
+.system-foundryvtt-reve-de-dragon .dialog-gerer-potions .competence-header {
+  padding: 0 3px;
+}
+.system-foundryvtt-reve-de-dragon .dialog-gerer-potions .equipement-nom {
+  flex: 2.5;
+  padding-left: calc(24px + 0.2rem);
+  min-width: 0;
+}
+.system-foundryvtt-reve-de-dragon .dialog-gerer-potions .equipement-nom span {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.system-foundryvtt-reve-de-dragon .dialog-gerer-potions .equipement-detail:nth-child(2) {
+  flex: 1.2;
+}
+.system-foundryvtt-reve-de-dragon .dialog-gerer-potions .equipement-detail:nth-child(3) {
+  flex: 0.6;
+  gap: 0.125rem;
+}
+.system-foundryvtt-reve-de-dragon .dialog-gerer-potions .equipement-detail:nth-child(4) {
+  flex: 1.4;
+}
+.system-foundryvtt-reve-de-dragon .dialog-gerer-potions .item-controls {
+  flex: 0.8;
+}
+.system-foundryvtt-reve-de-dragon .dialog-gerer-potions .list-item .equipement-nom {
+  padding-left: 0;
+}
+.system-foundryvtt-reve-de-dragon .dialog-gerer-ingredients .competence-header {
+  padding: 0 3px;
+}
+.system-foundryvtt-reve-de-dragon .dialog-gerer-ingredients .equipement-nom {
+  flex: 2;
+  padding-left: calc(24px + 0.2rem);
+  min-width: 0;
+}
+.system-foundryvtt-reve-de-dragon .dialog-gerer-ingredients .equipement-detail:nth-child(2) {
+  flex: 1.4;
+}
+.system-foundryvtt-reve-de-dragon .dialog-gerer-ingredients .equipement-detail:nth-child(3) {
+  flex: 0.7;
+  gap: 0.125rem;
+}
+.system-foundryvtt-reve-de-dragon .dialog-gerer-ingredients .equipement-detail:nth-child(4) {
+  flex: 1.6;
+}
+.system-foundryvtt-reve-de-dragon .dialog-gerer-ingredients .item-controls {
+  flex: 0.8;
+}
+.system-foundryvtt-reve-de-dragon .dialog-gerer-ingredients .list-item .equipement-nom {
+  padding-left: 0;
+}
+.system-foundryvtt-reve-de-dragon .dialog-gerer-deniers .competence-header {
+  padding: 0 3px;
+}
+.system-foundryvtt-reve-de-dragon .dialog-gerer-deniers .equipement-nom {
+  padding-left: calc(24px + 0.2rem);
+}
+.system-foundryvtt-reve-de-dragon .dialog-gerer-deniers .equipement-detail:nth-child(3) {
+  gap: 0.125rem;
+}
+.system-foundryvtt-reve-de-dragon .dialog-gerer-deniers .equipement-detail:nth-child(4) {
+  flex: 2;
+}
+.system-foundryvtt-reve-de-dragon .dialog-gerer-deniers .list-item .equipement-nom {
+  padding-left: 0;
+}
+.system-foundryvtt-reve-de-dragon .sust-buttons {
+  display: flex;
+  gap: 0.25rem;
+}
+.system-foundryvtt-reve-de-dragon .btn-voir-tables-encaissement {
   width: 100%;
 }
-.system-foundryvtt-reve-de-dragon .dialog-gerer-herbes table th,
-.system-foundryvtt-reve-de-dragon .dialog-gerer-herbes table td {
-  padding: 0.2rem 0.3rem !important;
-  vertical-align: middle !important;
+.system-foundryvtt-reve-de-dragon .tab.hautreve {
+  height: 200px;
 }
-.system-foundryvtt-reve-de-dragon .dialog-gerer-herbes table th {
-  color: var(--color-text-light-heading, #f0f0f0) !important;
-  font-weight: bold !important;
+.system-foundryvtt-reve-de-dragon .oeuvre-buttons {
+  gap: 0.5rem;
+  flex-wrap: wrap;
 }
-.system-foundryvtt-reve-de-dragon .dialog-gerer-herbes table th:first-child,
-.system-foundryvtt-reve-de-dragon .dialog-gerer-herbes table td:first-child {
-  width: 36px !important;
-  text-align: center !important;
+.system-foundryvtt-reve-de-dragon .status-pending {
+  color: #999;
 }
-.system-foundryvtt-reve-de-dragon .dialog-gerer-herbes table th:nth-child(2),
-.system-foundryvtt-reve-de-dragon .dialog-gerer-herbes table td:nth-child(2) {
-  width: auto !important;
+.system-foundryvtt-reve-de-dragon .status-rolling {
+  color: #2196F3;
 }
-.system-foundryvtt-reve-de-dragon .dialog-gerer-herbes table th:nth-child(3),
-.system-foundryvtt-reve-de-dragon .dialog-gerer-herbes table td:nth-child(3) {
-  width: 3rem !important;
-  text-align: center !important;
+.system-foundryvtt-reve-de-dragon .status-success {
+  color: #2a8a2a;
 }
-.system-foundryvtt-reve-de-dragon .dialog-gerer-herbes table th:nth-child(4),
-.system-foundryvtt-reve-de-dragon .dialog-gerer-herbes table td:nth-child(4) {
-  width: 6rem !important;
-  text-align: center !important;
+.system-foundryvtt-reve-de-dragon .status-failure {
+  color: #c44;
 }
-.system-foundryvtt-reve-de-dragon .dialog-gerer-herbes table th:nth-child(5),
-.system-foundryvtt-reve-de-dragon .dialog-gerer-herbes table td:nth-child(5) {
-  width: 5rem !important;
-  text-align: center !important;
+.system-foundryvtt-reve-de-dragon .moral-low {
+  font-size: 0.9rem;
 }
-.system-foundryvtt-reve-de-dragon .dialog-gerer-herbes table th:nth-child(7),
-.system-foundryvtt-reve-de-dragon .dialog-gerer-herbes table td:nth-child(7) {
-  width: 2.5rem !important;
-  text-align: center !important;
+.system-foundryvtt-reve-de-dragon .export-sort {
+  flex-grow: 0.4;
 }
-.system-foundryvtt-reve-de-dragon .dialog-gerer-herbes table select {
-  max-width: 12rem !important;
-  min-width: 8rem !important;
+.system-foundryvtt-reve-de-dragon .random-char-right {
+  text-align: right;
 }
-.system-foundryvtt-reve-de-dragon .dialog-gerer-herbes table img {
-  width: 30px !important;
-  height: 30px !important;
-  object-fit: cover !important;
-  border: none !important;
+.system-foundryvtt-reve-de-dragon .encart-sheet-body {
+  margin-bottom: 3rem;
 }
-.system-foundryvtt-reve-de-dragon .dialog-gerer-ingredients table {
+.system-foundryvtt-reve-de-dragon #statBlock {
+  width: 100%;
+  height: 200px;
+}
+.system-foundryvtt-reve-de-dragon .qty-amount {
   width: 100%;
 }
-.system-foundryvtt-reve-de-dragon .dialog-gerer-ingredients table td {
-  padding: 0.2rem 0.3rem !important;
-  vertical-align: middle !important;
-}
-.system-foundryvtt-reve-de-dragon .dialog-gerer-ingredients table td:first-child {
-  width: 36px !important;
-  text-align: center !important;
-}
-.system-foundryvtt-reve-de-dragon .dialog-gerer-ingredients table td:nth-child(2) {
-  width: auto !important;
-}
-.system-foundryvtt-reve-de-dragon .dialog-gerer-ingredients table td:nth-child(3) {
-  width: 3rem !important;
-  text-align: center !important;
-}
-.system-foundryvtt-reve-de-dragon .dialog-gerer-ingredients table td:nth-child(4) {
-  width: 6rem !important;
-  text-align: center !important;
-}
-.system-foundryvtt-reve-de-dragon .dialog-gerer-ingredients table td:nth-child(5) {
-  width: auto !important;
-}
-.system-foundryvtt-reve-de-dragon .dialog-gerer-ingredients table td:nth-child(6) {
-  width: 2.5rem !important;
-  text-align: center !important;
-}
-.system-foundryvtt-reve-de-dragon .dialog-gerer-ingredients table select {
-  max-width: 12rem !important;
-  min-width: 8rem !important;
-}
-.system-foundryvtt-reve-de-dragon .dialog-gerer-ingredients table img {
-  width: 30px !important;
-  height: 30px !important;
-  object-fit: cover !important;
-  border: none !important;
+.system-foundryvtt-reve-de-dragon .resultat-created {
+  color: #2a8a2a;
+  font-weight: bold;
 }
 .system-foundryvtt-reve-de-dragon .dice-img {
   border-width: 0;

less/foundryvtt-reve-de-dragon.less

@@ -600,98 +600,75 @@
     padding: 0.1rem;
   }
 
-  .dialog-gerer-herbes table {
-    width: 100%;
-  }
-  .dialog-gerer-herbes table th,
-  .dialog-gerer-herbes table td {
-    padding: 0.2rem 0.3rem !important;
-    vertical-align: middle !important;
-  }
-  .dialog-gerer-herbes table th {
-    color: var(--color-text-light-heading, #f0f0f0) !important;
-    font-weight: bold !important;
-  }
-  .dialog-gerer-herbes table th:first-child,
-  .dialog-gerer-herbes table td:first-child {
-    width: 36px !important;
-    text-align: center !important;
-  }
-  .dialog-gerer-herbes table th:nth-child(2),
-  .dialog-gerer-herbes table td:nth-child(2) {
-    width: auto !important;
-  }
-  .dialog-gerer-herbes table th:nth-child(3),
-  .dialog-gerer-herbes table td:nth-child(3) {
-    width: 3rem !important;
-    text-align: center !important;
-  }
-  .dialog-gerer-herbes table th:nth-child(4),
-  .dialog-gerer-herbes table td:nth-child(4) {
-    width: 6rem !important;
-    text-align: center !important;
-  }
-  .dialog-gerer-herbes table th:nth-child(5),
-  .dialog-gerer-herbes table td:nth-child(5) {
-    width: 5rem !important;
-    text-align: center !important;
-  }
-  .dialog-gerer-herbes table th:nth-child(7),
-  .dialog-gerer-herbes table td:nth-child(7) {
-    width: 2.5rem !important;
-    text-align: center !important;
-  }
-  .dialog-gerer-herbes table select {
-    max-width: 12rem !important;
-    min-width: 8rem !important;
-  }
-  .dialog-gerer-herbes table img {
-    width: 30px !important;
-    height: 30px !important;
-    object-fit: cover !important;
-    border: none !important;
+  .dialog-gerer-herbes {
+    .competence-header { padding: 0 3px; }
+    .equipement-nom { flex: 2; padding-left: calc(24px + 0.2rem); min-width: 0; }
+    .equipement-detail {
+      &:nth-child(2) { flex: 1.4; }
+      &:nth-child(3) { flex: 0.5; }
+      &:nth-child(4) { flex: 0.7; gap: 0.125rem; }
+      &:nth-child(5) { flex: 1.6; }
+    }
+    .item-controls { flex: 0.8; }
+    .list-item .equipement-nom { padding-left: 0; }
   }
 
-  .dialog-gerer-ingredients table {
-    width: 100%;
+  .dialog-gerer-potions {
+    .competence-header { padding: 0 3px; }
+    .equipement-nom { flex: 2.5; padding-left: calc(24px + 0.2rem); min-width: 0; }
+    .equipement-nom span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+    .equipement-detail {
+      &:nth-child(2) { flex: 1.2; }
+      &:nth-child(3) { flex: 0.6; gap: 0.125rem; }
+      &:nth-child(4) { flex: 1.4; }
+    }
+    .item-controls { flex: 0.8; }
+    .list-item .equipement-nom { padding-left: 0; }
   }
-  .dialog-gerer-ingredients table td {
-    padding: 0.2rem 0.3rem !important;
-    vertical-align: middle !important;
+
+  .dialog-gerer-ingredients {
+    .competence-header { padding: 0 3px; }
+    .equipement-nom { flex: 2; padding-left: calc(24px + 0.2rem); min-width: 0; }
+    .equipement-detail {
+      &:nth-child(2) { flex: 1.4; }
+      &:nth-child(3) { flex: 0.7; gap: 0.125rem; }
+      &:nth-child(4) { flex: 1.6; }
+    }
+    .item-controls { flex: 0.8; }
+    .list-item .equipement-nom { padding-left: 0; }
   }
-  .dialog-gerer-ingredients table td:first-child {
-    width: 36px !important;
-    text-align: center !important;
-  }
-  .dialog-gerer-ingredients table td:nth-child(2) {
-    width: auto !important;
-  }
-  .dialog-gerer-ingredients table td:nth-child(3) {
-    width: 3rem !important;
-    text-align: center !important;
-  }
-  .dialog-gerer-ingredients table td:nth-child(4) {
-    width: 6rem !important;
-    text-align: center !important;
-  }
-  .dialog-gerer-ingredients table td:nth-child(5) {
-    width: auto !important;
-  }
-  .dialog-gerer-ingredients table td:nth-child(6) {
-    width: 2.5rem !important;
-    text-align: center !important;
-  }
-  .dialog-gerer-ingredients table select {
-    max-width: 12rem !important;
-    min-width: 8rem !important;
-  }
-  .dialog-gerer-ingredients table img {
-    width: 30px !important;
-    height: 30px !important;
-    object-fit: cover !important;
-    border: none !important;
+
+  .dialog-gerer-deniers {
+    .competence-header { padding: 0 3px; }
+    .equipement-nom { padding-left: calc(24px + 0.2rem); }
+    .equipement-detail:nth-child(3) { gap: 0.125rem; }
+    .equipement-detail:nth-child(4) { flex: 2; }
+    .list-item .equipement-nom { padding-left: 0; }
   }
 
+  .sust-buttons { display: flex; gap: 0.25rem; }
+
+  .btn-voir-tables-encaissement { width: 100%; }
+
+  .tab.hautreve { height: 200px; }
+
+  .oeuvre-buttons { gap: 0.5rem; flex-wrap: wrap; }
+
+  .status-pending { color: #999; }
+  .status-rolling { color: #2196F3; }
+  .status-success { color: #2a8a2a; }
+  .status-failure { color: #c44; }
+
+  .moral-low { font-size: 0.9rem; }
+
+  .export-sort { flex-grow: 0.4; }
+
+  .random-char-right { text-align: right; }
+  .encart-sheet-body { margin-bottom: 3rem; }
+  #statBlock { width: 100%; height: 200px; }
+  .qty-amount { width: 100%; }
+  .resultat-created { color: #2a8a2a; font-weight: bold; }
+
   .dice-img {
     border-width: 0;
     max-width: 1.5rem;

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 => {

templates/actor-sheet.hbs

@@ -123,7 +123,7 @@
         {{> "systems/foundryvtt-reve-de-dragon/templates/actor/chirurgie.hbs"}}
         {{> "systems/foundryvtt-reve-de-dragon/templates/actor/oeuvres.hbs"}}
         {{> "systems/foundryvtt-reve-de-dragon/templates/actor/jeux.hbs"}}
-        <div class="flexrow" style="gap:0.5rem;flex-wrap:wrap">
+        <div class="flexrow oeuvre-buttons">
           <a class="chat-card-button creer-une-oeuvre">Créer une oeuvre</a>
         </div>
         {{> "systems/foundryvtt-reve-de-dragon/templates/actor/alchimie.hbs"}}
@@ -131,7 +131,7 @@
       </div>
       {{/if}}
       {{#if options.isObserver}}{{!-- hautreve Tab --}}
-      <div class="tab hautreve " data-group="primary" data-tab="hautreve" style="height:200px">
+      <div class="tab hautreve" data-group="primary" data-tab="hautreve">
         <div>
           {{#if system.attributs.hautrevant.value}}
           <h3>Haut rêvant</h3>

templates/actor/carac-derivee.hbs

@@ -78,7 +78,7 @@
     <label></label>
     <label></label>
     <label></label>
-      <span style="display:flex; gap:0.25rem" class="sust-buttons">
+      <span class="sust-buttons">
       <a class="btn-sust-externe chat-card-button"><i class="fa-solid fa-utensils"></i> Repas externe</a>
       <a class="btn-sust-rations chat-card-button"><i class="fa-solid fa-bread-slice"></i> Rations</a>
     </span>

templates/actor/dialog-gerer-deniers.hbs

@@ -1,11 +1,11 @@
 <div>
   <span class="item-name"><h4>Fortune totale: {{fortune.sols}} sols {{fortune.deniers}} deniers</h4></span>
   <ul class="item-list alterne-list">
-    <li class="competence-header flexrow" style="padding:0 3px">
-      <span class="equipement-nom" style="padding-left:calc(24px + 0.2rem)">Nom</span>
+    <li class="competence-header flexrow">
+      <span class="equipement-nom">Nom</span>
       <span class="equipement-detail">Valeur</span>
       <span class="equipement-detail">Quantité</span>
-      <span class="equipement-detail" style="flex:2">Conteneur</span>
+      <span class="equipement-detail">Conteneur</span>
       <span class="item-actions-controls item-controls">Actions</span>
     </li>
     {{#each monnaies as |piece|}}
@@ -15,12 +15,12 @@
         <span>{{piece.name}}</span>
       </span>
       <span class="equipement-detail">{{piece.cout}} Sols</span>
-      <span class="equipement-detail" style="gap:0.125rem">
+      <span class="equipement-detail">
         <a class="denier-moins"><i class="fa-solid fa-square-minus"></i></a>
         <span>{{piece.quantite}}</span>
         <a class="denier-plus"><i class="fa-solid fa-square-plus"></i></a>
       </span>
-      <span class="equipement-detail" style="flex:2">
+      <span class="equipement-detail">
         <select class="denier-conteneur">
           {{#select piece.conteneurId}}
           {{#each ../conteneurs as |c|}}

templates/actor/dialog-gerer-herbes.hbs

@@ -1,27 +1,27 @@
 <div>
   <ul class="item-list alterne-list">
-    <li class="competence-header flexrow" style="padding:0 3px">
-      <span class="equipement-nom" style="flex:2;padding-left:calc(24px + 0.2rem)">Nom</span>
-      <span class="equipement-detail" style="flex:1.4">Catégorie</span>
-      <span class="equipement-detail" style="flex:0.5">Niveau</span>
-      <span class="equipement-detail" style="flex:0.7">Quantité</span>
-      <span class="equipement-detail" style="flex:1.6">Conteneur</span>
-      <span class="item-controls" style="flex:0.8">Actions</span>
+    <li class="competence-header flexrow">
+      <span class="equipement-nom">Nom</span>
+      <span class="equipement-detail">Catégorie</span>
+      <span class="equipement-detail">Niveau</span>
+      <span class="equipement-detail">Quantité</span>
+      <span class="equipement-detail">Conteneur</span>
+      <span class="item-controls">Actions</span>
     </li>
     {{#each herbes as |herbe|}}
     <li class="item flexrow list-item" data-item-id="{{herbe.id}}">
-      <span class="equipement-nom" style="flex:2">
+      <span class="equipement-nom">
         <img class="sheet-competence-img" src="{{herbe.img}}" data-tooltip="{{herbe.name}}"/>
         <span>{{herbe.name}}</span>
       </span>
-      <span class="equipement-detail" style="flex:1.4">{{herbe.categorie}}</span>
-      <span class="equipement-detail" style="flex:0.5">{{herbe.niveau}}</span>
-      <span class="equipement-detail" style="flex:0.7;gap:0.125rem">
+      <span class="equipement-detail">{{herbe.categorie}}</span>
+      <span class="equipement-detail">{{herbe.niveau}}</span>
+      <span class="equipement-detail">
         <a class="herbe-moins"><i class="fa-solid fa-square-minus"></i></a>
         <span>{{herbe.quantite}}</span>
         <a class="herbe-plus"><i class="fa-solid fa-square-plus"></i></a>
       </span>
-      <span class="equipement-detail" style="flex:1.6">
+      <span class="equipement-detail">
         <select class="herbe-conteneur">
           {{#select herbe.conteneurId}}
           {{#each ../conteneurs as |c|}}
@@ -30,7 +30,7 @@
           {{/select}}
         </select>
       </span>
-      <span class="item-controls" style="flex:0.8">
+      <span class="item-controls">
         {{#if herbe.isHerbeAPotion}}
         <a class="herbe-decoction" data-tooltip="Décoction"><i class="fa-solid fa-flask-vial"></i></a>
         {{/if}}

templates/actor/dialog-gerer-ingredients.hbs

@@ -1,25 +1,25 @@
 <div>
   <ul class="item-list alterne-list">
-    <li class="competence-header flexrow" style="padding:0 3px">
-      <span class="equipement-nom" style="flex:2;padding-left:calc(24px + 0.2rem)">Nom</span>
-      <span class="equipement-detail" style="flex:1.4">Catégorie</span>
-      <span class="equipement-detail" style="flex:0.7">Quantité</span>
-      <span class="equipement-detail" style="flex:1.6">Conteneur</span>
-      <span class="item-controls" style="flex:0.8">Actions</span>
+    <li class="competence-header flexrow">
+      <span class="equipement-nom">Nom</span>
+      <span class="equipement-detail">Catégorie</span>
+      <span class="equipement-detail">Quantité</span>
+      <span class="equipement-detail">Conteneur</span>
+      <span class="item-controls">Actions</span>
     </li>
     {{#each ingredients as |ing|}}
     <li class="item flexrow list-item" data-item-id="{{ing.id}}">
-      <span class="equipement-nom" style="flex:2">
+      <span class="equipement-nom">
         <img class="sheet-competence-img" src="{{ing.img}}" data-tooltip="{{ing.name}}"/>
         <span>{{ing.name}}</span>
       </span>
-      <span class="equipement-detail" style="flex:1.4">{{ing.categorie}}</span>
-      <span class="equipement-detail" style="flex:0.7;gap:0.125rem">
+      <span class="equipement-detail">{{ing.categorie}}</span>
+      <span class="equipement-detail">
         <a class="ingredient-moins"><i class="fa-solid fa-square-minus"></i></a>
         <span>{{ing.quantite}}</span>
         <a class="ingredient-plus"><i class="fa-solid fa-square-plus"></i></a>
       </span>
-      <span class="equipement-detail" style="flex:1.6">
+      <span class="equipement-detail">
         <select class="ingredient-conteneur">
           {{#select ing.conteneurId}}
           {{#each ../conteneurs as |c|}}
@@ -28,7 +28,7 @@
           {{/select}}
         </select>
       </span>
-      <span class="item-controls" style="flex:0.8">
+      <span class="item-controls">
         <a class="ingredient-vendre" data-tooltip="Vendre ou donner"><i class="fa-solid fa-comments-dollar"></i></a>
         <a class="ingredient-chat" data-tooltip="Montrer"><i class="fa-solid fa-comment"></i></a>
         <a class="ingredient-edit" data-tooltip="Éditer"><i class="fa-solid fa-edit"></i></a>

templates/actor/dialog-gerer-potions.hbs

@@ -1,25 +1,25 @@
 <div>
   <ul class="item-list alterne-list">
-    <li class="competence-header flexrow" style="padding:0 3px">
-      <span class="equipement-nom" style="flex:2.5;padding-left:calc(24px + 0.2rem)">Nom</span>
-      <span class="equipement-detail" style="flex:1.2">Catégorie</span>
-      <span class="equipement-detail" style="flex:0.6">Quantité</span>
-      <span class="equipement-detail" style="flex:1.4">Conteneur</span>
-      <span class="item-controls" style="flex:0.8">Actions</span>
+    <li class="competence-header flexrow">
+      <span class="equipement-nom">Nom</span>
+      <span class="equipement-detail">Catégorie</span>
+      <span class="equipement-detail">Quantité</span>
+      <span class="equipement-detail">Conteneur</span>
+      <span class="item-controls">Actions</span>
     </li>
     {{#each potions as |p|}}
     <li class="item flexrow list-item" data-item-id="{{p.id}}">
-      <span class="equipement-nom" style="flex:2.5;min-width:0">
+      <span class="equipement-nom">
         <img class="sheet-competence-img" src="{{p.img}}" data-tooltip="{{p.name}}"/>
-        <span style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap">{{p.name}}{{#if p.magique}} <i class="fa-solid fa-sparkles" data-tooltip="Enchantement"></i>{{/if}}</span>
+        <span>{{p.name}}{{#if p.magique}} <i class="fa-solid fa-sparkles" data-tooltip="Enchantement"></i>{{/if}}</span>
       </span>
-      <span class="equipement-detail" style="flex:1.2">{{p.categorie}}</span>
-      <span class="equipement-detail" style="flex:0.6;gap:0.125rem">
+      <span class="equipement-detail">{{p.categorie}}</span>
+      <span class="equipement-detail">
         <a class="potion-moins"><i class="fa-solid fa-square-minus"></i></a>
         <span>{{p.quantite}}</span>
         <a class="potion-plus"><i class="fa-solid fa-square-plus"></i></a>
       </span>
-      <span class="equipement-detail" style="flex:1.4">
+      <span class="equipement-detail">
         <select class="potion-conteneur">
           {{#select p.conteneurId}}
           {{#each ../conteneurs as |c|}}
@@ -28,7 +28,7 @@
           {{/select}}
         </select>
       </span>
-      <span class="item-controls" style="flex:0.8">
+      <span class="item-controls">
         <a class="potion-consommer" data-tooltip="Consommer"><i class="fa-solid fa-vial"></i></a>
         <a class="potion-vendre" data-tooltip="Vendre ou donner"><i class="fa-solid fa-comments-dollar"></i></a>
         <a class="potion-chat" data-tooltip="Montrer"><i class="fa-solid fa-comment"></i></a>

templates/actor/export-scriptarium/actor-encart-sheet.hbs

@@ -34,7 +34,7 @@
       </div>
     </div>
   </section>
-  <section class="sheet-body" style=:"margin-bottom: 3rem;">
+  <section class="sheet-body encart-sheet-body">
     <div>
       <strong>{{export.name.value}}</strong>{{#if export.description.value}}, {{export.description.value}}{{/if}}
       </div>

templates/actor/export-scriptarium/sort.hbs

@@ -1,6 +1,6 @@
 {{#if voie}}
 <div class="flexrow">
-  <div style="flex-grow: 0.4;">{{voie}}</div>
+  <div class="export-sort">{{voie}}</div>
   <div class="flex-grow-2">{{upperFirst description}}</div>
   {{#if bonus}}
   <div>{{bonus}}</div>

templates/actor/random/app-personnage-aleatoire.hbs

@@ -40,7 +40,7 @@
     }}
   </div>
   <hr>
-  <div style="text-align: right;">
+  <div class="random-char-right">
     <a class="chat-card-button randomize-selected">Générer les valeurs sélectionnés</a>
   </div>
   <br>

templates/item/dialog-lancer-recette.hbs

@@ -57,10 +57,10 @@
           <td class="etape-diff">{{etape.difficulte}}</td>
           <td>{{etape.carac.label}}</td>
           <td class="etape-status">
-            {{#if (eq etape.status "pending")}}<i class="fas fa-circle" style="color:#999"></i>
-            {{else if (eq etape.status "rolling")}}<i class="fas fa-spinner fa-pulse" style="color:#2196F3"></i>
-            {{else if (eq etape.status "success")}}<i class="fas fa-check-circle" style="color:#2a8a2a"></i>
-            {{else if (eq etape.status "failure")}}<i class="fas fa-times-circle" style="color:#c44"></i>
+            {{#if (eq etape.status "pending")}}<i class="fas fa-circle status-pending"></i>
+            {{else if (eq etape.status "rolling")}}<i class="fas fa-spinner fa-pulse status-rolling"></i>
+            {{else if (eq etape.status "success")}}<i class="fas fa-check-circle status-success"></i>
+            {{else if (eq etape.status "failure")}}<i class="fas fa-times-circle status-failure"></i>
             {{/if}}
           </td>
         </tr>

templates/roll/roll-part-appelmoral.hbs

@@ -1,4 +1,4 @@
-<label for="{{code}}" data-tooltip="Moral: {{plusMoins refs.moral}}" {{#if (lte refs.moral 0)}}style="font-size: 0.9rem;"{{/if}}>
+<label for="{{code}}" data-tooltip="Moral: {{plusMoins refs.moral}}" class="{{#if (lte refs.moral 0)}}moral-low{{/if}}">
     {{#if current.icon}}{{{current.icon}}}{{/if}}{{refs.label}}
 </label>
 <input name="{{code}}" type="checkbox"

templates/settings/regles-optionnelles.hbs

@@ -12,7 +12,7 @@
 {{/each}}
 {{#if isGM}}
 <hr>
-<button type="button" class="btn-voir-tables-encaissement" style="width:100%">
+<button type="button" class="btn-voir-tables-encaissement">
   <i class="fas fa-table"></i> Voir les tables d'encaissement
 </button>
 {{/if}}