/*
 * Password policy checklist (PM_Password_Policy::render_checklist, js/password-policy.js).
 * Uses the Start-Finder tokens where the page has them, plain fallbacks elsewhere
 * (classic My Account / lost-password pages).
 */
.pm-pw-policy {
	margin: 4px 0 16px;
	font-size: 14px;
	line-height: 20px;
	color: var(--ink-2, #475569);
}

.pm-pw-policy[hidden] {
	display: none;
}

.pm-pw-policy__title {
	margin: 0 0 4px;
	font-weight: 600;
	color: var(--ink, #1A2839);
	text-align: left;
}

.pm-pw-policy__rules {
	margin: 0;
	padding: 0;
	list-style: none;
}

.pm-pw-policy__rule {
	position: relative;
	margin: 0;
	padding: 2px 0 2px 26px;
	text-align: left;
	color: var(--ink-3, #64748B);
}

/* Open rule: hollow circle. */
.pm-pw-policy__rule::before {
	content: "";
	position: absolute;
	left: 0;
	top: 4px;
	width: 16px;
	height: 16px;
	box-sizing: border-box;
	border: 1.5px solid var(--ink-4, #94A3B8);
	border-radius: 50%;
}

/* Met rule: filled circle with a check mark. */
.pm-pw-policy__rule.is-met {
	color: var(--ok, #124A36);
}

.pm-pw-policy__rule.is-met::before {
	border-color: var(--ok, #124A36);
	background: var(--ok, #124A36);
}

.pm-pw-policy__rule.is-met::after {
	content: "";
	position: absolute;
	left: 5px;
	top: 7px;
	width: 6px;
	height: 9px;
	box-sizing: border-box;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.pm-pw-policy__note {
	margin: 6px 0 0;
	font-size: 13px;
	line-height: 18px;
	color: var(--ink-3, #64748B);
	text-align: left;
}
