/* ─────────────────────────────────────────────────────────────
   Аскомтел · индикатор стойкости пароля (password-ui.js).
   Полоса из четырёх делений по оценке zxcvbn и строка подсказки.
   Процентов и баллов нет намеренно — только слово и цвет.
   Цвета подписи проверены по белому: серый 5.39, красный 5.44,
   зелёный 6.25.
   ───────────────────────────────────────────────────────────── */
.pwm{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;height:4px;margin-top:8px}
.pwm>i{display:block;height:4px;border-radius:2px;background:#E4E7EC;transition:background-color .2s ease}
/* деления: l0 — одно красное, l1 — два красных, l2 — три янтарных, l3/l4 — все зелёные */
.pwm.l0>i:nth-child(-n+1),.pwm.l1>i:nth-child(-n+2){background:#C0392B}
.pwm.l2>i:nth-child(-n+3){background:#C58A17}
.pwm.l3>i,.pwm.l4>i{background:#17805A}
.pwm.l3:not(.ok)>i,.pwm.l4:not(.ok)>i{background:#C58A17}
.pwh{margin-top:6px;font-size:12.5px;line-height:1.4;color:#6B6784;min-height:1.4em}
.pwh.bad{color:#C0392B}
.pwh.ok{color:#126E4C}
/* поле пароля с кнопкой показа символов */
.pwf{position:relative}
.pwf input{padding-right:44px!important}
.pwf .eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:32px;height:32px;
  border:0;background:none;border-radius:8px;color:#6B6784;display:grid;place-items:center;cursor:pointer;padding:0;margin:0}
.pwf .eye svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media (hover:hover) and (pointer:fine){ .pwf .eye:hover{color:#181050;background:#F1F0F6} }
.pwf .eye:focus-visible{outline:2px solid #6C4BF4;outline-offset:1px}