/* ====================================================
   JAKSKY MOON READABILITY FINAL
   Aktif selama Moon V2 aktif, baik mode light/dark.
   GRID TIDAK DISENTUH.
==================================================== */


/* =========================
   STATISTIK
========================= */

body.jakMoonV2 #jakLiveOnlineCount,
body.jakMoonV2 #jakLiveTodayCount,
body.jakMoonV2 #jakRegisteredUserCount{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  opacity:1 !important;
  filter:none !important;
}

body.jakMoonV2 #jakLiveSummary .jakLiveMetric small{
  color:#b5c8e4 !important;
  -webkit-text-fill-color:#b5c8e4 !important;
  opacity:1 !important;
}

body.jakMoonV2 #jakLiveSummary .jakLiveMetric strong{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  opacity:1 !important;
}


/* =========================
   PROFILE OVERLAY
========================= */

body.jakMoonV2 #userModal{
  background:rgba(0,5,20,.78) !important;

  backdrop-filter:blur(7px) !important;
  -webkit-backdrop-filter:blur(7px) !important;
}


/* INI BOX PUTIH DI SCREENSHOT */
body.jakMoonV2 #userModal .authBox{
  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(38,139,255,.12),
      transparent 35%
    ),
    linear-gradient(
      160deg,
      #0c244f 0%,
      #071932 60%,
      #040d1d 100%
    ) !important;

  color:#f6faff !important;

  border:
    1px solid rgba(104,188,255,.27) !important;

  box-shadow:
    0 30px 80px rgba(0,0,0,.58),
    inset 0 1px 0 rgba(255,255,255,.06)
    !important;
}


/* Nama JakSky */
body.jakMoonV2 #userModal .authBox h2{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;

  opacity:1 !important;

  text-shadow:
    0 2px 12px rgba(0,0,0,.25) !important;
}


/* Semua teks dasar profile */
body.jakMoonV2 #userModal .authBox div,
body.jakMoonV2 #userModal .authBox p,
body.jakMoonV2 #userModal .authBox span,
body.jakMoonV2 #userModal .authBox small{
  opacity:1 !important;
}


/* staff info box */
body.jakMoonV2
#userModal .authBox
> div[style*="margin:14px"]{

  padding:12px 14px !important;

  border-radius:15px !important;

  background:
    rgba(11,42,88,.68) !important;

  border:
    1px solid rgba(97,181,255,.17) !important;

  color:#bed0e9 !important;
  -webkit-text-fill-color:#bed0e9 !important;
}


/* 👑 OWNER */
body.jakMoonV2
#userModal .authBox
> div[style*="margin:14px"]
> div:first-child,

body.jakMoonV2
#userModal .authBox
> div[style*="margin:14px"]
> div:first-child b{

  color:#ffd96b !important;
  -webkit-text-fill-color:#ffd96b !important;

  opacity:1 !important;
}


/* ✓ VERIFIED BLUE */
body.jakMoonV2
#userModal .authBox
div[style*="#1688d4"]{

  color:#50c8ff !important;
  -webkit-text-fill-color:#50c8ff !important;

  opacity:1 !important;

  text-shadow:
    0 0 13px rgba(65,190,255,.18) !important;
}


/* Role */
body.jakMoonV2
#userModal .authBox
> div[style*="margin:14px"]
> div:last-child{

  color:#b7c9e3 !important;
  -webkit-text-fill-color:#b7c9e3 !important;

  opacity:1 !important;
}

body.jakMoonV2
#userModal .authBox
> div[style*="margin:14px"]
> div:last-child b{

  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}


/* Close */
body.jakMoonV2 #userModal .authClose,
body.jakMoonV2 #userModal .ownProfileClose{

  color:#68caff !important;
  -webkit-text-fill-color:#68caff !important;

  background:#102c5d !important;

  border:
    1px solid rgba(106,192,255,.25) !important;

  box-shadow:
    0 7px 20px rgba(0,0,0,.25) !important;
}


/* Tutup / login button */
body.jakMoonV2 #userModal .authBtn{

  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;

  background:
    linear-gradient(
      135deg,
      #139eff,
      #536cff
    ) !important;

  border:0 !important;

  box-shadow:
    0 9px 23px rgba(20,139,255,.25) !important;
}


/* Login inputs kalau modal dipakai login */
body.jakMoonV2 #userModal .authBox input{

  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;

  background:#081c3e !important;

  border-color:
    rgba(103,181,255,.22) !important;
}

body.jakMoonV2 #userModal .authBox input::placeholder{

  color:#8ea7ca !important;
  -webkit-text-fill-color:#8ea7ca !important;

  opacity:1 !important;
}


/* =========================
   SEARCH + FILTER
========================= */

body.jakMoonV2 #search{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;

  caret-color:#56c8ff !important;
}

body.jakMoonV2 #search::placeholder{
  color:#91a9cb !important;
  -webkit-text-fill-color:#91a9cb !important;
  opacity:1 !important;
}

body.jakMoonV2 #filterTabs button{
  color:#becde4 !important;
  -webkit-text-fill-color:#becde4 !important;
}

body.jakMoonV2 #filterTabs button.active{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}


/* =========================
   VIDEO CARD TEXT
========================= */

body.jakMoonV2 #list .body b{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}

body.jakMoonV2 #list .meta span,
body.jakMoonV2 #list .stats span{
  color:#adc1df !important;
  -webkit-text-fill-color:#adc1df !important;
}


/* =========================
   BOTTOM NAV
========================= */

body.jakMoonV2 .bottomNav button,
body.jakMoonV2 .bottomNav button span{
  color:#9fb4d5 !important;
  -webkit-text-fill-color:#9fb4d5 !important;
}

body.jakMoonV2
.bottomNav button:is(.active,.activeNav,.jakNavActive),

body.jakMoonV2
.bottomNav button:is(.active,.activeNav,.jakNavActive) span{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}