.bsx-pub-chart-modal {
	visibility: hidden;
	position: fixed;
	inset: 0;
	z-index: 1000;
}

.bsx-pub-chart-modal.active {
	visibility: visible;
}

.bsx-pub-chart-modal-overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.7);
}

.bsx-pub-chart-modal-content {
	position: relative;
	max-width: 900px;
	width: 90%;
	margin: 5vh auto;
	background: #1a1a1a;
	border-radius: var(--bsx-radius-lg, 8px);
	padding: 1.5rem;
}

.bsx-pub-chart-modal-close {
	position: absolute;
	top: 0.5rem;
	right: 0.75rem;
	background: none;
	border: none;
	color: #edcb81;
	font-size: 1.75rem;
	line-height: 1;
	cursor: pointer;
}

.bsx-pub-chart-modal-content {
	position: relative;
	max-width: 900px;
	width: 90%;
	margin: 5vh auto;
	background: #1a1a1a;
	border-radius: var(--bsx-radius-lg, 8px);
	padding: 1.5rem;
	overflow: hidden; /* NEW — nothing inside can visually escape the box */
}

.bsx-pub-chart-modal-close {
	position: absolute;
	top: 0.5rem;
	right: 0.75rem;
	background: none;
	border: none;
	color: #edcb81;
	font-size: 1.75rem;
	line-height: 1;
	cursor: pointer;
	z-index: 10; /* NEW — stays above the chart regardless */
}