전략평가 상단툴바

frontend/src/styles/strategyEvaluation.css

@@ -1,5 +1,55 @@
 /* ── 전략 평가 — btd-page 레이아웃 위 보조 스타일 ─────────────────────────── */
 
+/* 상단 툴바 — btd-body 열 너비와 맞춤, 항상 표시 */
+.seval-top-toolbar {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  flex-shrink: 0;
+  padding: 6px 0;
+  min-height: 44px;
+  visibility: visible;
+  opacity: 1;
+}
+
+.seval-top-toolbar__left {
+  flex: 0 0 auto;
+  width: auto;
+  min-width: min-content;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  box-sizing: border-box;
+  padding: 0 10px 0 18px;
+}
+
+.seval-page--left-open .seval-top-toolbar__left {
+  flex: 0 0 calc(var(--seval-left-width, 380px) + 16px + 4px);
+  width: calc(var(--seval-left-width, 380px) + 16px + 4px);
+  padding: 0 8px 0 8px;
+}
+
+.seval-top-toolbar__main {
+  flex: 1;
+  min-width: 0;
+  min-height: 30px;
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  padding: 0 10px;
+}
+
+.seval-top-toolbar__right {
+  flex: 0 0 16px;
+  width: 16px;
+}
+
+.seval-page--right-open .seval-top-toolbar__right {
+  flex-basis: calc(var(--seval-right-width, 440px) + 16px + 4px);
+  width: calc(var(--seval-right-width, 440px) + 16px + 4px);
+}
+
 /* ── 좌측 패널 접기 ───────────────────────────────────────────────────────── */
 .seval-left-wrap {
   display: flex;
@@ -216,15 +266,8 @@
   overflow-y: auto;
 }
 
-.seval-left-panel-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 8px;
-  flex-shrink: 0;
-  padding: 2px 2px 10px;
-  margin-bottom: 2px;
-  border-bottom: 1px solid var(--btd-divider, var(--se-border));
+.seval-left-panel {
+  padding-top: 2px;
 }
 
 .seval-left-panel-title {
@@ -334,15 +377,6 @@
   padding: 8px 10px;
 }
 
-.seval-chart-summary-bar {
-  flex-shrink: 0;
-  display: flex;
-  justify-content: flex-end;
-  align-items: center;
-  min-height: 34px;
-  padding: 0 2px 6px;
-}
-
 .seval-main-content .seval-chart {
   flex: 1;
   min-height: 0;