/* Bactrian Markets — v2 dark theme layer for the platform pages.
   Loaded AFTER styles.css. Redefines the legacy design tokens so that
   markup and JS-inlined styles (var(--green), var(--mono), …) resolve to
   the 2026 brand kit without touching markets.js / company.js. */

:root{
  /* brand kit: Pitch / Signal / Bone */
  --bg:#080A09; --panel:#0D100F; --panel-alt:#0B0E0D;
  --ink:#E4E8E1;                       /* now the TEXT colour, not a fill */
  --green:oklch(0.84 0.19 145);
  --cta:oklch(0.84 0.19 145);
  --pos:oklch(0.84 0.19 145); --neg:#E8735F;
  --body:#AFB6AA; --cap:#7F8A7C; --mut:#7F8A7C;
  --hair:rgba(228,232,225,0.10); --hair2:rgba(228,232,225,0.09); --hair3:rgba(228,232,225,0.14);
  /* no serif anywhere in v2 */
  --serif:'Archivo',sans-serif; --arch:'Archivo',sans-serif;
  --mono:'IBM Plex Mono',monospace;
  --maxw:1240px;
}

html,body{background:var(--bg)}
body{font-family:'Space Grotesk','Noto Sans SC',sans-serif;color:var(--ink)}
::selection{background:oklch(0.84 0.19 145 / 0.25)}
a:hover{color:oklch(0.84 0.19 145)}

/* EN-first: the platform runs English only */
.zh{display:none!important}
.en{display:inline}

/* ---- shell: legacy header / footer / CTA band, re-grounded ---- */
.site-head{background:rgba(10,10,11,0.85);backdrop-filter:blur(12px);border-bottom:1px solid var(--hair)}
.site-foot{background:var(--bg);border-top:1px solid var(--hair)}
.site-foot .blurb,.site-foot .disc{color:var(--body);font-family:var(--arch)}
.site-foot .disc{border-top:1px solid var(--hair2)}
.site-foot .disc b{color:var(--ink)}
.cta-band{background:var(--panel);color:var(--ink);border-top:1px solid var(--hair)}
.cta-band.green{background:var(--panel);color:var(--ink)}
.cta-band .cta-rule{background:var(--hair3)}
.cta-band .sub{color:var(--cap)}

