/* 1: 細かくセレクタを指定しないと優先度の関係でスタイルが適用されないので !important */

#prettydiff,
#prettydiff .diff,
#prettydiff .data {
  width: 100%;
}

/* prettydiff が `em` でサイズを指定しているので, `font-size` を上書き */
#prettydiff {
  position: relative;
  font-size: 8px;
  width: 100%;
  border-radius: 2px;
  display: block;
  overflow: auto;
}

#prettydiff .count {
  border-color: #eee !important;  /* 1 */
  background-color: #fafafa !important;  /* 1 */
}

#prettydiff .diff {
  display: block;
  margin: 0;
  border-color: #eee !important;  /* 1 */
  background-color: #fff !important;  /* 1 */
}

#prettydiff .diff .data li {
  min-width: auto;
}

#prettydiff tbody tr td:nth-child(2) {
  width: 100%;
}

#prettydiff li {
  padding-top: 2px !important;  /* 1 */
  padding-bottom: 2px !important;  /* 1 */
}

/* 差分の要約とタイトルは非表示 */
#prettydiff p,
#prettydiff .texttitle {
  display: none !important;  /* 1 */
}

#prettydiff * {
  font-family: "BlinkMacSystemFont", "Hiragino Sans", "メイリオ", sans-serif !important;  /* 1 */
}

/* タイトル, タグの差分は 1 行なので `.count` を非表示 */
#prettydiff tbody .prettydiff__folderDiff .count,
#prettydiff tbody .prettydiff__titleDiff .count,
#prettydiff tbody .prettydiff__tagDiff .count,
#prettydiff tbody .prettydiff__categoryDiff .count,
#prettydiff tbody .prettydiff__attachmentDiff .count {
  display: none !important;  /* 1 */
}

#prettydiff tbody .prettydiff__folderDiff .data,
#prettydiff tbody .prettydiff__titleDiff .data,
#prettydiff tbody .prettydiff__tagDiff .data,
#prettydiff tbody .prettydiff__categoryDiff .data,
#prettydiff tbody .prettydiff__attachmentDiff .data {
  /* `table-cell` -> `block */
  display: block !important;  /* 1 */
}

/* 復元行 */
#prettydiff .insert::before {
  content: "+";
  margin-right: 4px;
  font-size: 16px;
  color: #000;
}

/* 現在行 */
#prettydiff .delete::before {
  content: "-";
  margin-right: 4px;
  font-size: 16px;
  color: #000;
}

/* 差分がない本文は表示しない */
/*
#prettydiff .equal {
  display: none !important;
}
*/