/* ======================================================
   MZ-CUAN UI POLISH GLOBAL
   search, card, badge, spacing
====================================================== */

:root {
  --mz-bg: #f4f7f6;
  --mz-nav: #07111f;
  --mz-primary: #10b981;
  --mz-primary-hover: #059669;
  --mz-text: #0f172a;
  --mz-muted: #334155;
  --mz-border: #dbe4ea;
}

/* page background */
body {
  background:
    radial-gradient(circle at top left, rgba(16,185,129,.055), transparent 28%),
    var(--mz-bg) !important;
  color: var(--mz-text) !important;
}

/* content section */
main .section,
.section {
  border-radius: 22px !important;
  border: 1px solid rgba(203,213,225,.85) !important;
  box-shadow: 0 18px 42px rgba(15,23,42,.065) !important;
}

/* title */
.section h1,
.section h2 {
  color: var(--mz-text) !important;
  letter-spacing: -.02em !important;
}

.section p {
  color: var(--mz-muted) !important;
}

/* search form universal */
main .section form,
.section form,
.searchbox,
.airdrop-search-final {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: 12px !important;
  align-items: center !important;
  width: 100% !important;
  margin: 18px 0 22px !important;
}

main .section form input[name="q"],
.section form input[name="q"],
main .section form input[type="text"],
.section form input[type="text"],
main .section form input[type="search"],
.section form input[type="search"],
.searchbox input,
.airdrop-search-final input {
  width: 100% !important;
  min-width: 0 !important;
  height: 48px !important;
  min-height: 48px !important;
  border-radius: 15px !important;
  border: 1px solid var(--mz-border) !important;
  background: #ffffff !important;
  color: var(--mz-text) !important;
  font-size: 15px !important;
  padding: 0 16px !important;
  box-sizing: border-box !important;
  box-shadow: inset 0 1px 2px rgba(15,23,42,.035) !important;
}

main .section form input:focus,
.section form input:focus,
.searchbox input:focus,
.airdrop-search-final input:focus {
  outline: none !important;
  border-color: var(--mz-primary) !important;
  box-shadow: 0 0 0 4px rgba(16,185,129,.13) !important;
}

main .section form button,
.section form button,
main .section form .btn,
.section form .btn,
.searchbox button,
.airdrop-search-final button {
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 24px !important;
  border-radius: 15px !important;
  background: linear-gradient(135deg, var(--mz-primary), var(--mz-primary-hover)) !important;
  color: #ffffff !important;
  border: none !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
  box-shadow: 0 10px 20px rgba(16,185,129,.16) !important;
}

/* cards universal */
.section .card,
.section article,
.section [class*="card"],
.airdrop-card-final {
  border: 1px solid #dbe7ee !important;
  box-shadow: 0 10px 26px rgba(15,23,42,.06) !important;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}

.section .card:hover,
.section article:hover,
.section [class*="card"]:hover,
.airdrop-card-final:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 18px 34px rgba(15,23,42,.10) !important;
  border-color: #a7e8d1 !important;
}

/* badge wrapper */
.airdrop-badges-final,
[class*="badges"] {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  align-items: center !important;
  width: auto !important;
  max-width: 100% !important;
}

/* badge base */
.badge,
span.badge,
.airdrop-badges-final .badge,
[class*="badges"] .badge {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  max-width: fit-content !important;
  padding: 6px 10px !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: .2px !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}

/* badge colors */
.badge-admin,
.badge-gold {
  background: #fef3c7 !important;
  color: #92400e !important;
  border: 1px solid #fde68a !important;
}

.badge-open,
.badge-active {
  background: #dcfce7 !important;
  color: #166534 !important;
  border: 1px solid #bbf7d0 !important;
}

.badge-ended,
.badge-end {
  background: #fee2e2 !important;
  color: #991b1b !important;
  border: 1px solid #fecaca !important;
}

.badge-status-potensi {
  background: #fef3c7 !important;
  color: #92400e !important;
  border: 1px solid #fde68a !important;
}

