// ============================================================
// AppV2 Item Sheet styles (.fvtt-ecryme.item)
// ============================================================

.fvtt-ecryme.item {
  .sheet-header {
    flex: 0 0 auto;
    min-height: 70px;
    padding: 4px 6px;
    align-items: center;

    .item-sheet-img {
      width: 64px;
      height: 64px;
      object-fit: contain;
      border: 1px solid #7a7971;
      cursor: pointer;
      flex: 0 0 64px;
      margin-right: 8px;
    }

    .header-fields {
      flex: 1;
    }

    h1.charname {
      height: auto;
      margin: 0;
      border-bottom: 0;

      input {
        font-family: @font-primary;
        font-size: 1.8rem;
        width: 100%;
        height: auto;
        margin: 0;
      }
    }
  }

  // Active tab styling (AppV2 uses <a> without .item class)
  nav.sheet-tabs a.active {
    text-decoration: underline;
  }

  .sheet-body {
    ul {
      list-style: none;
      margin: 0;
      padding: 4px 2px;
    }

    ul li.flexrow {
      align-items: center;
      margin-bottom: 4px;
      gap: 4px;
    }
  }
}