/* ==========================================================
   ATOSY SUBJECT TABLE COLUMN BALANCE V2

   1. Mã Chủ thể: đủ rộng để hiện toàn bộ mã
   2. Tên Chủ thể: nhận phần rộng còn lại
   3. Cấp độ Chủ thể: giữ nguyên
   4. Trạng thái: giữ nguyên

   Toàn bộ bảng luôn nằm trong khung.
   ========================================================== */


/* BẢNG LUÔN NẰM TRONG KHUNG */
html body #subject-full-page table.subject-full-table {
  width: 100% !important;
  max-width: 100% !important;

  table-layout: fixed !important;
}


/* ==========================================================
   CỘT 1 — MÃ CHỦ THỂ
   ========================================================== */

html body #subject-full-page table.subject-full-table
th:nth-child(1),

html body #subject-full-page table.subject-full-table
td:nth-child(1) {

  width: 132px !important;
  min-width: 132px !important;
  max-width: 132px !important;

  white-space: nowrap !important;
}


/* MÃ KHÔNG BỊ ... */

html body #subject-full-page table.subject-full-table
td:nth-child(1) .subject-code {

  display: block !important;

  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;

  white-space: nowrap !important;

  overflow: visible !important;
  text-overflow: clip !important;
}


/* HEADER "MÃ CHỦ THỂ" KHÔNG BỊ ... */

html body #subject-full-page table.subject-full-table
th:nth-child(1) {

  overflow: visible !important;
  text-overflow: clip !important;
}


/* ==========================================================
   CỘT 2 — TÊN CHỦ THỂ

   Không cố định px.
   Nó tự nhận phần diện tích còn lại của bảng.
   ========================================================== */

html body #subject-full-page table.subject-full-table
th:nth-child(2),

html body #subject-full-page table.subject-full-table
td:nth-child(2) {

  width: auto !important;

  min-width: 0 !important;
  max-width: none !important;
}


/* Tên dài vẫn có thể ... thay vì làm bung bảng */

html body #subject-full-page table.subject-full-table
td:nth-child(2) {

  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}


/*
   KHÔNG ĐỤNG VÀO:
   nth-child(3) = Cấp độ Chủ thể
   nth-child(4) = Trạng thái

   Hai cột đó tiếp tục dùng kích thước hiện tại.
*/