Rework fiches, jets de dés et CSS

templates/chat-degats-result.hbs

@@ -1,33 +1,96 @@
-<div class="chat-message-header">
-  {{#if actorImg}}
-  <img class="actor-icon" src="{{actorImg}}" alt="{{alias}}" />
-  {{/if}}
-  <h4 class="chat-actor-name">{{alias}}</h4>
-</div>
+<div class="mournblade-chat-result">
 
-<hr />
-
-{{#if actionImg}}
-<div>
-  <img class="chat-icon" src="{{actionImg}}" alt="{{name}}" />
-</div>
-{{/if}}
-
-<div class="flexcol"></div>
-
-<div>
-  <ul>
-    <li>
-      <strong>Arme</strong> : {{arme.name}} (+{{arme.system.totalDegats}})
-    </li>
-    <li><strong>Formule</strong> : {{formula}}</li>
-    <li><strong>Dégats</strong> : {{finalResult}}</li>
-    {{#if targetVigueur}}
-    <li><strong>Vigueur de la cible</strong> : {{targetVigueur}}</li>
-    <li>
-      <strong>Etats de Combativité supplémentaires perdus (auto)</strong> :
-      {{nbEtatPerdus}}
-    </li>
+  {{!-- Header avec acteur --}}
+  <div class="chat-result-header">
+    {{#if actorImg}}
+    <img class="actor-icon" src="{{actorImg}}" alt="{{alias}}" />
     {{/if}}
-  </ul>
+    <div class="header-info">
+      <h4 class="actor-name">{{alias}}</h4>
+      {{#if arme}}
+      <div class="action-title">
+        <i class="fas fa-swords"></i>
+        Dégâts — {{arme.name}}
+        {{#if arme.system.nonletaux}}<span class="non-lethal-tag">(Non létaux)</span>{{/if}}
+      </div>
+      {{/if}}
+    </div>
+  </div>
+
+  {{!-- Résultat des dégâts --}}
+  <div class="result-main">
+    <div class="result-display">
+      <div class="dice-result">
+        <i class="fas fa-dice"></i>
+        <span class="dice-value">{{diceResult}}</span>
+      </div>
+      <div class="total-result">
+        <span class="total-label">Dégâts</span>
+        <span class="total-value">{{finalResult}}</span>
+      </div>
+      {{#if targetVigueur}}
+      <div class="difficulty">
+        <span class="difficulty-label">SV</span>
+        <span class="difficulty-value">{{targetVigueur}}</span>
+      </div>
+      {{/if}}
+    </div>
+
+    {{!-- Badge résultat dégâts --}}
+    {{#if targetVigueur}}
+    <div class="result-badge-container">
+      {{#if (eq nbEtatPerdus 0)}}
+      <div class="result-badge failure">
+        <i class="fas fa-shield"></i> Armure tient
+      </div>
+      {{else if (eq nbEtatPerdus 1)}}
+      <div class="result-badge success">
+        <i class="fas fa-bolt"></i> +1 état supplémentaire
+      </div>
+      {{else}}
+      <div class="result-badge heroique">
+        <i class="fas fa-fire"></i> +{{nbEtatPerdus}} états supplémentaires
+      </div>
+      {{/if}}
+    </div>
+    {{/if}}
+  </div>
+
+  {{!-- Détails des dégâts --}}
+  <div class="result-details">
+    <div class="detail-row">
+      <span class="detail-label">Arme :</span>
+      <span class="detail-value">{{arme.name}} (+{{arme.system.totalDegats}})</span>
+    </div>
+    <div class="detail-row">
+      <span class="detail-label">Formule :</span>
+      <span class="detail-value">{{formula}}</span>
+    </div>
+    {{#if targetVigueur}}
+    <div class="detail-row">
+      <span class="detail-label">SV cible :</span>
+      <span class="detail-value">{{targetVigueur}}</span>
+    </div>
+    <div class="detail-row">
+      <span class="detail-label">États supplémentaires perdus :</span>
+      <span class="detail-value">{{nbEtatPerdus}}</span>
+    </div>
+    {{/if}}
+  </div>
+
+  {{!-- Info : dégâts auto-appliqués si cible sélectionnée --}}
+  <div class="result-effects">
+    {{#if defenderTokenId}}
+    <div class="effect-item">
+      <i class="fas fa-check-circle"></i>
+      Combativité appliquée automatiquement à la cible.
+    </div>
+    {{else}}
+    <div class="effect-item">
+      <i class="fas fa-info-circle"></i>
+      Aucune cible sélectionnée — appliquez les dégâts manuellement.
+    </div>
+    {{/if}}
+  </div>
+
 </div>