/*
 * パスワード欄の「目」のボタン（2026-11-08、public/assets/password-eye.js と一緒に読む）。
 * 欄を <nk-pwe> で包み、欄の中の右に 44px の押せる場所。欄は右に 44px の余白（字が目の下に入らない）。
 * 欄の見た目（枠・高さ・角・赤い枠）は各画面のまま。会員側・エージェント・企業・管理画面（layui）で同じ物
 */
nk-pwe.nk-pwe { position: relative; display: inline-block; max-width: 100%; vertical-align: middle; }
nk-pwe.nk-pwe-block { display: block; width: 100%; }
nk-pwe.nk-pwe > input[data-nk-pwe] { padding-right: 44px !important; vertical-align: top; }
nk-pwe.nk-pwe-block > input[data-nk-pwe] { display: block; width: 100%; }
/* content-box の欄（エージェント・企業の .login_input・.input_text）：足した右の余白の分だけ幅を減らし、外の大きさ・高さは前と同じに */
nk-pwe.nk-pwe-block.nk-pwe-cb > input[data-nk-pwe] { width: calc(100% - 44px); }
nk-pwe.nk-pwe > .nk-pwe-btn {
  position: absolute; top: 0; right: 0; bottom: 0; z-index: 3;   /* エージェント・企業の .input_text は z-index: 2 */
  display: flex; align-items: center; justify-content: center;
  width: 44px; height: auto; min-width: 0; min-height: 0; margin: 0; padding: 0;
  border: 0; border-radius: 0; background: transparent; box-shadow: none;
  color: var(--color-text-muted, #697587); line-height: 1; cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
nk-pwe.nk-pwe > .nk-pwe-btn svg { display: block; width: 20px; height: 20px; pointer-events: none; }
nk-pwe.nk-pwe > .nk-pwe-btn[aria-pressed="true"] { color: var(--color-primary, #12629b); }
nk-pwe.nk-pwe > .nk-pwe-btn:focus { outline: none; }
nk-pwe.nk-pwe > .nk-pwe-btn:focus-visible { outline: 2px solid var(--color-primary, #12629b); outline-offset: -6px; border-radius: 8px; }
@media (hover: hover) and (pointer: fine) { nk-pwe.nk-pwe > .nk-pwe-btn:hover { color: var(--color-primary, #12629b); } }
/* ブラウザ自身の目・消すボタン（Edge・旧 IE）は出さない（目が 2 つにならないように） */
input[type="password"]::-ms-reveal, input[data-nk-pwe]::-ms-reveal, input[data-nk-pwe]::-ms-clear { display: none; }
/* 管理画面のログイン（layui の layadmin）：欄の左の鍵の絵は欄の前にある絶対位置の物。包んだ箱（position: relative）が後から上に描かれて隠れないように */
.layadmin-user-login-icon { z-index: 4; }