/* ═══════════════════════════════════════════════════════════════════════════
   CSGAIN V2 — visual layer
   Loaded LAST on every page (after the page's own CSS / <style>), so it only
   overrides. No markup, IDs or JS depend on it — remove the <link> to roll back.
   Rules inside pseudo-elements use hard-coded values, never var() (they fail
   silently in prod behind Cloudflare — see project notes).
   Cosmetics (.cf-* frames, .cn-* nameplates, .cb-* backgrounds), rarity colours
   and badges are intentionally untouched.
   ═══════════════════════════════════════════════════════════════════════════ */

:root{
  --bg:#0b0c0e;--bg2:#131417;--bg3:#1a1c20;
  --surface:#131417;--surface2:#1d1f24;
  --border:#24272d;--border2:#33373f;
  --text:#f2f3f5;--text2:#a3a9b4;--text3:#7d838f;
  --accent:#3d66f5;--accent2:#8fa8ff;--gold:#f5b83d;
  --profit:#3ddc97;--loss:#ff5470;
  --r:12px;--rs:10px;
  --glow-blue:transparent;--glow-gold:transparent;--glow-green:transparent;--glow-purple:transparent;--glow-red:transparent;
}

/* ── Base ─────────────────────────────────────────────────────────────── */
html{background:#0b0c0e}
body{background:transparent!important;font-feature-settings:'tnum' 1,'cv11' 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.003em}
body::before,body::after{display:none!important;content:none!important}
#v2-starfield{position:fixed;inset:0;z-index:-1;pointer-events:none;display:block}
::selection{background:rgba(61,102,245,.35);color:#fff}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:#2a2d34;border-radius:10px;border:2px solid #0b0c0e}
::-webkit-scrollbar-track{background:transparent}
:focus-visible{outline:2px solid #8fa8ff;outline-offset:2px}

/* Surfaces: opaque panels so the starfield only shows through the gaps */
.stat-card,.steam-card,.chart-card,.item-card,.lb-card,.cl-card,.feat-item,.blog-card,.exp-block,
.kpi,.widget,.table-section,.analytics-bar,.perf-card,.modal,.seo-card,.post-card,.article,.blog-post{
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.stat-card,.steam-card,.chart-card,.item-card,.lb-card,.cl-card,.feat-item,.blog-card,.exp-block,.kpi,.widget{background:#131417;border-color:#24272d}

/* Kill decorative glows / gradient hairlines (not rarity, not cosmetics) */
.stat-card::after,.item-card::after,.feat-item::after,.kpi::after,.blog-card::before{display:none!important}
.stat-card::before,.steam-card::before,.feat-item::before,.kpi::before{display:none!important}
.item-img-bg{opacity:.55}
.logo-icon img{filter:none!important}
/* Wordmark keeps the original Orbitron font (brand), without the old glow */
.logo-name,.nav-logo-name{font-family:'Orbitron',system-ui,sans-serif!important;font-weight:900!important;letter-spacing:.08em!important;text-shadow:none!important}
.logo-name span,.nav-logo-name span{color:#60a5fa}
.lb-rank.top1,.lb-rank.top2,.lb-rank.top3{text-shadow:none!important}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none}
.logo-sub{letter-spacing:.04em}

/* ── Buttons ──────────────────────────────────────────────────────────── */
.btn{border-radius:10px;font-weight:600;letter-spacing:0}
.btn-primary,.search-btn,.hdr-search-btn,.follow-btn:not(.following),.btn-steam{
  background:#3d66f5!important;color:#fff!important;box-shadow:none!important;border-color:transparent!important;letter-spacing:0!important;text-transform:none}
.btn-primary:hover,.search-btn:hover:not(:disabled),.hdr-search-btn:hover:not(:disabled),.follow-btn:not(.following):hover:not(:disabled){
  background:#5277ff!important;transform:none!important;box-shadow:none!important}
.btn-ghost{background:#1a1c20;color:#f2f3f5;border:1px solid #33373f}
.btn-ghost:hover{background:#23262c;border-color:#3d424b;color:#fff}
.follow-btn{border-radius:10px!important}

/* ── Inputs / selects ─────────────────────────────────────────────────── */
.search-input,.hdr-search,.sort-sel,.buy-input,.fi,select{border-color:#33373f}
.search-input:focus,.buy-input:focus,.fi:focus{border-color:#3d66f5!important;box-shadow:0 0 0 3px rgba(61,102,245,.18)!important}
.hdr-search{background:#131417;border-radius:12px}
.hdr-search:focus-within{border-color:#3d66f5;box-shadow:0 0 0 3px rgba(61,102,245,.18)}
.hdr-search-btn{border-radius:8px!important}

/* ── Segmented tabs (profile filters, modal tabs, landing leaderboard, dashboard nav) */
.filter-tabs,.nav-tabs,.lb-tabs,.modal-tabs{background:#0b0c0e!important;border:1px solid #24272d!important;border-radius:12px!important;padding:4px!important}
.ftab,.ntab,.mtab,.lb-tab{border-radius:8px!important;font-weight:600!important;color:#a3a9b4!important;border-color:transparent!important;box-shadow:none!important}
.ftab:hover,.ntab:hover,.mtab:hover,.lb-tab:hover{color:#f2f3f5!important}
.ftab.active,.ntab.active,.mtab.active,.lb-tab.active{background:#23262c!important;color:#f2f3f5!important;border-color:transparent!important;box-shadow:none!important}

/* ── Chips / pills / badges ───────────────────────────────────────────── */
.badge,.upd-badge,.recent-pill,.social-link,.sentiment-pill{border-radius:8px!important}
.badge{background:#1a1c20;border-color:#24272d}

/* ── Labels & numbers ─────────────────────────────────────────────────── */
.stat-label,.kpi-label,.abar-lbl,.buy-label{font-size:11px!important;font-weight:600;letter-spacing:.06em!important;color:#a3a9b4!important}
.stat-value,.kpi-val,.abar-val,.pv-big{font-weight:700!important;letter-spacing:-.02em!important}
.chart-title,.sec-title,.section-title,.tbl-title,.wl-title,.sell-title{letter-spacing:-.01em!important;font-weight:700!important}
.section-title{letter-spacing:-.01em!important;text-transform:none}

/* ═══ PROFILE (index.html) ════════════════════════════════════════════════ */
header{border-bottom-color:#1f2126}
.stats-row .stat-card,.steam-card{border-radius:14px}
.stat-card:hover,.steam-card:hover{border-color:#33373f}
.item-card{border-radius:14px;animation:none}
.item-card:hover{transform:translateY(-2px);border-color:#33373f;box-shadow:0 10px 30px rgba(0,0,0,.45)}
.item-card::before{height:2px;opacity:1}
.item-qty-badge{background:#0b0c0e;border-color:#2a2d34;border-radius:6px;backdrop-filter:none}
.item-name{font-weight:600;letter-spacing:-.01em}
.market-row{background:#1a1c20;border-color:#24272d;border-radius:8px}
.market-row:hover{background:#202329}
.buy-input{background:#0b0c0e;border-radius:8px}
.pager-btn{background:#1a1c20;border-color:#2a2d34;border-radius:8px}
.pager-btn.active{background:#3d66f5;color:#fff;border-color:#3d66f5}
.admin-bar{background:#131417;border-color:#24272d;border-radius:10px;color:#a3a9b4}
.btm-bar{background:rgba(11,12,14,.94);border-top-color:#1f2126}
.modal{background:#131417;border-color:#2a2d34;border-radius:16px}
.toast{border-radius:10px}

/* ═══ LANDING (landing.html) ══════════════════════════════════════════════ */
.hero .logo-name{font-size:48px}
.tagline{letter-spacing:0!important;color:#a3a9b4;font-size:16px}
/* The hero sub-line is the page H1 (SEO); keep it looking like the small sub-line */
h1.tagline-sub{font-weight:400;font-size:12px;margin:8px 0 0;line-height:1.5;color:#7d838f;letter-spacing:.02em}
.search-input{background:#131417;border-radius:12px}
.search-btn{border-radius:12px!important;font-weight:600}
.lb-tab{text-transform:none!important;letter-spacing:0!important;font-size:13px!important}
.lb-row{border-bottom-color:#1f2126}
.lb-row:hover{background:#17181c}
.feat-item:hover,.cl-card:hover,.blog-card:hover{border-color:#33373f;box-shadow:none;transform:none}
.seo-card{background:#131417;border-color:#24272d}

/* Leaderboard header: "Updated …" + link to the Market Index */
.lb-meta-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.lb-market-link{font-size:13px;font-weight:600;color:#8fa8ff;text-decoration:none}
.lb-market-link:hover{color:#b8c7ff}

/* V2 landing order: leaderboard → features → blog | changelog → FAQ */
#leaderboard{margin-top:28px}
.v2-features{margin-top:40px;padding-bottom:0}
.v2-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:40px;align-items:stretch}
.v2-duo>.section{margin-top:0;background:#131417;border:1px solid #24272d;border-radius:16px;padding:20px 22px;min-width:0;display:flex;flex-direction:column}
.v2-duo .blog-cards{flex:1;align-content:space-between}
.v2-duo .blog-section-head,.v2-duo .section-head{margin-bottom:14px;flex-direction:row;align-items:center}
.v2-duo .section-title{font-size:17px}
.v2-duo .blog-cards{grid-template-columns:1fr;gap:4px}
.v2-duo .blog-card{display:grid;grid-template-columns:120px minmax(0,1fr);column-gap:14px;row-gap:4px;align-items:start;padding:10px;background:transparent;border:1px solid transparent;border-radius:10px}
.v2-duo .blog-card:hover{background:#1a1c20;border-color:#24272d}
.v2-duo .blog-card-banner{grid-column:1;grid-row:1/span 3;width:120px;height:68px;margin:0;border-radius:8px}
.v2-duo .blog-card-icon{grid-column:1;grid-row:1/span 3;width:120px;height:68px;display:flex;align-items:center;justify-content:center;background:#1a1c20;border-radius:8px}
.v2-duo .blog-card-tag,.v2-duo .blog-card-title,.v2-duo .blog-card-footer{grid-column:2}
.v2-duo .blog-card-title{font-size:14px;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.v2-duo .blog-card-excerpt{display:none}
.v2-duo .blog-card-footer{font-size:11px;margin-top:0}
.v2-duo .cl-card{background:transparent;border:0;padding:0}
.v2-duo .cl-tab{border-radius:8px}
.v2-duo .cl-summary{margin-bottom:10px}
.v2-faq{margin-top:40px}
.v2-faq .seo-section{margin-top:24px}
@media(max-width:900px){.v2-duo{grid-template-columns:1fr}}
footer{letter-spacing:.02em;color:#7d838f}

/* ═══ BLOG (blog.html / blog-post.html) ═══════════════════════════════════ */
.blog-hero-title{letter-spacing:-.025em!important;text-shadow:none!important;font-weight:800!important}
.blog-hero-label{letter-spacing:.14em!important;color:#8fa8ff!important;font-weight:600}
.blog-hero-sub{font-size:15px!important;color:#a3a9b4!important}

/* ═══ DASHBOARD (dashboard.html)══════════════════════════════════════════ */
nav{border-bottom-color:#1f2126}
.db-label{border-radius:6px;background:#1a1c20;border-color:#24272d;color:#a3a9b4;letter-spacing:.08em}
.ntab{font-size:13px!important;padding:7px 14px!important}
.kpi{border-radius:14px}
.kpi-delta{border-radius:6px!important;font-weight:600}
.widget,.chart-card{border-radius:16px}

@media(max-width:640px){
  /* No horizontal scroll on phones: wrap the profile Holdings header and the blog nav */
  .section-left,.section-right{flex-wrap:wrap;max-width:100%;min-width:0}
  .section-right .search-wrap{flex:1 1 140px;min-width:0}
  .section-right .search-input{width:100%}
  nav{flex-wrap:wrap;row-gap:10px}
  .nav-lang{flex-wrap:wrap}
  .hero .logo-name{font-size:34px}
  .tagline{font-size:14px}
  .ntab{font-size:12px!important;padding:6px 8px!important}
  .lb-tab{font-size:12px!important}
}