/* =========================================================
   Làng Ẩn Dật - v8G31 ADMIN SCROLL LAG HARD FIX
   Mục tiêu: sửa lỗi rê/kéo chuột tới Danh sách thành viên bị đứng/khựng.
   File này load CUỐI CÙNG, đè toàn bộ CSS chồng trong trang Admin.
   ========================================================= */

/* Chỉ áp dụng mạnh khi đang ở trang Admin */
body.lad-admin-active,
body[data-page="admin"]{
  scroll-behavior:auto!important;
}

/* TẮT NỀN ĐỘNG + FILTER KHI Ở ADMIN: nguyên nhân lớn gây repaint khi kéo chuột */
body.lad-admin-active .bg-slide,
body.lad-admin-active .bg-slide.active,
body.lad-admin-active .video-bg,
body.lad-admin-active .app-bg,
body.lad-admin-active .bg-layer,
body[data-page="admin"] .bg-slide,
body[data-page="admin"] .bg-slide.active,
body[data-page="admin"] .video-bg,
body[data-page="admin"] .app-bg,
body[data-page="admin"] .bg-layer{
  animation:none!important;
  transition:none!important;
  transform:none!important;
  filter:none!important;
  will-change:auto!important;
}

/* Giữ nền nhìn vẫn đẹp nhưng không bắt trình duyệt blur cả ảnh nền khi scroll */
body.lad-admin-active .bg-slide:not(.active),
body[data-page="admin"] .bg-slide:not(.active){
  opacity:0!important;
  display:none!important;
}

body.lad-admin-active .bg-slide.active,
body[data-page="admin"] .bg-slide.active{
  opacity:.42!important;
}

/* Tạo lớp nền nhẹ riêng cho Admin thay vì glass blur chồng nhiều lớp */
body.lad-admin-active .page-shell,
body[data-page="admin"] .page-shell,
body.lad-admin-active .page[data-page="admin"],
body[data-page="admin"] .page[data-page="admin"]{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  background:rgba(6,8,12,.30)!important;
  transform:none!important;
  will-change:auto!important;
  contain:layout paint style!important;
}

/* Khung lớn Admin: bỏ blur/shadow nặng */
body.lad-admin-active .admin-page,
body[data-page="admin"] .admin-page{
  padding:14px!important;
  overflow:auto!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior:contain!important;
  scroll-behavior:auto!important;
  contain:layout paint style!important;
}

body.lad-admin-active .admin-shell,
body[data-page="admin"] .admin-shell{
  max-width:1420px!important;
  margin:0 auto!important;
  border:1px solid rgba(245,213,137,.18)!important;
  border-radius:20px!important;
  background:rgba(12,12,16,.70)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:0 10px 24px rgba(0,0,0,.28)!important;
  overflow:visible!important;
  contain:layout paint style!important;
}

body.lad-admin-active .admin-head,
body[data-page="admin"] .admin-head{
  background:rgba(14,14,18,.62)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:none!important;
  position:relative!important;
  z-index:2!important;
}

/* Card/table: đổi sang nền đơn giản, bỏ glass blur */
body.lad-admin-active .admin-card,
body.lad-admin-active .admin-table-wrap,
body.lad-admin-active .admin-log-list,
body.lad-admin-active .admin-user-list,
body[data-page="admin"] .admin-card,
body[data-page="admin"] .admin-table-wrap,
body[data-page="admin"] .admin-log-list,
body[data-page="admin"] .admin-user-list{
  background:rgba(12,10,14,.76)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:0 4px 12px rgba(0,0,0,.18)!important;
  filter:none!important;
  transform:none!important;
  will-change:auto!important;
  contain:layout paint style!important;
}

/* Danh sách thành viên: vùng này đang bị lag, tách layer và giảm chi phí paint */
body.lad-admin-active .admin-members-card,
body[data-page="admin"] .admin-members-card{
  overflow:hidden!important;
  contain:layout paint style!important;
}

body.lad-admin-active .admin-table-wrap,
body[data-page="admin"] .admin-table-wrap{
  overflow:visible!important;
  border-radius:16px!important;
}

body.lad-admin-active .admin-table-head,
body[data-page="admin"] .admin-table-head{
  position:sticky!important;
  top:0!important;
  z-index:5!important;
  background:rgba(28,23,22,.96)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:none!important;
  transform:none!important;
}

body.lad-admin-active .admin-user-list,
body[data-page="admin"] .admin-user-list{
  max-height:none!important;
  overflow:visible!important;
  padding-bottom:8px!important;
}

body.lad-admin-active .admin-user-row,
body[data-page="admin"] .admin-user-row{
  background:rgba(18,15,18,.72)!important;
  border:1px solid rgba(245,213,137,.13)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  filter:none!important;
  transform:none!important;
  transition:none!important;
  will-change:auto!important;
  contain:layout paint style!important;
  content-visibility:auto!important;
  contain-intrinsic-size:62px!important;
}

body.lad-admin-active .admin-user-row:hover,
body[data-page="admin"] .admin-user-row:hover{
  background:rgba(26,20,22,.84)!important;
  transform:none!important;
  filter:none!important;
  box-shadow:none!important;
}

/* Nút và input không scale/glow khi rê chuột */
body.lad-admin-active .admin-page *,
body[data-page="admin"] .admin-page *{
  text-shadow:none!important;
}

body.lad-admin-active .admin-page button,
body.lad-admin-active .admin-page input,
body.lad-admin-active .admin-page select,
body.lad-admin-active .admin-page textarea,
body[data-page="admin"] .admin-page button,
body[data-page="admin"] .admin-page input,
body[data-page="admin"] .admin-page select,
body[data-page="admin"] .admin-page textarea{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  transition:none!important;
  transform:none!important;
  filter:none!important;
  will-change:auto!important;
}

body.lad-admin-active .admin-page button:hover,
body[data-page="admin"] .admin-page button:hover{
  transform:none!important;
  filter:brightness(1.03)!important;
}

/* Tắt toàn bộ animation nặng trong Admin */
body.lad-admin-active .admin-page *,
body[data-page="admin"] .admin-page *{
  animation:none!important;
}

/* Avatar/tên trong danh sách: bỏ RGB/glow để không repaint mỗi frame */
body.lad-admin-active .admin-user-row .identity-char-name,
body.lad-admin-active .admin-user-row [class*="rgb"],
body.lad-admin-active .admin-user-row [class*="glow"],
body[data-page="admin"] .admin-user-row .identity-char-name,
body[data-page="admin"] .admin-user-row [class*="rgb"],
body[data-page="admin"] .admin-user-row [class*="glow"]{
  animation:none!important;
  filter:none!important;
  text-shadow:none!important;
}

/* Modal vẫn rõ nhưng không blur */
body.lad-admin-active .admin-modal,
body[data-page="admin"] .admin-modal{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.lad-admin-active .admin-modal-card,
body[data-page="admin"] .admin-modal-card{
  background:rgba(14,12,16,.96)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:0 12px 28px rgba(0,0,0,.35)!important;
}

/* Máy yếu / điện thoại: tắt hẳn nền ở Admin */
@media (max-width: 900px), (prefers-reduced-motion: reduce){
  body.lad-admin-active .bg-slide.active,
  body[data-page="admin"] .bg-slide.active{
    opacity:.18!important;
  }
  body.lad-admin-active .admin-shell,
  body[data-page="admin"] .admin-shell{
    background:rgba(10,10,14,.88)!important;
  }
}