매매 시그널 알림 우측패널 동작 수정

frontend/src/styles/tradeNotificationList.css

@@ -148,6 +148,7 @@
   background: color-mix(in srgb, var(--bg) 40%, var(--bg2));
   overflow: hidden;
   box-sizing: border-box;
+  isolation: isolate;
 }
 
 .tnl-hscroll-pane__viewport {
@@ -217,6 +218,8 @@
 }
 
 .tnl-hscroll-pane__rail {
+  position: relative;
+  z-index: 4;
   flex: 0 0 32px;
   width: 32px;
   display: flex;
@@ -789,6 +792,12 @@
   font-weight: 700;
 }
 
+/* 보조지표 스크롤 — 뷰포트에 완전히 들어오지 않은 카드는 라벨 숨김 */
+.tnl-chart-card--peek .tnl-chart-card-head {
+  visibility: hidden;
+  pointer-events: none;
+}
+
 .tnl-chart-card-meta {
   font-size: 10px;
   color: var(--text3);
@@ -907,6 +916,34 @@
   gap: 12px;
 }
 
+/* 우측 매매·호가 패널 접기/펼치기 */
+.tnl-side-wrap--right {
+  display: flex;
+  flex-direction: row;
+  align-items: stretch;
+  flex-shrink: 0;
+  min-height: 0;
+  height: 100%;
+  position: relative;
+  z-index: 8;
+}
+
+.tnl-page--right-collapsed .tnl-main {
+  flex: 1;
+  min-width: 0;
+}
+
+.tnl-side-wrap--right .tnl-right-tabs,
+.tnl-side-wrap--right .tnl-right-body {
+  min-width: min(380px, 38vw);
+}
+
+.tnl-side-wrap--right:not(.tnl-side-wrap--open) .tnl-right-tabs,
+.tnl-side-wrap--right:not(.tnl-side-wrap--open) .tnl-right-body {
+  visibility: hidden;
+  pointer-events: none;
+}
+
 /* 툴바 — 좌: 필터·액션 · 우: 목록/그리드·배치·삭제 */
 .tnl-page--with-right .tnl-toolbar {
   display: flex;