Révision complète des styles des items et des onglets

- global.less : réécriture complète
  * Fusion des deux blocs .sheet-tabs en un seul
  * Déplacement des styles faction hors de .sheet-tabs
  * Onglet actif : gradient or avec texte sombre (bon contraste)
  * CSS variables centralisées + hiérarchie propre

- templates/aspect.hbs + attribute.hbs : normalisation
  * Ajout de wrappers .form-group pour tous les champs
  * Labels explicites (Technique, Narratif, Référence)
  * .item-meta container pour les métadonnées du header

- templates/equipment.hbs : suppression de .form-grid
  (conflictait avec le grid CSS natif de FoundryVTT)

- styles/items.less
  * Labels : var(--cel-orange) → var(--cel-border) (#7a5c20)
    contraste WCAG AA sur fond crème (ratio ~5.9)
  * Score rows : couleur de texte explicite #1a1209 (lisible)
  * Onglet actif : gradient or + texte sombre (cohérent)
  * Ajout .item-value-display, .item-qty styles

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

templates/aspect.hbs

@@ -5,27 +5,47 @@
     </div>
     <div class="item-header-fields">
       <input type="text" name="name" value="{{item.name}}" {{#unless isEditable}}disabled{{/unless}}>
-      <div class="item-value-field">
-        <label>{{localize "CELESTOPOL.Item.value"}}</label>
-        <input type="number" name="system.value" value="{{system.value}}" min="0" max="8"
-               {{#unless isEditable}}disabled{{/unless}}>
+      <div class="item-meta">
+        <div class="item-value-field">
+          <label>{{localize "CELESTOPOL.Item.value"}}</label>
+          {{#if isEditable}}
+          <input type="number" name="system.value" value="{{system.value}}" min="0" max="8">
+          {{else}}
+          <span class="item-value-display">{{system.value}}</span>
+          {{/if}}
+        </div>
       </div>
     </div>
   </header>
+
   <nav class="item-tabs sheet-tabs tabs" data-group="item-tabs">
     <a class="item active" data-group="item-tabs" data-tab="description">{{localize "CELESTOPOL.Tab.description"}}</a>
     <a class="item" data-group="item-tabs" data-tab="technique">{{localize "CELESTOPOL.Tab.technique"}}</a>
     <a class="item" data-group="item-tabs" data-tab="scores">{{localize "CELESTOPOL.Item.scores"}}</a>
   </nav>
+
   <section class="tab active" data-group="item-tabs" data-tab="description">
-    {{editor system.description target="system.description" button=true editable=isEditable}}
-    <label>{{localize "CELESTOPOL.Item.reference"}}</label>
-    <input type="text" name="system.reference" value="{{system.reference}}" {{#unless isEditable}}disabled{{/unless}}>
+    <div class="form-group">
+      {{editor system.description target="system.description" button=true editable=isEditable}}
+    </div>
+    <div class="form-group">
+      <label>{{localize "CELESTOPOL.Item.reference"}}</label>
+      <input type="text" name="system.reference" value="{{system.reference}}"
+             {{#unless isEditable}}disabled{{/unless}}>
+    </div>
   </section>
+
   <section class="tab" data-group="item-tabs" data-tab="technique">
-    {{editor system.technique target="system.technique" button=true editable=isEditable}}
-    {{editor system.narratif target="system.narratif" button=true editable=isEditable}}
+    <div class="form-group">
+      <label>{{localize "CELESTOPOL.Item.technique"}}</label>
+      {{editor system.technique target="system.technique" button=true editable=isEditable}}
+    </div>
+    <div class="form-group">
+      <label>{{localize "CELESTOPOL.Item.narratif"}}</label>
+      {{editor system.narratif target="system.narratif" button=true editable=isEditable}}
+    </div>
   </section>
+
   <section class="tab" data-group="item-tabs" data-tab="scores">
     {{> "systems/fvtt-celestopol/templates/partials/item-scores.hbs" skills=skills system=system}}
   </section>

templates/attribute.hbs

@@ -5,27 +5,47 @@
     </div>
     <div class="item-header-fields">
       <input type="text" name="name" value="{{item.name}}" {{#unless isEditable}}disabled{{/unless}}>
-      <div class="item-value-field">
-        <label>{{localize "CELESTOPOL.Item.value"}}</label>
-        <input type="number" name="system.value" value="{{system.value}}" min="0" max="8"
-               {{#unless isEditable}}disabled{{/unless}}>
+      <div class="item-meta">
+        <div class="item-value-field">
+          <label>{{localize "CELESTOPOL.Item.value"}}</label>
+          {{#if isEditable}}
+          <input type="number" name="system.value" value="{{system.value}}" min="0" max="8">
+          {{else}}
+          <span class="item-value-display">{{system.value}}</span>
+          {{/if}}
+        </div>
       </div>
     </div>
   </header>
+
   <nav class="item-tabs sheet-tabs tabs" data-group="item-tabs">
     <a class="item active" data-group="item-tabs" data-tab="description">{{localize "CELESTOPOL.Tab.description"}}</a>
     <a class="item" data-group="item-tabs" data-tab="technique">{{localize "CELESTOPOL.Tab.technique"}}</a>
     <a class="item" data-group="item-tabs" data-tab="scores">{{localize "CELESTOPOL.Item.scores"}}</a>
   </nav>
+
   <section class="tab active" data-group="item-tabs" data-tab="description">
-    {{editor system.description target="system.description" button=true editable=isEditable}}
-    <label>{{localize "CELESTOPOL.Item.reference"}}</label>
-    <input type="text" name="system.reference" value="{{system.reference}}" {{#unless isEditable}}disabled{{/unless}}>
+    <div class="form-group">
+      {{editor system.description target="system.description" button=true editable=isEditable}}
+    </div>
+    <div class="form-group">
+      <label>{{localize "CELESTOPOL.Item.reference"}}</label>
+      <input type="text" name="system.reference" value="{{system.reference}}"
+             {{#unless isEditable}}disabled{{/unless}}>
+    </div>
   </section>
+
   <section class="tab" data-group="item-tabs" data-tab="technique">
-    {{editor system.technique target="system.technique" button=true editable=isEditable}}
-    {{editor system.narratif target="system.narratif" button=true editable=isEditable}}
+    <div class="form-group">
+      <label>{{localize "CELESTOPOL.Item.technique"}}</label>
+      {{editor system.technique target="system.technique" button=true editable=isEditable}}
+    </div>
+    <div class="form-group">
+      <label>{{localize "CELESTOPOL.Item.narratif"}}</label>
+      {{editor system.narratif target="system.narratif" button=true editable=isEditable}}
+    </div>
   </section>
+
   <section class="tab" data-group="item-tabs" data-tab="scores">
     {{> "systems/fvtt-celestopol/templates/partials/item-scores.hbs" skills=skills system=system}}
   </section>

templates/equipment.hbs

@@ -20,7 +20,7 @@
     </div>
   </header>
 
-  <div class="form-grid equipment-stats">
+  <div class="equipment-stats">
     <div class="form-group">
       <label>{{localize "CELESTOPOL.Item.damage"}}</label>
       <input type="text" name="system.damage" value="{{system.damage}}" {{#unless isEditable}}disabled{{/unless}}>