/* =========================================================
   POLISH THEME / IDENTITY / RGB
   Auto consolidated in Bản 8D.1
   ========================================================= */



/* ===== SOURCE: assets/css/visual-theme.css ===== */
/* =========================================================
   Làng Ẩn Dật - BẢN 8B.1 VISUAL THEME
   Thiết kế màu tổng thể: RPG tối trong suốt, vàng/đồng,
   card/nút/input đẹp hơn. Chỉ CSS, không đổi logic.
   ========================================================= */

:root{
  --theme-gold:#f5d589;
  --theme-gold-2:#ffe9a8;
  --theme-bronze:#b9894a;
  --theme-dark:#07070b;
  --theme-panel:rgba(12,10,16,.50);
  --theme-panel-2:rgba(36,22,18,.42);
  --theme-line:rgba(245,213,137,.26);
  --theme-line-soft:rgba(245,213,137,.14);
  --theme-text:#fff7df;
  --theme-muted:rgba(255,247,223,.68);
  --theme-danger:#d83b52;
  --theme-success:#26c996;
}

/* Nền rõ hơn, bỏ cảm giác bị che kín */
.bg-overlay{
  background:
    radial-gradient(circle at 50% 34%, rgba(245,213,137,.08), transparent 32%),
    linear-gradient(90deg, rgba(0,0,0,.34), rgba(0,0,0,.08), rgba(0,0,0,.30)),
    linear-gradient(180deg, rgba(0,0,0,.06), rgba(0,0,0,.14), rgba(0,0,0,.30))!important;
  backdrop-filter:none!important;
}

.bg-slide{
  filter:saturate(1.08) contrast(1.03)!important;
  transform:scale(1.002)!important;
}

.bc-success,
.shop-success,
.admin-success,
#bcRegisterBtn,
#bcApprovePoint{
  background:linear-gradient(180deg,#55e6bd,#1ca779)!important;
  color:#07120e!important;
  border-color:rgba(130,255,220,.62)!important;
}

/* Input/select/textarea */
input,
select,
textarea{
  background:rgba(5,6,10,.56)!important;
  color:var(--theme-text)!important;
  border:1px solid rgba(245,213,137,.25)!important;
  border-radius:14px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 18px rgba(0,0,0,.12)!important;
}

input:focus,
select:focus,
textarea:focus{
  outline:none!important;
  border-color:rgba(255,233,168,.65)!important;
  box-shadow:0 0 0 3px rgba(245,213,137,.12),inset 0 1px 0 rgba(255,255,255,.08)!important;
}

/* Menu */
.side-logo img{
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.45)) drop-shadow(0 0 8px rgba(245,213,137,.14))!important;
}

.menu-btn.active{
  background:linear-gradient(180deg,#fff0a8,#d7a23c)!important;
  color:#1a1005!important;
  border-color:rgba(255,238,170,.70)!important;
}

/* Top donate / QR */
.qr-img{
  border-radius:14px!important;
  background:#fff!important;
  padding:4px!important;
  box-shadow:0 12px 30px rgba(0,0,0,.32)!important;
}

/* Profile meta từ bản 8A.1 giữ đồng bộ theme */
.profile-meta-pill{
  background:rgba(0,0,0,.22)!important;
  border-color:rgba(245,213,137,.22)!important;
}

/* Scrollbar */
*{
  scrollbar-width:thin;
  scrollbar-color:rgba(245,213,137,.42) rgba(0,0,0,.16);
}

*::-webkit-scrollbar{
  width:8px;
  height:8px;
}

*::-webkit-scrollbar-track{
  background:rgba(0,0,0,.16);
  border-radius:999px;
}

*::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,rgba(245,213,137,.56),rgba(185,137,74,.45));
  border-radius:999px;
}

/* Mobile tinh gọn */
@media(max-width:700px){
  .home-donate-card,
  .scrim-shell,
  .admin-shell,
  .shop-shell,
  .profile-shell,
  .ranking-shell{
    backdrop-filter:blur(7px) saturate(115%)!important;
    -webkit-backdrop-filter:blur(7px) saturate(115%)!important;
  }
}



/* ===== SOURCE: assets/css/identity-ui.css ===== */
/* =========================================================
   Làng Ẩn Dật - BẢN 8B.2 IDENTITY UI SYSTEM
   Chuẩn chung cho tên nhân vật / username / ID / phái.
   ========================================================= */

.identity-char-name{
  color:#78ddff!important;
  font-weight:1000!important;
  letter-spacing:.02em!important;
  text-shadow:0 0 4px rgba(120,221,255,.34),0 0 8px rgba(112,122,255,.16)!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.identity-char-name:hover{
  color:#9cecff!important;
  text-shadow:0 0 6px rgba(90,230,255,.45),0 0 10px rgba(255,148,70,.16)!important;
}

.identity-meta{
  min-height:24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 10px;
  border-radius:999px;
  border:1px solid rgba(245,213,137,.20);
  background:rgba(0,0,0,.22);
  color:#e9e0c8!important;
  font-size:11px;
  font-weight:850;
  line-height:1;
  white-space:nowrap;
}

.identity-sect{
  min-height:24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid currentColor;
  background:rgba(0,0,0,.22);
  font-size:11px;
  font-weight:950;
  line-height:1;
  white-space:nowrap;
  box-shadow:none!important;
}

.identity-sect img{
  width:16px;
  height:16px;
  object-fit:contain;
  display:block;
  flex:0 0 auto;
}

.sect-long-ngam{color:#83dcff!important}
.sect-cuu-linh{color:#c28cff!important}
.sect-to-van{color:#ff7fcb!important}
.sect-huyet-ha{color:#ff744f!important}
.sect-thiet-y{color:#ffd36f!important}
.sect-toai-mong{color:#63ffc7!important}
.sect-than-tuong{color:#86a8ff!important}

/* Profile cũ dùng pfDisplayMeta; giữ đồng bộ */
#pfDisplayMeta{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  align-items:center!important;
  margin-top:7px!important;
}

/* Admin list identity spacing */
.admin-user-row .identity-char-name,
.bc-row .identity-char-name,
.bc-x-row .identity-char-name,
.rank-card .identity-char-name,
.donate-row .identity-char-name{
  max-width:100%;
}

/* BXH chỉ hiện tên, không dòng phụ */
.rank-name-only{
  display:flex!important;
  align-items:center!important;
  min-height:38px!important;
}

.rank-name-only span:not(.identity-char-name){
  display:none!important;
}

.rank-badge{
  text-shadow:none!important;
  filter:none!important;
}

/* Mobile */
@media(max-width:620px){
  .identity-meta,
  .identity-sect{
    min-height:24px;
    padding:0 8px;
    font-size:10px;
  }

  .identity-sect img{
    width:15px;
    height:15px;
  }
}


/* =========================================================
   BẢN 8B.3 - AUDIT TWEAKS
   Căn nhẹ badge identity để không đội dòng / lệch card.
   ========================================================= */
.identity-meta,
.identity-sect{
  vertical-align:middle;
  max-width:100%;
}

.identity-sect span,
.identity-meta{
  overflow:hidden;
  text-overflow:ellipsis;
}

.admin-user-row .identity-meta,
.admin-user-row .identity-sect,
.bc-row .identity-sect,
.bc-x-row .identity-sect{
  min-width:0;
}

.admin-user-row .identity-sect,
.bc-phai .identity-sect{
  width:max-content;
  max-width:100%;
}

.rank-name-only .identity-char-name{
  display:block;
  max-width:100%;
}

@media(max-width:620px){
  .admin-user-row .identity-sect,
  .bc-phai .identity-sect{
    width:100%;
    justify-content:flex-start;
  }
}



/* ===== SOURCE: assets/css/rgb-gold-glass.css ===== */
/* =========================================================
   Làng Ẩn Dật - BẢN 8C.1 RGB + GOLD GLASS
   Hiệu ứng RGB tên nhân vật chạy màu liên tục.
   Tổng thể Glassmorphism + Gold Luxury + nền trong suốt.
   Chỉ CSS, không đổi logic.
   ========================================================= */

/* ---------- NỀN / GLASS TỔNG THỂ ---------- */
:root{
  --lux-gold:#ffe8a3;
  --lux-gold-2:#d7a642;
  --lux-line:rgba(255,226,150,.28);
  --lux-glass:rgba(12,10,16,.42);
  --lux-glass-2:rgba(38,24,18,.30);
  --lux-blur:14px;
}

/* Nền rõ hơn, web trong suốt hơn */
.bg-overlay{
  background:
    radial-gradient(circle at 50% 20%, rgba(255,226,150,.055), transparent 34%),
    linear-gradient(90deg, rgba(0,0,0,.28), rgba(0,0,0,.035), rgba(0,0,0,.25)),
    linear-gradient(180deg, rgba(0,0,0,.03), rgba(0,0,0,.18))!important;
}

.bg-slide{
  filter:saturate(1.12) contrast(1.04) brightness(1.02)!important;
}

/* ---------- RGB TÊN NHÂN VẬT ---------- */
@keyframes ladRgbNameFlow{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}

@keyframes ladRgbGlowPulse{
  0%,100%{
    filter:brightness(1.08) saturate(1.25);
    text-shadow:
      0 0 4px rgba(80,230,255,.45),
      0 0 9px rgba(162,93,255,.30),
      0 0 14px rgba(255,160,70,.16);
  }
  50%{
    filter:brightness(1.26) saturate(1.55);
    text-shadow:
      0 0 7px rgba(80,230,255,.70),
      0 0 14px rgba(162,93,255,.46),
      0 0 20px rgba(255,160,70,.26);
  }
}

/* Class chuẩn Identity System */
.identity-char-name,
.rpg-character-name,
.profile-character-name,
#pfDisplayName,
.rank-name-only b,
.rank-name .identity-char-name,
.bc-name .identity-char-name,
.admin-user-row .identity-char-name,
.donate-row .identity-char-name{
  background:linear-gradient(
    90deg,
    #7df7ff 0%,
    #4ea3ff 16%,
    #9b5cff 32%,
    #ff5ecb 48%,
    #ff9b48 64%,
    #fff08a 80%,
    #7df7ff 100%
  )!important;
  background-size:300% 300%!important;
  background-position:0% 50%;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  font-weight:1000!important;
  letter-spacing:.025em!important;
  animation:
    ladRgbNameFlow 4.2s linear infinite,
    ladRgbGlowPulse 2.8s ease-in-out infinite!important;
  will-change:background-position,filter;
  text-shadow:
    0 0 5px rgba(80,230,255,.46),
    0 0 10px rgba(162,93,255,.30),
    0 0 15px rgba(255,160,70,.16)!important;
}

/* Hover chạy sáng hơn từ trái sang phải */
.identity-char-name:hover,
.rpg-character-name:hover,
.profile-character-name:hover,
#pfDisplayName:hover,
.rank-name-only b:hover,
.rank-name .identity-char-name:hover,
.bc-name .identity-char-name:hover,
.admin-user-row .identity-char-name:hover,
.donate-row .identity-char-name:hover{
  animation-duration:2.2s,1.8s!important;
  text-shadow:
    0 0 8px rgba(80,230,255,.78),
    0 0 16px rgba(162,93,255,.56),
    0 0 24px rgba(255,160,70,.34)!important;
}

/* Không cho RGB lan sang badge TOP / point / username / ID / phái */
.identity-meta,
.identity-sect,
.profile-meta-pill,
.rank-badge,
.rank-value,
.bc-count,
.profile-stats b,
.admin-user-row > b:first-child{
  animation:none!important;
  background-clip:initial!important;
  -webkit-background-clip:initial!important;
  -webkit-text-fill-color:initial!important;
}

/* Phái vẫn giữ màu class riêng, không chạy RGB */
.identity-sect.sect-long-ngam,
.profile-meta-pill.sect-long-ngam{color:#83dcff!important}
.identity-sect.sect-cuu-linh,
.profile-meta-pill.sect-cuu-linh{color:#c28cff!important}
.identity-sect.sect-to-van,
.profile-meta-pill.sect-to-van{color:#ff7fcb!important}
.identity-sect.sect-huyet-ha,
.profile-meta-pill.sect-huyet-ha{color:#ff744f!important}
.identity-sect.sect-thiet-y,
.profile-meta-pill.sect-thiet-y{color:#ffd36f!important}
.identity-sect.sect-toai-mong,
.profile-meta-pill.sect-toai-mong{color:#63ffc7!important}
.identity-sect.sect-than-tuong,
.profile-meta-pill.sect-than-tuong{color:#86a8ff!important}

/* Text selection vẫn đọc được */
.identity-char-name::selection,
#pfDisplayName::selection{
  background:rgba(255,226,150,.35);
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* Tối ưu mobile: giảm glow nhẹ để không chói */
@media(max-width:700px){
  .identity-char-name,
  .rpg-character-name,
  .profile-character-name,
  #pfDisplayName,
  .rank-name-only b{
    animation-duration:5.2s,3.6s!important;
    text-shadow:
      0 0 4px rgba(80,230,255,.38),
      0 0 8px rgba(162,93,255,.24)!important;
  }
}



/* ===== SOURCE: assets/css/transparent-rgb-clean-v8C2.css ===== */
/* =========================================================
   Làng Ẩn Dật - BẢN 8C.2 TRANSPARENT + RGB CLEAN
   Fix theo ảnh test:
   - Toàn web trong suốt hơn, thấy nền rõ hơn
   - Giảm nền nâu/đen dày đang che ảnh nền
   - Xóa cảm giác tên RGB bị viền đen
   - Chỉ CSS cuối cùng, không đổi logic
   ========================================================= */

/* 1) NỀN WEB: bỏ lớp phủ nặng */
.bg-overlay{
  background:
    radial-gradient(circle at 50% 20%, rgba(255,226,150,.035), transparent 32%),
    linear-gradient(90deg, rgba(0,0,0,.16), rgba(0,0,0,.015), rgba(0,0,0,.14)),
    linear-gradient(180deg, rgba(0,0,0,.015), rgba(0,0,0,.09))!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

.bg-slide{
  filter:saturate(1.16) contrast(1.05) brightness(1.06)!important;
}

.admin-list-head,
.admin-table-head,
.rank-panel-title,
.bc-current,
.scrim-current,
.bc-schedule-box,
#bcSectCounts{
  background:rgba(0,0,0,.10)!important;
  border-color:rgba(255,226,150,.14)!important;
}

/* 5) Inputs vẫn đọc rõ nhưng ít che nền */
input,
select,
textarea{
  background:rgba(4,4,8,.42)!important;
  border-color:rgba(255,226,150,.24)!important;
}

/* 6) Badge phái / ID / meta gọn trong suốt hơn */
.identity-meta,
.identity-sect,
.profile-meta-pill,
.bc-team,
.bc-status,
.bc-x,
.rank-value,
.bc-count{
  background:rgba(0,0,0,.14)!important;
  border-color:rgba(255,226,150,.18)!important;
  box-shadow:none!important;
}

/* 7) FIX TÊN RGB BỊ VIỀN ĐEN
   Xóa text-shadow đen/viền cũ, chỉ giữ glow màu sáng rất nhẹ */
.identity-char-name,
.rpg-character-name,
.profile-character-name,
#pfDisplayName,
.rank-name-only b,
.rank-name .identity-char-name,
.bc-name .identity-char-name,
.admin-user-row .identity-char-name,
.donate-row .identity-char-name{
  background:linear-gradient(
    90deg,
    #7df7ff 0%,
    #45b6ff 18%,
    #9b5cff 36%,
    #ff5ecb 52%,
    #ff9b48 68%,
    #fff08a 84%,
    #7df7ff 100%
  )!important;
  background-size:300% 300%!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  text-shadow:
    0 0 4px rgba(80,230,255,.40),
    0 0 8px rgba(162,93,255,.24)!important;
  filter:brightness(1.10) saturate(1.25)!important;
  -webkit-text-stroke:0 transparent!important;
  paint-order:normal!important;
}

/* Hover sáng nhưng không tạo viền đen */
.identity-char-name:hover,
.rpg-character-name:hover,
.profile-character-name:hover,
#pfDisplayName:hover,
.rank-name-only b:hover,
.rank-name .identity-char-name:hover,
.bc-name .identity-char-name:hover,
.admin-user-row .identity-char-name:hover,
.donate-row .identity-char-name:hover{
  text-shadow:
    0 0 6px rgba(80,230,255,.62),
    0 0 12px rgba(162,93,255,.36),
    0 0 16px rgba(255,160,70,.18)!important;
  filter:brightness(1.22) saturate(1.40)!important;
}

/* Chặn chữ thường bị shadow đen từ CSS cũ */
.admin-user-row > b:first-child,
.identity-meta,
.identity-sect,
.profile-meta-pill,
.rank-badge,
.rank-value,
.bc-count,
.profile-stats b,
.log-row,
.admin-log-row{
  text-shadow:none!important;
}

/* 8) Admin danh sách: nhìn sáng hơn, bớt mảng đen */
.admin-user-row{
  background:linear-gradient(90deg, rgba(255,255,255,.035), rgba(0,0,0,.10))!important;
}

.admin-card{
  background:linear-gradient(135deg, rgba(8,8,12,.20), rgba(42,26,18,.11))!important;
}

/* 9) Bang Chiến row trong hơn */
.bc-row,
.bc-x-row{
  background:linear-gradient(90deg, rgba(255,255,255,.035), rgba(0,0,0,.10))!important;
}

/* 10) BXH khung trong hơn */
.rank-panel{
  background:linear-gradient(135deg, rgba(8,8,12,.20), rgba(42,26,18,.11))!important;
}

.rank-panel-list{
  background:transparent!important;
}

/* 12) Mobile: trong suốt nhưng vẫn đọc được */
@media(max-width:700px){
  .side-menu,
  .home-donate-card,
  .scrim-shell,
  .admin-shell,
  .shop-shell,
  .profile-shell,
  .ranking-shell{
    background:linear-gradient(135deg, rgba(8,8,12,.32), rgba(42,26,18,.20))!important;
    backdrop-filter:blur(8px) saturate(115%)!important;
    -webkit-backdrop-filter:blur(8px) saturate(115%)!important;
  }

  .identity-char-name,
  #pfDisplayName,
  .rank-name-only b{
    text-shadow:0 0 4px rgba(80,230,255,.34)!important;
  }
}



/* ===== SOURCE: assets/css/rgb-all-names-v8C3.css ===== */
/* =========================================================
   Làng Ẩn Dật - BẢN 8C.3 RGB ALL CHARACTER NAMES
   Đảm bảo tên nhân vật RGB chạy màu ở mọi vị trí đã render tên.
   Chỉ CSS + class bổ sung nhẹ, không đổi logic.
   ========================================================= */

/* RGB animation chuẩn: chạy vòng từ trái sang phải liên tục */
@keyframes ladRgbNameFlowV8C3{
  0%{background-position:0% 50%}
  100%{background-position:300% 50%}
}

@keyframes ladRgbGlowV8C3{
  0%,100%{
    text-shadow:
      0 0 4px rgba(80,230,255,.42),
      0 0 8px rgba(160,93,255,.25);
  }
  50%{
    text-shadow:
      0 0 7px rgba(80,230,255,.60),
      0 0 13px rgba(160,93,255,.36),
      0 0 18px rgba(255,155,70,.18);
  }
}

/* Chặn RGB lan sang phần không phải tên nhân vật */
.identity-meta,
.identity-sect,
.profile-meta-pill,
.rank-badge,
.rank-value,
.bc-count,
.bc-team,
.bc-status,
.bc-x,
.admin-user-row > b:first-child,
.profile-stats b,
button,
label,
input,
select,
textarea{
  animation:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  -webkit-text-fill-color:initial!important;
}

/* Riêng phái giữ màu phái, không RGB */
.identity-sect,
.identity-sect span{
  background:none!important;
  color:inherit!important;
  -webkit-text-fill-color:inherit!important;
}

/* Mobile giảm glow nhưng vẫn chạy màu */
@media(max-width:700px){
  .identity-char-name,
  #pfDisplayName{
    animation-duration:4.8s,3.4s!important;
  }
}


/* =========================================================
   BẢN 8C.4 - RGB CLEANUP FINAL GUARD
   Guard cuối: tên RGB chạy màu, không viền đen, không lan sang badge.
   ========================================================= */
.identity-char-name,
#pfDisplayName,
.admin-user-row .identity-char-name,
.bc-name .identity-char-name,
.rank-name .identity-char-name,
.rank-name-only .identity-char-name,
.donate-row .identity-char-name,
.shop-request .identity-char-name,
.shop-history-row .identity-char-name{
  text-decoration:none!important;
  box-shadow:none!important;
  border:0!important;
  outline:0!important;
}

/* Các badge/giá trị tuyệt đối không nhận animation RGB */
.identity-meta,
.identity-sect,
.identity-sect *,
.profile-meta-pill,
.profile-meta-pill *,
.rank-badge,
.rank-value,
.bc-count,
.bc-team,
.bc-status,
.bc-x,
.admin-user-row > b:first-child,
button,
input,
select,
textarea{
  animation:none!important;
}