/* Goals component */
.goal-item {
	border-radius: 12px;
	padding: .75rem .9rem;
	background: linear-gradient(180deg, rgba(255, 255, 255, .55), rgba(255, 255, 255, .35));
	border: 1px solid rgba(148, 163, 184, .35);
	box-shadow: 0 6px 18px rgba(0, 0, 0, .06);
}

.goal-item+.goal-item {
	margin-top: 1rem;
}

[data-theme="dark"] .goal-item,
body.dark-mode .goal-item {
	background: linear-gradient(180deg, rgba(17, 24, 39, .6), rgba(17, 24, 39, .45));
	border-color: rgba(148, 163, 184, .18);
	box-shadow: 0 10px 24px rgba(0, 0, 0, .35);
}

/* Highlight animation for shared goals */
.highlight-goal {
	animation: goalHighlight 2s ease-out;
}

@keyframes goalHighlight {
	0%, 100% {
		background-color: transparent;
		box-shadow: 0 6px 18px rgba(0, 0, 0, .06);
	}
	50% {
		background-color: rgba(59, 130, 246, 0.15);
		box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.3);
	}
}

[data-theme="dark"] .highlight-goal,
body.dark-mode .highlight-goal {
	animation: goalHighlightDark 2s ease-out;
}

@keyframes goalHighlightDark {
	0%, 100% {
		background-color: transparent;
		box-shadow: 0 10px 24px rgba(0, 0, 0, .35);
	}
	50% {
		background-color: rgba(59, 130, 246, 0.25);
		box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.4);
	}
}