가상투자 설정 수정

frontend/src/styles/virtualTradingDashboard.css

@@ -1,5 +1,57 @@
 /* 가상투자 대시보드 */
 
+/* 타이틀바 — 세션 설정 (중앙 그리드 시작선) */
+.vtd-header-session {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px 12px;
+  min-width: 0;
+}
+
+.vtd-header-session .vtd-session-select {
+  min-width: 120px;
+  max-width: 160px;
+}
+
+.vtd-header-session .vtd-session-actions {
+  margin-left: 0;
+}
+
+/* 타이틀바 — 뷰 옵션 (우측) */
+.vtd-header-view {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+  gap: 0;
+}
+
+.bps-header--vtd .vtd-grid-live {
+  font-size: 11px;
+  white-space: nowrap;
+}
+
+.bps-header--vtd .vtd-grid-head-legend {
+  font-size: 10px;
+}
+
+@media (max-width: 1280px) {
+  .bps-header--vtd {
+    grid-template-columns: 1fr;
+    gap: 8px;
+  }
+
+  .bps-header--vtd .bps-header-center,
+  .bps-header--vtd .bps-header-actions {
+    justify-self: stretch;
+  }
+
+  .vtd-header-view {
+    justify-content: flex-start;
+  }
+}
+
 .vtd-unified-head {
   display: grid;
   grid-template-columns: auto minmax(0, 1fr) auto;
@@ -465,7 +517,7 @@
 .vtd-grid-wrap {
   display: flex;
   flex-direction: column;
-  gap: 8px;
+  gap: 0;
   flex: 1;
   min-height: 0;
   overflow: hidden;
@@ -811,6 +863,11 @@
   color: var(--accent, #3f7ef5);
 }
 
+.vtd-view-toggle-btn:disabled {
+  opacity: 0.45;
+  cursor: not-allowed;
+}
+
 .vtd-grid-head-legend {
   display: flex;
   align-items: center;