/*
 * 鍛冶屋(2026-09-14 ユーザー裁定・装備強化)。
 *
 * **app.css には1行も足さない**(別担当が同時に触っているため)。ここに置くのは
 * 鍛冶屋の画面だけが使う差分で、面・文字・タグ・ボタンは app.css の物をそのまま借りる。
 * 色は app.css の変数(--danger-* / --heal-* / --reward-* / --line-*)だけを読む —
 * 同じ意味は同じ色、という体系をこのファイルのために崩さない。
 */

/* 所持(強化石・ゴールド)。費用の行を読むための前提なので、一覧より一段沈める */
.smithy-purse {
  background: var(--bg-sunken);
}

.smithy-purse .row .k {
  min-width: 7em;
}

/* 一覧の1枚。選ばれている枚だけが縁で立ち上がる(どれの話か迷わせない) */
.smithy-item {
  text-align: left;
  width: 100%;
}

.smithy-item.is-selected {
  border-color: var(--reward-line);
  box-shadow: 0 0 0 1px var(--reward-line) inset;
}

/* 天秤の主役2つ。**次の段階と成功率は同じ行で並べて読ませる** —
   離すと「+8にする」と「40%」が別々の情報として処理され、天秤にならない */
.smithy-odds {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-top: 10px;
  padding: 8px 10px;
  border: 1px solid var(--line-soft);
  border-radius: 8px;
  background: var(--bg-sunken);
}

.smithy-next {
  font-size: 17px;
  font-weight: 600;
  color: var(--reward-fg);
}

.smithy-rate {
  font-size: 17px;
  font-variant-numeric: tabular-nums;
  color: var(--text);
}

/* 消滅の告知。押す直前の位置に、赤で1行だけ */
.note.smithy-warn {
  color: var(--danger-fg);
}

/* 直前の結果。成功は緑・消滅は赤で、同じ位置に同じ形で出る */
.smithy-result .row .k {
  min-width: 5em;
}

.smithy-result.is-forged {
  border-color: var(--heal-line);
  background: var(--heal-bg);
}

.smithy-result.is-forged .card-head .name {
  color: var(--heal-fg);
}

.smithy-result.is-broken {
  border-color: var(--danger-line);
  background: var(--danger-bg);
}

.smithy-result.is-broken .card-head .name {
  color: var(--danger-fg);
}

/* 街の施設カードの並び(治療師・商店・闘技場・酒場)に鍛冶屋を揃える。
   施設の小絵がまだ無いので武器の図像を仮に使っており、図像の器だけ合わせる(★仮) */
.card-head .fac-ico.is-placeholder {
  opacity: .9;
}