/* AXIS — «Графит»: спокойный тёмно-серый, один мятный акцент, без бликов, свечения и золота.
   Перекрашивает новые экраны (axis_noir.js) и общие элементы. Логику не трогает.
   Откат — убрать <link href="axis_graphite.css">. */
html:root {
  --nx-card: #1c1d21; --nx-card2: #1c1d21; --nx-hair: rgba(255,255,255,.06); --nx-hair2: rgba(255,255,255,.10);
  --nx-ivory: #ececef; --nx-mute: #8e9099; --nx-mute2: #6b6d75;
  --nx-gold: #5ad1a6; --nx-gold-hi: #7fe0bd; --nx-grad: #5ad1a6; --nx-text: none;
  --nx-ring: rgba(90,209,166,.45);
  --gr-bg: #141518; --gr-card: #1c1d21; --gr-card2: #232429; --gr-acc: #5ad1a6; --gr-acc-soft: rgba(90,209,166,.12); --gr-on: #0b2a1f;
}

/* фон всех вкладок */
html body .subview-pane, html body #view-tasks, html body #view-payouts, html body #view-exchange,
html body #view-profile, html body #view-rating, html body #view-promo { background: var(--gr-bg) !important; }
html body { background: var(--gr-bg) !important; }
.aurora-ambient-canvas { opacity: 0 !important; }

/* шрифт: везде ровный Manrope, без «старинных» цифр */
.nx-wrap .nx-serif, .nx-wrap .nx-title, .nx-wrap .nx-n, .nx-wrap .nx-r, .nx-wrap .nx-amount input, .nx-wrap h2 {
  font-family: "Manrope", "IBM Plex Sans Arabic", sans-serif !important; font-weight: 800 !important; letter-spacing: -.02em;
}
.nx-wrap .nx-title { font-size: 28px !important; }
html[dir=rtl] .nx-wrap .nx-title { font-size: 24px !important; }
.nx-wrap .nx-amount input { font-size: 44px !important; }
.nx-wrap .nx-r { font-size: 15px !important; color: var(--nx-mute) !important; }
.nx-wrap .nx-eyebrow { letter-spacing: .08em !important; }

/* цифры — белые, без золотого градиента */
.nx-wrap .nx-gold { background: none !important; -webkit-text-fill-color: currentColor !important; color: var(--nx-ivory) !important; }
.nx-wrap .nx-eyebrow b, .nx-wrap .nx-preview { color: var(--nx-gold-hi) !important; }

/* карточки: плоские, одна тонкая рамка */
.nx-wrap .nx-card { background: var(--gr-card) !important; border: 1px solid var(--nx-hair) !important; box-shadow: 0 8px 24px -14px rgba(0,0,0,.6) !important; }
.nx-wrap .nx-ring { background: var(--gr-card) !important; border: 1px solid rgba(90,209,166,.45) !important; }

/* кнопки: сплошной мят без бликов; вторичная — графит */
.nx-wrap .nx-btn-gold, .nx-lim .nx-btn-gold { background: var(--gr-acc) !important; color: var(--gr-on) !important; box-shadow: none !important; }
.nx-wrap .nx-btn-gold::after { display: none !important; }
.nx-wrap .nx-bi { stroke: var(--gr-on) !important; }
.nx-wrap .nx-btn-ghost { background: var(--gr-card2) !important; border-color: var(--nx-hair2) !important; }
.nx-wrap .nx-seg button { background: var(--gr-card2) !important; }
.nx-wrap .nx-link { border-color: rgba(255,255,255,.12) !important; color: var(--nx-mute) !important; }

/* плашки, иконки, аватары */
.nx-wrap .nx-pill { background: var(--gr-acc-soft) !important; border-color: transparent !important; color: var(--nx-gold-hi) !important; }
.nx-wrap .nx-pill-ghost { background: transparent !important; border: 1px solid var(--nx-hair2) !important; color: var(--nx-ivory) !important; }
.nx-wrap .nx-ico, .nx-lim .nx-ico { background: var(--gr-acc-soft) !important; border-color: transparent !important; }
.nx-wrap .nx-ico svg, .nx-lim .nx-ico svg { stroke: var(--nx-gold-hi) !important; }
.nx-wrap .nx-av { background: var(--gr-acc-soft) !important; border-color: transparent !important; color: var(--nx-gold-hi) !important; }

