매매 시그널 알림 화면 수정

frontend/src/App.css

@@ -899,6 +899,28 @@ html.theme-blue {
   height: 100%;
 }
 
+/* 캔들 pane 하단 시간축 (거래량·보조지표가 아래에 있을 때) */
+.candle-pane-time-axis {
+  position: absolute;
+  left: 0;
+  z-index: 12;
+  display: flex;
+  align-items: center;
+  pointer-events: none;
+  border-top: 1px solid var(--border, rgba(42, 46, 58, 0.85));
+  background: color-mix(in srgb, var(--bg, #131722) 88%, transparent);
+  overflow: hidden;
+}
+.candle-pane-time-axis__label {
+  position: absolute;
+  transform: translateX(-50%);
+  font-size: 11px;
+  line-height: 1;
+  color: var(--text2, #787b86);
+  white-space: nowrap;
+  user-select: none;
+}
+
 /* Loading overlay */
 /* 과거 데이터 추가 로드 중 표시 (차트 좌상단 소형 배지) */
 .chart-history-loading {
@@ -9376,6 +9398,21 @@ html.theme-blue {
 .stg-badge--off { background: rgba(158,158,158,0.2); color: var(--text2); margin-left: 8px; }
 .stg-hint { margin: 0 0 8px; padding: 0 4px; font-size: 12px; color: var(--text2); line-height: 1.5; }
 
+.stg-chart-time-format {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  max-width: 360px;
+}
+.stg-chart-time-format-custom {
+  width: 100%;
+  max-width: 280px;
+}
+.stg-chart-time-format-preview {
+  margin-top: 2px;
+  font-family: ui-monospace, monospace;
+}
+
 /* ── 연결 테스트 버튼 ── */
 .stg-btn-test {
   padding: 5px 12px;