REady for v14, with included tools

styles/commerce.css

@@ -2,6 +2,17 @@
 
 /* --- Fenetre de dialogue ----------------------------------------------------- */
 
+.mgt2-commerce-dialog .window-header {
+  background: linear-gradient(180deg, rgba(44, 44, 62, 0.96) 0%, rgba(30, 30, 43, 0.96) 100%);
+  border-bottom: 1px solid #c9a227;
+}
+
+.mgt2-commerce-dialog .window-title {
+  color: #d9b24c;
+  text-shadow: none;
+}
+
+.mgt2-commerce-dialog .window-content,
 #mgt2-commerce .window-content {
   padding: 0;
   overflow-y: auto;
@@ -18,6 +29,7 @@
 
 /* --- Barre d onglets --------------------------------------------------------- */
 
+.mgt2-commerce-dialog .mgt2-commerce-form .tabs,
 .mgt2-commerce-form .tabs {
   display: flex;
   flex-direction: row;
@@ -27,11 +39,12 @@
   padding: 0;
 }
 
+.mgt2-commerce-dialog .mgt2-commerce-form .tabs .item,
 .mgt2-commerce-form .tabs .item {
   flex: 1;
   padding: 9px 8px;
   text-align: center;
-  color: #bbb;
+  color: #d8c79a !important;
   cursor: pointer;
   font-size: 0.82em;
   font-weight: bold;
@@ -39,17 +52,20 @@
   margin-bottom: -3px;
   transition: color 0.18s, border-color 0.18s;
   white-space: nowrap;
+  text-shadow: none !important;
 }
 
+.mgt2-commerce-dialog .mgt2-commerce-form .tabs .item:hover,
 .mgt2-commerce-form .tabs .item:hover {
-  color: #eee;
-  background: rgba(255,255,255,0.07);
+  color: #f3e3b1 !important;
+  background: rgba(201, 162, 39, 0.16) !important;
 }
 
+.mgt2-commerce-dialog .mgt2-commerce-form .tabs .item.active,
 .mgt2-commerce-form .tabs .item.active {
-  color: #c9a227;
-  border-bottom-color: #c9a227;
-  background: rgba(201,162,39,0.09);
+  color: #d9b24c !important;
+  border-bottom-color: #c9a227 !important;
+  background: rgba(201, 162, 39, 0.18) !important;
 }
 
 /* --- Contenu des onglets ----------------------------------------------------- */
@@ -66,13 +82,15 @@
   display: block;
 }
 
+.mgt2-commerce-dialog .mgt2-commerce-form h3,
 .mgt2-commerce-form h3 {
   margin: 0 0 12px;
-  color: #7a5c00;
+  color: #5f4300 !important;
   font-size: 1em;
   font-weight: bold;
-  border-bottom: 1px solid #c9a227;
+  border-bottom: 1px solid #b78f26 !important;
   padding-bottom: 5px;
+  text-shadow: none !important;
 }
 
 /* --- Champs generiques ------------------------------------------------------ */
@@ -156,8 +174,9 @@
   background: rgba(201,162,39,0.04);
 }
 
+.mgt2-commerce-dialog .mgt2-commerce-form fieldset legend,
 .mgt2-commerce-form fieldset legend {
-  color: #7a5c00;
+  color: #7a5c00 !important;
   font-size: 0.78em;
   font-weight: bold;
   padding: 0 5px;
@@ -201,6 +220,7 @@
   white-space: nowrap;
 }
 
+button.btn-actor-skill,
 .btn-actor-skill {
   width: fit-content !important;
   flex: 0 0 auto !important;
@@ -218,6 +238,7 @@
   gap: 5px;
 }
 
+button.btn-actor-skill:hover,
 .btn-actor-skill:hover {
   background: #f5ecd0;
 }
@@ -230,9 +251,10 @@
   margin-top: 14px;
 }
 
+button.btn-calculate,
 .btn-calculate {
   background: #2c2c3e;
-  color: #c9a227;
+  color: #e1bc57;
   border: 1px solid #c9a227;
   border-radius: 4px;
   padding: 7px 18px;
@@ -242,10 +264,13 @@
   transition: background 0.18s;
   letter-spacing: 0.03em;
   white-space: nowrap;
+  text-shadow: none;
 }
 
+button.btn-calculate:hover,
 .btn-calculate:hover {
-  background: #1a3a5c;
+  background: #243852;
+  color: #f2d27a;
 }
 
 /* === Blocs monde (zone recherche + UWP + Zone) ============================== */