실시간 차트 보조지표명 겹침오류 수정

frontend/src/App.css

@@ -914,10 +914,33 @@ html.theme-blue {
    - height: 100% : 기본 상태에서 래퍼를 가득 채움
    - JS 에서 스크롤 필요 시 명시적 height (e.g. 900px)로 전환 */
 .chart-container {
+  position: relative;
   width:  100%;
   height: 100%;
 }
 
+/* PaneLegend — portal 호스트 + 레이어 (React createPortal 전용, 수동 DOM 제거 금지) */
+.pane-legend-portal-host {
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  z-index: 5;
+  overflow: visible;
+}
+
+.pane-legend-layer {
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  overflow: visible;
+}
+
+.pane-legend-layer .pane-legend-item,
+.pane-legend-layer .pane-drag-handle,
+.pane-legend-layer .pane-btn {
+  pointer-events: auto;
+}
+
 /* 캔들 pane 하단 시간축 (거래량·보조지표가 아래에 있을 때) */
 .candle-pane-time-axis {
   position: absolute;