.insightCard {
	display: flex;
	flex-direction: column;
	background: #ffffff;
	border: 1px solid var(--theme-border-color);
	border-radius: 10px;
	padding: var(--theme-content-spacing);
	transition: border-color 0.2s ease, box-shadow 0.2s ease;

	&:hover {
		border-color: var(--theme-border-color);
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
	}

	&.inactive {
		opacity: 0.6;
	}
}

/* Header */
.header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 12px;

	.title {
		font-size: 16px;
		font-weight: 600;
		color: #000;
	}

	.category {
		font-size: 11px;
		background: var(--theme-palette-color-7);
		padding: 4px 8px;
		border-radius: 6px;
		color: var(--theme-text-color);
		text-transform: capitalize;
	}
}

/* Stats */
.body {
	margin-bottom: 14px;

	.primaryStat {
		font-size: 22px;
		font-weight: 700;
		color: #000;
		margin-bottom: 6px;
	}

	.primaryLabel {
		font-size: 13px;
		color: var(--theme-text-color);
		margin-bottom: 12px;
	}

	.secondaryList {
		margin-bottom: 10px;
	}

	.secondaryItem {
		display: flex;
		justify-content: space-between;
		font-size: 12px;
		color: var(--theme-text-color);
		padding: 2px 0;
	}

	.description {
		font-size: 13px;
		color: var(--theme-text-color);
		margin-top: 8px;
		line-height: 1.6;
	}
}

/* Footer */
.footer {
	margin-top: auto;
	padding-top: 10px;
	border-top: 1px solid var(--theme-border-color);
	display: flex;
	justify-content: flex-end;

	.badgeActive {
		font-size: 12px;
		background: var(--wp-admin-theme-color);
		color: white;
		padding: 4px 10px;
		border-radius: 6px;
	}

	.badgeInactive {
		font-size: 12px;
		background: var(--theme-palette-color-7);
		color: var(--theme-text-color);
		padding: 4px 10px;
		border-radius: 6px;
	}
}