/**
 * Minimal, non-opinionated styles for the password change form.
 * Everything is prefixed with jlfps- so themes can override freely.
 */

.jlfps-wrap {
	max-width: 32rem;
}

.jlfps-form .jlfps-field {
	margin: 0 0 1rem;
}

.jlfps-form label {
	display: block;
	margin-bottom: 0.25rem;
	font-weight: 600;
}

.jlfps-form input[type="password"] {
	width: 100%;
	box-sizing: border-box;
}

.jlfps-notice {
	margin: 0 0 1rem;
	padding: 0.75rem 1rem;
	border-left: 4px solid #787c82;
	background: #f0f0f1;
}

.jlfps-notice--success {
	border-left-color: #46b450;
}

.jlfps-notice--error {
	border-left-color: #d63638;
}

.jlfps-strength,
.jlfps-match {
	display: block;
	margin-top: 0.25rem;
	font-size: 0.875em;
}

.jlfps-strength[data-score="0"],
.jlfps-strength[data-score="1"] {
	color: #d63638;
}

.jlfps-strength[data-score="2"] {
	color: #b26200;
}

.jlfps-strength[data-score="3"],
.jlfps-strength[data-score="4"] {
	color: #007017;
}

.jlfps-match[data-state="mismatch"] {
	color: #d63638;
}

.jlfps-custom-message {
	margin-bottom: 1rem;
}