.ppl-auth-actions {
	margin: 1em 0 0;
	text-align: center;
}

.ppl-continue-wrap,
.ppl-login-wrap {
	margin: 0;
	text-align: center;
}

.ppl-magic-wrap {
	margin: 0;
	text-align: center;
}

.ppl-passkey-separator {
	margin: 20px 0;
	border: 0;
	border-top: 1px solid #c3c4c7;
	height: 0;
}

#ppl-check-username,
#ppl-magic-link-btn,
#ppl-passkey-login {
	width: 100%;
	box-sizing: border-box;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.ppl-or span {
	display: inline-block;
	color: #50575e;
	font-size: 0.95em;
	font-weight: 600;
	letter-spacing: 0.05em;
	line-height: 1;
}

#ppl-passkeys-table {
	max-width: 800px;
	margin-top: 0.5em;
}

#ppl-passkeys-table .button-link-delete {
	color: #b32d2e;
}

#ppl-add-passkey {
	margin-top: 0.25em;
}

.ppl-hidden {
	display: none !important;
}

/* Step 1: username + passkey options (also applies before JS adds .ppl-step-identifier) */
body.ppl-mode-passkey #loginform:not(.ppl-step-password) p:has(#user_pass),
body.ppl-mode-passkey #loginform:not(.ppl-step-password) .wp-pwd,
body.ppl-mode-passkey #loginform:not(.ppl-step-password) label[for="user_pass"],
body.ppl-mode-passkey #loginform:not(.ppl-step-password) .forgetmenot,
body.ppl-mode-passkey #loginform:not(.ppl-step-password) p.submit,
body.ppl-mode-passkey #loginform:not(.ppl-step-password) .ppl-back-wrap {
	display: none !important;
}

body.ppl-mode-passkey #loginform:not(.ppl-step-identifier) #ppl-login-extras {
	display: none !important;
}

/* Step 2: password only (after Continue) */
body.ppl-mode-passkey #loginform.ppl-step-password p:has(#user_login),
body.ppl-mode-passkey #loginform.ppl-step-password #ppl-login-extras,
body.ppl-mode-passkey #loginform.ppl-step-password #ppl-passkey-only-notice {
	display: none !important;
}

body.ppl-mode-passkey #loginform.ppl-step-password p:has(#user_pass),
body.ppl-mode-passkey #loginform.ppl-step-password label[for="user_pass"],
body.ppl-mode-passkey #loginform.ppl-step-password .wp-pwd,
body.ppl-mode-passkey #loginform.ppl-step-password #user_pass {
	display: block !important;
}

body.ppl-mode-passkey #loginform.ppl-step-password #user_pass {
	pointer-events: auto;
	opacity: 1;
}

body.ppl-mode-passkey #loginform.ppl-step-password .forgetmenot {
	display: block !important;
	float: none;
	margin: 1em 0 0.75em;
}

body.ppl-mode-passkey #loginform.ppl-step-password p.submit {
	display: block !important;
	float: none;
	margin: 0;
	padding: 0;
}

body.ppl-mode-passkey #loginform.ppl-step-password #wp-submit {
	width: 100%;
	float: none;
	display: block;
	margin: 0;
	box-sizing: border-box;
	height: auto;
	line-height: 1.4;
	padding: 0.5em 1em;
	font-size: 14px;
	background: #f6f7f7;
	border: 1px solid #2271b1;
	color: #2271b1;
	text-shadow: none;
	box-shadow: none;
}

body.ppl-mode-passkey #loginform.ppl-step-password #wp-submit:hover {
	background: #f0f0f1;
	border-color: #0a4b78;
	color: #0a4b78;
}

body.ppl-mode-passkey #loginform.ppl-step-password .ppl-back-wrap {
	display: block !important;
	margin: 0 0 0.5em;
	text-align: left;
}

#ppl-login-extras {
	text-align: center;
	display: block !important;
}

/* Core login.css sets #login form p { margin-bottom: 0 }. */
body.login.ppl-mode-passkey #loginform .ppl-or {
	margin-top: 0.75em !important;
	margin-bottom: 0.75em !important;
	text-align: center;
}

body.login.ppl-mode-setup #login h1 a {
	background-size: 84px;
	height: 84px;
	width: 84px;
}

body.login.ppl-mode-setup #login {
	padding: 26px 24px 34px !important;
}

.ppl-setup-heading {
	margin: 0 0 1em;
	padding: 0;
	font-size: 23px;
	font-weight: 400;
	line-height: 1.3;
	text-align: center;
	color: #3c434a;
}

/* Inside #loginform — core login.min.css sets #login form p { margin-bottom: 0 } and .submit { padding: 0 }. */
body.login.ppl-mode-setup #loginform .ppl-setup-intro {
	margin-top: 0 !important;
	margin-bottom: 1.5em !important;
	padding: 0;
	text-align: center;
	color: #50575e;
}

body.login.ppl-mode-setup #loginform .ppl-setup-submit {
	margin: 0 !important;
	padding: 0 !important;
}

body.login.ppl-mode-setup #loginform .ppl-setup-submit .button {
	width: 100%;
	float: none;
}

body.login.ppl-mode-setup #loginform .ppl-setup-status {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding: 0;
	text-align: center;
	color: #50575e;
}

#ppl-passkey-only-notice {
	margin-bottom: 1em;
}

/* Standard WordPress login only (?passwordlogin) — no plugin UI */
body.login.ppl-password-bypass #ppl-login-extras,
body.login.ppl-password-bypass #ppl-passkey-only-notice {
	display: none !important;
}