REady for v14, with included tools

styles/npc.css

@@ -1,5 +1,16 @@
 /* === MGT2 PNJ & Rencontres =================================================== */
 
+.mgt2-npc-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-npc-dialog .window-title {
+  color: #d9b24c;
+  text-shadow: none;
+}
+
+.mgt2-npc-dialog .window-content,
 #mgt2-npc .window-content {
   padding: 0;
   overflow-y: auto;
@@ -13,33 +24,38 @@
   color: #222;
 }
 
+.mgt2-npc-dialog .mgt2-npc-form .tabs,
 .mgt2-npc-form .tabs {
   display: flex;
   background: #2c2c3e;
   border-bottom: 3px solid #c9a227;
 }
 
+.mgt2-npc-dialog .mgt2-npc-form .tabs .item,
 .mgt2-npc-form .tabs .item {
   flex: 1;
   padding: 10px 8px;
   text-align: center;
-  color: #bbb;
+  color: #d8c79a !important;
   font-size: 0.84em;
   font-weight: bold;
   cursor: pointer;
   border-bottom: 3px solid transparent;
   margin-bottom: -3px;
+  text-shadow: none !important;
 }
 
+.mgt2-npc-dialog .mgt2-npc-form .tabs .item:hover,
 .mgt2-npc-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-npc-dialog .mgt2-npc-form .tabs .item.active,
 .mgt2-npc-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;
 }
 
 .mgt2-npc-form .tab-content {
@@ -54,13 +70,15 @@
   display: block;
 }
 
+.mgt2-npc-dialog .mgt2-npc-form h3,
 .mgt2-npc-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;
 }
 
 .npc-intro {
@@ -77,8 +95,9 @@
   background: rgba(201, 162, 39, 0.04);
 }
 
+.mgt2-npc-dialog .mgt2-npc-form legend,
 .mgt2-npc-form legend {
-  color: #7a5c00;
+  color: #7a5c00 !important;
   font-size: 0.78em;
   font-weight: bold;
   padding: 0 5px;
@@ -171,19 +190,23 @@
   margin-top: 14px;
 }
 
+button.btn-calculate,
 .btn-calculate {
   background: #2c2c3e;
-  color: #c9a227;
+  color: #e1bc57;
   border: 1px solid #c9a227;
   border-radius: 4px;
   padding: 7px 18px;
   font-size: 0.85em;
   font-weight: bold;
   cursor: pointer;
+  text-shadow: none;
 }
 
+button.btn-calculate:hover,
 .btn-calculate:hover {
-  background: #1a3a5c;
+  background: #243852;
+  color: #f2d27a;
 }
 
 .mgt2-npc-result {
@@ -192,11 +215,12 @@
 }
 
 .mgt2-npc-result .npc-header h3 {
-  color: #7a5c00;
+  color: #5f4300 !important;
   border-bottom: 2px solid #c9a227;
   padding-bottom: 4px;
   margin-bottom: 8px;
   font-size: 1em;
+  text-shadow: none !important;
 }
 
 .npc-pill-row {
@@ -242,7 +266,7 @@
 
 .npc-card-title,
 .npc-section-title {
-  color: #7a5c00;
+  color: #5f4300 !important;
   font-size: 0.78em;
   font-weight: bold;
   text-transform: uppercase;