/* チェックボタンの無効化時スタイル */

/* チェック中のボタンスタイル */
button.checking,
.button.checking,
#check-button.checking,
#checkBtn.checking,
#modify-button.checking,
#new-check-button.checking {
  cursor: not-allowed !important;
  opacity: 0.7 !important;
  position: relative;
}

/* スピナーアニメーション */
button.checking .fa-spinner,
.button.checking .fa-spinner {
  margin-right: 8px;
}

/* 無効化時の背景色変更（オプション） */
button.checking {
  background-color: #6c757d !important;
  border-color: #6c757d !important;
}

/* ホバー時もカーソルを変更しない */
button.checking:hover,
.button.checking:hover {
  cursor: not-allowed !important;
  transform: none !important;
}

/* クリック時のアニメーションを無効化 */
button.checking:active,
.button.checking:active {
  transform: none !important;
  box-shadow: none !important;
}

/* V1/V3共通のチェックボタン */
#check-button:disabled,
#checkBtn:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

/* ローディング中のテキスト表示 */
.check-button-text {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

/* 結果エリア制御はActionButtonManagerに移行済み */