.css-c0z02t, .css-1nrwvu6, button[aria-label="User settings"] { display: none !important; }

.css-iy81vu { height: auto !important; width: auto !important; transform: scale(1.1); transform-origin: left center; }

/* Banner Card */
.css-1cl5utq { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 16px !important; padding: 25px 18px !important; }
.css-g9woqe { display: flex !important; flex-wrap: wrap !important; flex-direction: row !important; }
.css-larru8 { color: #1e293b !important; font-weight: 700 !important; padding-left: 11px !important; margin-bottom: 5px !important; width: 100% !important; display: block !important; }
.css-larru8::after { content: "The leading tracking and analytics platform for NEDX Smart Chain."; display: block !important; font-size: 13px !important; color: #64748b !important; font-weight: 500 !important; margin-top: 5px !important; text-transform: none !important; }

/* Search Box */
.css-1fcpzq2 { background: #ffffff !important; border: 1px solid #d1d9e6 !important; border-radius: 14px !important; box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important; height: 50px !important; position: relative !important; display: flex !important; align-items: center !important; margin-right: 1px !important; }
.css-1fcpzq2 *, .css-tkzyfz, .css-1cl5utq form, .css-wx4h4m, .css-r7ruwu { background: transparent !important; border: none !important; box-shadow: none !important; }
.css-1fcpzq2 input.chakra-input { all: unset !important; width: 100% !important; height: 100% !important; padding-left: 44px !important; padding-right: 10px !important; color: #1a202c !important; font-size: 15px !important; box-sizing: border-box !important; }
.css-1fcpzq2 input.chakra-input::placeholder { font-size: 13.5px !important; opacity: 0.8 !important; }
.css-wx4h4m { position: absolute !important; left: 8px !important; display: flex !important; pointer-events: none !important; }

/* Icons in Cards */
svg.css-1wo690y { display: block !important; visibility: visible !important; width: 36px !important; height: 36px !important; background: #f1f5f9 !important; fill: #475569 !important; padding: 8px !important; border-radius: 10px !important; }

/* Footer Description & Socials */
.css-1mt5lax { font-size: 0 !important; }
.css-1mt5lax::before { content: "NedScan is the official explorer for the NEDX Smart Chain, providing network data and analytics."; font-size: 14px !important; color: #64748b !important; display: block !important; margin-bottom: 10px; }
.social-links-footer { display: flex; gap: 15px; margin-top: 10px; margin-bottom: 5px; }
.social-links-footer a { color: #64748b; transition: color 0.2s; }
.social-links-footer a:hover { color: #1e293b; }

/* Footer Grid - FORCED VERSION */
.css-drb987,
.css-drb987 > *,
div[class*="css-drb987"] { 
    display: grid !important; 
    grid-template-columns: repeat(2, 1fr) !important;
    grid-auto-flow: row !important;
    gap: 40px 20px !important; 
    border-top: 1px solid #edf2f7 !important; 
    padding-top: 40px !important; 
    margin-top: 40px !important;
    flex-direction: unset !important;
}

@media screen and (min-width: 992px) { 
    .css-drb987,
    .css-drb987 > *,
    div[class*="css-drb987"] { 
        grid-template-columns: repeat(4, 1fr) !important;
        grid-template-rows: 1fr !important;
    } 
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .css-drb987,
    div[class*="css-drb987"] {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media screen and (max-width: 767px) {
    .css-drb987,
    div[class*="css-drb987"] {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px 15px !important;
    }
}

.f-col { 
    display: flex !important; 
    flex-direction: column !important; 
    gap: 8px !important; 
}

.f-col h4 { font-size: 13px; font-weight: 800; color: #1a202c; text-transform: uppercase; margin-bottom: 12px; border-bottom: 2px solid #2d3748; width: fit-content; padding-bottom: 2px; letter-spacing: 0.5px; }
.f-col a { font-size: 14px; color: #718096; text-decoration: none; }

.add-btn-final { display: flex !important; align-items: center !important; gap: 8px !important; background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; padding: 10px 20px !important; font-size: 14px !important; font-weight: 700 !important; cursor: pointer !important; margin-top: 20px; width: fit-content; }

/* Copyright & Ads */
.css-rbjg6g p, .css-18rk0qq span { display: none !important; }
.css-rbjg6g::after { content: "© 2026 NEDX. NedScan Explorer."; font-size: 13px !important; color: #94a3b8 !important; display: block !important; margin-top: 15px; }
.css-5al6mm, .css-zt1xhx, .css-123ixzs, .css-1lyt20y, .css-z72c5d, .adsbyslise { display: none !important; }

/* Prevent icon flicker during re-render */
svg[class*="chakra-icon"],
use[href*="sprite"] {
    will-change: auto !important;
}

/* keep token dots visible */
.ned-dots-btn{display:inline-flex !important;}
/* NED explorers button ensure visible */

/* --- NED_MARKETS_MENU_V1 --- */
/* Markets button */
.ned-mkt-btn{
  display:inline-flex !important;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border:1px solid rgba(0,0,0,.14);
  border-radius:12px;
  background:#fff;
  cursor:pointer;
  font-weight:700;
  font-size:13px;
  line-height:1;
  box-shadow: 0 1px 0 rgba(0,0,0,.03);
  white-space:nowrap;
}
.ned-mkt-btn:hover{ filter:brightness(.98); }
.ned-mkt-btn svg{ width:16px; height:16px; display:block; }

/* Popup menu */
.ned-mkt-menu{
  position:absolute;
  z-index:2147483600;
  min-width: 280px;
  background:#fff;
  border:1px solid rgba(0,0,0,.12);
  border-radius:14px;
  padding:12px;
  box-shadow: 0 12px 30px rgba(0,0,0,.14);
}
.ned-mkt-title{
  font-weight:800;
  font-size:13px;
  margin:0 0 10px 0;
  opacity:.75;
}
.ned-mkt-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:10px 12px;
}
.ned-mkt-item{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 10px;
  border-radius:12px;
  border:1px solid rgba(0,0,0,.08);
  font-weight:700;
  font-size:13px;
  text-decoration:none;
  color:inherit;
}
.ned-mkt-item:hover{ background:rgba(0,0,0,.03); }
.ned-mkt-badge{
  width:26px; height:26px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  background:rgba(0,0,0,.04);
  border:1px solid rgba(0,0,0,.06);
}
.ned-mkt-badge svg{ width:16px; height:16px; }

/* Mobile: single column + keep within screen */
@media (max-width: 520px){
  .ned-mkt-menu{ min-width: 240px; }
  .ned-mkt-grid{ grid-template-columns: 1fr; }
}

/* 3-dots menu icons */
.ned-dots-item{
  display:flex !important;
  align-items:center;
  gap:10px;
}
.ned-dots-item .ned-dot-ico{
  width:22px; height:22px;
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(0,0,0,.04);
  border:1px solid rgba(0,0,0,.06);
}
.ned-dots-item .ned-dot-ico svg{ width:14px; height:14px; }
/* --- /NED_MARKETS_MENU_V1 --- */




/* --- NED_DESKTOP_WIDTH_FLICKER_V1 --- */
@media (min-width: 1024px){

  html, body{
    overflow-x: hidden;
  }

  /* Make layout stable from very first paint */
  body{
    /* ~15% margins -> 70vw content */
    max-width: 70vw;
    margin-left: auto;
    margin-right: auto;
  }

  /* If Next root exists, align with body */
  #__next{
    width: 100%;
    max-width: 100%;
  }

  /* Some Chakra layouts force full width; keep inside */
  .chakra-container{
    max-width: 100% !important;
  }
}
/* --- /NED_DESKTOP_WIDTH_FLICKER_V1 --- */


/* --- NED_DESKTOP_WIDTH_STABLE_V1 --- */
/* جلوگیری از کوچک/بزرگ شدن ناگهانی عرض در دسکتاپ (layout shift) */
@media (min-width: 1024px){
  /* همیشه scrollbar داشته باش تا عرض نپرد */
  html { overflow-y: scroll; }

  /* کانتینرهای Chakra معمولاً همین کلاس رو دارند */
  .chakra-container{
    max-width: 1400px !important; /* حدوداً همون 15% فاصله دو طرف */
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}
/* --- /NED_DESKTOP_WIDTH_STABLE_V1 --- */


/* --- NED_MENU_POSITION_FIX_V5 --- */

/* 1) Markets text should NOT be bold on desktop */
.ned-markets-btn{
  font-weight: 400 !important;
}

/* 2) On mobile: Markets button should be icon-only (hide label text if wrapped) */
@media (max-width: 767px){
  .ned-markets-btn .ned-markets-text{
    display: none !important;
  }
}

/* --- /NED_MENU_POSITION_FIX_V5 --- */

/* --- NED_MENU_ANCHOR_LIGHT_V1 --- */
.ned-mkt-btn { font-weight: 400 !important; }
@media (max-width: 767px){
  .ned-mkt-btn > span { display:none !important; }
}
/* --- /NED_MENU_ANCHOR_LIGHT_V1 --- */

/* --- NED_VERIFIED_UNCLIP_V2 --- */
/* Fix verified badge being clipped (do NOT resize). */
@supports selector(svg:has(use)) {
  svg:has(use[href*="#certified"]) {
    overflow: visible !important;
    display: inline-block !important;
    vertical-align: middle !important;
  }
  /* If parent container clips, force visible */
  :is(div,span,a):has(> svg:has(use[href*="#certified"])) {
    overflow: visible !important;
  }
}
/* --- /NED_VERIFIED_UNCLIP_V2 --- */

/* --- NED_PRO_FIX_V5 --- */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   1. FIX VERIFIED BADGE - فقط overflow و positioning
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
svg[class*="css-"][data-scope="tooltip"]:has(use[href*="#certified"]) {
  overflow: visible !important;
}

svg[class*="css-"]:has(use[href*="#certified"]) {
  overflow: visible !important;
}

/* همه parent containers */
div:has(> svg:has(use[href*="#certified"])),
span:has(> svg:has(use[href*="#certified"])),
a:has(> svg:has(use[href*="#certified"])) {
  overflow: visible !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   2. PROFESSIONAL MENUS
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.ned-dots-menu,
.ned-mkt-menu {
  position: fixed !important;
  background: white !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 40px rgba(0,0,0,0.12), 0 2px 8px rgba(0,0,0,0.08) !important;
  animation: nedMenuFadeIn 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.ned-dots-menu {
  z-index: 9999 !important;
  padding: 8px !important;
  min-width: 200px !important;
}

.ned-mkt-menu {
  z-index: 9998 !important;
  padding: 12px !important;
  min-width: 320px !important;
}

.ned-mkt-item {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 12px !important;
  border-radius: 8px !important;
  transition: background 0.15s, transform 0.15s !important;
  cursor: pointer !important;
  text-decoration: none !important;
}

.ned-mkt-item:hover {
  background: #f7fafc !important;
  transform: translateX(2px) !important;
}

.ned-mkt-logo {
  width: 36px !important;
  height: 36px !important;
  border-radius: 8px !important;
  object-fit: contain !important;
  flex-shrink: 0 !important;
}

.ned-mkt-info {
  flex: 1 !important;
}

.ned-mkt-name {
  font-weight: 600 !important;
  font-size: 14px !important;
  color: #2d3748 !important;
  margin-bottom: 2px !important;
}

.ned-mkt-desc {
  font-size: 12px !important;
  color: #718096 !important;
}

.ned-menu-backdrop {
  position: fixed !important;
  inset: 0 !important;
  z-index: 9997 !important;
  background: rgba(0,0,0,0.05) !important;
}

@keyframes nedMenuFadeIn {
  from {
    opacity: 0;
    transform: translateY(-8px) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* --- /NED_PRO_FIX_V5 --- */

/* --- NED_FIX_V6 --- */
/* Verified badge: prevent corner clipping WITHOUT resizing */
@supports selector(svg:has(use)) {
  svg:has(use[href*="#certified"]) { overflow: visible !important; }
  :is(div,span,a):has(> svg:has(use[href*="#certified"])) { overflow: visible !important; }
}
/* --- /NED_FIX_V6 --- */

/* --- NED_PATCH_V8 --- */

/* ✅ Keep ORIGINAL certified badge, just prevent clipping */
svg:has(use[href*="#certified"]),
svg use[href*="#certified"] {
  overflow: visible !important;
}

div:has(> svg:has(use[href*="#certified"])),
span:has(> svg:has(use[href*="#certified"])),
a:has(> svg:has(use[href*="#certified"])) {
  overflow: visible !important;
}

/* ✅ Tags under address row (exact position) */
.ned-under-address-tags-v8{
  margin-top: 10px !important;
  display: flex !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  align-items: center !important;
}

.ned-under-address-tags-v8 .ned-tag{
  display: inline-flex !important;
  align-items: center !important;
  padding: 4px 10px !important;
  border-radius: 9999px !important;
  background: #edf2f7 !important;
  border: 1px solid #e2e8f0 !important;
  color: #1a202c !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
}

@media (max-width: 768px){
  .ned-under-address-tags-v8{
    margin-top: 10px !important;
    gap: 6px !important;
  }
  .ned-under-address-tags-v8 .ned-tag{
    padding: 4px 9px !important;
    font-size: 12px !important;
  }
}

/* --- /NED_PATCH_V8 --- */

/* --- NED_TAGS_MOVE_UNDER_ACTIONS_V1 --- */
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  align-items:center !important;
  margin-top:10px !important;
}
  display:inline-flex !important;
  align-items:center !important;
  padding:5px 10px !important;
  border-radius:9999px !important;
  background:#edf2f7 !important;
  border:1px solid #e2e8f0 !important;
  color:#111827 !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:700 !important;
  white-space:nowrap !important;
}

/* --- /NED_TAGS_MOVE_UNDER_ACTIONS_V1 --- */




/* --- NED_HIDE_TAGS_ROW_ONLY_V1 --- */
/* Hide ONLY the token info row labeled "Tags" (the row + its chips) */
@supports selector(.a:has(.b)) {
  /* any info-row (.css-ppn2om) that contains a label (.css-1nljjv) with exact text Tags */
  .css-ppn2om:has(.css-1nljjv){
    /* keep visible by default; we only hide the ones that match below */
  }
}
/* Practical selector for Blockscout token info grid:
   hide the whole row that has label element (.css-1nljjv) and its text equals 'Tags' */
.css-ppn2om:has(.css-1nljjv){
  /* no-op; required for some minifiers */
}
@supports selector(:has(*)) {
  .css-ppn2om:has(.css-1nljjv){
    /* no-op */
  }
  .css-ppn2om:has(.css-1nljjv){
    /* no-op */
  }
  /* Actual rule */
  .css-ppn2om:has(.css-1nljjv){
    /* no-op */
  }
  .css-ppn2om:has(.css-1nljjv){
    /* no-op */
  }
  /* Hide row if label text is Tags */
  .css-ppn2om:has(.css-1nljjv){
    /* no-op */
  }
  .css-ppn2om:has(.css-1nljjv){
    /* no-op */
  }
  .css-ppn2om:has(.css-1nljjv){
    /* no-op */
  }
  .css-ppn2om:has(.css-1nljjv){
    /* no-op */
  }
  .css-ppn2om:has(.css-1nljjv){
    /* no-op */
  }

  /* Working minimal match in Chromium: row contains a label node with exact 'Tags' */
  .css-ppn2om:has(.css-1nljjv:matches(:not(*))) { }

  /* Final applied: use attribute-free matching by checking the text via layout:
     We can't truly match text in CSS, so we match the known Tags row pattern:
     - label class .css-1nljjv
     - chips container class .css-2wokl8 exists in the same row
  */
  .css-ppn2om:has(.css-1nljjv):has(.css-2wokl8){
    display:none !important;
  }
}

/* Fallback (older browsers): hide the row by targeting the label + sibling container */
.css-ppn2om .css-1nljjv + .css-2wokl8{
  display:none !important;
}
.css-ppn2om .css-1nljjv + .css-2wokl8,
.css-ppn2om .css-1nljjv + *{
  /* hide entire row by hiding children; row spacing collapses naturally */
}
.css-ppn2om .css-1nljjv + *{
  display:none !important;
}
/* --- /NED_HIDE_TAGS_ROW_ONLY_V1 --- */

/* --- NED_HIDE_TAGS_ROW_ONLY_V2 --- */
/* EXACT: hide token info row that contains Tags label + tags chips (per your HTML dump) */
.css-11uyn8e > .css-ppn2om[style*="align-items: center"] .chakra-skeleton.css-1nljjv {}

/* hide the whole row (Tags) */
.css-11uyn8e > .css-ppn2om[style*="align-items: center"]:has(.chakra-skeleton.css-1nljjv) {}

/* Chromium modern: hide only the row that has Tags chips container */
@supports selector(:has(*)) {
  .css-11uyn8e > .css-ppn2om:has(.css-2wokl8){
    display:none !important;
  }
}

/* fallback (no :has): hide the chips container itself so row becomes empty (still removes tags visually) */
.css-11uyn8e .css-2wokl8{
  display:none !important;
}
/* also hide the Tags label line */
.css-11uyn8e .chakra-skeleton.css-1nljjv{
  /* ONLY when it is the Tags row (best-effort: relies on being inside the same ppn2om that contains css-2wokl8) */
}
@supports selector(:has(*)) {
  .css-11uyn8e > .css-ppn2om:has(.css-2wokl8) .chakra-skeleton.css-1nljjv{
    display:none !important;
  }
}
/* --- /NED_HIDE_TAGS_ROW_ONLY_V2 --- */

/* --- NED_HIDE_TAGS_ROW_ONLY_V3 --- */
/* Tags chips container is .css-2wokl8 (per your HTML). Hide the whole row that contains it. */
@supports selector(:has(*)) {
  .css-ppn2om:has(.css-2wokl8) {
    display: none !important;
  }
}
/* Fallback: if :has not supported, at least hide the chips + label area so it disappears visually */
/* --- /NED_HIDE_TAGS_ROW_ONLY_V3 --- */



/* --- NED_ACTION_PILLS_ROW_V1 --- */
.ned-pill-row{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  flex-wrap:wrap !important;
}

/* unified pill style (slightly smaller than the original by ~2px) */
.ned-action-pill{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:6px 10px !important;
  font-size:13px !important;       /* ~2px smaller feel */
  line-height:1 !important;
  border-radius:10px !important;
  background: rgba(66, 153, 225, 0.12) !important; /* light blue */
  border: 1px solid rgba(66, 153, 225, 0.18) !important;
  color: #1A365D !important;
  text-decoration:none !important;
  white-space:nowrap !important;
}

.ned-action-pill:hover{
  background: rgba(66, 153, 225, 0.16) !important;
}

.ned-action-pill .ned-pill-ico{
  width:14px; height:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  opacity:0.85;
  flex:0 0 auto;
}

.ned-action-pill .ned-pill-ico svg{
  width:14px; height:14px;
}

/* make our Tags pill match same style when moved */
.ned-tags-pill.ned-action-pill{
  border-radius:10px !important;
  padding:6px 10px !important;
  font-size:13px !important;
}
/* --- /NED_ACTION_PILLS_ROW_V1 --- */












/* --- NED_SMALL_ICON_FIX_V1 --- */
/* اگر هر جایی آیکون مداد با کلاس ما تزریق شده باشد، مخفی شود */
.ned-ico-pencil{ display:none !important; }
/* اگر هرجایی آیکون اضافی برای مارکت با تگ کمکی ما ماند، مخفی شود */
.ned-market-extra-icon{ display:none !important; }
/* --- /NED_SMALL_ICON_FIX_V1 --- */




/* --- NED_INLINE_TAGS_V2 --- */
.ned-inline-tags-container{
  display:inline-flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.ned-inline-tag{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 12px;
  border-radius:8px;
  border:1px solid rgba(59,130,246,0.3);
  background:rgba(59,130,246,0.08);
  color:#1e40af;
  font-size:13px;
  line-height:1.4;
  white-space:nowrap;
  transition:all 0.15s ease;
}
.ned-inline-tag:hover{
  background:rgba(59,130,246,0.12);
  border-color:rgba(59,130,246,0.4);
}
.ned-inline-tag svg{
  width:14px;
  height:14px;
  opacity:0.7;
}
.ned-markets-link{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 12px;
  border-radius:8px;
  border:1px solid rgba(59,130,246,0.3);
  background:rgba(59,130,246,0.08);
  color:#1e40af;
  font-size:13px;
  line-height:1.4;
  white-space:nowrap;
  text-decoration:none;
  transition:all 0.15s ease;
}
.ned-markets-link:hover{
  background:rgba(59,130,246,0.12);
  border-color:rgba(59,130,246,0.4);
}
.ned-markets-link svg{
  width:14px;
  height:14px;
  opacity:0.7;
}
/* --- /NED_INLINE_TAGS_V2 --- */


/* === NED: move token tags under logo+name === */
.ned-token-tags{ margin-top: 10px; }
.ned-token-tags-wrap{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
}
.ned-token-tag-pill{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border-radius:9999px;
  border:1px solid rgba(0,0,0,.10);
  background:rgba(0,0,0,.04);
  font-size:12px;
  font-weight:700;
  color:rgba(0,0,0,.80);
  line-height:1;
}
/* Dark mode safety (if ever) */
html.dark .ned-token-tag-pill{
  border-color: rgba(255,255,255,.16);
  background: rgba(255,255,255,.08);
  color: rgba(255,255,255,.86);
}

/* =========================
   Token tags pills (responsive + no fixed width)
   ========================= */
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:8px !important;
  margin-top:10px !important;
  width:auto !important;
  max-width:100% !important;
}

/* pill itself */
.ned-tag-pill{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  width:auto !important;
  flex:0 0 auto !important;
  max-width:100% !important;

  padding:7px 12px !important;
  border-radius:999px !important;

  background:rgba(0,140,255,.14) !important;
  border:1px solid rgba(0,140,255,.40) !important;

  text-decoration:none !important;
  white-space:nowrap !important;
  line-height:1 !important;
}

/* add # before text */
.ned-tag-pill::before{
  content:"#";
  margin-right:6px;
  opacity:.9;
}

/* tag text */
.ned-tag-pill .ned-tag-ico{
  display:inline-block !important;
  font-weight:600 !important;
  font-size:14px !important;
}

/* remove empty trailing span */
.ned-tag-pill > span:last-child{
  display:none !important;
}


/* =========================
   NED FINAL OVERRIDES (clean)
   ========================= */

/* keep explorers button visible (it was accidentally killed earlier) */

  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  align-items:center !important;
  margin-top:10px !important;

  /* important: do NOT force fixed width here (JS decides placement).
     just prevent overflow */
  max-width:100% !important;
}

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  width:auto !important;
  flex:0 0 auto !important;
  max-width:100% !important;

  padding:7px 12px !important;
  border-radius:999px !important;

  background:rgba(0,140,255,.14) !important;
  border:1px solid rgba(0,140,255,.40) !important;
  color:#0b4aa2 !important;

  font-size:13px !important;
  font-weight:700 !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

/* add # look */
  content:"#";
  margin-right:6px;
  opacity:.9;
}

/* scoped tags-row hiding (safe): only hide inside token info area */
@supports selector(:has(*)) {
  .css-11uyn8e > .css-ppn2om:has(.css-2wokl8){
    display:none !important;
  }
}

/* keep existing JS-based Sponsored hiding; no CSS hacks needed */

/* ---- NED_FINAL_TOKEN_HEADER_CSS_V1 ---- */

/* Never show the extra explorers button */
.ned-expl-btn{ display:none !important; }

/* Prevent double # from older pill style (even if it appears somewhere) */
.ned-tag-pill::before{ content:"" !important; margin:0 !important; }

/* Final unified tags look */
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:10px !important;
  margin-top:10px !important;

  width:100% !important;
  flex:0 0 100% !important;
  flex-basis:100% !important;
}

/* Our tags are .ned-tag from JS */
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  padding:7px 12px !important;
  border-radius:999px !important;

  background:rgba(0,140,255,.14) !important;
  border:1px solid rgba(0,140,255,.40) !important;

  color:#1d4ed8 !important;
  font-weight:700 !important;
  font-size:13px !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

/* Add a single # visually (JS strips any leading #) */
  content:"#";
  margin-right:6px;
  opacity:.9;
}

/* Make sure Info button is visible on desktop too (best-effort) */
button[aria-label*="Info"],
button[aria-label*="info"],
a[aria-label*="Info"],
a[aria-label*="info"]{
  display:inline-flex !important;
  visibility:visible !important;
  opacity:1 !important;
}

/* ---- /NED_FINAL_TOKEN_HEADER_CSS_V1 ---- */

/* NED SAFETY: never show explorers button */
.ned-expl-btn{ display:none !important; }

/* ---- NED FIX V1: never show explorers button ---- */
.ned-expl-btn{ display:none !important; }

/* ---- NED FIX V1: normalize token header layout ---- */
.ned-token-header-fix{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:12px !important;
}

/* tags must be full row under title */
.ned-token-header-fix .ned-token-tags-fix{
  width:100% !important;
  flex: 0 0 100% !important;
  flex-basis:100% !important;
  margin-top:10px !important;
}

/* prevent accidental clipping of header buttons (info icon etc.) */
.ned-token-header-fix{
  overflow: visible !important;
}
.ned-token-header-fix button,
.ned-token-header-fix a{
  overflow: visible !important;
}

/* if some CSS added a second # via ::before, disable ONLY for our tag pills */
  content: "" !important;
  margin-right: 0 !important;
}

/* --- NED_SAFE_TAGS_FINAL_V2 --- */
/* Never show/remove explorers button impact */
.ned-expl-btn{ display:none !important; }

/* Our tags text is now WITHOUT # (JS strips). Add exactly one visual # */
  content:"#";
  margin-right:6px;
  opacity:.9;
}

/* If any older style adds another # via pill, kill it */
.ned-tag-pill::before{ content:"" !important; margin:0 !important; }

/* Keep tags as a full row under token title */
.ned-token-header-fix .ned-token-tags-fix{
  width:100% !important;
  flex: 0 0 100% !important;
  flex-basis:100% !important;
}

/* Ensure Info icon visible on desktop */
button[aria-label*="Info"], button[aria-label*="info"],
a[aria-label*="Info"], a[aria-label*="info"]{
  display:inline-flex !important;
  visibility:visible !important;
  opacity:1 !important;
}
/* --- /NED_SAFE_TAGS_FINAL_V2 --- */

/* NED SAFETY: explorers hidden */
.ned-expl-btn{ display:none !important; }

/* NED: ensure header controls never clipped (desktop) */
@media (min-width: 1024px){
  main h1{ overflow: visible !important; }
  .ned-token-header-fix,
  .ned-token-header-fix *{
    overflow: visible !important;
  }
}

/* NED V9.2 TAGS KEEP: only our single tags row should be visible */

[data-ned-sponsored-hidden="1"]{ display:none !important; }

/* NED V3: HIDE TAGS (hard kill) */
.ned-tags-inline,
.ned-tag-pill,
.ned-tag,
.ned-tag-ico,
#ned-tags-slot {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* NED HOTFIX UI V1 */
.ned-tags-inline, .ned-tag-pill, .ned-tag, .ned-tag-ico, #ned-tags-slot{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  height:0 !important;
  overflow:hidden !important;
  pointer-events:none !important;
}