.badge-status-populer {
  background: #dbeafe !important;
  color: #1d4ed8 !important;
  border: 1px solid #bfdbfe !important;
}

.badge-status-terbaru {
  background: #ede9fe !important;
  color: #6d28d9 !important;
  border: 1px solid #ddd6fe !important;
}

.badge-type-retro {
  background: #ffedd5 !important;
  color: #c2410c !important;
  border: 1px solid #fed7aa !important;
}

.badge-type-node {
  background: #ede9fe !important;
  color: #5b21b6 !important;
  border: 1px solid #ddd6fe !important;
}

.badge-type-testnet {
  background: #dbeafe !important;
  color: #1e40af !important;
  border: 1px solid #bfdbfe !important;
}

.badge-type-airdrop {
  background: #cffafe !important;
  color: #0e7490 !important;
  border: 1px solid #a5f3fc !important;
}

.badge-type-depin {
  background: #ccfbf1 !important;
  color: #0f766e !important;
  border: 1px solid #99f6e4 !important;
}

.badge-type-waitlist {
  background: #e2e8f0 !important;
  color: #334155 !important;
  border: 1px solid #cbd5e1 !important;
}

.badge-type-yapping {
  background: #fce7f3 !important;
  color: #be185d !important;
  border: 1px solid #fbcfe8 !important;
}

.badge-type-other {
  background: #f1f5f9 !important;
  color: #475569 !important;
  border: 1px solid #cbd5e1 !important;
}

.badge-risk-low {
  background: #dcfce7 !important;
  color: #166534 !important;
  border: 1px solid #bbf7d0 !important;
}

.badge-risk-medium {
  background: #fef3c7 !important;
  color: #92400e !important;
  border: 1px solid #fde68a !important;
}

.badge-risk-high {
  background: #fee2e2 !important;
  color: #991b1b !important;
  border: 1px solid #fecaca !important;
}

/* percentage colors */
.mz-positive {
  color: #16a34a !important;
  font-weight: 900 !important;
}

.mz-negative {
  color: #dc2626 !important;
  font-weight: 900 !important;
}

/* dummy links */
.mz-dummy-link {
  opacity: .72 !important;
  cursor: not-allowed !important;
  background: #e2e8f0 !important;
  color: #475569 !important;
  box-shadow: none !important;
}

