/* anh-xem.css — 06/10 gói anh-tructiep: ảnh đính kèm hiện thu nhỏ trong dòng + khung xem lớn (js/anh-xem.js). */
a.pcg-anh { display: inline-flex; flex-direction: column; align-items: flex-start; gap: 3px; max-width: 100%;
  margin: 4px 10px 2px 0; vertical-align: top; color: var(--primary); font-weight: 600; text-decoration: none; }
.pcg-anh-khung { display: block; min-width: 120px; min-height: 90px; max-width: min(260px, 100%); border-radius: 8px;
  overflow: hidden; border: 1px solid var(--line, #dfe3e8); background: var(--grey, #f4f4f4); }
.pcg-anh-khung img { display: block; max-width: 100%; max-height: 180px; width: auto; height: auto; }
a.pcg-anh[data-pcg-anh-st="xong"] .pcg-anh-khung { min-width: 0; min-height: 0; background: transparent; cursor: zoom-in; }
a.pcg-anh[data-pcg-anh-st="xong"]:hover .pcg-anh-khung { border-color: var(--primary); }
.pcg-anh-ten { max-width: 260px; font-size: var(--fs-xs, 12px); line-height: 1.35; overflow-wrap: anywhere; }
.pcg-anh-ten small { color: var(--ink-3, #6b7a88); font-weight: 400; }
a.pcg-anh.pcg-anh-loi { display: inline-block; margin-top: 0; }
a.pcg-anh.pcg-anh-loi .pcg-anh-khung { display: none; }
.pcgc-message-files a.pcg-anh { margin: 0 6px 0 0; }

dialog.pcg-anh-xem { width: 100vw; height: 100vh; height: 100dvh; max-width: 100vw; max-height: 100vh; max-height: 100dvh; margin: 0; padding: 0;
  border: 0; background: rgba(10, 14, 20, .92); color: #fff; }
dialog.pcg-anh-xem[open] { display: flex; flex-direction: column; }
dialog.pcg-anh-xem::backdrop { background: rgba(10, 14, 20, .6); }
.pcg-anh-xem-dau { display: flex; align-items: center; gap: 10px; padding: 10px 14px;
  padding-top: max(10px, env(safe-area-inset-top)); background: rgba(0, 0, 0, .35); }
.pcg-anh-xem-ten { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; }
.pcg-anh-xem-tai, .pcg-anh-xem-dong { flex: none; padding: 7px 14px; border-radius: 8px; font-size: 14px; font-weight: 600;
  line-height: 1.2; text-decoration: none; cursor: pointer; }
.pcg-anh-xem-tai { color: #fff; border: 1px solid rgba(255, 255, 255, .55); background: transparent; }
.pcg-anh-xem-dong { color: #17232f; border: 1px solid #fff; background: #fff; }
.pcg-anh-xem-than { flex: 1; min-height: 0; display: flex; align-items: center; justify-content: center; padding: 12px;
  padding-bottom: max(12px, env(safe-area-inset-bottom)); }
.pcg-anh-xem-than img { max-width: 100%; max-height: 100%; object-fit: contain; border-radius: 4px; background: #fff; }