cci 수정

frontend/src/App.css

@@ -9929,7 +9929,54 @@ html.theme-blue {
   overflow: hidden;
 }
 
-/* 매매 탭: 매수·매도 카드 분리 */
+/* 실시간 차트 우측 — 알림목록·가상매매와 동일 PaperSplitPanel 레이아웃 */
+.rsp-body.ptd-right-body {
+  padding: 0;
+  gap: 0;
+}
+.rsp-body .ptd-split-panel--right {
+  flex: 1;
+  min-height: 0;
+  height: 100%;
+  padding: 8px 10px 6px;
+  box-sizing: border-box;
+}
+.rsp-body .ptd-ob-stack--fill {
+  flex: 1;
+  min-height: 0;
+  height: 100%;
+}
+.rsp-body .ptd-split-panel--right .ptd-order-card .top-actions {
+  margin-top: auto;
+}
+
+.rsp-tabs.bps-right-tabs {
+  display: flex;
+  border-bottom: 1px solid var(--border);
+  flex-shrink: 0;
+  background: var(--bg3);
+  min-width: 420px;
+}
+.rsp-tabs.bps-right-tabs .bps-right-tab {
+  flex: 1;
+  padding: 10px 6px;
+  border: none;
+  background: transparent;
+  color: var(--text3);
+  font-size: 13px;
+  cursor: pointer;
+  transition: color 0.12s;
+}
+.rsp-tabs.bps-right-tabs .bps-right-tab:hover {
+  color: var(--text);
+}
+.rsp-tabs.bps-right-tabs .bps-right-tab--on {
+  color: var(--accent);
+  box-shadow: inset 0 -2px 0 var(--accent);
+  font-weight: 600;
+}
+
+/* 매매 탭: 매수·매도 카드 분리 (레거시 rsp-trade-stack — 호가·백테스트 등에서 사용) */
 .rsp-trade-stack {
   flex: 1;
   min-height: 0;