#visit-filters label {
	margin-left: 10px;
	margin-right: 4px;
}

.visit-tabs {
	display: none;
	margin-bottom: 10px;
}
.visit-tabs button {
	margin-right: 10px;
	padding: 5px 10px;
	background: #eee;
	border: 1px solid #ddd;
	cursor: pointer;
}
.visit-columns {
	display: flex;
	/* gap: 20px; */
}
.visit-column {
	flex: 1;
	padding: 10px;
	border: 1px solid #ddd;
	background: #fff;
}
.visit-card {
	font-size: 0.85rem;
	margin-bottom: 20px;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 5px;
}
.visit-table-wrapper {
	overflow-x: auto;
	width: 100%;
}
.visit-table {
	width: 100%;
	min-width: 600px;
}
.visit-table .table-cell {
	min-width: 120px;
	display: flex !important;
}
.visit-table .table-cell.col-1 {
	min-width: 180px;
}
.visit-table .table-cell.col-5 {
	min-width: 80px;
}

#member-messages .visit-card {
	background-color: #f0f8ff;
}
#feed-missionaries .visit-card {
	background-color: #f5f5dc;
}
#accompany-missionaries .visit-card {
	background-color: #f5fffa;
}

#member-messages.tab-content {
	background-color: white;
}
#feed-missionaries.tab-content {
	background-color: white;
}
#accompany-missionaries.tab-content {
	background-color: white;
}

.visit-card textarea, input {
	/* max-width: 150px !important; */
	width: 100% !important;
}

@media (max-width: 1000px), (max-width: 800px), (max-width: 600px) {
	.visit-table .table-row:not(:has(.fixed-last-col)) .table-cell:last-child,
	.visit-table .table-row:has(.fixed-last-col) .table-cell:nth-last-child(2),
	.visit-table .table-row:not(:has(.fixed-last-col)) .table-cell:nth-last-child(2),
	.visit-table .table-row:has(.fixed-last-col) .table-cell:nth-last-child(3),
	.visit-table .table-row:not(:has(.fixed-last-col)) .table-cell:nth-last-child(3),
	.visit-table .table-row:has(.fixed-last-col) .table-cell:nth-last-child(4) {
		display: flex !important; /* Ensure all columns remain visible */
	}
	.visit-table .table-cell {
		flex: 1 0 auto; /* Allow cells to size naturally within min-width */
		min-width: 120px; /* Maintain minimum width */
	}
	.visit-table .table-cell.col-1 {
		min-width: 180px;
	}
	.visit-table .table-cell.col-5 {
		min-width: 80px;
	}
}