Finalize aappv2 data models migration

less/item-sheet.less

@@ -0,0 +1,136 @@
+/* ===================================================================
+   AppV2 Item Sheets
+   Selectors use .fvtt-malefices.item (both classes on the same root
+   element, no space) to target only AppV2 item sheet windows.
+   =================================================================== */
+
+.fvtt-malefices.item {
+
+  /* window-content: background and remove padding.
+     Foundry AppV2 already sets: display:flex flex-flow:column overflow:hidden */
+  .window-content {
+    padding: 0;
+    background: @bg-sheet;
+    color: @color-text;
+    font-size: 0.8rem;
+  }
+
+  /* All sections inside item fill their flex container */
+  section {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+    min-height: 0;
+    overflow: hidden;
+  }
+
+  /* Fixed header bar */
+  .header {
+    flex: 0 0 auto;
+    border-bottom: 1px solid #999;
+  }
+
+  /* sheet-body: scroll container */
+  section.sheet-body {
+    overflow-y: auto;
+    overflow-x: hidden;
+    padding: 0.25rem 0.5rem;
+  }
+
+  /* Override legacy height: 100% on tab divs; hide all tabs, show only the active one */
+  .tab[data-tab] {
+    height: auto;
+    display: none;
+
+    &.active {
+      display: block;
+    }
+  }
+
+  /* Header layout override for item sheets (smaller than actor sheet header) */
+  .sheet-header {
+    flex: 0 0 auto;
+    flex-direction: row;
+    flex-wrap: nowrap;
+    align-items: center;
+    gap: 0.5rem;
+    padding: 0.5rem;
+    margin-bottom: 0;
+  }
+
+  .item-sheet-img {
+    flex: 0 0 64px;
+    width: 64px;
+    height: 64px;
+    object-fit: cover;
+    border: 1px solid #999;
+    cursor: pointer;
+  }
+
+  .item-sheet-title {
+    flex: 1;
+
+    h1 {
+      margin: 0;
+      padding: 0;
+      border-bottom: none;
+
+      input {
+        background: transparent;
+        border: none;
+        font-family: @font-rivanna;
+        font-size: 1.8rem;
+        width: 100%;
+        height: auto;
+      }
+    }
+  }
+
+  .header-actions {
+    flex: 0 0 auto;
+    display: flex;
+    gap: 0.25rem;
+    align-items: center;
+  }
+
+  /* Tab navigation: AppV2 uses nav.tabs (not nav.sheet-tabs) */
+  nav.tabs {
+    display: flex;
+    flex: 0 0 auto;
+    font-family: @font-rivanna;
+    font-size: @tab-font-size;
+    font-weight: bold;
+    height: @tab-height;
+    margin: 0;
+    padding: 0 0 0 0.25rem;
+    text-align: center;
+    text-transform: uppercase;
+    line-height: @tab-height;
+    border-top: 0 none;
+    border-bottom: 0 none;
+    background-color: @color-tab-bg;
+    color: @color-tab-text;
+    gap: 0.25rem;
+
+    a.item {
+      position: relative;
+      padding: 0 0.5rem;
+      color: @color-tab-text;
+      font-family: @font-rivanna;
+      font-size: @tab-font-size;
+      text-decoration: none;
+      line-height: @tab-height;
+
+      &:hover {
+        text-shadow: 1px 0px 0px @color-accent;
+      }
+
+      &.active {
+        text-shadow: 1px 0px 0px @color-accent;
+        text-decoration: underline;
+      }
+    }
+  }
+
+}