/* =========================================================
   見つける君 UI  -  mk-form.css（共通フォーム部品の再テーマ）
   ---------------------------------------------------------
   旧ページが使う共通フォーム部品（.formset / .btn / .tableset__txt の入力欄・ボタン）の
   “見た目だけ”を新デザイン(mk)のトーンに寄せる。全ページ一括で効く。

   方針（崩れ防止）：
   - 旧 base.css と同一セレクタ＝同一詳細度で、base.css の“後”に読み込んで後勝ちさせる。
   - 変更するのは色・角丸・影など“リフロー（再配置）を起こさない”プロパティのみ。
     幅 / 高さ / padding / border-width / display は一切変更しない。
   - tokens.css の変数を参照。
   ========================================================= */

/* ---- 入力欄（テキスト/数値/日付/メール/パスワード/セレクト/テキストエリア） ---- */
.input_select,
.formset__input [type="text"], .formset__input [type="number"], .formset__input [type="date"],
.formset__input [type="email"], .formset__input [type="password"], textarea {
  border-color: var(--mk-gray);
  border-radius: var(--mk-radius);
  background: var(--mk-white);
}
.tableset__txt .input_select,
.tableset__txt [type="text"], .tableset__txt [type="number"], .tableset__txt [type="date"],
.tableset__txt [type="email"], .tableset__txt [type="password"], .tableset__txt textarea {
  border-color: var(--mk-gray);
  border-radius: var(--mk-radius);
  background: var(--mk-white);
}
/* フォーカス時はブランドのブルー枠 */
.formset__input [type="text"]:focus, .formset__input [type="number"]:focus,
.formset__input [type="date"]:focus, .formset__input [type="email"]:focus,
.formset__input [type="password"]:focus,
.formset__input .input_select:focus, .formset__input textarea:focus,
.tableset__txt [type="text"]:focus, .tableset__txt textarea:focus,
.input_select:focus, textarea:focus {
  border-color: var(--mk-blue);
  outline: none;
}

/* ---- 主ボタン（.btn 内の a / input / button）→ mk primary（橙塗り） ---- */
.btn a, .btn input, .btn button, .btn > span {
  background: var(--mk-orange);
  border-color: var(--mk-orange);
  border-radius: var(--mk-radius);
  color: var(--mk-white);
  box-shadow: none;
}
.btn a:hover, .btn input:hover, .btn button:hover, .btn > span:hover {
  background: var(--mk-orange-hover);
  border-color: var(--mk-orange-hover);
  color: var(--mk-white);
}

/* ---- 補助ボタン（.btn--small）→ mk secondary（白地・ブルー） ---- */
.btn--small a, .btn--small button, .btn--small input, .btn--small > span {
  border-color: var(--mk-blue);
  border-radius: var(--mk-radius);
  color: var(--mk-blue);
}
.btn--small a:hover, .btn--small button:hover, .btn--small input:hover, .btn--small > span:hover {
  background: var(--mk-light-blue);
  border-color: var(--mk-blue);
  color: var(--mk-blue);
}