.agendaPagamentoOnlineCall
{
	width:80%;
	margin:0 auto;
	padding:20px;
	border-radius:18px;
	background-color:rgba(255,255,255,0.94);
	box-shadow:0 14px 30px rgba(0,0,0,0.08);
}

.agendaPagamentoOnlineBox
{
	width:100%;
	margin:0 auto;
	padding:25px;
	border-radius:22px;
	margin-top: 10px;
	
	display: table !important;
	background-color:rgba(255,255,255,0.97);
	box-shadow:0 18px 40px rgba(0,0,0,0.12);
}

.agendaPagamentoOnlineTop
{
	width:100%;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:10px;
}

.agendaPagamentoOnlineTitle
{
	font-size:22px;
	font-weight:700;
}

.agendaPagamentoOnlineBadge
{
	width:auto;
	display:table;
	padding:8px 16px;
	border-radius:999px;
	font-size:12px;
	font-weight:700;
	letter-spacing:0.4px;
	text-transform:uppercase;
	color:#FFFFFF;
	background:linear-gradient(135deg,#202020,#4a4a4a);
}

.agendaPagamentoOnlineResumo
{
	margin-top:18px;
	padding:14px 18px;
	border-radius:16px;
	font-size:14px;
	line-height:24px;
	background-color:rgba(0,0,0,0.04);
}

.agendaPagamentoOnlineFoot
{
	margin-top:20px;
	padding-top:15px;
	font-size:12px;
	line-height:20px;
	color:rgb(110,110,110);
	border-top:1px solid rgba(0,0,0,0.08);
}

.agendaPagamentoModeTabs
{
	display:flex;
	flex-wrap:wrap;
	gap:12px;
}

.agendaPagamentoModeTab.disabled
{
	opacity:0.45;
	cursor:not-allowed;
}

.agendaPagamentoMpBlock
{
	margin-top:20px;
}

.agendaPagamentoMpBrick
{
	width:100%;
	display:block;
	min-height:220px;
}

.agendaPagamentoMpBrick iframe
{
	max-width:100%;
}

.agendaPagamentoMpBrick
{
	width:100%;
}

.agendaPagamentoMpLoading
{
	width:100%;
	min-height:220px;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:25px;
	border-radius:18px;
	font-size:14px;
	color:rgb(90,90,90);
	background-color:rgba(0,0,0,0.03);
}

.agendaPagamentoMpHint
{
	padding:14px 18px;
	border-radius:14px;
	font-size:13px;
	line-height:22px;
	background-color:rgba(0,0,0,0.05);
}

.agendaPagamentoMpFrame
{
	width:100%;
	min-height:42px;
	padding:10px 12px;
	border-radius:10px;
	background-color:#FFFFFF;
	box-sizing:border-box;
}

.agendaPagamentoRetornoBox
{
	margin-top:10px;
}

.agendaPagamentoRetornoOk
{
	box-shadow:0 18px 35px rgba(10,140,74,0.14);
}

.agendaPagamentoRetornoAviso
{
	box-shadow:0 18px 35px rgba(181,129,0,0.14);
}

.agendaPagamentoRetornoErro
{
	box-shadow:0 18px 35px rgba(185,53,53,0.14);
}

.agendaPagamentoPixArea
{
	display:flex;
	align-items:center;
	gap:20px;
	margin-top:22px;
}

.agendaPagamentoPixQr
{
	width:220px;
	min-width:220px;
	padding:14px;
	border-radius:18px;
	background-color:#FFFFFF;
	box-shadow:0 10px 24px rgba(0,0,0,0.08);
}

.agendaPagamentoPixQr img
{
	width:100%;
	display:block;
}

.agendaPagamentoPixLinha
{
	flex:1;
	min-width:0;
}

.agendaPagamentoPixLinhaTitle
{
	font-size:13px;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:0.4px;
	color:rgb(90,90,90);
}

.agendaPagamentoPixLinhaCode
{
	margin-top:10px;
	padding:14px;
	border-radius:14px;
	line-height:22px;
	word-break:break-word;
	background-color:rgba(0,0,0,0.05);
}

.agendaPagamentoTicketLink
{
	width:auto;
	display:inline-block;
	text-decoration:none;
}

@media screen and (min-width:200px) and (max-width:700px)
{
	.agendaPagamentoOnlineCall,
	.agendaPagamentoOnlineBox
	{
		width:100%;
		padding:18px;
	}

	.agendaPagamentoOnlineTop
	{
		display:block;
	}

	.agendaPagamentoOnlineBadge
	{
		margin-top:10px;
	}

	.agendaPagamentoOnlineTitle
	{
		font-size:19px;
	}

	.agendaPagamentoPixArea
	{
		display:block;
	}

	.agendaPagamentoPixQr
	{
		width:100%;
		min-width:0;
		margin-bottom:18px;
	}
}