/* NEW-157 — Xem nhanh nhóm "duan": Dự án (projects.js), Hợp đồng khung (frameworks.js), Phụ lục (contracts.js).
   File RIÊNG của nhóm này (index.html đã nạp sẵn, sau peek.css). Lớp CSS tiền tố .qv-<màn>- (VD .qv-opp-, .qv-cl-); chỉ dùng biến màu của app.css
   (sáng + tối). Phần dùng chung (ô 16 px / 44 px, thanh bước cuộn ngang + chữ 12 px dưới 380 px) đã gộp vào peek.css. */

/* Tiêu đề phụ "Người phụ trách" trong form Sửa (Dự án, Phụ lục): nhóm ô chọn người dưới lưới ô chính */
.qv-form .qv-pj-sub, .qv-form .qv-pl-sub { margin: 12px 0 6px; padding-top: 10px; border-top: 1px solid var(--line-2); }
/* Ghi chú dự án dài: tối đa 4 dòng trong bảng (đầy đủ ở tab Thông tin) */
.qv-pj-note dd { white-space: pre-wrap; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
/* Câu giải thích dưới khối Tiền (Dự án) / Thông tin (Hợp đồng khung) */
.qv-pj-hint, .qv-fw-hint { margin: 10px 0 0; font-size: 12px; line-height: 1.5; }
.qv-fw-links { margin: 4px 0 0; }

/* Dòng của chính bản ghi trong khối "liên quan" (Phụ lục cùng số hợp đồng): chữ thường, không phải link */
.qv-rel-list .qv-cur { font-weight: 600; color: var(--ink); }
.qv-rel-list .qv-cur-tag { font-size: 12px; }

/* Hợp đồng khung — giữ chỗ hàng nút khi bảng còn vẽ từ dòng danh sách (cao bằng một nút) ⇒ nội dung không nhảy khi "+ Phụ lục" hiện ra */
.qv-acts.qv-fw-wait { min-height: 36px; }
@media (pointer: coarse) { .qv-acts.qv-fw-wait { min-height: 44px; } }
/* Hợp đồng khung — mỗi dự án một dòng "mã · tên", tên dài cắt bằng dấu …, tên đầy đủ ở title */
.qv-fw-v .qv-fw-pj { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }