차트 설정 수정

frontend/src/styles/virtualTradingDashboard.css

@@ -1,6 +1,6 @@
 /* 가상투자 대시보드 */
 
-/* 타이틀바 — 세션 설정 (중앙 그리드 시작선) */
+/* 타이틀바 — 세션 설정 (중앙, 드롭다운 한 줄) */
 .vtd-header-session {
   display: flex;
   flex-wrap: wrap;
@@ -9,6 +9,19 @@
   min-width: 0;
 }
 
+.vtd-header-session--compact {
+  flex-wrap: nowrap;
+  gap: 6px;
+  overflow-x: auto;
+  overflow-y: hidden;
+  -webkit-overflow-scrolling: touch;
+  scrollbar-width: none;
+}
+
+.vtd-header-session--compact::-webkit-scrollbar {
+  display: none;
+}
+
 .vtd-header-session .vtd-session-select {
   min-width: 120px;
   max-width: 160px;
@@ -18,7 +31,36 @@
   margin-left: 0;
 }
 
-/* 타이틀바 — 뷰 옵션 (우측) */
+.vtd-session-actions--compact {
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  gap: 6px;
+  margin-left: 2px;
+}
+
+.vtd-header-select {
+  min-width: 0;
+  max-width: 148px;
+  padding: 4px 8px;
+  border-radius: 8px;
+  border: 1px solid var(--se-border);
+  background: var(--se-panel-card-bg);
+  color: var(--se-text);
+  font-size: 11px;
+  line-height: 1.3;
+  flex-shrink: 0;
+}
+
+.vtd-header-select--strategy {
+  max-width: 132px;
+}
+
+.vtd-header-select--narrow {
+  max-width: 118px;
+}
+
+/* 타이틀바 — 뷰 옵션 (우측, 드롭다운·아이콘 한 줄) */
 .vtd-header-view {
   display: flex;
   align-items: center;
@@ -27,6 +69,13 @@
   gap: 0;
 }
 
+.vtd-header-view--compact {
+  flex-wrap: nowrap;
+  align-items: center;
+  gap: 6px;
+  flex-shrink: 0;
+}
+
 .bps-header--vtd .vtd-grid-live {
   font-size: 11px;
   white-space: nowrap;
@@ -38,17 +87,35 @@
 
 @media (max-width: 1280px) {
   .bps-header--vtd {
-    grid-template-columns: 1fr;
-    gap: 8px;
+    gap: 6px 8px;
+    padding: 6px 12px;
+    min-height: 44px;
+  }
+
+  .bps-header--vtd .bps-header-left .bps-subtitle {
+    display: none;
+  }
+
+  .bps-header--vtd .bps-header-center {
+    min-width: 0;
+    overflow: hidden;
   }
 
-  .bps-header--vtd .bps-header-center,
   .bps-header--vtd .bps-header-actions {
-    justify-self: stretch;
+    flex-shrink: 0;
   }
 
-  .vtd-header-view {
-    justify-content: flex-start;
+  .vtd-header-select--strategy {
+    max-width: 108px;
+  }
+
+  .vtd-header-select--narrow {
+    max-width: 100px;
+  }
+
+  .vtd-session-btn {
+    padding: 4px 10px;
+    font-size: 0.75rem;
   }
 }
 
@@ -115,13 +182,14 @@
 
 .vtd-session-toolbar {
   display: flex;
-  flex-wrap: wrap;
+  flex-wrap: nowrap;
   align-items: center;
-  gap: 10px 16px;
+  gap: 6px;
   padding: 8px 12px;
   border-bottom: 1px solid var(--se-border);
   flex-shrink: 0;
   background: var(--se-center-bg, var(--se-panel-card-bg));
+  overflow-x: auto;
 }
 
 .vtd-session-field {
@@ -2644,7 +2712,13 @@
   background: color-mix(in srgb, var(--up, #26a69a) 12%, transparent);
   border-color: color-mix(in srgb, var(--up, #26a69a) 45%, var(--se-border, #333));
   color: var(--up, #26a69a);
-  cursor: default;
+  cursor: pointer;
+}
+
+.msp-add-btn--done:hover:not(:disabled) {
+  background: color-mix(in srgb, var(--down, #ef5350) 14%, transparent);
+  border-color: color-mix(in srgb, var(--down, #ef5350) 50%, var(--se-border, #333));
+  color: var(--down, #ef5350);
 }
 
 .msp-add-btn:disabled {