/*
 * Tiêu đề cột một kiểu cho mọi bảng (Chuẩn chung › Bảng: chữ nhỏ viết hoa màu
 * xám — 16/10 câu 11, user duyệt theo đề xuất 17/10; foundation Slice 76).
 *
 * Nạp cho mọi trang của khung admin (`UNFOLD["STYLES"]`), nên mọi bảng vẽ bằng
 * khuôn bảng của Unfold theo một lần ở đây, không sửa từng màn:
 *   - danh sách admin và Khuôn màn danh sách (`#result_list`, cả danh sách
 *     nhóm của Công việc);
 *   - bảng của Unfold (`unfold/components/table.html`, trang Lịch sử) — lớp
 *     `border-spacing-none border-separate` là dấu của khuôn bảng ấy;
 *   - bảng inline dạng bảng (`table.formset`);
 *   - đầu bảng của Khuôn màn tổng quan (`.overview-card__head`, Slice 57 — kiểu
 *     này lấy từ nó).
 * Bảng tự viết của module dùng cùng kiểu bằng cách vẽ theo khuôn bảng của Unfold.
 * Unfold tô tiêu đề chữ đậm màu chữ chính bằng lớp Tailwind; quy tắc ở đây đứng
 * ngoài lớp `@layer` của Tailwind nên thắng.
 */
#result_list > thead > tr > th,
table.border-spacing-none.border-separate > thead > tr > th,
table.formset > thead > tr > th,
.overview-card__head {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  text-transform: uppercase;
  color: var(--color-base-500);
}
.dark #result_list > thead > tr > th,
.dark table.border-spacing-none.border-separate > thead > tr > th,
.dark table.formset > thead > tr > th,
.dark .overview-card__head {
  color: var(--color-base-400);
}
/* Chữ tiêu đề là link xếp cột: theo màu của tiêu đề, không màu link (nút xếp
 * và nút bỏ xếp cạnh nó giữ màu riêng của Unfold). */
#result_list > thead > tr > th .text > a {
  color: inherit;
}