/* Điện thoại: hộp con giữ một mũi tên về cha; hộp gốc vẫn có X.
   Chỉ ẩn đúng nút Đóng có tên riêng, giữ node/handler Back cho lịch sử app.
   Cửa sổ PC hẹp, chuột và màn hình cảm ứng lai vẫn giữ hai nút như trước. */
@media (max-width: 859px) and (hover: none) and (pointer: coarse) {
  #hop > .hop-dau.co-lui > .nut-dong-hop,
  #doc > .hop-dau.co-lui > .nut-dong-hop {
    display: none;
  }
}
/* 01.11.2026 (anh Thanh, bao-cao/QUYET-DINH-SUA-01-11.md): HIỆN ‹ (.lui-chinh) ở đầu MỌI màn mở ra trên cả máy cảm ứng – đầu cuộc trò chuyện, khung đọc
   Điều khoản / Chính sách (#doc), hộp con, trang tính năng; vuốt ← và Back của máy vẫn dùng. Bỏ quy định 29.10.2026 "máy cảm ứng ẩn ‹, chỉ vuốt". */
/* 30.10.2026 (anh Thanh): vuốt vòng tròn rồi thì BỎ dấu ✕ trên máy cảm ứng (app Android + Chrome / Safari điện thoại); PC (chuột) giữ ✕.
   ✕ của hộp #hop và khung đọc #doc ẩn vì đã đóng được bằng: ‹ ở đầu (01.11.2026), vuốt phải (app.js ganVuotLui: ‹ của hộp con / khung đọc, hộp gốc = đúng việc của ✕),
   chạm nền ngoài hộp (app.js, chỉ #hop), Back của máy. GIỮ ✕ khi: đang gọi (có #goi), hộp bắt buộc (data-bat-buoc: đặt / đổi PIN khôi phục, xoá tài khoản),
   hộp xác nhận liên kết thiết bị (lien-ket-xn). Các ✕ khác (xem ảnh, người đã xem trạng thái, khay emoji, tìm kiếm, bỏ sửa / trả lời) giữ nguyên. */
@media (pointer: coarse) {
  #hop > .hop-dau > .nut-dong-hop,
  #doc > .hop-dau > .nut-dong-hop { display: none; }
  #hop[data-bat-buoc] > .hop-dau > .nut-dong-hop,
  #hop[data-loai="lien-ket-xn"] > .hop-dau > .nut-dong-hop,
  body:has(#goi) #hop > .hop-dau > .nut-dong-hop { display: inline-flex; }
}
/* 01.11.2026 (anh Thanh, bao-cao/QUYET-DINH-SUA-01-11.md: mở ra chỗ nào cũng có cách thoát NHÌN THẤY ĐƯỢC): ✕ của xem ảnh to / album / xem trạng thái
   (.nut-dong-vuot) HIỆN LẠI trên máy cảm ứng – 2 màn này không có ‹ ở đầu, ảnh to gần như không còn nền đen để chạm, màn trạng thái chạm 2 bên là chuyển.
   Bỏ quy định 31.10.2026 "✕ ẩn trên máy cảm ứng, chỉ vuốt"; vuốt ←, chạm nền, Back của máy vẫn dùng. */

/* Đầu cuộc trò chuyện: ảnh + tên bấm được → hồ sơ / thông tin (app.js veDauChat); tên người gửi trong nhóm cũng bấm được */
#dau-chat [data-dau-ho-so], .tin-ten[role="button"] { cursor: pointer; }

/* Ảnh34px giữ nguyên hình; vùng chạm44px nằm trên chính phần tử có handler hồ sơ. */
#dau-chat > .anh-dai[data-dau-ho-so] { position: relative; }
#dau-chat > .anh-dai[data-dau-ho-so]::after { content: ""; position: absolute; inset: -5px; border-radius: 50%; }
@media (max-width: 420px) {
  /* Nút cạnh ảnh nhô4px: gap8px + lề1px đủ cho 5+4px, hai vùng không đè nhau. */
  #dau-chat:has(.nut-vitri) > .anh-dai[data-dau-ho-so] { margin-inline: 1px; }
}

/* Hồ sơ bạn mở từ đầu cuộc: nút ⋮ Tuỳ chọn ở góc phải hàng ảnh + tên (app.js hopTuyChon) */
.nut-tuy-chon { margin-left: auto; font-size: 1.4rem; line-height: 1; }
.hang-nut-doc { flex-direction: column; align-items: stretch; }