/* OnlyTicket (2026-11-03): password strength meter (js/password-meter.js): Change Password, sign-up popup, Sign-up page. */
.ot-pwm { margin: 10px 0 16px; font-size: 14px; color: #475467; }
.ot-pwm-head { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 6px; }
.ot-pwm-label { font-weight: 700; }
.ot-pwm-bar { height: 5px; border-radius: 5px; background: #e6edf7; overflow: hidden; }
.ot-pwm-bar i { display: block; height: 100%; width: 0; border-radius: 5px; background: #dc2626; transition: width .25s ease, background-color .25s ease; }
.ot-pwm-chips { list-style: none; display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 12px 0 0; padding: 0; }
.ot-pwm-chips li { display: inline-flex; align-items: center; gap: 7px; color: #667085; transition: color .2s; }
.ot-pwm-chips li[hidden] { display: none; }
.ot-pwm-chips .dot { width: 13px; height: 13px; border-radius: 50%; background: #d0d7e2; flex-shrink: 0; transition: background-color .2s; }
.ot-pwm-chips li.ok { color: #15803d; }
.ot-pwm-chips li.ok .dot { background: #22c55e; box-shadow: 0 0 0 3px rgba(34, 197, 94, .15); }

.ot-pwm[data-level="1"] .ot-pwm-label { color: #dc2626; }
.ot-pwm[data-level="1"] .ot-pwm-bar i { width: 25%; background: #dc2626; }
.ot-pwm[data-level="2"] .ot-pwm-label { color: #d97706; }
.ot-pwm[data-level="2"] .ot-pwm-bar i { width: 50%; background: #f59e0b; }
.ot-pwm[data-level="3"] .ot-pwm-label { color: #16a34a; }
.ot-pwm[data-level="3"] .ot-pwm-bar i { width: 75%; background: #22c55e; }
.ot-pwm[data-level="4"] .ot-pwm-label { color: #15803d; }
.ot-pwm[data-level="4"] .ot-pwm-bar i { width: 100%; background: #16a34a; }