/* dashboard.css — bổ sung riêng cho trang Dashboard */

.dash-head { margin: 24px 0; }

.dash-2col {
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 920px) {
  .dash-2col { grid-template-columns: 1fr; }
}

/* Thanh tiến độ theo khu vực */
.region-bars { display: grid; gap: 16px; margin-top: 8px; }
.region-row .region-top {
  display: flex; justify-content: space-between; align-items: baseline;
  margin-bottom: 6px; font-size: 14px;
}
.region-row .region-name { font-weight: 600; }
.region-row .region-pct { font-variant-numeric: tabular-nums; }

/* Hàng xếp hạng: cột % có badge màu */
table.data td .pct-badge { min-width: 56px; text-align: center; }
table.data td.rank { font-weight: 700; color: var(--text-muted); width: 36px; }
.rank-1 { color: #fcd34d !important; }
.rank-2 { color: #cbd5e1 !important; }
.rank-3 { color: #fdba74 !important; }

.loading { opacity: .5; pointer-events: none; }
canvas { max-width: 100%; }

/* Phân trang bảng xếp hạng */
.pager { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; margin-top: 12px; }
.pager button[disabled] { opacity: .4; cursor: not-allowed; }
.pager-info { font-size: 13px; color: var(--text-muted); margin: 0 4px; }