/* Tooltip Container */
.apexcharts-tooltip {
	background: var(--tblr-bg-surface) !important;
	color: var(--tblr-body-color) !important;
	border: 1px solid var(--tblr-border-color) !important;
	box-shadow: var(--tblr-shadow-card) !important;
	border-radius: var(--tblr-border-radius) !important;
}

/* Tooltip Title (The header/category name) */
.apexcharts-tooltip-title {
	background: var(--tblr-bg-surface-light) !important;
	border-bottom: 1px solid var(--tblr-border-color) !important;
	font-weight: 600 !important;
	color: var(--tblr-body-color) !important;
}

/* Dark Mode Specific Adjustments */
[data-bs-theme="dark"] .apexcharts-tooltip {
	background: var(--tblr-bg-surface-dark) !important;
	border-color: var(--tblr-border-color-dark) !important;
}