// ============================================================
// ITEM SHEETS — Shared item sheet layout (all item types)
// ============================================================

.oathhammer .item-sheet-common {
  overflow: auto;
  font-family: @font-primary;
  font-size: @font-size-base;
  .sheet-background();

  .header {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    padding-bottom: 4px;
    border-bottom: 2px solid @color-blue;
  }

  .item-img {
    height: @item-sheet-img;
    width: @item-sheet-img;
    border: 2px solid @color-olive;
    border-radius: 4px;
    cursor: pointer;
    object-fit: cover;
  }

  .form-group {
    display: flex;
    flex: 1;
    flex-direction: row;
    align-items: center;
    gap: 4px;
    margin-bottom: 2px;

    label {
      font-family: @font-secondary;
      font-size: @font-size-base;
      min-width: @label-min-width;
      max-width: @label-min-width;
    }

    select,
    input {
      text-align: left;
      min-width: @input-min-width;
      max-width: @input-max-width;
    }
  }

  .align-top {
    align-self: flex-start;
    padding: 0.2rem;
    min-width: 260px;
  }

  .shift-right {
    margin-left: 2rem;
  }

  fieldset {
    margin-top: 6px;
    border-color: @color-olive;
    border-radius: 4px;
  }

  legend {
    font-family: @font-secondary;
    font-size: @font-size-lg;
    font-weight: bold;
    color: @color-blue;
  }
}