/* Trang Báo cáo — chỉ phần riêng của trang (thanh lọc, lưới nổi bật, bảng xếp thẻ trên điện thoại, phân trang).
   Đầu trang, tiêu đề khối, thẻ tin, tag, badge, bảng, nút: dùng components.css */

.bc-meta p { margin-bottom: var(--s1); }

/* Báo cáo nổi bật: 3 báo cáo mới nhất, chia đều 3 cột (dữ liệu không có tóm tắt nên không dùng thẻ lớn) */
.bc-featured { display: grid; gap: var(--s4); }
@media (min-width: 1024px) { .bc-featured { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.bc-featured .news-card { color: inherit; text-decoration: none; }
.bc-featured a.news-card:hover .news-title { color: var(--ink); text-decoration: underline; }
.bc-card-top { display: flex; align-items: center; justify-content: space-between; gap: var(--s2); }
.bc-ticker { font-size: 14px; font-weight: 700; color: var(--ink); letter-spacing: .02em; }
.bc-source { font-weight: 400; color: var(--text-2); letter-spacing: 0; }

/* Bảng báo cáo */
.bc-table .bc-date { white-space: nowrap; color: var(--text-2); }
.bc-table .bc-code { white-space: nowrap; color: var(--ink); }
.bc-row-title { display: block; font-weight: 600; color: var(--text); }
.bc-row-src { display: block; font-size: 13px; color: var(--text-2); }
.bc-table td { vertical-align: middle; }
.bc-table .bc-type { white-space: nowrap; }
.bc-list .how-to-read { margin-top: var(--s4); }
.bc-none, .bc-nolink { color: var(--text-2); }

/* Điện thoại: mỗi dòng thành một thẻ xếp chồng, không cuộn ngang */
@media (max-width: 639px) {
  .bc-list .table-wrap { overflow: visible; }
  .bc-table, .bc-table tbody, .bc-table tr, .bc-table td { display: block; }
  .bc-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .bc-table tbody tr {
    display: grid; grid-template-columns: auto 1fr auto; grid-template-areas:
      "code date pdf" "title title title" "type verdict verdict";
    gap: var(--s1) var(--s2); align-items: center;
    padding: var(--s3) 0; border-bottom: 1px solid var(--border);
  }
  .bc-table tbody tr:first-child { padding-top: 0; }
  .bc-table tbody tr:hover td { background: none; }
  .bc-table td { padding: 0; border: 0; }
  .bc-table .bc-code { grid-area: code; }
  .bc-table .bc-date { grid-area: date; font-size: 13px; }
  .bc-table .bc-pdf { grid-area: pdf; }
  .bc-table .bc-title-cell { grid-area: title; }
  .bc-table .bc-type { grid-area: type; }
  .bc-table .bc-verdict { grid-area: verdict; justify-self: end; }
}

/* Phân trang */
.bc-pager { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: var(--s2); margin-top: var(--s6); }
.bc-pages { list-style: none; display: flex; align-items: center; gap: var(--s2); }
.bc-page { min-width: 40px; padding-left: var(--s3); padding-right: var(--s3); font-variant-numeric: tabular-nums; }
.bc-page[aria-current="page"] { background: var(--primary-bg); border-color: var(--primary-bg); color: var(--primary-fg); }
.bc-pager-step:disabled { opacity: .4; pointer-events: none; }
.bc-pager[hidden] { display: none; }
.bc-gap { color: var(--text-2); padding: 0 var(--s1); }
@media (max-width: 639px) {
  .bc-page { min-width: 44px; }
  .bc-pager, .bc-pages { gap: var(--s1); }
  .bc-page-opt { display: none; }
}