.ProductModalHeader {
    .header-label {
        font-weight: 500;
        font-size: 12px;
        line-height: 18px;
        letter-spacing: 1px;
        color: var(--text-secondary);
        margin-right: 5px;
    }

    .header-label-text {
        font-weight: 400;
        font-size: 14px;
    }

    .header-separator {
        height: 13px;
        margin: 0 10px;
        border-right: 1px solid var(--gray-500);
        display: inline-block;
    }

    .oa-edit {
        color: #276b9b;
        font-weight: 700;
    }

    .oa-edit--disabled {
        color: #818d98;
        pointer-events: none;
        cursor: not-allowed;
        text-decoration: none;
    }

    .MetadataList.metadata-list-dates {
        .Metadata {
            align-items: end;
            justify-content: center;
        }
        label {
            font-size: 12px;
        }
        h3 {
            margin-left: auto;
            font-weight: 700;
        }

        .SuiteDivider-vertical {
            border-left: 0.25px solid lightgray;
            border-right: 0;
        }
    }
    .rhs-buttons {
        display: flex;
        flex-grow: 1;
        .btn {
            font-size: 13px;
            margin-left: 1.1rem;
            align-self: center;
        }
    }

    &-productName {
        margin-top: 0.45rem;
    }

    &-body-titles {
        .Tag {
            text-transform: capitalize;
        }
    }
}

// Temp override for sticky header background in FullscreenModal
// Will be patched in suite-components later
.SuitePageHeader-sticky.SuitePageHeader-small.SuitePageHeader-unified.SuitePageHeader-standalone {
    background: linear-gradient(to bottom, rgb(247 247 248), var(--gray-50));
    padding: 0 4px;
}