/* =========================================================
   PIL Auth — resend verification widget (login + register)
========================================================= */

.pil-resend-form {
	margin: 10px 0 0;
	padding-top: 12px;
	border-top: 1px dashed #dfe5ee;
}

.pil-resend-form label {
	display: block;
	margin: 0 0 8px;
	color: #5b6b81;
	font-size: 13px;
	font-weight: 500;
}

.pil-resend-inline {
	display: flex;
	gap: 8px;
	align-items: stretch;
}

.pil-resend-email {
	flex: 1;
	min-width: 0;
	height: 42px;
	padding: 0 12px;
	border: 1px solid #cfd5df;
	border-radius: 8px;
	background: #fff;
	color: #35435a;
	font-size: 14px;
	transition: border-color .2s ease, box-shadow .2s ease;
}

.pil-resend-email:focus {
	outline: none;
	border-color: #009FD8;
	box-shadow: 0 0 0 3px rgba(0, 159, 216, .12);
}

.pil-resend-submit {
	height: 42px;
	padding: 0 18px;
	border: none;
	border-radius: 8px;
	background: #009FD8;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: background .2s ease, transform .15s ease;
	white-space: nowrap;
}

.pil-resend-submit:hover {
	background: #008ECB;
}

.pil-resend-submit:active {
	transform: scale(.97);
}

.pil-resend-msg {
	margin-top: 8px;
	font-size: 13px;
	line-height: 1.45;
}

.pil-resend-msg.pil-resend-ok {
	color: #15803d;
}

.pil-resend-msg.pil-resend-err {
	color: #dc2626;
}

/* Keep the trigger styled like the surrounding row links. */
.custom-verification-row .pil-resend-trigger,
.custom-register-verify-row .pil-resend-trigger {
	cursor: pointer;
}

/* Compact variant inside the auth modal (popup). */
.uwp-auth-modal .pil-resend-form {
	margin-left: 12px;
	margin-right: 12px;
}

@media (max-width: 480px) {
	.pil-resend-inline {
		flex-direction: column;
	}
	.pil-resend-submit {
		width: 100%;
	}
}