/* Password show/hide and strength — shared by the dashboard and the portal. */
.pw-wrap { position: relative; display: block; }
.pw-wrap input { padding-right: 62px !important; }
.pw-toggle {
  position: absolute; right: 8px; top: 50%; transform: translateY(-50%);
  border: 0; background: rgba(18, 58, 94, .08); color: #123A5E;
  font: 600 11px/1 system-ui, sans-serif; letter-spacing: .04em;
  padding: 7px 9px; border-radius: 6px; cursor: pointer;
}
.pw-toggle:hover { background: rgba(18, 58, 94, .16); }

.pw-meter { display: flex; align-items: center; gap: 8px; margin-top: 7px; }
.pw-bars { display: flex; gap: 3px; }
.pw-bars i { display: block; width: 26px; height: 4px; border-radius: 2px; background: #DCE6EE; transition: background .25s; }
.pw-label { font-size: 11px; font-weight: 700; color: #6B7A88; letter-spacing: .02em; }

.pw-meter.lvl-1 .pw-bars i.on { background: #C0392B; }
.pw-meter.lvl-1 .pw-label { color: #C0392B; }
.pw-meter.lvl-2 .pw-bars i.on { background: #C97B3C; }
.pw-meter.lvl-2 .pw-label { color: #A2531F; }
.pw-meter.lvl-3 .pw-bars i.on { background: #C9A227; }
.pw-meter.lvl-3 .pw-label { color: #8A6D1F; }
.pw-meter.lvl-4 .pw-bars i.on { background: #2E537D; }
.pw-meter.lvl-4 .pw-label { color: #2E537D; }