/* fx-inline-spread.css v1.0 (plugin v5.1.0)
   [fx_spread] インライン表示。記事本文のデザインを崩さないよう最小限。 */

.fx-inline-spread {
  display: inline-flex;
  align-items: baseline;
  gap: 1px;
  white-space: nowrap;
}

.fx-inline-spread .fx-is-val {
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  transition: color .25s ease;
}

.fx-inline-spread .fx-is-unit {
  font-size: .78em;
  margin-left: 2px;
  opacity: .85;
}

.fx-inline-spread .fx-is-tag {
  font-size: 9px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .02em;
  padding: 2px 5px;
  border-radius: 8px;
  margin-left: 4px;
  vertical-align: super;
  background: #f1f5f9;
  color: #64748b;
}

.fx-inline-spread .fx-is-tag[data-state="avg"] {
  background: #e8eefb;
  color: #1a56db;
}

.fx-inline-spread .fx-is-tag[data-state="live"] {
  background: #fee2e2;
  color: #dc2626;
}

/* 編集者にのみ表示される設定ミス警告 */
.fx-inline-spread .fx-is-tag.fx-is-warn {
  background: #fef3c7;
  color: #b45309;
}

/* ライブ値で更新された瞬間のさりげない強調 */
.fx-inline-spread.fx-is-on .fx-is-val {
  color: inherit;
}

/* [fx_sp_time] のバッジ（badge="1" のときのみ） */
.fx-spread-updated {
  display: inline-flex;
  align-items: baseline;
  gap: 1px;
}

.fx-spread-updated .fx-su-tag {
  font-size: 9px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .02em;
  padding: 2px 5px;
  border-radius: 8px;
  margin-left: 4px;
  vertical-align: super;
  background: #f1f5f9;
  color: #64748b;
}

.fx-spread-updated .fx-su-tag[data-state="avg"] {
  background: #e8eefb;
  color: #1a56db;
}

.fx-spread-updated .fx-su-tag[data-state="live"] {
  background: #fee2e2;
  color: #dc2626;
}