전략평가 수정

frontend/src/styles/strategyEvaluation.css

@@ -39,6 +39,7 @@
   flex-shrink: 0;
   position: relative;
   z-index: 20;
+  pointer-events: auto;
   width: 16px;
   height: 56px;
   border: 1px solid var(--se-border);
@@ -76,6 +77,84 @@
   min-width: 0;
 }
 
+/* ── 우측 패널 접기 (좌측과 대칭: 핸들 → 스플리터 → 패널) ─────────────────── */
+.seval-right-wrap {
+  display: flex;
+  flex-direction: row;
+  align-items: stretch;
+  flex-shrink: 0;
+  min-width: 16px;
+  min-height: 0;
+  height: 100%;
+  position: relative;
+  z-index: 8;
+}
+
+.seval-right-splitter {
+  align-self: stretch;
+  flex-shrink: 0;
+}
+
+.seval-right-sidebar.btd-right {
+  width: 0;
+  flex: 0 0 0;
+  min-width: 0;
+  max-width: 0;
+  padding: 0;
+  border-left: none;
+  overflow: hidden;
+  transition:
+    width 0.22s cubic-bezier(0.4, 0, 0.2, 1),
+    flex-basis 0.22s cubic-bezier(0.4, 0, 0.2, 1),
+    max-width 0.22s cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.seval-right-sidebar--open {
+  width: var(--seval-right-width, 440px);
+  flex: 0 0 var(--seval-right-width, 440px);
+  max-width: var(--seval-right-width, 440px);
+  padding: 10px 8px;
+  border-left: 1px solid var(--btd-divider, var(--se-border));
+}
+
+.seval-right-wrap .se-panel-handle {
+  align-self: center;
+  flex-shrink: 0;
+  position: relative;
+  z-index: 20;
+  pointer-events: auto;
+  width: 16px;
+  height: 56px;
+  border: 1px solid var(--se-border);
+  color: var(--se-text-muted);
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: background 0.15s, color 0.15s, box-shadow 0.15s, border-color 0.15s;
+  padding: 0;
+  background: transparent;
+}
+
+.seval-right-wrap .se-panel-handle--right {
+  margin-left: -1px;
+  background: var(--se-bg-elevated, var(--bg2));
+  border-right: none;
+  border-radius: 8px 0 0 8px;
+  box-shadow: -2px 0 10px rgba(0, 0, 0, 0.35);
+}
+
+.seval-right-wrap .se-panel-handle--right:hover {
+  color: var(--se-text);
+  background: var(--se-bg-muted, var(--bg3));
+  box-shadow: -3px 0 14px rgba(0, 0, 0, 0.45);
+}
+
+.seval-right-wrap--open .se-panel-handle--right,
+.seval-right-wrap .se-panel-handle--right.se-panel-handle--open {
+  border-color: color-mix(in srgb, var(--se-accent, #3d9be9) 30%, var(--se-border));
+}
+
 .seval-left-panel {
   height: 100%;
 }