/* Rules and strength bar under a "new password" field (see js/password-rules.js) */
.pw-rules { margin: 8px 0 16px; font-size: 12px; line-height: 1.5; color: #6b7280; text-align: left; }
.pw-meter { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; min-height: 16px; }
.pw-meter-bar { display: inline-flex; gap: 4px; }
.pw-meter-bar i { display: block; width: 38px; height: 6px; border-radius: 3px; background: #e5e7eb; }
.pw-level-1 .pw-meter-bar i:nth-child(1) { background: #dc2626; }
.pw-level-2 .pw-meter-bar i:nth-child(-n+2) { background: #65a30d; }
.pw-level-3 .pw-meter-bar i { background: #0f766e; }
.pw-meter-text { font-weight: bold; color: #374151; }
.pw-checklist { list-style: none; margin: 0 0 6px; padding: 0; }
.pw-checklist li { position: relative; padding-left: 18px; }
.pw-checklist li::before { content: "\2022"; position: absolute; left: 4px; color: #9ca3af; }
.pw-checklist li.ok { color: #0f766e; }
.pw-checklist li.ok::before { content: "\2713"; left: 2px; color: #0f766e; font-weight: bold; }
.pw-checklist li.fail { color: #b91c1c; }
.pw-checklist li.fail::before { content: "\2717"; left: 2px; color: #b91c1c; font-weight: bold; }
.pw-tip { color: #6b7280; }
.pw-rules-attention { outline: 2px solid #dc2626; outline-offset: 4px; border-radius: 6px; }