.card {
	transition: transform 0.2s;
}

.card:hover {
	transform: translateY(-2px);
}

.tab-active {
	border-bottom: 2px solid #10b981;
	color: #10b981;
}

/* Estilo para agendamentos completados/arquivados */
.schedule-completed {
	opacity: 0.6;
	background-color: #f9fafb;
}

.schedule-completed:hover {
	opacity: 0.8;
}

/* Estilos para os toggle buttons */
.toggle-button {
    transition: all 0.3s ease;
}

.toggle-button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Estilos para contatos desabilitados */
.contact-disabled {
    opacity: 0.6;
}

.contact-disabled span {
    text-decoration: line-through;
}

/* Modal centralizado */
#createScheduleModal {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	z-index: 9999 !important;
}

#createScheduleModal.hidden {
	display: none !important;
}

#createScheduleModal>div {
	position: relative !important;
	max-width: 42rem !important;
	width: 90% !important;
	margin: 0 auto !important;
}

/* Animação suave */
.fade-in {
	animation: fadeIn 0.3s ease-in;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(-10px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.card {
	transition: transform 0.2s;
}

.card:hover {
	transform: translateY(-2px);
}

.tab-active {
	border-bottom: 2px solid #10b981;
	color: #10b981;
}

/* Estilo para agendamentos completados/arquivados */
.schedule-completed {
	opacity: 0.6;
	background-color: #f9fafb;
}

.schedule-completed:hover {
	opacity: 0.8;
}

/* Modal centralizado */
#createScheduleModal {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	z-index: 9999 !important;
}

#createScheduleModal.hidden {
	display: none !important;
}

#createScheduleModal>div {
	position: relative !important;
	max-width: 42rem !important;
	width: 90% !important;
	margin: 0 auto !important;
}

/* Animação suave */
.fade-in {
	animation: fadeIn 0.3s ease-in;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(-10px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}