/* ============================================================
   Ajuste visual da página Meus Agendamentos
   O cabeçalho global já reserva sua própria altura. Este módulo mantém
   apenas um respiro curto entre o menu e o conteúdo da página.
   ============================================================ */
:root{
	--jacy-bg:#020202;
	--jacy-bg-2:#090806;
	--jacy-card:#ffffff;
	--jacy-card-soft:#f7f3ea;
	--jacy-gold:#d1aa57;
	--jacy-gold-2:#b8862d;
	--jacy-gold-3:#8f6520;
	--jacy-border:rgba(209,170,87,.34);
	--jacy-text:#ffffff;
	--jacy-dark-text:#2f2f2f;
	--jacy-muted:#d7c8aa;
}

body{
	background:var(--jacy-bg) !important;
}

.meus-agendamentos-page{
	background:linear-gradient(180deg,#020202 0%,#090806 45%,#020202 100%) !important;
	padding-top:26px !important;
	padding-bottom:45px !important;
	min-height:520px;
	position:relative;
	z-index:1;
}

.meus-agendamentos-page .footer_content{
	background:rgba(13,11,7,.72);
	border:1px solid var(--jacy-border);
	border-radius:18px;
	padding:24px 28px 28px 28px;
	box-shadow:0 18px 45px rgba(0,0,0,.35);
}

.meus-agendamentos-titulo{
	margin:0 0 22px 0;
	padding:0 0 18px 0;
	border-bottom:1px solid rgba(209,170,87,.22);
	text-align:center;
}

.meus-agendamentos-titulo span{
	display:inline-block;
	padding:7px 14px;
	border-radius:999px;
	background:rgba(209,170,87,.10);
	border:1px solid rgba(209,170,87,.24);
	color:#e6c980;
	font-size:13px;
	font-weight:700;
	letter-spacing:.08em;
	text-transform:uppercase;
	margin-bottom:10px;
}

.meus-agendamentos-titulo h2{
	margin:0;
	color:#fff;
	font-weight:900;
	font-size:30px;
	line-height:1.2;
}

.meus-agendamentos-titulo p{
	margin:8px 0 0 0;
	color:#d7c8aa;
	font-size:15px;
}

.meus-agendamentos-page .list-group{
	margin-bottom:14px;
}

.meus-agendamentos-page .list-group-item{
	background:linear-gradient(180deg,#ffffff 0%,#f8f5ee 100%) !important;
	border:1px solid rgba(209,170,87,.38) !important;
	border-left:5px solid var(--jacy-gold-2) !important;
	border-radius:14px !important;
	margin-bottom:14px !important;
	padding:20px 22px !important;
	box-shadow:0 12px 26px rgba(0,0,0,.18);
	color:var(--jacy-dark-text) !important;
}

.meus-agendamentos-page .list-group-item h5,
.meus-agendamentos-page .list-group-item p,
.meus-agendamentos-page .list-group-item small{
	color:var(--jacy-dark-text) !important;
}

.meus-agendamentos-page .list-group-item b{
	color:#17120b !important;
}

.meus-agendamentos-page .fa-calendar,
.meus-agendamentos-page .fa-clock-o{
	color:var(--jacy-gold-2) !important;
}

.meus-agendamentos-page .btn-outline-primary{
	border-color:var(--jacy-gold-2) !important;
	color:var(--jacy-gold-2) !important;
	background:rgba(184,134,45,.06) !important;
	border-radius:10px !important;
	min-width:78px;
}

.meus-agendamentos-page .btn-outline-primary:hover{
	background:linear-gradient(135deg,var(--jacy-gold),var(--jacy-gold-2)) !important;
	border-color:var(--jacy-gold) !important;
	color:#111 !important;
}

.meus-agendamentos-page .btn-outline-danger{
	border-radius:10px !important;
	min-width:78px;
}

.meus-agendamentos-acesso{
	margin-top:22px;
	text-align:center;
}

.meus-agendamentos-acesso .btn{
	border-color:var(--jacy-gold-2) !important;
	color:#f5dfaa !important;
	background:rgba(209,170,87,.08) !important;
	border-radius:12px !important;
	padding:12px 22px !important;
	font-weight:800;
	box-shadow:0 10px 24px rgba(0,0,0,.24);
}

.meus-agendamentos-acesso .btn:hover{
	background:linear-gradient(135deg,var(--jacy-gold),var(--jacy-gold-2)) !important;
	color:#111 !important;
}

.meus-agendamentos-vazio{
	background:rgba(209,170,87,.08);
	border:1px solid rgba(209,170,87,.24);
	border-radius:14px;
	padding:22px;
	text-align:center;
	color:#f4ead7;
	font-weight:700;
}

#listar-cartoes{
	color:#f4ead7 !important;
	margin-top:22px;
}

@media (max-width: 991px){
	.meus-agendamentos-page{
		padding-top:20px !important;
	}
	.meus-agendamentos-page .footer_content{
		padding:20px 16px 24px 16px;
	}
}

@media (max-width: 575px){
	.meus-agendamentos-page{
		padding-top:14px !important;
	}
	.meus-agendamentos-titulo h2{
		font-size:24px;
	}
	.meus-agendamentos-page .list-group-item .d-flex{
		gap:12px;
		align-items:flex-start !important;
	}
	.meus-agendamentos-page .list-group-item small .btn{
		margin-bottom:6px;
	}
}

/* Modal do módulo: cabe corretamente em telas pequenas sem alterar a lógica. */
@media (max-width: 575px){
	.meus-agendamentos-modal .modal-dialog{
		width:calc(100vw - 16px) !important;
		max-width:calc(100vw - 16px) !important;
		margin:8px auto !important;
	}
	.meus-agendamentos-modal .modal-content,
	.meus-agendamentos-modal .modal-body{
		width:100% !important;
		max-width:100% !important;
		min-width:0 !important;
		box-sizing:border-box;
	}
	.meus-agendamentos-modal .modal-body{
		overflow-x:hidden !important;
	}
	.meus-agendamentos-acesso{
		width:100% !important;
		max-width:100% !important;
	}
	.meus-agendamentos-acesso .btn{
		width:100% !important;
	}
}