/* NEW-157 — Xem nhanh nhóm "banhang": Cơ hội (opportunities.js), Khách hàng (clients.js), Người liên hệ (contacts.js), Account (accounts.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ẻ [data-peek-card], ô .wide, focus thanh bước, ô 16 px / 44 px) đã gộp vào peek.css. */

/* ---- Cơ hội (.peek-opportunities) ---- */
.qv-opp-url dd a { overflow-wrap: anywhere; }                       /* link brief / hợp đồng dài: xuống dòng trong ô, không tràn ngang */
.qv-opp-client { margin-top: 4px; }                                  /* ô chọn khách (clientPicker) dưới lưới ô sửa, rộng cả hàng */
.qv-opp-client .field { max-width: 560px; }
.qv-opp-client .picker-list { max-height: 240px; overflow-y: auto; }
/* đang sửa: bước không đổi được (bấm ⇒ nhắc "Lưu hoặc Huỷ trước", aria-disabled + title do opportunities.js gắn) — mờ đi để không trông như bấm được */
.peek-opportunities .qv-editing .qv-stb .path-step.can { cursor: not-allowed; color: var(--muted); }
.peek-opportunities .qv-editing .qv-stb .path-step.can:hover { background: inherit; color: var(--muted); }
/* Điện thoại: 4 bước không vừa một hàng (form_view.css cho cuộn ngang, ẩn thanh cuộn ⇒ "Làm hợp đồng" / "Thắng" khuất). Trong bảng: chia đều 4 ô,
   nhãn dài xuống 2 dòng — thấy đủ bước, bấm được không cần vuốt. */
@media (max-width: 479.98px) {
  .peek-opportunities .qv-stb .fv-stb { height: auto; overflow: hidden; }
  .peek-opportunities .qv-stb .fv-stb .path-step { flex: 1 1 0; min-width: 0; min-height: 44px; padding: 4px 12px 4px 16px; font-size: 13px; line-height: 1.25;
    white-space: normal; text-align: center; overflow-wrap: anywhere; }
  .peek-opportunities .qv-stb .fv-stb .path-step:first-child { padding-left: 8px; }
  .peek-opportunities .qv-stb .fv-stb .path-step:last-child { padding-right: 8px; }
}

/* Màn cảm ứng (máy tính bảng, điện thoại xoay ngang): bước statusbar là nút đổi stage ⇒ vùng bấm 44 px (dưới 480 px đã có ở khối trên) */
@media (pointer: coarse) {
  .peek-opportunities .qv-stb .fv-stb { height: auto; }
  .peek-opportunities .qv-stb .fv-stb .path-step { min-height: 44px; }
}

/* ---- Khách hàng (.peek-clients) ---- */
.qv-cl-legal { font-size: 13px; overflow-wrap: anywhere; }          /* tên pháp lý · MST dưới thương hiệu */
.qv-cl-nomoney { margin: 10px 0 0; font-size: 13px; }

/* ---- Người liên hệ (.peek-contacts) ---- */
.peek-contacts .qv-f .copyable { min-width: 0; overflow-wrap: anywhere; }
.qv-ct-hint { margin: 0 0 8px; font-size: 12px; }
.qv-ct-hidden { margin: 6px 0 0; font-size: 12px; }
@media (pointer: coarse) {
  .peek-contacts .qv-f .copy-btn { min-height: 44px; min-width: 44px; }
}