/* =========================================================
   Làng Ẩn Dật - BẢN 8F.3 TOP DONATE + ADMIN REWRITE
   Viết lại sạch 2 phần:
   1. Top Donate: TOP -> Avatar -> Tên -> Donate, tên rõ.
   2. Admin: Danh sách và Nhật ký tách section, không chồng lớp.
   ========================================================= */

/* ================= TOP DONATE REWRITE ================= */

.home-donate-card{
  width:min(430px, calc(100vw - 28px))!important;
  max-width:430px!important;
  min-width:340px!important;
}

#homeDonateList,
.home-donate-list{
  display:grid!important;
  gap:8px!important;
}

.donate-row{
  display:grid!important;
  grid-template-columns:76px 38px minmax(0,1fr) minmax(86px,auto)!important;
  align-items:center!important;
  gap:9px!important;
  min-height:50px!important;
  padding:8px 10px!important;
  border-radius:16px!important;
  overflow:hidden!important;
}

/* Thứ tự bắt buộc */
.donate-row .home-rank-badge{
  grid-column:1!important;
  grid-row:1!important;
  justify-self:stretch!important;
}

.donate-row .home-donate-avatar{
  grid-column:2!important;
  grid-row:1!important;
}

.donate-row .home-donate-name{
  grid-column:3!important;
  grid-row:1!important;
}

.donate-row .home-donate-amount{
  grid-column:4!important;
  grid-row:1!important;
}

/* Badge TOP */
.home-rank-badge.vip-rank,
.home-rank-badge{
  width:100%!important;
  min-width:0!important;
  height:34px!important;
  min-height:34px!important;
  padding:0 8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  font-size:10px!important;
  font-weight:1000!important;
  letter-spacing:.02em!important;
  text-shadow:none!important;
  white-space:nowrap!important;
}

/* Avatar */
.home-donate-avatar{
  width:38px!important;
  height:38px!important;
  border-radius:50%!important;
  object-fit:cover!important;
  display:block!important;
  border:1px solid rgba(255,226,150,.55)!important;
  background:#111!important;
  box-shadow:0 0 10px rgba(255,226,150,.16)!important;
}

/* Tên: rõ, không mờ, không cắt cụt quá sớm */
.home-donate-name{
  min-width:0!important;
  width:100%!important;
  display:block!important;
  overflow:visible!important;
  white-space:nowrap!important;
  text-overflow:clip!important;
  font-size:13px!important;
  font-weight:1000!important;
  letter-spacing:.045em!important;
  color:#8cf3ff!important;
  text-shadow:
    0 0 2px rgba(80,220,255,.28),
    0 0 4px rgba(80,220,255,.16)!important;
  filter:none!important;
  opacity:1!important;
}

.home-donate-name .identity-char-name{
  max-width:none!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
  filter:brightness(1.02) saturate(1.05)!important;
  text-shadow:
    0 0 2px rgba(80,220,255,.28),
    0 0 4px rgba(80,220,255,.16)!important;
}

/* Số donate */
.home-donate-amount{
  justify-self:end!important;
  min-width:86px!important;
  max-width:116px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  text-align:right!important;
  color:#fff0ad!important;
  font-size:12px!important;
  font-weight:1000!important;
}

/* Dòng VIP vẫn nổi nhưng không làm mờ chữ */
.donate-row.vip-rank-card{
  border-width:1.5px!important;
}

.donate-row.vip-rank-card .home-donate-name,
.donate-row.vip-rank-card .identity-char-name{
  opacity:1!important;
  filter:none!important;
}

/* Mobile: giữ đúng thứ tự, không tràn */
@media(max-width:430px){
  .home-donate-card{
    min-width:0!important;
    width:calc(100vw - 22px)!important;
  }

  .donate-row{
    grid-template-columns:62px 30px minmax(0,1fr) minmax(58px,auto)!important;
    gap:7px!important;
    min-height:44px!important;
    padding:7px 8px!important;
  }

  .home-rank-badge.vip-rank,
  .home-rank-badge{
    height:30px!important;
    min-height:30px!important;
    font-size:9px!important;
    padding:0 6px!important;
  }

  .home-donate-avatar{
    width:30px!important;
    height:30px!important;
  }

  .home-donate-name,
  .home-donate-name .identity-char-name{
    font-size:11px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .home-donate-amount{
    min-width:58px!important;
    max-width:72px!important;
    font-size:10px!important;
  }
}

/* ================= ADMIN REWRITE FIX ================= */

/* Admin shell không cho grid con đè nhau */
.admin-shell{
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  overflow:hidden!important;
}

.admin-grid{
  min-height:0!important;
  height:100%!important;
  overflow:auto!important;
  padding:16px 18px 24px!important;
  display:grid!important;
  grid-template-columns:360px minmax(280px,1fr) minmax(280px,1fr)!important;
  gap:14px!important;
  align-items:start!important;
  align-content:start!important;
}

/* 3 card đầu */
.admin-create-card{
  grid-column:1!important;
  grid-row:1!important;
}

.admin-point-card{
  grid-column:2!important;
  grid-row:1!important;
}

.admin-donate-card{
  grid-column:3!important;
  grid-row:1!important;
}

/* Danh sách thành viên luôn nằm riêng hàng 2 */
.admin-members-card{
  grid-column:1 / -1!important;
  grid-row:2!important;
  position:relative!important;
  z-index:1!important;
  margin:0!important;
}

/* Nhật ký luôn nằm riêng hàng 3, không absolute/sticky */
.admin-log-card{
  grid-column:1 / -1!important;
  grid-row:3!important;
  position:relative!important;
  z-index:1!important;
  margin:0!important;
  transform:none!important;
  inset:auto!important;
}

/* Không để pseudo/overlay card phủ nội dung section khác */
.admin-card{
  position:relative!important;
  overflow:visible!important;
}

.admin-card::before{
  pointer-events:none!important;
  z-index:0!important;
}

.admin-card > *{
  position:relative!important;
  z-index:1!important;
}

/* Danh sách thành viên có khung scroll riêng khi quá dài */
.admin-table-wrap{
  position:relative!important;
  overflow:visible!important;
}

.admin-user-list{
  display:grid!important;
  gap:8px!important;
  max-height:none!important;
  overflow:visible!important;
  margin:0!important;
  padding:0!important;
}

/* Row admin gọn */
.admin-user-row{
  min-height:64px!important;
  align-items:center!important;
}

/* Nhật ký */
.admin-log-list{
  position:relative!important;
  min-height:58px!important;
  max-height:none!important;
  overflow:visible!important;
}

/* PC vừa: 2 cột cho form đầu */
@media(max-width:1180px) and (min-width:761px){
  .admin-grid{
    grid-template-columns:1fr 1fr!important;
  }

  .admin-create-card{
    grid-column:1!important;
    grid-row:1!important;
  }

  .admin-point-card{
    grid-column:2!important;
    grid-row:1!important;
  }

  .admin-donate-card{
    grid-column:1 / -1!important;
    grid-row:2!important;
  }

  .admin-members-card{
    grid-column:1 / -1!important;
    grid-row:3!important;
  }

  .admin-log-card{
    grid-column:1 / -1!important;
    grid-row:4!important;
  }
}

/* Mobile admin: một cột rõ ràng */
@media(max-width:760px){
  .admin-grid{
    grid-template-columns:1fr!important;
    gap:12px!important;
    padding:10px!important;
  }

  .admin-create-card,
  .admin-point-card,
  .admin-donate-card,
  .admin-members-card,
  .admin-log-card{
    grid-column:1!important;
    grid-row:auto!important;
    margin:0!important;
  }

  .admin-user-row{
    min-height:auto!important;
  }
}