div.point_sym_tooltip {
	position: absolute;
	top: -1000px;
	border: 2px solid #ccc;
	background-color: #eee;
	color: #000;
	text-align: center;
	padding: 5px;
}

div.point_sym_tooltip * {
	font-size: 14px;
	font-family: verdana, sans-serif;
    visibility: inherit;
}

span.point_sym_hover_span:hover, span.point_sym_hover_span_hl {
	background-color: #fc0;
}

span.point_sym_hover_span_nosymbol:hover, span.point_sym_hover_span_nosymbol_hl {
	background-color: #eee;
}

div.point_waiticon {
	position: absolute;
	padding: 0;
	width: 16px;
	height: 16px;
	left: 100px;
	top: 100px;
}

/* Point tooltip styles */
.point_sym_tooltip {
    position: absolute;
    z-index: 9999;
    background-color: white;
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    pointer-events: none; /* Prevent tooltip from interfering with clicks */
}

/* Loading icon styles */
.point_loading {
    width: 24px;
    height: 24px;
    pointer-events: none; /* Prevent loading icon from interfering with clicks */
}

/* Hover highlight styles */
.point_sym_hover {
    cursor: default;
}

/* Yellow background for hoverable words */
.point_word:hover {
    background-color: #fc0 !important;
    cursor: pointer;
    border-radius: 2px;
}

/* Grey background for words without symbols */
.point_word.no_symbols:hover {
    background-color: #eee !important;
    cursor: default;
}

/* Ensure spans are properly inline */
.point_word {
    display: inline;
    padding: 2px 0;
    border-radius: 2px;
    transition: background-color 0.2s ease;
    pointer-events: auto; /* Ensure word spans can receive hover events */
}

/* Preserve button styles and ensure they remain clickable */
button,
.MuiButton-root,
.MuiSwitch-root,
.MuiFormControlLabel-root,
.MuiSwitch-switchBase {
    pointer-events: auto !important;
    cursor: pointer !important;
    z-index: 1000;
    position: relative;
}

/* Ensure switch remains clickable */
.MuiSwitch-input {
    cursor: pointer !important;
    z-index: 1001;
    position: relative;
}

/* Prevent word wrapping from affecting interactive elements */
button .point_word:hover,
.MuiButton-root .point_word:hover,
.MuiSwitch-root .point_word:hover,
.MuiFormControlLabel-root .point_word:hover {
    background-color: transparent !important;
    cursor: inherit;
    pointer-events: none;
}

/* Wait icon positioning */
.point_waiticon {
    position: absolute;
    padding: 0;
    width: 16px;
    height: 16px;
    z-index: 9999;
    pointer-events: none;
}