/* ============================================================
   信号页 /signals 页级样式（2026-09-18 第二轮）
   ⛔ 颜色一律走 theme.css 的 CSS 变量；与 /market 的看盘式表格同一视觉语言
   ============================================================ */
.sg-bar { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.sg-bar #sgQ { width: 210px; }
.sg-bar .sg-lb { font-size: 12px; color: var(--text-3); }
.sg-bar select {
  background: var(--input-bg); color: var(--text); border: 1px solid var(--input-border);
  border-radius: var(--radius-sm); padding: 5px 8px; font-variant-numeric: tabular-nums;
}
.sg-count { font-size: 13px; color: var(--text-2); font-variant-numeric: tabular-nums; }
.sg-note { margin: 6px 0 8px; font-size: 12px; color: var(--text-3); }

.sg-scroll {
  max-height: 70vh; overflow: auto;
  border: 1px solid var(--card-border); border-radius: var(--radius);
  background: var(--card); -webkit-overflow-scrolling: touch;
}
table.sgt { width: 100%; border-collapse: separate; border-spacing: 0; table-layout: fixed; }
table.sgt thead th {
  position: sticky; top: 0; z-index: 2;
  background: var(--bg-soft); border-bottom: 1px solid var(--card-border);
  font-weight: 600; white-space: nowrap; cursor: pointer; user-select: none; padding: 7px 6px;
}
table.sgt thead th:hover { color: var(--accent); }
table.sgt thead th.srt { color: var(--accent); }
table.sgt thead th.srt::before { content: '▲'; font-size: 9px; margin-right: 3px; opacity: .9; }
table.sgt thead th.srt.desc::before { content: '▼'; }
.sg-rz { position: absolute; top: 0; right: 0; width: 7px; height: 100%; cursor: col-resize; z-index: 3; }
.sg-rz:hover { background: var(--accent); opacity: .35; }
table.sgt td { border-bottom: 1px solid var(--card-border); padding: 6px; white-space: nowrap; }
table.sgt tbody tr:nth-child(even) { background: var(--bg-soft); }
table.sgt tbody tr:hover { background: var(--row-hover); }
table.sgt td.c-name { overflow: hidden; text-overflow: ellipsis; }
table.sgt td.c-rank { color: var(--text-2); font-variant-numeric: tabular-nums; }
table.sgt td.c-score { font-variant-numeric: tabular-nums; font-weight: 600; color: var(--text); }
table.sgt td.c-px, table.sgt td.c-amt { text-align: right; font-variant-numeric: tabular-nums; color: var(--text-2); }
table.sgt td.c-pct { text-align: right; font-variant-numeric: tabular-nums; font-weight: 600; }
table.sgt td.c-pct.up { color: var(--up); }
table.sgt td.c-pct.down { color: var(--down); }
table.sgt tr.sg-empty td { text-align: center; color: var(--text-3); padding: 26px 8px; }

@media (max-width: 860px) {
  .sg-scroll { max-height: 62vh; }
  table.sgt { min-width: 660px; }
  .sg-bar #sgQ { width: 100%; }
}