/* 오실레이터 탭(D-185) — 업종 카드 세로 나열(`js/osc/pane.js`). 칩 버튼은 `controls.css` 의 `.chip`.
   ⚠️ 내보내기 버튼 줄(`.chart-export*`)은 `detail.css` 규칙의 **사본**이다 — 이 페이지는
   상세 스타일시트를 안 부른다(상세 전용 규칙이 표 화면에 새지 않게). 상세 쪽 규칙을 고치면
   여기도 같이 고친다. 이유(문구는 버튼 줄 아래 자기 줄, 빈 때도 한 줄 높이)는 `detail.css` 주석. */

.osc-root { display: grid; gap: var(--gap); }
.osc-bar { display: flex; flex-wrap: wrap; gap: 8px 16px; align-items: center; }
.osc-group { display: inline-flex; flex-wrap: wrap; gap: 4px; }
.osc-note, .osc-foot, .osc-msg { margin: 0; color: var(--ink-soft); font-size: 12.5px; line-height: 1.55; }
.osc-foot { color: var(--ink-faint); }

.osc-list { display: flex; flex-direction: column; gap: 14px; }
.osc-card {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--bg);
  padding: 12px 14px 10px;
  min-width: 0;
}
.osc-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 14px; margin-bottom: 6px; }
.osc-name { margin: 0; font-size: 15px; color: var(--ink); }
.osc-stats { margin: 0; display: flex; flex-wrap: wrap; gap: 2px 12px; font-size: 12px; color: var(--ink-soft); }
.osc-v { font-variant-numeric: tabular-nums; font-weight: 600; color: var(--ink); }
.osc-v.up { color: var(--up); }
.osc-v.down { color: var(--down); }
.osc-chg { color: var(--ink-faint); font-variant-numeric: tabular-nums; }
.osc-canvas { display: block; width: 100%; height: 230px; touch-action: pan-y; }
.osc-tip {
  margin: 4px 0 6px;
  min-height: 1.4em;
  font-size: 11.5px;
  color: var(--ink-faint);
  font-variant-numeric: tabular-nums;
  white-space: pre-wrap;
}

.osc-card .chart-export { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.osc-card .chip.export { font-size: 11.5px; padding: 3px 8px; }
.osc-card .chart-export-status {
  flex: 0 0 100%;
  min-width: 0;
  min-height: 1.4em;
  color: var(--ink-faint);
  font-size: 11px;
}
.osc-card .chart-export-status.is-bad { color: var(--warn); }