추세검색 설정 수정

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);