/* Chống chữ đè khung khi cỡ chữ / cỡ hiển thị của điện thoại lớn (tải SAU listings.css).
   Gốc lỗi: các khối dưới đây cao cố định theo màn hình còn chữ thì to lên theo hệ thống.
   Cách sửa: chiều cao cố định → chiều cao TỐI THIỂU (khối tự nở ra), chữ dài tự xuống dòng hoặc cắt "…". */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}

/* Dải thống kê trang chủ: 2 Tin phòng / 5 Phòng trọ / 100% Thông tin… */
.qlt-h2-st{height:auto;min-height:calc(var(--u)*111);padding-top:calc(var(--u)*8);padding-bottom:calc(var(--u)*8)}
.qlt-h2-st b,.qlt-h2-st small{overflow-wrap:anywhere}

/* Ba thẻ Phòng trọ / Nhà nguyên căn / Ở ghép */
.qlt-h2-t{height:auto;min-height:calc(var(--u)*179);min-width:0}
.qlt-h2-t b{white-space:normal;overflow-wrap:anywhere}
.qlt-h2-t em{white-space:normal;margin-top:auto}

/* Thanh tab dưới: nhãn một dòng, quá dài thì "…" */
.qlt-tabs .qlt-tab{height:auto;min-height:calc(var(--qlt-tab-h) - 12px);min-width:0;padding:2px 0;overflow:hidden}
.qlt-tabs .qlt-tab span{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Chip lọc, tiêu đề phần, nút: không tràn ngang màn hình */
.qlt-h2-sh{flex-wrap:wrap;gap:4px 12px}
.qlt-h2-sh h2{min-width:0;overflow-wrap:anywhere}
.qlt-root{overflow-wrap:break-word}

/* ---- Giao diện quản lý trên điện thoại (page-app.php): thanh menu dưới + lưới biểu tượng "Thêm" ---- */
html body .qbn-item{min-width:0;overflow:hidden;text-overflow:ellipsis}
html body .qms-item{min-width:0;overflow-wrap:anywhere}
html body .btn,html body .navbtn{overflow-wrap:anywhere}