/* BeaMiiLocal shared pending email-verification screen.
 * Used by both registration success and login for unverified accounts.
 */

.beamii-email-verify{
	width:min(100%,560px);
	margin:0 auto;
	padding:30px 24px 24px;
	border:1px solid rgba(255,255,255,.9);
	border-radius:28px;
	background:rgba(255,255,255,.985);
	box-shadow:0 18px 46px rgba(25,69,101,.12);
	text-align:center;
}

.beamii-email-verify__status{
	display:flex;
	justify-content:center;
	margin-bottom:14px;
}

.beamii-email-verify__status-ring{
	width:76px;
	height:76px;
	display:grid;
	place-items:center;
	border-radius:50%;
	background:linear-gradient(145deg,#e8f8ff,#d4f0fc);
	box-shadow:inset 0 0 0 1px rgba(31,163,214,.10),0 10px 24px rgba(24,116,160,.10);
	color:#137eaf;
	font-size:29px;
}

.beamii-email-verify--success .beamii-email-verify__status-ring{
	background:linear-gradient(145deg,#ebf9ef,#dff5e6);
	color:#188a4a;
}

.beamii-email-verify--warning .beamii-email-verify__status-ring{
	background:linear-gradient(145deg,#fff8e9,#fff0cc);
	color:#b27600;
}

.beamii-email-verify__eyebrow{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:7px;
	min-height:30px;
	padding:0 11px;
	border:1px solid #d8edf7;
	border-radius:999px;
	background:#f2fbff;
	color:#176f9a;
	font-size:11px;
	font-weight:900;
}

.beamii-email-verify__title{
	margin:13px 0 0;
	color:#112b46;
	font-size:clamp(25px,7vw,32px);
	line-height:1.08;
	letter-spacing:-.035em;
	font-weight:950;
}

.beamii-email-verify__text{
	max-width:48ch;
	margin:10px auto 0;
	color:#687b8d;
	font-size:13px;
	line-height:1.55;
}

.beamii-email-verify__email{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:9px;
	max-width:100%;
	margin:16px auto 0;
	padding:11px 14px;
	border:1px solid #dcecf4;
	border-radius:14px;
	background:#f7fcff;
	color:#173a55;
	font-size:13px;
}

.beamii-email-verify__email i{
	color:#328db7;
	flex:0 0 auto;
}

.beamii-email-verify__email strong{
	min-width:0;
	overflow-wrap:anywhere;
	font-weight:900;
}

.beamii-email-verify__steps{
	display:grid;
	gap:0;
	margin-top:20px;
	padding:4px 0;
	border-top:1px solid #edf2f5;
	border-bottom:1px solid #edf2f5;
	text-align:left;
}

.beamii-email-verify__step{
	display:grid;
	grid-template-columns:34px minmax(0,1fr);
	gap:11px;
	align-items:start;
	padding:13px 0;
}

.beamii-email-verify__step + .beamii-email-verify__step{
	border-top:1px solid #f0f3f6;
}

.beamii-email-verify__step-number{
	width:30px;
	height:30px;
	display:grid;
	place-items:center;
	border-radius:50%;
	background:#e8f7fe;
	color:#0f6f9d;
	font-size:12px;
	line-height:1;
	font-weight:950;
}

.beamii-email-verify__step strong{
	display:block;
	color:#18344e;
	font-size:12.5px;
	font-weight:900;
}

.beamii-email-verify__step span:not(.beamii-email-verify__step-number){
	display:block;
	margin-top:2px;
	color:#778899;
	font-size:11.5px;
	line-height:1.45;
}

.beamii-email-verify__actions{
	display:grid;
	gap:9px;
	margin-top:20px;
}

.beamii-email-verify__primary,
.beamii-email-verify__secondary{
	width:100%;
	min-height:50px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:9px;
	padding:0 16px;
	border-radius:16px;
	font-size:13px;
	font-weight:950;
	text-decoration:none!important;
	cursor:pointer;
}

.beamii-email-verify__primary{
	border:0;
	background:linear-gradient(135deg,#176e9f 0%,#174f7b 100%);
	box-shadow:0 10px 24px rgba(22,91,132,.18);
	color:#fff!important;
}

.beamii-email-verify__resend-form{
	margin:0;
}

.beamii-email-verify__secondary{
	border:1px solid #d8eaf3;
	background:#f4fbfe;
	color:#126f9b;
}

.beamii-email-verify__help{
	margin:12px 6px 0;
	color:#8a98a6;
	font-size:10.5px;
	line-height:1.45;
}

/* Dedicated verification state: no signup/login content below the status card. */
.beamii-register.is-verification-state,
.beamii-login.is-verification-state{
	min-height:100dvh;
	padding-bottom:calc(var(--beamii-shell-content-bottom-space, 98px) + 20px + env(safe-area-inset-bottom, 0px)) !important;
	background:
		radial-gradient(circle at 12% 12%,rgba(31,163,214,.10),transparent 28%),
		linear-gradient(180deg,#f6fbfe 0%,#edf6fb 100%);
}

.beamii-register.is-verification-state .beamii-register__wrap,
.beamii-login.is-verification-state .beamii-login__wrap{
	width:min(100% - 24px,560px);
	max-width:560px;
}

@media (max-width:560px){
	.beamii-email-verify{
		padding:25px 17px 20px;
		border-radius:24px;
	}

	.beamii-email-verify__status-ring{
		width:68px;
		height:68px;
		font-size:25px;
	}
}