/* ============================================================================
   Chữ trong ô bảng ở CHẾ ĐỘ TỐI — bản vá DÙNG CHUNG cho cả hai khu.

   ── Bệnh ───────────────────────────────────────────────────────────────────
   CUBA khai trong `assets/css/style.css`:

       .table th { color: #404040; font-weight: 500; }
       .table td { color: #404040; }

   Hai luật ấy gắn THẲNG vào <th>/<td> nên chúng THẮNG màu kế thừa mà chế độ
   tối đặt ở tầng trên (`.dark-only .table { color: #e2e8f0 }` của
   layouts/frontend, hay màu thân thẻ của khu quản trị). Hệ quả đo được bằng
   Chrome ngày 04/09/2026, 14 màn khu người dùng: ô thân bảng rgb(64,64,64)
   trên nền thẻ rgb(38,41,50) — tương phản **1,40:1**, gần như không đọc nổi,
   trong khi dòng tiêu đề vẫn trắng.

   Khu quản trị phần lớn KHÔNG dính, vì style.css có sẵn một luật rất sâu
   (`body.dark-only .page-wrapper .page-body-wrapper .page-body
     .card:not(.email-body) .table td`) cho ra rgba(255,255,255,0.6) ≈ 6,21:1.
   Nhưng luật ấy chỉ chạy khi bảng nằm ĐÚNG trong `.page-body .card`; bảng nằm
   ngoài thì vẫn hỏng — đo được 64 ô rgb(38,41,50) trên rgb(38,41,50), tức
   **1,00:1**, ở bảng đối thủ màn /admin/tender/competitor.

   ── Vì sao vá ở đây, không vá chỗ khác ─────────────────────────────────────
   · KHÔNG sửa `style.css`: tệp của bên thứ ba, mọi bảng của mọi màn đang dựa
     vào nó, và lần nâng cấp template sau sẽ ghi đè.
   · KHÔNG đặt vào `admin-custom.css`: tệp đó chỉ có `layouts/admin` nạp.
     `layouts/frontend` — nơi 45 trong 58 view khu người dùng đi qua — KHÔNG
     nạp nó, nên đặt ở đấy là không chữa được đúng những màn đang hỏng.
   · KHÔNG viết thẳng vào thẻ <style> của `layouts/frontend`: chỗ ấy chỉ khu
     người dùng thấy, mà bệnh có ở CẢ hai khu.
   Một tệp riêng, cả hai layout cùng nạp, là chỗ duy nhất phủ hết.

   ── Vì sao `inherit` chứ không phải một mã màu ─────────────────────────────
   Mỗi khu ĐÃ tự khai màu chữ bảng của mình cho chế độ tối. Việc còn thiếu chỉ
   là để ô bảng NHẬN màu ấy thay vì bị #404040 chặn lại. Viết một mã màu mới ở
   đây là đẻ ra màu thứ ba, và là đổi diện mạo của khu quản trị — nơi đang
   đúng. `inherit` chữa đúng phần hỏng và không chạm phần lành.

   Độ đặc hiệu (0,2,1) vừa đủ thắng `.table td` (0,1,1) của CUBA và thấp hơn
   luật sâu (0,6,2) của khu quản trị — nên khu quản trị giữ nguyên rgba(255,
   255,255,0.6) ở mọi bảng nằm trong thẻ. KHÔNG dùng `!important`.

   Chỉ chạm chế độ TỐI: mọi luật đều nằm sau `.dark-only`. Đã đo lại chế độ
   sáng, 19 màn, không ô nào đổi màu.

   Lớp `dark-only` khu người dùng gắn lên CẢ <html> LẪN <body> (xem
   layouts/frontend.blade.php ~dòng 905–913), khu quản trị chỉ gắn lên <body>.
   Bộ chọn để trần `.dark-only` nên đúng cho cả hai.
   ========================================================================= */
.dark-only .table th,
.dark-only .table td {
    color: inherit;
}

/* ---------------------------------------------------------------------------
   Dòng được TÔ NHẤN (`.table-primary`) ở chế độ tối, khu quản trị.

   CUBA đặt `color: #262932` cho ô của dòng tô nhấn khi bảng nằm trong
   `.page-body .card` — màu ấy đúng cho một dòng có nền SÁNG. Nhưng ở chế độ
   tối, nền dòng ấy chỉ là một lớp phủ 40% (`rgba(115,102,255,0.4)`) trên mặt
   thẻ TỐI, nên thành chữ đen trên nền tối. Đo bằng Chrome 04/09/2026 ở
   /admin/tender/competitor?q=Lamotrigine: **64 ô** (8 dòng "công ty của tôi" ×
   8 cột) tương phản **1,00–1,63:1**. Bệnh có TỪ TRƯỚC lượt này.

   Bộ chọn dưới đây chép ĐÚNG bộ chọn của CUBA (độ đặc hiệu 0,8,2) rồi thắng
   bằng thứ tự nạp — không nống độ đặc hiệu bằng `!important`, và không đụng
   luật gốc.

   Chỉ chép phần `.table-primary`. Sáu lớp cùng họ kia (`table-secondary`,
   `table-success`, `table-info`, `table-warning`, `table-light`,
   `table-danger`) KHÔNG chép vào: `.table-primary` là lớp duy nhất được dùng
   làm dòng tô nhấn trong toàn bộ `resources/views` (1 chỗ,
   `_competitor-market.blade.php`), còn `table-light` — 51 tệp — đều dùng cho
   `<thead>` và đo được vẫn ≥ 4,5:1. Sửa cái chưa hỏng là đoán.
   ------------------------------------------------------------------------- */
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-primary th,
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-primary td {
    color: inherit;
}

/* Và gỡ nốt màu đen mà chính CHÍNH DÒNG đang mang.

   Bootstrap khai `.table-primary { --bs-table-color: #000; color: var(--bs-table-color) }`
   trên <tr>. Nếu chỉ cho ô `inherit` thì ô đi lấy đúng màu đen ấy của dòng —
   đo được rgb(0,0,0) trên nền phủ tím, **1,45:1**, còn tệ hơn trước. Cho CẢ
   dòng `inherit` nữa thì màu đi ngược lên tới `body.dark-only .table` (khu
   quản trị: rgba(255,255,255,0.87)) hoặc `.dark-only .table` (khu người dùng:
   #e2e8f0) — vẫn không có mã màu nào mới. Đo lại: **6,9:1**. */
.dark-only .table .table-primary {
    color: inherit;
}
