/* =====================================================================
   style.css — 為替換算 ツール固有の微調整のみ。
   共通スタイルは /_shared/shirugear.css に任せる（結果表示は sg-result）。
   ===================================================================== */

/* 金額・レートはタブ幅数字で桁を揃える */
.sg-result__value,
.sg-result-row__value {
  font-variant-numeric: tabular-nums;
}

/* 通貨ペア行：select ⇄ select を中央のボタンで仕切る */
.sg-row--pair {
  align-items: center;
}
.sg-row--pair .sg-select {
  flex: 1 1 0;
  min-width: 0;
}

/* 入れ替えボタン */
.sg-swap {
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  font-size: 1.1rem;
  line-height: 1;
  color: var(--sg-primary);
  background: var(--sg-surface);
  border: 1px solid var(--sg-border);
  border-radius: var(--sg-radius);
  cursor: pointer;
}
.sg-swap:hover {
  border-color: var(--sg-primary);
  background: var(--sg-primary-soft);
}