/* NEW-157 — Xem nhanh nhóm "baogia": Báo giá (quotations.js), Plan (plan_orders.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 (thẻ Kanban [data-peek-card], dòng liên quan chỉ đọc .qv-rel-t, ô 16 px / 44 px) đã gộp vào peek.css. */

/* ---- Báo giá (.peek-quotations): hộp thông báo của trang báo giá (trả về / không tự duyệt / link khách xem) dưới thanh bước ---- */
.qv-qt-notes:empty { display: none; }
.qv-qt-notes { margin: 10px 0 0; }
.qv-qt-notes .msg { margin: 0 0 8px; overflow-wrap: anywhere; }
.qv-qt-notes .qt-linkbox { margin: 0 0 8px; }
/* form Sửa: ô nhiều dòng (điều khoản, ghi chú) chiếm cả hàng — không bị ép vào một cột hẹp */
.peek-quotations .qv-fgrid .field:has(textarea), .peek-plan-orders .qv-fgrid .field:has(textarea) { grid-column: 1 / -1; }
@media (max-width: 479.98px) {
  .qv-qt-notes .qt-linkrow { flex-wrap: wrap; }   /* điện thoại: ô link chiếm hàng riêng, nút Chép / Mở xuống dưới */
  .qv-qt-notes .qt-linkrow input { flex-basis: 100%; }
}
@media (pointer: coarse) {
  .qv-qt-notes .qt-linkrow .btn { min-height: 44px; }
  .qv-qt-notes .qt-linkrow input { min-height: 44px; font-size: 16px; }   /* ô link khách xem: chạm để bôi chọn / xem hết link */
}

/* ---- Plan (.peek-plan-orders): số ngày ở bước hiện tại cạnh nhãn stage ---- */
.qv-po-days { font-size: 13px; align-self: center; }