/* LLS-KHUNG-20261026: khung chuẩn chung cho các chức năng Sơn Môn (chỉ chỉnh bố cục, giữ nguyên màu).
   3 mốc: điện thoại < 700px · máy tính bảng 700–1099px · PC >= 1100px.
   Nạp cuối cùng trong index.html để thắng các lớp vá cũ; :is(#id#id#id) cho đủ độ ưu tiên. */

/* 1) Máy tính bảng / PC màn nhỏ: luật "điện thoại" trong ui.css ((max-width:900px),(pointer:coarse))
      ép #chatWidgetDialog min-width = --lls-popup-w (~806px) đè lên khung chat ghép bên phải game -> chữ bị cắt mép trái. */
body.tm-pc-on .son-mon-page > #chatWidgetDialog#chatWidgetDialog.pc-chat-panel{min-width:0!important}

/* 2) Đoạt Bảo (khung chọn trò) trên PC: lớp nền vừa đúng khung game, hộp chọn nằm chính giữa */
body.tm-pc-on dialog#dbChooser#dbChooser#dbChooser[open]{position:fixed!important;inset:auto!important;left:var(--tm-gx)!important;top:var(--tm-gy)!important;width:var(--tm-gw)!important;height:var(--tm-gh)!important;max-width:none!important;max-height:none!important;margin:0!important;transform:none!important;display:flex!important;align-items:center!important;justify-content:center!important}
body.tm-pc-on dialog#dbChooser#dbChooser#dbChooser[open] > .dbc-box{margin:0!important;max-width:calc(100% - 32px)!important;max-height:calc(100% - 32px)!important}

/* 3) Đầu khung + nút đóng thống nhất (cỡ chữ tiêu đề, cỡ/hình nút ✕) */
html body :is(#characterDialog#characterDialog#characterDialog#characterDialog#characterDialog,#inventoryDialog#inventoryDialog#inventoryDialog#inventoryDialog#inventoryDialog,#sonMonDaoAnDialog#sonMonDaoAnDialog#sonMonDaoAnDialog#sonMonDaoAnDialog#sonMonDaoAnDialog,#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog,#sonMonMissionsDialog#sonMonMissionsDialog#sonMonMissionsDialog#sonMonMissionsDialog#sonMonMissionsDialog,#phongThanDialog#phongThanDialog#phongThanDialog#phongThanDialog#phongThanDialog,#thuongHoiDialog#thuongHoiDialog#thuongHoiDialog#thuongHoiDialog#thuongHoiDialog,#forgeDialog#forgeDialog#forgeDialog#forgeDialog#forgeDialog,#ltDialog#ltDialog#ltDialog#ltDialog#ltDialog) h2{font-size:19px!important;font-weight:800!important;line-height:1.25!important;letter-spacing:.3px}
html body :is(#characterDialog#characterDialog#characterDialog#characterDialog#characterDialog,#inventoryDialog#inventoryDialog#inventoryDialog#inventoryDialog#inventoryDialog,#sonMonDaoAnDialog#sonMonDaoAnDialog#sonMonDaoAnDialog#sonMonDaoAnDialog#sonMonDaoAnDialog,#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog,#sonMonMissionsDialog#sonMonMissionsDialog#sonMonMissionsDialog#sonMonMissionsDialog#sonMonMissionsDialog,#phongThanDialog#phongThanDialog#phongThanDialog#phongThanDialog#phongThanDialog,#thuongHoiDialog#thuongHoiDialog#thuongHoiDialog#thuongHoiDialog#thuongHoiDialog) .pt-close,
html body #forgeDialog#forgeDialog#forgeDialog#forgeDialog#forgeDialog [data-forge-close],
html body #ltDialog#ltDialog#ltDialog#ltDialog#ltDialog .lt-x{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important;border-radius:50%!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:22px!important;line-height:1!important;flex:0 0 auto!important}

@media (max-width:699px){
  html body :is(#characterDialog#characterDialog#characterDialog#characterDialog#characterDialog,#inventoryDialog#inventoryDialog#inventoryDialog#inventoryDialog#inventoryDialog,#sonMonDaoAnDialog#sonMonDaoAnDialog#sonMonDaoAnDialog#sonMonDaoAnDialog#sonMonDaoAnDialog,#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog,#sonMonMissionsDialog#sonMonMissionsDialog#sonMonMissionsDialog#sonMonMissionsDialog#sonMonMissionsDialog,#phongThanDialog#phongThanDialog#phongThanDialog#phongThanDialog#phongThanDialog,#thuongHoiDialog#thuongHoiDialog#thuongHoiDialog#thuongHoiDialog#thuongHoiDialog,#forgeDialog#forgeDialog#forgeDialog#forgeDialog#forgeDialog,#ltDialog#ltDialog#ltDialog#ltDialog#ltDialog) h2{font-size:17px!important}
  /* điện thoại: nút ✕ 40px cho dễ chạm */
  html body :is(#characterDialog#characterDialog#characterDialog#characterDialog#characterDialog,#inventoryDialog#inventoryDialog#inventoryDialog#inventoryDialog#inventoryDialog,#sonMonDaoAnDialog#sonMonDaoAnDialog#sonMonDaoAnDialog#sonMonDaoAnDialog#sonMonDaoAnDialog,#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog,#sonMonMissionsDialog#sonMonMissionsDialog#sonMonMissionsDialog#sonMonMissionsDialog#sonMonMissionsDialog,#phongThanDialog#phongThanDialog#phongThanDialog#phongThanDialog#phongThanDialog,#thuongHoiDialog#thuongHoiDialog#thuongHoiDialog#thuongHoiDialog#thuongHoiDialog) .pt-close,
  html body #forgeDialog#forgeDialog#forgeDialog#forgeDialog#forgeDialog [data-forge-close],
  html body #ltDialog#ltDialog#ltDialog#ltDialog#ltDialog .lt-x{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;font-size:24px!important}
}