
/* fees-widget-jp.ui.fix.v2.css — scoped & logo normalization
   1) 影響範囲を .assets-wrap #feeTableJP に限定（グローバル衝突を防止）
   2) 先頭列（取引所名セル）のロゴ/テキストを高さ18px基準で統一
   3) 余白は控えめ・列幅は内容優先（前版同等）
*/

.assets-wrap #feeTableJP {
  table-layout: auto !important;
  width: max-content !important;
  min-width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

.assets-wrap #feeTableJP th,
.assets-wrap #feeTableJP td {
  padding: 6px 8px !important;
  line-height: 1.3 !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
}

/* --- 先頭列（取引所名＋ロゴ）の見た目統一 --- */
.assets-wrap #feeTableJP th:first-child,
.assets-wrap #feeTableJP td:first-child {
  padding-right: 10px !important;
}

/* ロゴ/アイコン（PNG/SVG）の高さを18pxに統一 */
.assets-wrap #feeTableJP th:first-child img,
.assets-wrap #feeTableJP td:first-child img,
.assets-wrap #feeTableJP th:first-child svg,
.assets-wrap #feeTableJP td:first-child svg,
.assets-wrap #feeTableJP th:first-child object svg,
.assets-wrap #feeTableJP td:first-child object svg {
  height: 18px !important;
  max-height: 18px !important;
  width: auto !important;
  display: inline-block !important;
  vertical-align: middle !important;
  object-fit: contain !important;
}

/* 画像の余白が大きいケースのための軽いリセット */
.assets-wrap #feeTableJP td:first-child img {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* 画像ではなくテキストにフォールバックした場合も高さ感を合わせる */
.assets-wrap #feeTableJP td:first-child .ex-label,
.assets-wrap #feeTableJP th:first-child .ex-label {
  font-size: 14px !important;
  line-height: 18px !important;
  font-weight: 600;
  display: inline-block !important;
  vertical-align: middle !important;
}


/* 🇯🇵 国内送金テーブル（.fees-wrap）の銘柄名＋チェーン名の行間をしっかり空ける */
.fees-wrap #feeTableJP .coin {
  display: block;
  line-height: 1.4;
  margin-bottom: 0px;  /* ← 行間の広さ。10pxくらいまで上げてもOK */
}

.fees-wrap #feeTableJP .chain {
  display: block;
  line-height: 1.4;
  opacity: .8;
  margin-left: 0;
}

/* スマホの横スクロールを確保 */
.assets-wrap .wrap { overflow-x: auto !important; -webkit-overflow-scrolling: touch; }
