/* パスワード欄の Relay 向けの見た目(2026-09-28)。共通モジュール assets/shared/password-field.css の上に重ねる。
   共通モジュールのファイルは直さない(automation-core 側が正本)。Relay の画面ごとの button{…} に負けないよう、
   目のボタンは button.pwd-toggle で詳細度を上げて戻す */
.pwd-field-wrap{width:100%}
button.pwd-toggle{width:32px;height:32px;margin:0;padding:0;background:none;box-shadow:none;border:none;color:var(--txt-3,#93A1A5);border-radius:8px}
button.pwd-toggle:hover{background:rgba(0,0,0,.05)}
button.pwd-toggle svg{width:18px;height:18px}
/* 隠しているときは斜線入りの目、見せているときは普通の目(password-field.js が aria-label を書き換える) */
button.pwd-toggle .eye-on{display:none}
button.pwd-toggle[aria-label="パスワードを隠す"] .eye-on{display:block}
button.pwd-toggle[aria-label="パスワードを隠す"] .eye-off{display:none}
.pw-mismatch{color:#C2452C;font-size:12px;font-weight:600;margin-top:6px}
/* 押せないときは見た目でも分かるように */
button:disabled{opacity:.4;cursor:default;box-shadow:none}
/* 目のボタンが無い欄(運営・管理者が発行するときの見えるままの欄)は、文字数を右端に寄せる */
.pwd-field-wrap:not(:has(.pwd-toggle)) .input-counter{right:12px}
.pwd-field-wrap:not(:has(.pwd-toggle)) input{padding-right:56px}
/* ルールを一行の札で見せる（assets/pw-relay.js）。一行に収めるため、共通モジュールのチェックリストと全角の注意は出さない */
.pwd-oneline{display:none!important}
.pwd-rule-row{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:6px;padding:6px 10px;border-radius:8px;
  background:#F3F5F6;transition:background-color .15s}
.pwd-rule-row.is-all{background:#F0FDF4}
.pwd-rule{font-size:12px;color:#93A1A5;display:inline-flex;align-items:center;gap:3px;white-space:nowrap}
.pwd-rule::before{content:"○";font-size:10px}
.pwd-rule.is-ok{color:#16A34A}
.pwd-rule.is-ok::before{content:"✓";font-size:12px}
.pwd-rule.is-ng{color:#C2452C;font-weight:700}
.pwd-rule-row.is-long::after{content:"72文字以内にしてください";font-size:12px;color:#C2452C;font-weight:700}
.pwd-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}