/* XLTC-1 (06/10) — Xử lý tại chỗ trong Hộp việc (js/ui-xltc.js).
   Mọi luật chỉ áp trong khung [data-hv-xltc] (phần tử anh em sau hàng nút của ô đọc) hoặc lớp hv-xltc-rong của .hv.
   Ghi đè màn rà soát khi vẽ trong khung: không cuộn lồng (dùng thanh cuộn của ô đọc .hv-read), đầu thẻ dính khi cuộn. */
.hv-xltc { border-top: 1px solid var(--hv-bd, #e5e7eb); padding: 8px 14px 16px; background: var(--hv-card, #fff); min-width: 0; }
.hv-xltc[hidden] { display: none; }
.xltc-dau { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; position: sticky; top: 0; z-index: 4; background: var(--hv-card, #fff); padding: 6px 0; border-bottom: 1px solid var(--hv-bd, #e5e7eb); }
.xltc-the { display: flex; gap: 4px; flex-wrap: wrap; flex: 1 1 auto; min-width: 0; }
.xltc-the-b { border: 1px solid var(--hv-bd, #d6dbe3); background: transparent; border-radius: 999px; padding: 4px 12px; font-size: 13px; cursor: pointer; color: inherit; }
.xltc-the-b.on { background: #1F4E79; border-color: #1F4E79; color: #fff; font-weight: 600; }
.xltc-cong { display: flex; gap: 6px; flex: 0 0 auto; }
.xltc-bao { background: #FFF7E6; border: 1px solid #f0d9a8; border-radius: 6px; padding: 7px 10px; margin: 8px 0; font-size: 13px; line-height: 1.5; color: #1f2937; }
/* hd-khung-v31 E2E: nền hộp báo luôn sáng nên đặt màu chữ tối; trước đây chữ kế thừa màu của khung điện thoại, gần như không đọc được ở 390px */
.xltc-bao-do { background: #fef2f2; border-color: #fecaca; }
.xltc-cho { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; padding: 12px; border: 1px dashed var(--hv-bd, #c9d3e0); border-radius: 8px; font-size: 13px; }
.xltc-than { padding-top: 8px; min-width: 0; }
.xltc-loi { color: #b91c1c; font-size: 13px; margin-top: 6px; }
.xltc-loi:empty { display: none; }
.xltc-nut { display: flex; gap: 8px; justify-content: flex-end; flex-wrap: wrap; margin-top: 10px; }
.xltc-nhan { display: block; font-weight: 600; font-size: 13px; margin: 10px 0 4px; }
.xltc-abc textarea, .xltc-abc select { width: 100%; box-sizing: border-box; }
.xltc-abc-dau { font-size: 13px; margin-bottom: 6px; }
.xltc-kq { border: 1px solid #cfe0f7; background: #F4F8FD; border-radius: 8px; padding: 8px 11px; font-size: 13px; }
.xltc-bm { border: 1px solid var(--hv-bd, #d6dbe3); border-radius: 8px; padding: 10px 12px; }
.xltc-bm-dau { font-weight: 700; color: #1F4E79; margin-bottom: 8px; }
.xltc-luoi { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 12px; }
.xltc-luoi .full { grid-column: 1 / -1; }
.xltc-luoi input:not([type="file"]), .xltc-luoi select, .xltc-luoi textarea { width: 100%; box-sizing: border-box; }
.xltc-xemgia { padding: 2px 10px; }

/* Nội dung màn rà soát vẽ trong khung: không giới hạn chiều cao riêng, đầu thẻ khối dính dưới thanh thẻ con. */
[data-hv-xltc] .hd-ktab-head { margin: 0; position: sticky; top: 44px; z-index: 3; background: var(--hv-card, #fff); }
[data-hv-xltc] .hd2doc, [data-hv-xltc] .hd2side, [data-hv-xltc] #hd2side, [data-hv-xltc] .vb2doc { max-height: none; overflow: visible; }
[data-hv-xltc] .hd-ed, [data-hv-xltc] .xltc-ed { display: block; height: auto; min-height: 0; }
[data-hv-xltc] .hdc-r01-body { display: block; max-height: none; overflow: visible; }
@container hvdoc (max-width: 980px) {
  [data-hv-xltc] .hd2wrap { display: block; }
  [data-hv-xltc] .hd2wrap > #hd2side, [data-hv-xltc] .hd2wrap > .hd2side { width: auto; margin-top: 12px; }
}

/* "Mở rộng": cột danh sách thu thành dải hẹp để ô đọc rộng hơn (nhớ trong phiên — sessionStorage xltc_rong).
   tra-no N8 (RVD-03, 14/10): bề rộng dải là biến --hv-xltc-dai, dùng chung với lưới 4 cột của css/lichhop.css. */
.hv { --hv-xltc-dai: 72px; }
.hv.hv-xltc-rong .hv-grid { grid-template-columns: var(--hv-cot1) var(--hv-xltc-dai) minmax(0, 1fr); }
.hv.hv-xltc-rong .hv-list .hv-row { padding-left: 6px; padding-right: 6px; }
.hv.hv-xltc-rong .hv-list .hv-l4, .hv.hv-xltc-rong .hv-list .hv-gio, .hv.hv-xltc-rong .hv-list .hv-nhom { display: none; }

/* XLTC-2 (13/10) — thẻ chủ trì / Ban TGĐ (th, pc, tgd, ky) và biểu mẫu Trình / Ký tại chỗ (st.hbm, ĐẦU .xltc-than). */
.xltc-st { min-width: 0; }
.xltc-bao-vang { background: #FFF7E6; border-color: #f0d9a8; }
.xltc-bm + .xltc-st, .xltc-bm + .hdc-r01-body, .xltc-bm + .vb-chitiet { margin-top: 10px; }
.xltc-trinh textarea, .xltc-trinh select { width: 100%; box-sizing: border-box; }

/* XLTC-2 §6 — khung trong luồng hồ sơ trên điện thoại (.mbhv-luong [data-xltc-mb]); 375px không cuộn ngang trang. */
.mbhv-luong [data-xltc-mb] { padding: 8px 12px 12px; border-top: 1px solid var(--line, #e5e7eb); background: #fff; min-width: 0; max-width: 100%; box-sizing: border-box; overflow-x: hidden; }
.mbhv-luong [data-xltc-mb][hidden] { display: none; }
.mbhv-luong [data-xltc-mb] .xltc-dau { position: static; }
@media (max-width: 600px) {
  .mbhv-luong [data-xltc-mb] .hd2doc, .mbhv-luong [data-xltc-mb] .hd2side { min-width: 0; }
  .mbhv-luong [data-xltc-mb] .hd-ktab-head { position: static; }
  .mbhv-luong [data-xltc-mb] .tb, .mbhv-luong [data-xltc-mb] .ds-tbl { display: block; width: 100%; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .mbhv-luong [data-xltc-mb] .ds-stats { display: flex; flex-direction: column; gap: 6px; }
  .mbhv-luong [data-xltc-mb] .trinhky-split { display: block; }
  .mbhv-luong [data-xltc-mb] .xltc-luoi { grid-template-columns: minmax(0, 1fr); }
  .mbhv-luong [data-xltc-mb] img, .mbhv-luong [data-xltc-mb] pre { max-width: 100%; }
  .mbhv-luong [data-xltc-mb] .neo-nut, .mbhv-luong [data-xltc-mb] .xltc-nut { flex-wrap: wrap; }
  html dialog#dlg.hd-wide { width: 100%; max-width: 100%; }   /* thắng app.css .dlg.hd-wide (96vw) khi bản đầy đủ mở từ luồng */
}