/* =========================================
   rankings.css — 績效排行頁(performance.html)
   複用 dividend-map.css 的 dm-table / dm-chip / dm-up/down;此檔只補排行專屬樣式
   ========================================= */

.dm-rank-table { min-width: 860px; }
.dm-rank-table th, .dm-rank-table td { padding: var(--space-3) var(--space-3); }
.dm-rank {
  width: 2.5rem; text-align: center;
  color: var(--color-text-light); font-variant-numeric: tabular-nums;
}
/* 前三名看名次值,不看列序 —— 改依代號/類型排時第一列不見得是第一名 */
.dm-rank-table .dm-rank.is-top { color: var(--color-secondary); font-weight: 700; }
.dm-rank-table th.dm-hot, .dm-rank-table td.dm-hot { background: var(--color-surface-container-high); }
.dm-rank-table th.dm-hot { color: var(--color-primary); }

.dm-sym a { color: var(--color-on-surface); text-decoration: none; }
.dm-sym a:hover { color: var(--color-secondary); text-decoration: underline; }

.dm-rank-table td.dm-name { max-width: 12rem; overflow: hidden; text-overflow: ellipsis; }