.side-custom {
	height: 100%;
}

#side-view-title {
	max-width: 300px;
	text-overflow: clip;
}

#header + div > *:nth-child(3) {
	max-width: 500px;
}

body:has([data-testid="analytics-page-title"])
	.space-y-8
	> div.grid:has(> [data-slot="card"] .text-2xl.font-bold)
	> [data-slot="card"]
	.text-2xl.font-bold {
	transition: color 160ms ease-in-out;
}

body:has([data-testid="analytics-page-title"])
	.space-y-8
	> div.grid:has(> [data-slot="card"] .text-2xl.font-bold)
	> [data-slot="card"]:nth-child(1)
	.text-2xl.font-bold {
	color: #8ea63b;
}

body:has([data-testid="analytics-page-title"])
	.space-y-8
	> div.grid:has(> [data-slot="card"] .text-2xl.font-bold)
	> [data-slot="card"]:nth-child(2)
	.text-2xl.font-bold {
	color: #16a34a;
}

body:has([data-testid="analytics-page-title"])
	.space-y-8
	> div.grid:has(> [data-slot="card"] .text-2xl.font-bold)
	> [data-slot="card"]:nth-child(3)
	.text-2xl.font-bold {
	color: #dc2626;
}