/* mobile-table.css — Bang du lieu doc duoc tren dien thoai.
   Dung chung cho trang quan tri (main.css), trang cong khai (public.css)
   va trang tinh. Nhan cot do assets/js/mobile-table.js chep vao data-label.
*/
/* ============================================================
   DIEN THOAI — BANG DU LIEU XEP DOC (<=640px)
   Moi dong cua bang thanh 1 the; moi o hien "Tieu de cot: gia tri".
   Nhan cot do mobile-table.js chep tu <th> vao data-label, nen khong
   phai sua tung file JSP. Bang nao khong xep doc duoc thi van cuon ngang.
   ============================================================ */
@media (max-width:640px){
  .m-stack-wrap{overflow-x:visible !important;}
  table.m-stack{display:block !important;width:100%;min-width:0 !important;border:0;box-shadow:none;background:transparent;}
  table.m-stack thead{display:none !important;}
  table.m-stack tbody{display:block !important;}
  table.m-stack tr{
    display:block !important;margin:0 0 10px;padding:4px 14px;background:var(--surface, var(--bg, #fff));
    border:1px solid var(--border, var(--line, #E2E8E5));border-radius:14px;box-shadow:var(--shadow-sm, 0 1px 3px rgba(6,78,59,.08));
  }
  table.m-stack tr:last-child{margin-bottom:0;}
  table.m-stack td{
    display:flex !important;gap:12px;align-items:flex-start;justify-content:space-between;
    width:auto;padding:9px 0;border:0;border-bottom:1px dashed var(--border, var(--line, #E2E8E5));
    text-align:right;font-size:13.5px;white-space:normal;word-break:break-word;
  }
  table.m-stack td:last-child{border-bottom:0;}
  /* Trong the xep doc, moi noi dung deu duoc xuong dong — tranh chu tran ra ngoai */
  table.m-stack td,
  table.m-stack td *{white-space:normal !important;max-width:100%;overflow-wrap:anywhere;}
  table.m-stack td::before{
    content:attr(data-label);flex:0 0 40%;text-align:left;
    font-size:12px;font-weight:600;color:var(--muted, #64748B);line-height:1.5;
  }
  /* O dau tien lam tieu de the */
  table.m-stack td.m-first{
    display:block !important;text-align:left;font-size:15px;font-weight:700;color:var(--heading, var(--ink, #0F2A22));
    padding:10px 0 8px;border-bottom:1px solid var(--border, var(--line, #E2E8E5));
  }
  table.m-stack td.m-first::before{display:none;}
  /* O chua nut bam: trai dai, khong nhan */
  table.m-stack td.m-actions{display:block !important;text-align:left;padding:10px 0;}
  table.m-stack td.m-actions::before{display:none;}
  table.m-stack td.m-actions .actions,
  table.m-stack td.m-actions form{display:flex;flex-wrap:wrap;gap:8px;}
  table.m-stack td.m-actions .btn{flex:1 1 auto;min-height:38px;}
  /* Dong "khong co du lieu" (colspan) */
  table.m-stack td[colspan]{display:block !important;text-align:center;padding:16px 0;}
  table.m-stack td[colspan]::before{display:none;}
  /* O rong: an di cho gon */
  table.m-stack td.m-empty{display:none !important;}

  /* Bang KHONG xep doc duoc (bang 2 cot, bang in) -> cuon ngang, khong pha khung */
  .content-area table:not(.m-stack):not(.detail-table),
  .art table:not(.m-stack), .nd table:not(.m-stack),
  .pub-wrap table:not(.m-stack){display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}

  /* Chu nho khong duoi 12px cho de doc tren dien thoai */
  .cfg-desc,.cfg-label,.hint,.sub,.text-muted,.list-sub,.il-label,.m,.note,small{font-size:12px;}
}