/* задания: путь и кольцо */
.nx-wrap .nx-bigring circle[stroke^="url"] { stroke: var(--gr-acc) !important; }
.nx-wrap .nx-tl:before { background: rgba(255,255,255,.10) !important; }
.nx-wrap .nx-dot { background: var(--gr-bg) !important; border-color: rgba(255,255,255,.14) !important; }
.nx-wrap .nx-dot.done { background: var(--gr-acc) !important; }
.nx-wrap .nx-dot svg { stroke: var(--gr-on) !important; }
.nx-wrap .nx-bar { background: rgba(255,255,255,.06) !important; }
.nx-wrap .nx-bar i { background: var(--gr-acc) !important; box-shadow: none !important; }

/* кошелёк: карта без золота и штриховки */
.nx-wrap .nx-bcard { background: linear-gradient(145deg, #2a2c33, #1c1d22) !important; border: 0 !important; box-shadow: 0 10px 30px -14px rgba(0,0,0,.7) !important; }
.nx-wrap .nx-bcard:before { display: none !important; }
.nx-wrap .nx-emv { background: rgba(255,255,255,.85) !important; }
.nx-wrap #nx-range { background: linear-gradient(90deg, #5ad1a6 0 var(--p), rgba(255,255,255,.08) var(--p) 100%) !important; }
html[dir=rtl] .nx-wrap #nx-range { background: linear-gradient(270deg, #5ad1a6 0 var(--p), rgba(255,255,255,.08) var(--p) 100%) !important; }
.nx-wrap #nx-range::-webkit-slider-thumb { background: #fff !important; box-shadow: 0 2px 8px rgba(0,0,0,.4) !important; }

/* рейтинг */
.nx-wrap .nx-tabs { background: var(--gr-card) !important; }
.nx-wrap .nx-tabs button.active { background: var(--gr-card2) !important; color: var(--nx-ivory) !important; box-shadow: 0 1px 3px rgba(0,0,0,.3); }
.nx-wrap .nx-pod { background: var(--gr-card) !important; border: 1px solid var(--nx-hair) !important; }
.nx-wrap .nx-pod.g { border: 1.5px solid var(--gr-acc) !important; }
.nx-wrap .nx-pod .nx-n { background: none !important; -webkit-text-fill-color: var(--nx-ivory) !important; color: var(--nx-ivory) !important; }
.nx-wrap .nx-me { background: var(--gr-acc-soft) !important; border-color: transparent !important; }

/* профиль */
.nx-wrap .nx-ava { background: var(--gr-acc) !important; box-shadow: none !important; }
.nx-wrap .nx-ava > div { background: var(--gr-card2) !important; }
.nx-wrap .nx-code span:first-child { color: var(--nx-gold-hi) !important; }
.nx-wrap .nx-code { border-color: rgba(255,255,255,.14) !important; }

/* таймер */
.nx-lim-ring .p { stroke: var(--gr-acc) !important; }
.nx-lim-ico { background: var(--gr-acc-soft) !important; }
.nx-lim-dots i { background: var(--gr-acc) !important; }
.nx-lim-slot #limit-clock-val { color: var(--nx-ivory) !important; -webkit-text-fill-color: var(--nx-ivory) !important; }
.nx-lim-acts button { background: var(--gr-card) !important; }

/* вкладка «Предложка» (рисует сама аппка) — в тон */
#view-promo .ios-card, #view-promo [style*="background:linear-gradient(135deg, rgba(37,99,235"] {
  background: var(--gr-card) !important; border: 1px solid rgba(255,255,255,.06) !important; box-shadow: none !important;
}
#view-promo .primary-btn, #view-promo button[style*="#2563eb"] { background: var(--gr-acc) !important; color: var(--gr-on) !important; box-shadow: none !important; }
#view-promo input, #view-promo textarea { background: var(--gr-card2) !important; border: 1px solid rgba(255,255,255,.10) !important; color: #ececef !important; }
#view-promo [style*="color:#38bdf8"] { color: #7fe0bd !important; }
#view-promo [style*="border:1px solid #38bdf8"], #view-promo [style*="background:rgba(56,189,248"] { border-color: rgba(90,209,166,.5) !important; background: rgba(90,209,166,.12) !important; color: #7fe0bd !important; }
