추세검색 설정 수정

frontend/src/styles/paperDashboard.css

@@ -837,13 +837,14 @@
 
 .ptd-trade-history--fill {
   flex: 1;
-  padding: 8px 10px;
+  padding: 10px 12px;
   box-sizing: border-box;
 }
 
 .ptd-trade-history-empty {
-  margin: 12px 0;
+  margin: 16px 0;
   text-align: center;
+  font-size: 13px;
 }
 
 .ptd-trade-history-scroll {
@@ -852,6 +853,15 @@
   overflow: auto;
 }
 
+.bps-page--vtd .ptd-trade-history--fill .vtd-trade-section {
+  height: 100%;
+}
+
+.bps-page--vtd .ptd-trade-history--fill .ptd-trade-history-scroll {
+  flex: 1;
+  min-height: 0;
+}
+
 .ptd-table--trades th,
 .ptd-table--trades td {
   white-space: nowrap;
@@ -877,6 +887,18 @@
 .bps-page--vtd .ptd-right-body > .ptd-trade-history--fill {
   height: 100%;
 }
+
+/* 가상매매 — 실시간 차트와 동일한 호가 탭 레이아웃 */
+.bps-page--vtd .ptd-right-body > .ptd-ob-stack--fill {
+  flex: 1;
+  min-height: 0;
+  height: 100%;
+  box-sizing: border-box;
+}
+
+.bps-page--vtd .ptd-right-body > .ptd-ob-stack--fill.rsp-ob-stack {
+  padding: 10px 12px 12px;
+}
 .ptd-status {
   display: inline-block;
   padding: 2px 5px;

frontend/src/styles/virtualTradingDashboard.css

@@ -538,6 +538,113 @@
   font-size: 12px;
 }
 
+/* ── 우측 거래 탭 — 투자대상과 동일 카드 박스 ── */
+.vtd-trade-history {
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+  height: 100%;
+  box-sizing: border-box;
+}
+
+.vtd-trade-section {
+  flex: 1;
+  min-height: 0;
+  padding: 10px 12px 12px;
+}
+
+.vtd-trade-list {
+  gap: 10px;
+}
+
+.vtd-trade-item {
+  cursor: default;
+}
+
+.vtd-trade-item--click {
+  cursor: pointer;
+}
+
+.vtd-trade-item--click:hover {
+  border-color: color-mix(in srgb, var(--accent, #3f7ef5) 40%, var(--se-border));
+  background: color-mix(in srgb, var(--accent, #3f7ef5) 6%, var(--se-panel-card-bg));
+}
+
+.vtd-trade-item--click:focus-visible {
+  outline: 2px solid color-mix(in srgb, var(--accent, #3f7ef5) 55%, transparent);
+  outline-offset: 2px;
+}
+
+.vtd-trade-item--buy {
+  border-color: color-mix(in srgb, var(--up, #ef5350) 22%, var(--se-border));
+}
+
+.vtd-trade-item--sell {
+  border-color: color-mix(in srgb, var(--down, #26a69a) 22%, var(--se-border));
+}
+
+.vtd-trade-side-badge {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 40px;
+  padding: 4px 10px;
+  border-radius: 6px;
+  font-size: 11px;
+  font-weight: 700;
+  line-height: 1;
+}
+
+.vtd-trade-side-badge--buy {
+  color: var(--up, #ef5350);
+  background: color-mix(in srgb, var(--up, #ef5350) 14%, transparent);
+  border: 1px solid color-mix(in srgb, var(--up, #ef5350) 28%, transparent);
+}
+
+.vtd-trade-side-badge--sell {
+  color: var(--down, #26a69a);
+  background: color-mix(in srgb, var(--down, #26a69a) 14%, transparent);
+  border: 1px solid color-mix(in srgb, var(--down, #26a69a) 28%, transparent);
+}
+
+.vtd-trade-quote {
+  margin-top: 8px;
+}
+
+.vtd-trade-meta-field {
+  margin-top: 6px;
+}
+
+.vtd-trade-meta-field:first-of-type {
+  margin-top: 8px;
+}
+
+.vtd-trade-meta-value {
+  flex: 1;
+  min-width: 0;
+  padding: 5px 8px;
+  border-radius: 8px;
+  border: 1px solid var(--se-border);
+  background: color-mix(in srgb, var(--se-panel-card-bg) 88%, var(--bg2, #12161c));
+  color: var(--se-text);
+  font-size: 12px;
+  font-weight: 500;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.vtd-trade-meta-value--auto {
+  color: var(--accent, #3f7ef5);
+  font-weight: 600;
+  border-color: color-mix(in srgb, var(--accent, #3f7ef5) 28%, var(--se-border));
+  background: color-mix(in srgb, var(--accent, #3f7ef5) 8%, var(--se-panel-card-bg));
+}
+
+.vtd-trade-meta-value--strategy {
+  font-weight: 600;
+}
+
 .vtd-muted {
   font-size: 12px;
   color: var(--se-text-muted);