/* Giao diện công cụ gọn trên điện thoại (2026-11-05). Chỉ ≤600px. Mục tiêu: tối đa 1 lớp viền quanh nội dung đọc. */
@media (max-width: 600px) {
  /* 1. Lề trang công cụ: cột 15px + col-inner 6px → 10px */
  html body:is(.tpv-page, .tpv-dong) #main .row-main > .col { padding-left: 10px; padding-right: 10px; }
  /* hàng UX Builder lồng bên trong dùng lề âm -15px để bù lề cột 15px → bù đúng 10px */
  html body:is(.tpv-page, .tpv-dong) #main .row-main > .col .row:not(.row-collapse) { margin-left: -10px; margin-right: -10px; }
  html body:is(.tpv-page, .tpv-dong) #main .row-main > .col > .col-inner,
  html body:is(.tpv-page, .tpv-dong) #main .col-inner:has(.tpv-tsh, .tpv-tv, .tpv-bt, .tpv-la, .tpv-xnv, .tpv-xn) { padding-left: 0 !important; padding-right: 0 !important; }

  /* 2. Khung ngoài Thần số học / form công cụ (.tpv-tsh): bỏ viền 2 bên + bo góc, tràn sát mép màn hình */
  html body:is(.tpv-page, .tpv-dong) #main .tpv-tsh:not(.tpv-tsh--alert) {
    margin-left: -10px; margin-right: -10px; border-left: 0; border-right: 0; border-radius: 0; box-shadow: none;
    padding: 18px 12px;
  }
  html body #main .tpv-tsh .tpv-card,
  html body #main .tpv-tsh .tpv-card--sub { padding: 14px 12px; }
  /* Bong bóng lời Thầy trong báo cáo: bỏ ảnh nhỏ bên trái (đã có ảnh lớn đầu báo cáo), bong bóng chiếm đủ bề ngang */
  html body #main .tpv-report .tpv-say__avatar { display: none; }
  html body #main .tpv-report .tpv-say { gap: 0; }
  html body #main .tpv-tsh .tpv-say__text { padding: 8px 12px; }

  /* 3. Tử Vi, Bát Tự, Xem ngày: khung nội dung đệm vừa phải, danh sách bớt thụt */
  html body #main .tpv-tv__box, html body #main .tpv-bt__box { padding: 14px 12px; }
  html body #main .tpv-tv__dh-list { padding-left: 18px; }
  html body #main .tpv-tv__dh-list > li { padding: 10px; }
  html body #main .tpv-xn-advice__col { padding: 10px; }
  html body #main .tpv-xn-advice__col ul { padding-left: 16px; }
  html body #main .tpv-tv__box .tpv-tv__box, html body #main .tpv-bt__box .tpv-bt__box { padding: 10px; }

  /* 4. Lịch âm: khung chi tiết ngày tràn sát mép, lưới bên trong bớt đệm */
  html body #main .tpv-la__detail { margin-left: -10px; margin-right: -10px; border-left: 0; border-right: 0; border-radius: 0; }
  html body #main .tpv-la__d-grid { padding: 12px 10px; gap: 12px; }
  html body #main .tpv-la__box { padding: 14px 12px; }

  /* 5. Giao diện Đông phương: bỏ viền đôi (outline lệch 4px) trên điện thoại – mỗi viền đôi ăn thêm ~5px mỗi bên */
  html body.tpv-dong .tpv-tv__chart, html body.tpv-dong .tpv-xnv-verdict, html body.tpv-dong .tpv-la__today,
  html body.tpv-dong .tpv-la__finder, html body.tpv-dong .tpv-la__month, html body.tpv-dong .tpv-la__detail,
  html body.tpv-dong .col-inner[style*="background-color:rgba(255, 255, 255, 0.05)"] { outline: 0; }
}