/* ---- buttons ---- */
.btn-ink{background:var(--ink);color:#080A09}
.btn-outline{background:transparent;color:var(--ink);border:1px solid var(--hair3)}
.btn-forest{background:transparent;color:oklch(0.84 0.19 145);border:1px solid oklch(0.84 0.19 145 / 0.4);font-family:var(--mono);font-size:11px;letter-spacing:0.14em;text-transform:uppercase;padding:9px 15px}
.btn-forest:hover{background:oklch(0.84 0.19 145 / 0.1)}
.btn-green{background:oklch(0.84 0.19 145);color:#080A09;font-family:var(--mono);font-size:12px;letter-spacing:0.14em;text-transform:uppercase;font-weight:500;padding:14px 24px}
.btn-green:hover{background:oklch(0.89 0.18 145)}
.btn-ghost-dark{background:transparent;color:var(--body);border:1px solid var(--hair3);font-family:var(--mono);font-size:12px;letter-spacing:0.14em;text-transform:uppercase;padding:13px 24px}
.btn-lang{background:transparent;color:var(--cap);border:1px solid var(--hair3)}
.badge-preview{color:var(--neg)}

/* ---- summary strip ---- */
.nb-sum{border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.nb-sum>div{border-right:1px solid var(--hair2)}
.nb-sum b{color:var(--ink);font-stretch:125%;font-weight:650;font-size:30px;letter-spacing:0.01em;font-variant-numeric:tabular-nums}
.nb-sum .lbl{color:var(--cap)}

/* ---- filter chips ---- */
.chip{background:transparent;color:var(--cap);border:1px solid var(--hair3);font-family:var(--mono);font-size:10.5px;letter-spacing:0.14em;text-transform:uppercase;padding:7px 13px}
.chip:hover{color:var(--ink);border-color:rgba(228,232,225,0.28)}
.chip.active{background:oklch(0.84 0.19 145);color:#080A09;border-color:oklch(0.84 0.19 145)}

/* ---- the board ---- */
.nb-scroll::-webkit-scrollbar{height:8px}
.nb-scroll::-webkit-scrollbar-track{background:transparent}
.nb-scroll::-webkit-scrollbar-thumb{background:rgba(228,232,225,0.14)}
.mkt-table thead tr{border-bottom:1px solid rgba(228,232,225,0.22);font-family:var(--mono);font-size:10px;font-weight:400;letter-spacing:0.18em;color:var(--cap)}
.mkt-table tbody tr{border-bottom:1px solid var(--hair2)}
.mkt-table tbody tr:hover{background:rgba(228,232,225,0.03)}
.mkt-table td{font-variant-numeric:tabular-nums}
.mkt-table td:last-child{color:oklch(0.84 0.19 145 / 0.55)}
.mkt-name{font-stretch:110%;font-weight:600;font-size:15.5px;color:var(--ink);letter-spacing:0.01em}
.mkt-tag{color:var(--cap)}
.mkt-px{color:var(--ink);font-size:15px}
.mkt-spread{color:var(--cap)}
.mkt-val{color:var(--body);font-size:13.5px}
.dim{color:#5F6A5D}
.ask-link{color:oklch(0.84 0.19 145);border-bottom:1px dotted oklch(0.84 0.19 145 / 0.5)}

/* ---- search ---- */
.nb-field{background:var(--panel);border:1px solid var(--hair3);color:var(--ink);font-family:var(--mono)}
.nb-field::placeholder{color:var(--cap)}
.nb-field:focus{border-color:oklch(0.84 0.19 145 / 0.5);background:#0F1312}
#mkt-search-results{background:#0D100F!important;border:1px solid var(--hair3)!important;box-shadow:0 18px 44px rgba(0,0,0,.6)!important}

/* ---- the book (gated card) ---- */
.panel{background:var(--panel);border:1px solid var(--hair)}
.locked-card{padding:30px 32px}
.locked-title{font-family:var(--mono);font-size:10.5px;letter-spacing:0.2em;color:oklch(0.84 0.19 145);font-weight:400}
.locked-vals{color:var(--ink);font-variant-numeric:tabular-nums}
.locked-foot{border-top:1px solid var(--hair2)}
.locked-pill{background:transparent;color:var(--cap);border:1px solid var(--hair3);font-family:var(--mono);font-size:10px;letter-spacing:0.16em;font-weight:400}
/* JS inlines background:var(--green) for the LIVE / OPEN states */
.locked-pill[style*="--green"]{color:#080A09!important;border-color:transparent}

/* ---- contact drawer ---- */
.nb-drawer{background:var(--bg);border-left:1px solid var(--hair3)}
.nb-drawer .head{border-bottom:1px solid var(--hair3)}
.nb-drawer .x{border:1px solid var(--hair3);color:var(--ink)}

/* ---- responsive: the meta block rides right on desktop, left when stacked ---- */
@media(max-width:860px){
  .nb-hero > div:last-child{text-align:left!important;padding-top:0!important}
  .nb-sum > div{padding-left:0!important;padding-top:14px!important;padding-bottom:14px!important;border-bottom:1px solid var(--hair2)}
  .nb-sum > div:last-child{border-bottom:none}
}

/* ---- language: the platform is English-only.
   A visitor who toggled 中文 on the old site still carries data-lang="zh"
   in localStorage; without this the legacy rule hides .en while our rule
   hides .zh, and every string on the page renders blank. ---- */
html[data-lang=zh] .en{display:inline!important}

/* ---- contact drawer: the markup inlines light-theme fills ---- */
.nb-drawer [style*="background:var(--ink)"]{background:oklch(0.84 0.19 145)!important;color:#080A09!important}
.nb-drawer [style*="background:var(--ink)"] *{color:#080A09!important}
.nb-drawer .btn-ink{background:transparent!important;color:var(--ink)!important;border:1px solid var(--hair3)}

/* ---- legacy page headlines adopt the brand-kit display style ---- */
main h1, main h2{font-stretch:125%;font-weight:650;text-transform:uppercase;letter-spacing:0.005em!important;line-height:1.02;color:var(--ink)}

/* ---- Plate E: quiet grid for the platform pages (static, no motion) ---- */
body.bx-plate-e{background:
  linear-gradient(180deg, rgba(228,232,225,0.028) 0, transparent 180px),
  repeating-linear-gradient(90deg, rgba(228,232,225,0.028) 0 1px, transparent 1px 64px),
  var(--bg)}

/* ---- 回主站的出口 ----
   平台内页原来只有 .links 里一条 11px 灰色的「← ADVISORY」,读起来像面包屑标签
   而不是按钮;而且 company / dealroom / research 的那条指向 ← THE BOARD(还在平台里),
   等于从那几页根本没有回主站的路。这里给一个常驻、有边框、写明目的地的出口。 */
.bx-back{margin-left:auto;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:0.14em;
         color:#AFB6AA;border:1px solid rgba(228,232,225,0.3);padding:9px 15px;white-space:nowrap;
         transition:background 0.25s,border-color 0.25s,color 0.25s}
.bx-back:hover{background:rgba(228,232,225,0.08);border-color:rgba(228,232,225,0.62);color:#E4E8E1}
/* 两个按钮都写了 margin-left:auto 的话,靠后的那个会被顶到中间 —— 只让第一个吃掉空白。 */
.bx-nav .bx-back ~ .bx-login{margin-left:12px}
@media (max-width:860px){
  .bx-back{padding:8px 11px;letter-spacing:0.08em}
  .bx-back .full{display:none}
}