/* =========================================
   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 tbody tr:nth-child(-n+3) .dm-rank { color: var(--color-secondary); font-weight: 700; }

.dm-rank-table thead th[data-period] { cursor: pointer; user-select: none; }
.dm-rank-table thead th[data-period]:hover { color: var(--color-secondary); }
.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; }