전략평가 시간봉 시간 표시 위치 수정

frontend/src/components/StrategyEvaluationPage.tsx

@@ -834,6 +834,16 @@ function StrategyEvaluationPageInner({ theme = 'dark' }: Props) {
           </div>
         </div>
         <div className="seval-top-toolbar__main">
+          <div className="seval-top-toolbar__status">
+            {selectedBarTimeSec != null && (
+              <time
+                className="seval-selected-bar-time"
+                dateTime={new Date(selectedBarTimeSec * 1000).toISOString()}
+                title="현재 선택 봉 시각"
+              >
+                {new Date(selectedBarTimeSec * 1000).toLocaleString('ko-KR')}
+              </time>
+            )}
             {selectedStrategy && signalScanRunning && (
               <span className="seval-header-analysis-busy">시그널 계산 중…</span>
             )}
@@ -872,6 +882,7 @@ function StrategyEvaluationPageInner({ theme = 'dark' }: Props) {
               </span>
             )}
           </div>
+        </div>
         <div className="seval-top-toolbar__right" aria-hidden />
       </header>
 

frontend/src/components/strategyEvaluation/StrategyEvaluationChart.tsx

@@ -768,10 +768,14 @@ const StrategyEvaluationChart: React.FC<Props> = ({
               </option>
             ))}
           </select>
-          {selectedBar && (
+          {chartFullscreen && selectedBar && (
-            <span className="seval-chart-bar-time">
+            <time
+              className="seval-selected-bar-time"
+              dateTime={new Date(selectedBar.time * 1000).toISOString()}
+              title="현재 선택 봉 시각"
+            >
               {new Date(selectedBar.time * 1000).toLocaleString('ko-KR')}
-            </span>
+            </time>
           )}
           {strategy && backtestRunning && (
             <span className="seval-chart-backtest-busy">시그널 계산 중…</span>

frontend/src/styles/strategyEvaluation.css

@@ -40,6 +40,15 @@
   padding: 0 10px;
 }
 
+.seval-top-toolbar__status {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 10px;
+  min-width: 0;
+  flex-wrap: wrap;
+}
+
 .seval-top-toolbar__right {
   flex: 0 0 16px;
   width: 16px;
@@ -474,6 +483,7 @@
   min-width: 120px;
 }
 
+.seval-selected-bar-time,
 .seval-chart-bar-time {
   display: inline-flex;
   align-items: center;
@@ -485,6 +495,7 @@
   border: 1px solid color-mix(in srgb, var(--btd-gold, var(--se-gold)) 35%, var(--se-border));
   background: color-mix(in srgb, var(--btd-gold, var(--se-gold)) 8%, transparent);
   white-space: nowrap;
+  font-variant-numeric: tabular-nums;
 }
 
 .seval-chart-bar-time--loading {