/* ▼ ログイン画面だけ “成功(緑)” 表示を完全にオフ（Bootstrap 5.3+ のCSS変数） */
.auth-login{
  --bs-form-valid-color: inherit;
  --bs-form-valid-border-color: var(--bs-border-color);
  --bs-form-valid-icon: none;
}

/* ▼ 互換用フォールバック（変数が無いテーマ/バージョン向け） */
.auth-login .form-control.is-valid,
.auth-login .form-control:valid,
.auth-login .was-validated .form-control:valid,
.auth-login .form-control:valid:focus{
  background-image: none !important;    /* ✓ を消す */
  background-size: 0 0 !important;
  background-position: right -9999px center !important;
  border-color: var(--bs-border-color) !important;
  box-shadow: none !important;
}

/* チェックボックスの緑化を抑止（ラベルの緑文字も無効化） */
.auth-login .form-check-input.is-valid,
.auth-login .form-check-input:valid,
.auth-login .was-validated .form-check-input:valid{
  border-color: var(--bs-border-color) !important;
  box-shadow: none !important;
}
.auth-login .form-check-input.is-valid ~ .form-check-label,
.auth-login .form-check-input:valid ~ .form-check-label,
.auth-login .was-validated .form-check-input:valid ~ .form-check-label{
  color: inherit !important;
}
/* チェック時の色は通常のチェック色（青）に固定 */
.auth-login .form-check-input:valid:checked,
.auth-login .form-check-input.is-valid:checked,
.auth-login .was-validated .form-check-input:valid:checked{
  background-color: var(--bs-form-check-input-checked-bg-color) !important;
  border-color: var(--bs-form-check-input-checked-border-color) !important;
}

.input-with-eye { position: relative; display: block; }
.input-with-eye > input { padding-right: 2.5rem; }
.pw-toggle{
  position: absolute;
  top: 50%;
  right: .75rem;
  transform: translateY(-50%);
  border: 0;
  background: transparent;
  padding: .25rem;
  margin: 0;
  line-height: 1;
  color: #6c757d;
  cursor: pointer;
  z-index: 2;
  appearance: none;
}
.pw-toggle:focus{ outline: none; }
.pw-toggle i{ font-size: 1rem; }

.auth-login .form-check-input,
.auth-login .form-check-label { pointer-events: auto; cursor: pointer; }

/* ===== チェックボックスのチェックマーク復活 (Login画面限定) ===== */
.auth-login .form-check-input {
  /* ブラウザ既定を使う（どこかで appearance:none されている保険） */
  -webkit-appearance: auto;
  appearance: auto;

  /* 背景アイコン(✓)が潰されないように基本プロパティを明示 */
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 0.65em 0.65em !important; /* お好みで微調整 */
}

/* チェック時に Bootstrap の✓を強制表示（変数があればそれを優先） */
.auth-login .form-check-input:checked {
  background-color: var(--bs-form-check-input-checked-bg-color, #0d6efd) !important;
  border-color: var(--bs-form-check-input-checked-border-color, #0d6efd) !important;
  background-image: var(--bs-form-check-input-checked-bg-image) !important;
}

/* 変数が無いテーマ/バージョン向けフォールバック（↑に変数が無い場合だけ有効） */
@supports not (background-image: var(--bs-form-check-input-checked-bg-image)) {
  .auth-login .form-check-input:checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e") !important;
  }
}

/* “成功(state:valid)”の緑化は無効のまま維持（必要なら残す） */
.auth-login .form-check-input.is-valid,
.auth-login .form-check-input:valid,
.auth-login .was-validated .form-check-input:valid {
  box-shadow: none !important;
  /* 枠色は通常色へ */
  border-color: var(--bs-border-color) !important;
}
/* ラベルの緑文字化も抑止 */
.auth-login .form-check-input.is-valid ~ .form-check-label,
.auth-login .form-check-input:valid ~ .form-check-label,
.auth-login .was-validated .form-check-input:valid ~ .form-check-label {
  color: inherit !important;
}