/* mobile */
@media (max-width: 768px) {
  main .section,
  .section {
    border-radius: 22px !important;
  }

  main .section form,
  .section form,
  .searchbox,
  .airdrop-search-final {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  main .section form input[name="q"],
  .section form input[name="q"],
  main .section form input[type="text"],
  .section form input[type="text"],
  main .section form input[type="search"],
  .section form input[type="search"],
  .searchbox input,
  .airdrop-search-final input {
    height: 54px !important;
    min-height: 54px !important;
    border-radius: 17px !important;
    font-size: 16px !important;
  }

  main .section form button,
  .section form button,
  main .section form .btn,
  .section form .btn,
  .searchbox button,
  .airdrop-search-final button {
    width: 100% !important;
    height: 54px !important;
    min-height: 54px !important;
    border-radius: 17px !important;
    font-size: 16px !important;
  }

  .badge,
  span.badge,
  .airdrop-badges-final .badge,
  [class*="badges"] .badge {
    font-size: 10.5px !important;
    padding: 6px 9px !important;
  }
}

/* FIX navbar logo jangan ketimpa card/global style */
header.top .logo,
header.top a.logo,
.logo {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

header.top .logo img,
header.top a.logo img,
.logo img {
  display: block !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  object-fit: contain !important;
  opacity: 1 !important;
  visibility: visible !important;
  border-radius: 12px !important;
}

header.top .logo::before,
header.top a.logo::before,
.logo::before {
  display: none !important;
  content: none !important;
}

header.top .logo .logo-title,
header.top .logo-title {
  display: block !important;
  color: #ffffff !important;
}

header.top .logo small,
header.top small {
  color: rgba(255,255,255,.82) !important;
}


/* FIX logo asli navbar, tanpa dobel */
header.top .logo::before,
header.top a.logo::before,
.logo::before {
  content: none !important;
  display: none !important;
}

header.top .logo img,
header.top a.logo img,
.logo img {
  display: block !important;
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  object-fit: contain !important;
  opacity: 1 !important;
  visibility: visible !important;
  border-radius: 14px !important;
  background: transparent !important;
}

/* FINAL FIX NAVBAR LOGO: pakai background, tanpa dobel */
header.top .logo,
header.top a.logo,
.logo {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

header.top .logo::before,
header.top a.logo::before,
.logo::before {
  content: "" !important;
  display: block !important;
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  border-radius: 14px !important;
  background-image: url("/static/mz-logo.png") !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

header.top .logo img,
header.top a.logo img,
.logo img {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

header.top .logo .logo-title,
header.top .logo-title,
.logo .logo-title {
  display: block !important;
  color: #ffffff !important;
}

header.top .logo small,
.logo small {
  color: rgba(255,255,255,.82) !important;
}

/* HILANGKAN KOTAK HIJAU KOSONG DI SAMPING LOGO */
header.top .logo .mark,
header.top a.logo .mark,
.logo .mark,
span.mark {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* rapikan jarak logo ke tulisan */
header.top .logo,
header.top a.logo,
.logo {
  gap: 12px !important;
}

/* ======================================================
   PERFORMANCE FIX: scroll lebih halus
====================================================== */

/* Render card panjang seperlunya saja */
.section .card,
.section article,
.section [class*="card"],
.airdrop-card-final,
.meme-card,
.token-card {
  content-visibility: auto !important;
  contain-intrinsic-size: 260px !important;
}

/* Shadow lebih ringan supaya scroll tidak patah */
.section .card,
.section article,
.section [class*="card"],
.airdrop-card-final,
.meme-card,
.token-card {
  box-shadow: 0 8px 18px rgba(15,23,42,.055) !important;
  transition: border-color .15s ease, box-shadow .15s ease !important;
  will-change: auto !important;
}

/* Jangan transform hover di mobile/touch */
@media (hover: none), (max-width: 900px) {
  .section .card:hover,
  .section article:hover,
  .section [class*="card"]:hover,
  .airdrop-card-final:hover,
  .meme-card:hover,
  .token-card:hover {
    transform: none !important;
    box-shadow: 0 8px 18px rgba(15,23,42,.055) !important;
  }

  * {
    scroll-behavior: auto !important;
  }
}

/* Logo final: hilangkan kotak mark hijau */
header.top .logo .mark,
header.top a.logo .mark,
.logo .mark,
span.mark {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Logo hanya 1 */
header.top .logo::before,
header.top a.logo::before,
.logo::before {
  content: "" !important;
  display: block !important;
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  border-radius: 14px !important;
  background-image: url("/static/mz-logo.png") !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

header.top .logo img,
header.top a.logo img,
.logo img {
  display: none !important;
}

/* MEME SCANNER: 2 kolom desktop, 1 kolom mobile */
@media (min-width: 901px) {
  .meme-grid,
  .token-grid,
  [class*="meme-grid"],
  [class*="token-grid"] {
    grid-template-columns: repeat(2, minmax(360px, 1fr)) !important;
    gap: 22px !important;
  }

  .meme-card,
  .token-card,
  [class*="meme-card"],
  [class*="token-card"] {
    min-width: 0 !important;
    width: 100% !important;
  }
}

/* layar besar tetap maksimal 2 kolom, jangan maksa 3 */
@media (min-width: 1200px) {
  .meme-grid,
  .token-grid,
  [class*="meme-grid"],
  [class*="token-grid"] {
    grid-template-columns: repeat(2, minmax(420px, 1fr)) !important;
  }
}

/* mobile full 1 kolom */
@media (max-width: 900px) {
  .meme-grid,
  .token-grid,
  [class*="meme-grid"],
  [class*="token-grid"] {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }
}

/* ======================================================
   MEME SCANNER READABILITY FINAL
====================================================== */

/* Card lebih bersih */
.meme-card,
.token-card,
[class*="meme-card"],
[class*="token-card"] {
  background: #ffffff !important;
  border: 1px solid #dbe7ee !important;
  border-top: 4px solid #10b981 !important;
  border-radius: 22px !important;
  box-shadow: 0 14px 30px rgba(15,23,42,.08) !important;
  padding: 22px !important;
  overflow: hidden !important;
}

/* Hilangkan overlay/gradient yang bikin cemong */
.meme-card::before,
.meme-card::after,
.token-card::before,
.token-card::after,
[class*="meme-card"]::before,
[class*="meme-card"]::after,
[class*="token-card"]::before,
[class*="token-card"]::after {
  display: none !important;
  content: none !important;
}

/* Judul token */
.meme-card h2,
.meme-card h3,
.token-card h2,
.token-card h3,
[class*="meme-card"] h2,
[class*="meme-card"] h3,
[class*="token-card"] h2,
[class*="token-card"] h3 {
  color: #07111f !important;
  font-size: 24px !important;
  line-height: 1.18 !important;
  font-weight: 900 !important;
  letter-spacing: -.02em !important;
  margin: 10px 0 6px !important;
}

/* Pair kecil di bawah judul */
.meme-card p,
.token-card p,
[class*="meme-card"] p,
[class*="token-card"] p {
  color: #475569 !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
}

/* Badge chain BASE/ETH/SOLANA */
.meme-card .badge:first-child,
.token-card .badge:first-child,
[class*="meme-card"] .badge:first-child,
[class*="token-card"] .badge:first-child {
  background: #16a34a !important;
  color: #ffffff !important;
  border: 1px solid #16a34a !important;
}

/* Momentum Kuat jangan pucat */
.meme-card .badge,
.token-card .badge,
[class*="meme-card"] .badge,
[class*="token-card"] .badge {
  opacity: 1 !important;
  text-shadow: none !important;
}

.meme-card .badge:contains("Momentum"),
.token-card .badge:contains("Momentum") {
  opacity: 1 !important;
}

/* Karena :contains tidak standar, pakai selector umum untuk badge ke-2 */
.meme-card .badge:nth-of-type(2),
.token-card .badge:nth-of-type(2),
[class*="meme-card"] .badge:nth-of-type(2),
[class*="token-card"] .badge:nth-of-type(2) {
  background: #dcfce7 !important;
  color: #166534 !important;
  border: 1px solid #86efac !important;
  font-weight: 900 !important;
}

/* Score kotak kanan */
.meme-card [class*="score"],
.token-card [class*="score"],
[class*="meme-card"] [class*="score"],
[class*="token-card"] [class*="score"] {
  background: #07111f !important;
  color: #ffffff !important;
  border-radius: 16px !important;
  box-shadow: 0 12px 22px rgba(2,6,23,.18) !important;
}

/* Kotak metric */
.meme-card [class*="stat"],
.token-card [class*="stat"],
.meme-card [class*="metric"],
.token-card [class*="metric"],
[class*="meme-card"] [class*="stat"],
[class*="token-card"] [class*="stat"],
[class*="meme-card"] [class*="metric"],
[class*="token-card"] [class*="metric"] {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 14px !important;
  color: #0f172a !important;
}

/* Label kecil dalam metric */
.meme-card small,
.token-card small,
[class*="meme-card"] small,
[class*="token-card"] small {
  color: #64748b !important;
}

/* Angka metric */
.meme-card strong,
.token-card strong,
[class*="meme-card"] strong,
[class*="token-card"] strong {
  color: #0f172a !important;
  font-weight: 900 !important;
}

/* Naik turun */
.mz-positive {
  color: #16a34a !important;
  font-weight: 900 !important;
}

.mz-negative {
  color: #dc2626 !important;
  font-weight: 900 !important;
}

/* Risk row */
.meme-card [class*="risk"],
.token-card [class*="risk"],
[class*="meme-card"] [class*="risk"],
[class*="token-card"] [class*="risk"] {
  background: #f8fafc !important;
  border-radius: 14px !important;
}

/* Alasan masuk radar */
.meme-card [class*="reason"],
.token-card [class*="reason"],
[class*="meme-card"] [class*="reason"],
[class*="token-card"] [class*="reason"] {
  background: #ecfdf5 !important;
  border: 1px solid #bbf7d0 !important;
  color: #166534 !important;
  border-radius: 16px !important;
}

/* Tombol bawah */
.meme-card a,
.token-card a,
[class*="meme-card"] a,
[class*="token-card"] a {
  background: #10b981 !important;
  color: #ffffff !important;
  border-radius: 14px !important;
  font-weight: 900 !important;
  box-shadow: 0 10px 20px rgba(16,185,129,.16) !important;
}

/* MEME SCANNER STATUS COLOR */
.mz-momentum-kuat {
  background: #dcfce7 !important;
  color: #166534 !important;
  border: 1px solid #86efac !important;
  font-weight: 900 !important;
}

.mz-layak-pantau {
  background: #dbeafe !important;
  color: #1d4ed8 !important;
  border: 1px solid #93c5fd !important;
  font-weight: 900 !important;
}

.mz-risiko-tinggi {
  background: #fee2e2 !important;
  color: #991b1b !important;
  border: 1px solid #fca5a5 !important;
  font-weight: 900 !important;
}

.mz-risiko-sedang {
  background: #fef3c7 !important;
  color: #92400e !important;
  border: 1px solid #fcd34d !important;
  font-weight: 900 !important;
}

.mz-risiko-rendah {
  background: #dcfce7 !important;
  color: #166534 !important;
  border: 1px solid #86efac !important;
  font-weight: 900 !important;
}

/* ======================================================
   FIX FINAL MEME STATUS BADGE - jangan bikin blank putih
====================================================== */

/* bersihkan efek putih dari elemen besar */
.meme-card.mz-momentum-kuat,
.token-card.mz-momentum-kuat,
.meme-card.mz-layak-pantau,
.token-card.mz-layak-pantau,
.meme-card.mz-risiko-tinggi,
.token-card.mz-risiko-tinggi,
.meme-card.mz-risiko-sedang,
.token-card.mz-risiko-sedang,
.meme-card.mz-risiko-rendah,
.token-card.mz-risiko-rendah,
[class*="meme-card"].mz-momentum-kuat,
[class*="token-card"].mz-momentum-kuat,
[class*="meme-card"].mz-layak-pantau,
[class*="token-card"].mz-layak-pantau,
[class*="meme-card"].mz-risiko-tinggi,
[class*="token-card"].mz-risiko-tinggi,
[class*="meme-card"].mz-risiko-sedang,
[class*="token-card"].mz-risiko-sedang,
[class*="meme-card"].mz-risiko-rendah,
[class*="token-card"].mz-risiko-rendah {
  background: #ffffff !important;
  color: #0f172a !important;
}

/* status kecil saja */
.mz-status-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  max-width: fit-content !important;
  min-height: 32px !important;
  padding: 8px 13px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  opacity: 1 !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

/* beda warna */
.mz-momentum-kuat.mz-status-pill {
  background: #dcfce7 !important;
  color: #166534 !important;
  border: 1px solid #86efac !important;
}

.mz-layak-pantau.mz-status-pill {
  background: #dbeafe !important;
  color: #1d4ed8 !important;
  border: 1px solid #93c5fd !important;
}

.mz-risiko-tinggi.mz-status-pill {
  background: #fee2e2 !important;
  color: #991b1b !important;
  border: 1px solid #fca5a5 !important;
}

.mz-risiko-sedang.mz-status-pill {
  background: #fef3c7 !important;
  color: #92400e !important;
  border: 1px solid #fcd34d !important;
}

.mz-risiko-rendah.mz-status-pill {
  background: #dcfce7 !important;
  color: #166534 !important;
  border: 1px solid #86efac !important;
}

/* ======================================================
   FINAL OVERRIDE STATUS MEME - teks wajib kelihatan
====================================================== */

.meme-card .mz-status-pill,
.token-card .mz-status-pill,
[class*="meme-card"] .mz-status-pill,
[class*="token-card"] .mz-status-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  max-width: fit-content !important;
  min-height: 30px !important;
  padding: 7px 12px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

/* Momentum kuat = hijau jelas */
.meme-card .mz-status-pill.mz-momentum-kuat,
.token-card .mz-status-pill.mz-momentum-kuat,
[class*="meme-card"] .mz-status-pill.mz-momentum-kuat,
[class*="token-card"] .mz-status-pill.mz-momentum-kuat {
  background: #dcfce7 !important;
  color: #166534 !important;
  border: 1px solid #86efac !important;
}

/* Layak dipantau = biru */
.meme-card .mz-status-pill.mz-layak-pantau,
.token-card .mz-status-pill.mz-layak-pantau,
[class*="meme-card"] .mz-status-pill.mz-layak-pantau,
[class*="token-card"] .mz-status-pill.mz-layak-pantau {
  background: #dbeafe !important;
  color: #1d4ed8 !important;
  border: 1px solid #93c5fd !important;
}

/* Risiko tinggi = merah */
.meme-card .mz-status-pill.mz-risiko-tinggi,
.token-card .mz-status-pill.mz-risiko-tinggi,
[class*="meme-card"] .mz-status-pill.mz-risiko-tinggi,
[class*="token-card"] .mz-status-pill.mz-risiko-tinggi {
  background: #fee2e2 !important;
  color: #991b1b !important;
  border: 1px solid #fca5a5 !important;
}

/* Risiko sedang = kuning */
.meme-card .mz-status-pill.mz-risiko-sedang,
.token-card .mz-status-pill.mz-risiko-sedang,
[class*="meme-card"] .mz-status-pill.mz-risiko-sedang,
[class*="token-card"] .mz-status-pill.mz-risiko-sedang {
  background: #fef3c7 !important;
  color: #92400e !important;
  border: 1px solid #fcd34d !important;
}

/* Risiko rendah = hijau */
.meme-card .mz-status-pill.mz-risiko-rendah,
.token-card .mz-status-pill.mz-risiko-rendah,
[class*="meme-card"] .mz-status-pill.mz-risiko-rendah,
[class*="token-card"] .mz-status-pill.mz-risiko-rendah {
  background: #dcfce7 !important;
  color: #166534 !important;
  border: 1px solid #86efac !important;
}

/* Angka plus minus */
.mz-positive {
  color: #16a34a !important;
  font-weight: 900 !important;
}

.mz-negative {
  color: #dc2626 !important;
  font-weight: 900 !important;
}

/* ======================================================
   MEME SCANNER TOP AREA NEAT FIX
====================================================== */

/* form search meme scanner */
form[action*="meme-scanner"],
.section form[action*="meme-scanner"],
main form[action*="meme-scanner"] {
  display: grid !important;
  grid-template-columns: 1fr auto auto !important;
  gap: 12px !important;
  align-items: center !important;
  margin: 18px 0 18px !important;
}

/* tombol cari & reset */
form[action*="meme-scanner"] button,
form[action*="meme-scanner"] a,
.section form[action*="meme-scanner"] button,
.section form[action*="meme-scanner"] a {
  width: auto !important;
  min-width: 76px !important;
  height: 46px !important;
  min-height: 46px !important;
  padding: 0 20px !important;
  border-radius: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

/* Reset beda warna */
form[action*="meme-scanner"] a,
.section form[action*="meme-scanner"] a {
  background: #e2e8f0 !important;
  color: #334155 !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: none !important;
}

/* input search */
form[action*="meme-scanner"] input,
.section form[action*="meme-scanner"] input {
  height: 46px !important;
  min-height: 46px !important;
  border-radius: 14px !important;
}

/* teks jumlah kandidat */
.mz-result-count {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin: 8px 0 18px !important;
  padding: 8px 13px !important;
  border-radius: 999px !important;
  background: #ecfdf5 !important;
  color: #047857 !important;
  border: 1px solid #a7f3d0 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
}

/* score info boxes */
.mz-score-guide,
.mz-score-guide-wrap {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin: 18px 0 !important;
}

.mz-score-guide > *,
.mz-score-guide-wrap > *,
.section .mz-score-box {
  background: #f8fafc !important;
  border: 1px solid #dbe7ee !important;
  border-radius: 16px !important;
  padding: 14px 15px !important;
  color: #0f172a !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  font-weight: 800 !important;
}

/* fallback target untuk box score lama */
.section div {
  word-spacing: normal !important;
}

/* mobile */
@media (max-width: 768px) {
  form[action*="meme-scanner"],
  .section form[action*="meme-scanner"],
  main form[action*="meme-scanner"] {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  form[action*="meme-scanner"] button,
  form[action*="meme-scanner"] a,
  .section form[action*="meme-scanner"] button,
  .section form[action*="meme-scanner"] a {
    width: 100% !important;
    height: 52px !important;
    min-height: 52px !important;
  }

  .mz-score-guide,
  .mz-score-guide-wrap {
    grid-template-columns: 1fr !important;
  }

  .mz-result-count {
    border-radius: 14px !important;
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }
}

/* FIX tombol RESET meme scanner jangan full panjang */
body:has(form[action*="meme-scanner"]) form[action*="meme-scanner"] {
  display: grid !important;
  grid-template-columns: 1fr 76px 86px !important;
  gap: 12px !important;
  align-items: center !important;
}

body:has(form[action*="meme-scanner"]) form[action*="meme-scanner"] input {
  grid-column: 1 !important;
}

body:has(form[action*="meme-scanner"]) form[action*="meme-scanner"] button {
  grid-column: 2 !important;
  width: 76px !important;
  min-width: 76px !important;
  max-width: 76px !important;
}

body:has(form[action*="meme-scanner"]) form[action*="meme-scanner"] a {
  grid-column: 3 !important;
  width: 86px !important;
  min-width: 86px !important;
  max-width: 86px !important;
  height: 46px !important;
  min-height: 46px !important;
  padding: 0 !important;
  border-radius: 14px !important;
  background: #e2e8f0 !important;
  color: #334155 !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: none !important;
}

/* kalau tombol reset kebungkus baris sendiri */
body:has(form[action*="meme-scanner"]) form[action*="meme-scanner"] a[href*="meme-scanner"] {
  justify-self: start !important;
}

/* mobile tetap full biar enak dipencet */
@media (max-width: 768px) {
  body:has(form[action*="meme-scanner"]) form[action*="meme-scanner"] {
    grid-template-columns: 1fr !important;
  }

  body:has(form[action*="meme-scanner"]) form[action*="meme-scanner"] input,
  body:has(form[action*="meme-scanner"]) form[action*="meme-scanner"] button,
  body:has(form[action*="meme-scanner"]) form[action*="meme-scanner"] a {
    grid-column: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* FORCE RESET BUTTON KECIL */
body.mz-meme-page .mz-reset-small {
  width: 86px !important;
  min-width: 86px !important;
  max-width: 86px !important;
  height: 46px !important;
  min-height: 46px !important;
  padding: 0 !important;
  border-radius: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #e2e8f0 !important;
  color: #334155 !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  font-weight: 900 !important;
}

body.mz-meme-page .mz-search-small {
  width: 76px !important;
  min-width: 76px !important;
  max-width: 76px !important;
}

@media (max-width: 768px) {
  body.mz-meme-page .mz-reset-small,
  body.mz-meme-page .mz-search-small {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* NAVBAR ACTIVE FIX */
header a.active,
header a.nav-active,
header a.is-active,
nav a.active,
nav a.nav-active,
nav a.is-active,
.nav a.active,
.nav a.nav-active,
.nav a.is-active {
  background: #10b981 !important;
  color: #ffffff !important;
  border-color: #10b981 !important;
}