DataModels + Appv2 migration : OK

styles/global/chat.less

@@ -1,3 +1,165 @@
+/* ----------------------------------------- */
+/*  Post Item Chat Card                      */
+/* ----------------------------------------- */
+
+.bol-post-item {
+  color: #191813;
+
+  .bpi-header {
+    display: flex;
+    flex-direction: row;
+    align-items: flex-start;
+    gap: 8px;
+    padding-bottom: 6px;
+    border-bottom: 2px solid #8b7355;
+    margin-bottom: 8px;
+
+    .bpi-img {
+      width: 52px;
+      height: 52px;
+      border: 1px outset lightgray;
+      box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
+      object-fit: cover;
+      flex: 0 0 52px;
+    }
+
+    .bpi-title-block {
+      flex: 1;
+
+      .bpi-name {
+        margin: 0 0 2px 0;
+        font-family: "Wolfsbane2Expanded", cursive;
+        font-size: 1.1em;
+        color: #4b4a44;
+        line-height: 1.2;
+        border: none;
+      }
+
+      .bpi-type {
+        font-family: "IMFellDWPicaSC-Regular", serif;
+        font-size: 0.8em;
+        color: #7a7060;
+        font-style: italic;
+      }
+    }
+  }
+
+  .bpi-stats-row {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    gap: 3px 12px;
+    margin: 4px 0;
+    padding: 4px 6px;
+    background: rgba(139, 115, 85, 0.08);
+    border: 1px solid rgba(139, 115, 85, 0.25);
+    border-radius: 3px;
+
+    .bpi-stat {
+      display: flex;
+      flex-direction: row;
+      align-items: baseline;
+      gap: 4px;
+
+      .bpi-sl {
+        font-family: "IMFellDWPicaSC-Regular", serif;
+        font-size: 0.72em;
+        color: #7a7060;
+        font-style: italic;
+      }
+
+      .bpi-sv {
+        font-weight: bold;
+        font-size: 0.88em;
+        color: #191813;
+      }
+    }
+  }
+
+  .bpi-tags {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    gap: 3px;
+    margin: 3px 0;
+
+    .bpi-tag {
+      padding: 1px 7px;
+      border: 1px solid #8b7355;
+      border-radius: 10px;
+      font-size: 0.7em;
+      color: #4b4a44;
+      background: rgba(139, 115, 85, 0.12);
+      font-family: "IMFellDWPicaSC-Regular", serif;
+    }
+
+    .bpi-tag-magic {
+      border-color: #6a4a9c;
+      color: #5a3a8c;
+      background: rgba(106, 74, 156, 0.1);
+    }
+
+    .bpi-tag-bonus {
+      border-color: #2d7a2d;
+      color: #1a5a1a;
+      background: rgba(45, 122, 45, 0.1);
+    }
+
+    .bpi-tag-malus {
+      border-color: #8b2020;
+      color: #6a1a1a;
+      background: rgba(139, 32, 32, 0.1);
+    }
+  }
+
+  .bpi-conditions {
+    margin: 3px 0;
+
+    .bpi-cond-label {
+      font-family: "IMFellDWPicaSC-Regular", serif;
+      font-size: 0.75em;
+      font-style: italic;
+      color: #7a7060;
+    }
+
+    .bpi-condition {
+      display: inline-block;
+      margin: 1px 2px;
+      padding: 1px 6px;
+      border-radius: 3px;
+      font-size: 0.8em;
+    }
+
+    .bpi-cond-req {
+      border: 1px solid #8b2020;
+      background: rgba(139, 32, 32, 0.08);
+      color: #6a1a1a;
+    }
+
+    .bpi-cond-opt {
+      border: 1px solid #6a7a30;
+      background: rgba(106, 122, 48, 0.08);
+      color: #4a5a20;
+    }
+  }
+
+  .bpi-description {
+    margin-top: 7px;
+    padding-top: 6px;
+    border-top: 1px dashed #c4a882;
+
+    .bpi-desc-content {
+      font-size: 0.85em;
+      color: #191813;
+      line-height: 1.45;
+
+      p {
+        margin: 0 0 4px 0;
+      }
+    }
+  }
+}
+
 /* ----------------------------------------- */
 /*  Chat Messages                            */
 /* ----------------------------------------- */

styles/global/item-list.less

@@ -15,8 +15,15 @@
     background-color: lightgray;
 
     .item-name {
-      font-family: "Wolfsbane2Expanded", cursive;
-      font-size: 1.5em;
+      font-family: "Wolfsbane2Expanded", cursive !important;
+      font-size: 1.32em !important;
+      color: #191813 !important;
+    }
+
+    .item-field {
+      font-family: 'Signika', sans-serif !important;
+      font-size: 0.85em !important;
+      color: #4b4a44 !important;
     }
   }
 
@@ -26,6 +33,8 @@
     padding: 3px 0 3px 3px;
     border-bottom: 1px solid #BBB;
     align-items: stretch;
+    color: #4b4a44;
+    font-size: 0.9em;
 
     .item-image {
       flex: 0 0 30px;
@@ -68,6 +77,11 @@
     .item-name,
     .item-field {
       margin: 0;
+      color: #333;
+      font-size: 0.84rem;
+      font-family: inherit;
+      display: flex;
+      align-items: center;
     }
 
     .item-controls-1 {