/* 스탠 와인스타인 탭(web/WEINSTEIN.md) — 6패널 세로 쌓기 + Stage 배지·값 줄.
   Stage 색은 js/weinstein-view.js STAGES(캔버스용)와 같은 값이다 — 상승 빨강·하락 파랑(국내 관행). */

#weinstein-panel { --ws-main-h: 460px; --ws-sub-h: 130px; }

.ws-stage-1 { --ws-c: #8a94a6; }
.ws-stage-2 { --ws-c: #d92d20; }
.ws-stage-3 { --ws-c: #b26a00; }
.ws-stage-4 { --ws-c: #1565c0; }

.ws-badge {
  display: inline-block; margin-left: 12px; padding: 3px 10px;
  border: 2px solid var(--ws-c, var(--border)); border-radius: 999px;
  color: var(--ws-c, var(--text-dim)); font-weight: 700; font-size: 13px;
}
.ws-badge-none { border-style: dashed; }

.ws-values {
  display: flex; flex-wrap: wrap; gap: 4px 16px; margin: 10px 0 6px;
  min-height: 1.5em; font-variant-numeric: tabular-nums; font-size: 13px;
}
.ws-val em { font-style: normal; color: var(--text-dim); }
.ws-val small { color: var(--text-dim); font-weight: 400; }
.ws-stage-dot {
  display: inline-block; width: 9px; height: 9px; margin-right: 4px;
  border-radius: 50%; background: var(--ws-c);
}

.ws-msg[hidden] { display: none; }

.ws-panes { display: flex; flex-direction: column; gap: 2px; }
.ws-pane { position: relative; }
/* 패널 사이 얇은 선 — 제목이 위 차트 것인지 아래 차트 것인지 헷갈리지 않게, 제목은 선 «아래»에 붙는다. */
.ws-pane + .ws-pane { margin-top: 6px; padding-top: 4px; border-top: 1px solid var(--border); }
.ws-pane-title {
  margin: 6px 0 2px; font-size: 12px; font-weight: 600; color: var(--text-dim);
}
/* 패널마다 아래에 시간축 글자 줄(약 26px)이 있다 — 그 높이만큼 더 줘서 그림 영역은 그대로 둔다. */
.ws-chart { position: relative; width: 100%; height: calc(var(--ws-sub-h) + 26px); overflow: hidden; }
.ws-pane-main .ws-chart { height: var(--ws-main-h); }

.ws-span { margin-top: 8px; }

@media (max-width: 640px) {
  #weinstein-panel { --ws-main-h: 360px; --ws-sub-h: 110px; }
  .ws-badge { margin-left: 0; margin-top: 6px; }
}