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

$header-top-margin: 5px;

header.sheet-header {
    flex: 0 0 auto;
    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;
        }
        @include font-heading-upper;
        display: block;
    }
    h2.item-type {
        @include font-heading-upper;
        display: block;
        height: 50px;
        padding: 0px;
        flex: 0 0 auto;
        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%;
}