가상투자 설정 수정

frontend/src/styles/builderPageShell.css

@@ -38,6 +38,36 @@
 
 .bps-header-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
 
+/* 가상투자 — 타이틀바 3열 (좌측패널폭 | 세션설정 | 뷰옵션) */
+.bps-header--vtd {
+  display: grid;
+  grid-template-columns:
+    calc(var(--bps-left-width, 380px) + var(--bps-left-handle, 16px) + calc(var(--bps-left-open, 1) * var(--bps-splitter-w, 5px)))
+    minmax(0, 1fr)
+    auto;
+  align-items: center;
+  gap: 8px 12px;
+  padding: 8px 18px;
+  min-height: 48px;
+}
+
+.bps-header--vtd .bps-header-left {
+  min-width: 0;
+  overflow: hidden;
+}
+
+.bps-header--vtd .bps-header-center {
+  display: flex;
+  align-items: center;
+  min-width: 0;
+  justify-self: stretch;
+}
+
+.bps-header--vtd .bps-header-actions {
+  justify-self: end;
+  flex-shrink: 0;
+}
+
 .bps-btn {
   border: 1px solid var(--se-border);
   background: var(--se-btn-bg);

frontend/src/styles/paperDashboard.css

@@ -827,6 +827,56 @@
 .ptd-table--compact { font-size: 9px; }
 .ptd-table--compact th,
 .ptd-table--compact td { padding: 5px 6px; }
+
+.ptd-trade-history {
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+  height: 100%;
+}
+
+.ptd-trade-history--fill {
+  flex: 1;
+  padding: 8px 10px;
+  box-sizing: border-box;
+}
+
+.ptd-trade-history-empty {
+  margin: 12px 0;
+  text-align: center;
+}
+
+.ptd-trade-history-scroll {
+  flex: 1;
+  min-height: 0;
+  overflow: auto;
+}
+
+.ptd-table--trades th,
+.ptd-table--trades td {
+  white-space: nowrap;
+}
+
+.ptd-row--click {
+  cursor: pointer;
+}
+
+.ptd-row--click:hover td {
+  background: color-mix(in srgb, var(--accent, #3f7ef5) 8%, transparent);
+}
+
+.ptd-source--auto {
+  color: var(--accent, #3f7ef5);
+  font-weight: 600;
+}
+
+.ptd-source--manual {
+  color: var(--se-text-muted, var(--text3));
+}
+
+.bps-page--vtd .ptd-right-body > .ptd-trade-history--fill {
+  height: 100%;
+}
 .ptd-status {
   display: inline-block;
   padding: 2px 5px;

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;