.mfa_reauth_password {
	box-sizing: border-box;
	padding: 3px 5px;
	width: 100%;
}

.mfa_enroll_email {
	box-sizing: border-box;
	padding: 3px 5px;
	width: 100%;
}

.mfa_action_status .loading,
.mfa_login_status .loading,
.mfa_setup_status .loading {
	height: 16px;
	vertical-align: -3px;
	width: 16px;
}

.mfa_method_grid {
	border: 1px solid #d5d5d5;
	border-radius: 6px;
	display: grid;
	grid-template-columns: minmax(180px, .9fr) minmax(260px, 1.5fr);
	margin: 12px 0;
	overflow: hidden;
}

.mfa_method_name,
.mfa_method_action {
	border-bottom: 1px solid #e2e2e2;
	padding: 12px;
}

.mfa_method_name {
	background: #f7f7f7;
	font-weight: 600;
}

.mfa_method_grid > :nth-last-child(-n+2) {
	border-bottom: 0;
}

.mfa_method_hint,
.mfa_email_security_note {
	color: #666;
	font-size: 12px;
	font-weight: normal;
	margin-top: 5px;
}

.mfa_method_buttons {
	margin-top: 9px;
}

.mfa_status_ok {
	color: #087f23;
}

.mfa_status_wait {
	color: #a25b00;
}

.mfa_status_warning {
	color: #a25b00;
	font-size: 12px;
	margin-top: 6px;
}

@media (max-width: 600px) {
	.mfa_method_grid {
		grid-template-columns: minmax(120px, .8fr) minmax(0, 1.2fr);
	}

	.mfa_method_name,
	.mfa_method_action {
		padding: 9px;
	}
}

.mfa_admin_query {
	box-sizing: border-box;
	max-width: 100%;
	padding: 3px 5px;
	width: 350px;
}