.harvest-grid {
	background-color: white;
	border-radius: 10px;
	margin: auto;
	margin-top: 20px;
	border-collapse: collapse;
	font-size: var( --body-font-size );
	& td {
		color: var(--black);
		padding: 10px;
		border-top: 2px solid #653f42;
		
		&.crop {
			text-align: right;
			font-weight: bold;
		}
		&.yield {
			text-align: center;
		}
	}
	& th {
		background-color: #653f42;
		color: white;
		border-bottom: 2px solid #653f42;
		padding: 10px;
		&:first-child {
			border-radius: 10px 0px 0px 0px;
		}
		&:last-child {
			border-radius: 0px 10px 0px 0px;
		}
	}
	& th:first-child, & td:first-child {
		border-right: 2px solid #653f42;
	}
}

.harvesting-notification .listification-item {
	background-color: #653f42;
	color: white;
	padding: 5px;
	white-space: nowrap;
	display: inline-block;
	border-radius: 8px;
	margin: 2px 5px;
	font-size: 75%;
}