/* JAKSKY SAFE PINK BACKGROUND */
body.jakPageHome.jakUiRefreshV10{
  background:linear-gradient(
    180deg,
    #fff8fc 0%,
    #fff0f7 45%,
    #ffe8f3 100%
  ) !important;
}

/* grid tetap 2 kolom normal */
body.jakPageHome.jakUiRefreshV10 #list{
  background:transparent !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:12px !important;
  padding:12px !important;
}

/* jangan paksa card terakhir ke tengah */
body.jakPageHome.jakUiRefreshV10 #list > .card{
  grid-column:auto !important;
  max-width:none !important;
  width:auto !important;
  justify-self:stretch !important;
}


/* JAKSKY LAST UPLOAD TITLE */
.jakLastUploadTitle{
  width:calc(100% - 24px);
  margin:14px auto 4px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:4px 2px;
  color:#34242d;
}

.jakLastUploadTitle > span{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:13px;
  background:linear-gradient(135deg,#ff4fa5,#b85cff);
  color:white;
  font-size:17px;
  box-shadow:0 8px 18px rgba(255,79,165,.18);
}

.jakLastUploadTitle b{
  display:block;
  font-size:17px;
  font-weight:900;
  line-height:1.2;
}

.jakLastUploadTitle small{
  display:block;
  margin-top:2px;
  font-size:11px;
  color:#98798a;
}

html[data-jak-theme="dark"] .jakLastUploadTitle{
  color:#fff4f9;
}

html[data-jak-theme="dark"] .jakLastUploadTitle small{
  color:#bba0ae;
}


/* JAKSKY EXPIRY UI FIX V17 */

/* Body card normal supaya badge waktu bisa sejajar */
body.jakPageHome.jakUiRefreshV10 #list > .card .body{
  display:block !important;
  height:auto !important;
  overflow:visible !important;
}

body.jakPageHome.jakUiRefreshV10 #list > .card .body > b{
  display:block !important;
  margin:0 0 8px !important;
}

/* Waktu upload */
body.jakPageHome.jakUiRefreshV10 #list > .card .jakUploadAge{
  display:inline-flex !important;
  align-items:center !important;
  width:auto !important;
  margin:0 5px 8px 0 !important;
  vertical-align:middle !important;
}

/* Countdown sebelum expired */
body.jakPageHome.jakUiRefreshV10 #list > .card .expText{
  display:inline-flex !important;
  align-items:center !important;
  width:auto !important;
  max-width:100% !important;

  margin:0 0 8px !important;
  padding:6px 10px !important;

  border-radius:999px !important;
  border:1px solid #ffd9bc !important;

  background:#fff6ec !important;
  color:#e97731 !important;

  font-size:12px !important;
  font-weight:850 !important;
  line-height:1 !important;

  vertical-align:middle !important;
}

body.jakPageHome.jakUiRefreshV10 #list > .card .expText::before{
  content:"⏳";
  margin-right:5px;
}

/* Statistik tetap turun rapi ke baris berikutnya */
body.jakPageHome.jakUiRefreshV10 #list > .card .meta{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:6px !important;
  clear:both !important;
  margin-top:0 !important;
}

/* Kalau sudah benar-benar expired,
   tidak perlu tulisan Expired kedua di bawah */
body.jakPageHome.jakUiRefreshV10
#list > .card:has(.expiredBadge) .expText{
  display:none !important;
}

/* Overlay expired dibuat lebih rapi */
body.jakPageHome.jakUiRefreshV10 #list > .card .expiredBadge{
  background:linear-gradient(
    180deg,
    rgba(22,13,19,.38),
    rgba(22,13,19,.66)
  ) !important;

  backdrop-filter:blur(1px);
  -webkit-backdrop-filter:blur(1px);

  font-size:0 !important;
}

body.jakPageHome.jakUiRefreshV10 #list > .card .expiredBadge::after{
  content:"⌛ EXPIRED";
  display:inline-flex;
  align-items:center;
  justify-content:center;

  padding:9px 14px;
  border-radius:999px;

  background:rgba(25,15,21,.72);
  border:1px solid rgba(255,255,255,.28);

  color:white;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;

  box-shadow:0 8px 24px rgba(0,0,0,.22);
}

/* DARK MODE */
html[data-jak-theme="dark"]
body.jakPageHome.jakUiRefreshV10 #list > .card .expText{
  background:#332319 !important;
  color:#ffbd83 !important;
  border-color:rgba(255,176,108,.18) !important;
}