/* 0xNOX app: NONOS brand alignment layer. Loaded last; wins over theme.css. */

@font-face{font-family:"Poppins";src:url("/fonts/Poppins-Regular.ttf") format("truetype");font-weight:300 400;font-style:normal;font-display:swap}
@font-face{font-family:"Poppins";src:url("/fonts/Poppins-Medium.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Poppins";src:url("/fonts/Poppins-SemiBold.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Poppins";src:url("/fonts/Poppins-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}

:root, html[data-theme="light"], html[data-theme="dark"],
[data-theme="light"], [data-theme="dark"] {
  --bg-primary: #ffffff !important;
  --bg-secondary: #f7f9f9 !important;
  --bg-tertiary: #eef3f2 !important;
  --bg-hover: #eef3f2 !important;
  --accent: #2E5C5C !important;
  --accent-hover: #1f4d4d !important;
  --accent-dim: rgba(46,92,92,0.12) !important;
  --accent-glow: transparent !important;
  --text-primary: #0d0d0d !important;
  --text-secondary: #3a3a3a !important;
  --text-muted: #6b7a79 !important;
  --border: #e7eceb !important;
  --card-bg: #ffffff !important;
  --card-border: #e7eceb !important;
}

html, body {
  background: #ffffff !important;
  color: #0d0d0d !important;
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

/* header: ink band */
.bx-header {
  background: #0d0d0d !important;
  border-bottom: 1px solid #1d2625 !important;
}
.bx-header a, .bx-header .nav-link { color: #b9c4c3 !important; font-weight: 400 !important; }
.bx-header a:hover, .bx-header .nav-link.active { color: #66FFFF !important; }

/* hero: sharp, no gradient text, no cream */
.nx-hero { background: #ffffff !important; }
.nx-headline {
  color: #0d0d0d !important;
  font-weight: 600 !important;
  letter-spacing: -2px !important;
  font-family: "Poppins", sans-serif !important;
}
.nx-headline .accent {
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  -webkit-text-fill-color: initial !important;
  color: #2E5C5C !important;
}

/* generic surfaces */
section, main, .page, .view { background: transparent !important; }
h1, h2, h3, h4 { color: #0d0d0d !important; font-family: "Poppins", sans-serif !important; font-weight: 600 !important; }
p { color: inherit; }

/* buttons */
button, .btn, .nx-cta { border-radius: 9px !important; font-family: "Poppins", sans-serif !important; text-transform: none !important; }
.nx-cta-primary, .btn-primary, .connect-btn, .btn-connect {
  background: #0d0d0d !important; color: #ffffff !important; border: 1px solid #0d0d0d !important;
}
.nx-cta-primary:hover, .btn-primary:hover { background: #1f4d4d !important; border-color: #1f4d4d !important; }
.nx-cta-ghost, .btn-secondary {
  background: #ffffff !important; color: #0d0d0d !important; border: 1px solid #d8e0df !important;
}

/* cards */
.card, .nx-card, .nx-list-row, .stat-card, .panel {
  background: #ffffff !important;
  border: 1px solid #e7eceb !important;
  border-radius: 14px !important;
}

/* kill decorative watermarks and glows */
body::before, body::after { display: none !important; content: none !important; }
.watermark, .bgmark, .hero-mark, .nx-bgmark { display: none !important; }
[class*="glow"] { box-shadow: none !important; }

/* ---- marketplace: brand alignment ---- */
.mk-card {
  background: #ffffff !important;
  border: 1px solid #e7eceb !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}
.mk-card:hover { border-color: #d8e0df !important; box-shadow: 0 12px 40px -22px rgba(13,13,13,.25) !important; }
.mk-card-title { color: #0d0d0d !important; font-family: "Poppins", sans-serif !important; font-weight: 600 !important; }
.mk-card-tagline { color: #6b7a79 !important; font-weight: 300 !important; }
.mk-card-meta { color: #9aa6a5 !important; }
.mk-card-icon { background: #f7f9f9 !important; border: 1px solid #e7eceb !important; border-radius: 10px !important; color: #2E5C5C !important; }
.mk-status-pill {
  background: #f7f9f9 !important; border: 1px solid #d8e0df !important;
  color: #2E5C5C !important; border-radius: 999px !important;
  font-weight: 500 !important; text-transform: uppercase; letter-spacing: .5px;
}
.mk-cap {
  background: #ffffff !important; border: 1px solid #d8e0df !important;
  color: #1f4d4d !important; border-radius: 999px !important;
}
.mk-cap-risk { background: #fef3c7 !important; border: 1px solid #fcd34d !important; color: #b45309 !important; border-radius: 999px !important; }
.mk-card-preview-foot { background: #f7f9f9 !important; border-top: 1px solid #e7eceb !important; color: #6b7a79 !important; border-radius: 0 0 14px 14px; }
.mk-status-banner-tag { background: #0d0d0d !important; color: #66FFFF !important; border-radius: 6px !important; }
.mk-status-banner-body { color: #3a3a3a !important; }
.caps-table { background: #ffffff !important; border: 1px solid #e7eceb !important; border-radius: 12px !important; }
.capsule-stat-value { color: #0d0d0d !important; font-weight: 600 !important; }
.capsule-stat-label { color: #9aa6a5 !important; }
.capsule-filter { background: #ffffff !important; border: 1px solid #d8e0df !important; border-radius: 9px !important; color: #0d0d0d !important; }

/* bridge page hero reuses .bx-header: undo the nav-band treatment inside the page */
#bridgePage .bx-header { background: transparent !important; border: none !important; }
#bridgePage .bx-header h1 { color: #0d0d0d !important; font-weight: 600 !important; letter-spacing: -1.5px; }
#bridgePage .bx-header p { color: #6b7a79 !important; font-weight: 300 !important; }
#bridgePage .bx-header .hl { color: #2E5C5C !important; }
#bridgePage .bx-meta dt { color: #9aa6a5 !important; }
#bridgePage .bx-meta dd { color: #0d0d0d !important; }
#bridgePage .bx-meta dd.cyan { color: #2E5C5C !important; }


.cs-h1 .accent { color: #2E5C5C !important; -webkit-text-fill-color: #2E5C5C !important; background: none !important; }
.cs-pill { border-color: #d8e0df !important; color: #2E5C5C !important; background: #ffffff !important; }

/* ============================================================
   HARD MODE: one design language across every product page.
   White surfaces, #e7eceb hairlines, 14px radius, Poppins for
   words, mono reserved for data. Loaded last; wins everything.
   ============================================================ */

/* 1) soften every border on product pages to the system hairline */
#bridgePage *, #swapPage *, #tokensPage *, #launchPage *,
#scanPage *, #dashboardPage *, #appsPage *, #capsulesPage * {
  border-color: #e7eceb !important;
}

/* 2) panel primitives: white, hairline, rounded */
[class*="-panel"], [class*="-card"], [class*="-box"], [class*="-summary"],
[class*="-ledger"], [class*="-tile"], [class*="-stage"], [class*="-form"],
.caps-table, .contract-table, .bx-field, .bx-summary {
  background-color: #ffffff;
  border-radius: 14px !important;
}

/* 3) the status ticker: one quiet system line */
.status {
  background: #ffffff !important;
  border: none !important;
  border-bottom: 1px solid #e7eceb !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.status, .status * {
  color: #6b7a79 !important;
  font-family: "Poppins", sans-serif !important;
  font-size: 12.5px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  font-weight: 400 !important;
}
.status strong, .status b, .status .ok, .status .live { color: #2E5C5C !important; font-weight: 500 !important; }

/* 4) the 01-04 quad rail: clean cards, ink for the active one */
.cs-tile {
  background: #ffffff !important;
  border: 1px solid #e7eceb !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  transition: border-color .16s ease, box-shadow .16s ease;
}
.cs-tile:hover { border-color: #d8e0df !important; box-shadow: 0 10px 30px -20px rgba(13,13,13,.3) !important; }
.cs-tile-num { color: #2E5C5C !important; font-size: 10.5px !important; }
.cs-tile-head { color: #0d0d0d !important; font-family: "Poppins", sans-serif !important; font-weight: 600 !important; letter-spacing: -.2px !important; text-transform: none !important; }
.cs-tile-body { color: #9aa6a5 !important; font-size: 11px !important; }

/* 5) typography: Poppins for words, mono only for data */
[class*="-label"], [class*="-meta"] dt, dt {
  font-family: "Poppins", sans-serif !important;
  text-transform: uppercase;
  letter-spacing: .8px !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  color: #9aa6a5 !important;
}
[class*="-value"], [class*="-amount"], [class*="-hash"], [class*="-addr"], code, .mono {
  color: #0d0d0d;
}

/* 6) inputs */
#bridgePage input, #swapPage input, #launchPage input, #dashboardPage input,
#bridgePage select, #swapPage select, input[type="text"], input[type="number"], select, textarea {
  font-family: "Poppins", sans-serif !important;
  background: #ffffff !important;
  border: 1px solid #d8e0df !important;
  border-radius: 10px !important;
  color: #0d0d0d !important;
}
input:focus, select:focus, textarea:focus { border-color: #2E5C5C !important; outline: none !important; box-shadow: 0 0 0 3px rgba(46,92,92,.12) !important; }

/* 7) buttons: one family */
button, .btn, [class*="-cta"], [class*="-submit"], [class*="-btn"] {
  font-family: "Poppins", sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  border-radius: 9px !important;
}
.bx-submit, .cs-cta, [class*="primary"] {
  background: #0d0d0d !important;
  color: #ffffff !important;
  border-color: #0d0d0d !important;
}
.bx-submit:hover, .cs-cta:hover, [class*="primary"]:hover { background: #1f4d4d !important; border-color: #1f4d4d !important; }

/* 8) tabs: pills */
.bx-tab, .dashboard-tab {
  border-radius: 999px !important;
  border: 1px solid #d8e0df !important;
  background: #ffffff !important;
  color: #3a3a3a !important;
  font-family: "Poppins", sans-serif !important;
}
.bx-tab.active, .dashboard-tab.active {
  background: #0d0d0d !important;
  color: #ffffff !important;
  border-color: #0d0d0d !important;
}

/* 9) footer: light, like the OS site */
footer, .nx-footer, .site-footer {
  background: #ffffff !important;
  border-top: 1px solid #e7eceb !important;
  color: #6b7a79 !important;
}
footer *, .nx-footer * { color: #6b7a79 !important; }
footer a:hover, .nx-footer a:hover { color: #2E5C5C !important; }
footer h4, .nx-footer h4 { color: #9aa6a5 !important; }

/* 10) re-assert deliberate accents the border reset flattened */
.mk-cap-risk { border-color: #fcd34d !important; }
.status .dot { background: #2E5C5C !important; }