.item-form {
  font-family: $font-primary;
}

$header-top-margin: 5px;

header.sheet-header {
  flex: 0 0 210px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;

  .profile-img {
    flex: 0 0 100px;
    height: 100px;
    margin: $header-top-margin 10px $header-top-margin 0;
  }

  .header-fields {
    flex: 1;
  }

  h1.charname {
    height: 50px;
    padding: 0px;
    margin: $header-top-margin 10px $header-top-margin 0;
    border-bottom: 0;
    input {
      width: 100%;
      height: 100%;
      margin: 0;
      border: none;
      background-color: transparent;
    }
    font-family: $font-heading;
    display: block;
  }
  h2.item-type {
    font-family: $font-heading;
    display: block;
    height: 50px;
    padding: 0px;
    flex: 0 0 0;
    color: $c-light-grey;
    border: none;
    line-height: 50px;
    margin: $header-top-margin 0;
    text-align: right;
  }
}

.sheet-tabs {
  flex: 0;
}

.sheet-body,
.sheet-body .tab {
  height: 100%;
}