/* ===== NEO OVERLAY — Mercury-графит поверх design.css =====
   Подключать ПОСЛЕ design.css. Клон механики slash.css, палитра Mercury.
   Палитра: графит #171721 · карточки #1E1E2A · ivory #EDEDF3 · лайм #7CFF4F
   (акцент ТОЛЬКО: кнопки, фокус, «лучшая ставка») · Manrope */

@import url('fonts/css_Manrope.css');

:root{
  --bg:#171721;
  --card:#1E1E2A;
  --card2:#272735;
  --ink:#EDEDF3;
  --ink2:#C3C3CC;
  --ink3:#8B8B96;
  --line:#2A2A36;
  --line2:#3E3E4C;
  --blue:#7CFF4F;  --blue-d:#B8FF9A;   /* акцент — только действия */
  --green:#7CFF4F; --green-d:#B8FF9A;  /* акцент — только действия */
  --r-sm:12px; --r-md:14px; --r-lg:18px;
  --sh:0 0 0 1px var(--line);
  --sh-h:0 0 0 1px var(--line2),0 18px 40px rgba(0,0,0,.4);
  --serif:'Manrope','Inter',system-ui,sans-serif;
  --sans:'Manrope','Inter',system-ui,sans-serif;
}

html{background:var(--bg)}
body{background:var(--bg)!important;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}

/* ===== ШАПКА ===== */
.header{background:rgba(23,23,33,.9)!important;backdrop-filter:blur(14px);border-bottom:1px solid var(--line)!important}
.hnav{flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none}
.hnav::-webkit-scrollbar{display:none}
.logo{font-family:var(--serif)!important;font-weight:500!important;font-size:22px!important;letter-spacing:.01em;color:var(--ink)!important}
.logo-mark{background:transparent!important;border:1px solid #2E2E3A!important;color:#7CFF4F!important;font-family:var(--serif)!important;font-weight:600!important;border-radius:11px!important}
.hnav a{color:var(--ink2)!important;font-weight:500!important}
.hnav a:hover,.hnav a.active{color:var(--ink)!important;background:var(--card2)!important}
.hnav-drop{background:var(--card)!important;border:1px solid var(--line2)!important;box-shadow:0 18px 40px rgba(0,0,0,.5)!important}
.hnav-drop a:hover{background:var(--card2)!important;color:var(--ink)!important}
.h-btn{background:transparent!important;border:1px solid var(--line2)!important;color:var(--ink)!important;border-radius:999px!important}
.h-btn:hover{border-color:var(--ink3)!important;color:var(--ink)!important;background:transparent!important}

/* ===== HERO / ЗАГОЛОВКИ ===== */
.hero{background:var(--bg)!important}
.hero h1,.h1,.pagehead h1{font-family:var(--serif)!important;font-weight:500!important;letter-spacing:0!important}
.h1{color:var(--ink)!important}
.hero .sub,.sub{color:var(--ink2)!important}

/* ===== КАРТОЧКИ ===== */
.ucard{background:var(--card)!important;border:1px solid var(--line)!important;box-shadow:none!important;border-radius:16px!important}
.ucard:hover{box-shadow:0 14px 34px rgba(0,0,0,.4)!important;border-color:var(--line2)!important}
.ucard *{color:inherit}

/* цифры-ставки: ivory, не акцент (Mercury: цвет — только для действий) */
.ucard .rate,.ucard .rate b{color:var(--ink)!important}

/* бейджи: нейтральные контурные */
.badge,.tag,.pill{background:transparent!important;border:1px solid var(--line2)!important;color:var(--ink2)!important}
/* «лучшая ставка» — единственное цветное пятно в карточках */
.badge-green,.badge-best,.b-best{background:rgba(124,255,79,.10)!important;border:1px solid rgba(124,255,79,.35)!important;color:#B8FF9A!important}

/* ===== ОБЩИЕ БЛОКИ ===== */
.banner,.promo,.info-block,.note,.filter-bar,.calc-box,.box,
.section,.block-card,.side-card{background:var(--card)!important;border:1px solid var(--line)!important;box-shadow:none!important;color:var(--ink)}
select,input,textarea{background:var(--card2)!important;border:1px solid var(--line2)!important;color:var(--ink)!important;border-radius:10px}
select:focus,input:focus{outline:none;border-color:#7CFF4F!important}
input[type=range]{accent-color:#7CFF4F}
.btn-primary,.btn-calc,.btn-green{background:#7CFF4F!important;border:none!important;color:#171721!important;font-weight:600!important}
.btn-primary:hover,.btn-calc:hover,.btn-green:hover{background:#B8FF9A!important}
.btn-secondary,.btn-ghost{background:transparent!important;border:1px solid var(--line2)!important;color:var(--ink)!important}
table{color:var(--ink)}
th{color:var(--ink2)!important;font-weight:600!important}
td{border-color:var(--line)!important}
a{color:var(--ink2)}
a:hover{color:var(--ink)}
.footer,.foot{background:#0E0E15!important;border-top:1px solid var(--line)!important;color:var(--ink3)!important}
.footer a{color:var(--ink2)!important}

/* ===== ТИКЕР (вставляет slash.js) ===== */
.slash-ticker{border-bottom:1px solid var(--line);overflow:hidden;background:#1B1B27}
.slash-ticker-in{display:flex;gap:44px;padding:9px 0;width:max-content;animation:slash-tick 60s linear infinite}
@keyframes slash-tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.slash-tk{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink3);font-family:var(--sans)}
.slash-tk b{color:var(--ink);font-weight:600}
.slash-tk .up{color:#7CFF4F}
.slash-tk .dn{color:#FF7B6B}

/* таблицы-мониторинги */
.ledger,.monitor{background:var(--card);border:1px solid var(--line);border-radius:16px}
.ledger .best b,.monitor .best b{color:#B8FF9A}

/* плитки главной (Lucide-иконки) */
img.tile-ic{width:48px!important;height:48px!important;padding:11px;border-radius:14px;background:rgba(255,255,255,.05);box-sizing:content-box;filter:brightness(0) invert(.93)!important}
img.tile-ic:hover{background:rgba(255,255,255,.09)!important}
.tile{background:var(--card)!important;color:var(--ink)!important;border:1px solid var(--line)!important}
.tile h3{color:var(--ink)!important}
.tile .td{color:var(--ink2)!important}
.tile-all{color:var(--ink)!important}
.tile-all span{color:var(--ink3)!important}

/* виджеты курсов/конвертера на главной — красятся в index.html inline-стилем
   как белые (.fx-card,.conv-mini background:#fff) — перекрываем в Mercury */
.fx-card,.conv-mini{background:var(--card)!important;border-color:var(--line)!important}
.fx-row{border-color:var(--line)!important;color:var(--ink)!important}
.fx-row:hover{background:var(--card2)!important}
.fx-rate{color:var(--ink)!important}
.fx-more{border-color:var(--line)!important;color:var(--ink2)!important}
.fx-more:hover{background:var(--card2)!important}
.fx-best{border-color:var(--line)!important}
.fx-best b{color:#B8FF9A!important}
.fx-best a{color:var(--ink2)!important}
.conv-mini h3{color:var(--ink3)!important}
.conv-mini input{background:var(--card2)!important;border-color:var(--line2)!important;color:var(--ink)!important}
.conv-mini select{background:var(--card2)!important;color:var(--ink)!important;border-color:var(--line2)!important}
.conv-mini .cm-res{color:var(--ink2)!important}
.conv-mini .cm-res b{color:var(--ink)!important}
.conv-mini input[readonly]{background:var(--card)!important;color:var(--ink)!important;border-color:var(--line)!important}

/* калькулятор: design.css красит .calc белым (line 92) — перекрываем;
   inline-стиль kredity.html (зелёный градиент) тоже перекрывается */
.calc{background:var(--card)!important;border:1px solid var(--line)!important;box-shadow:none!important;color:var(--ink)!important}
.calc p{color:var(--ink2)!important}
.calc .calc-hint{color:var(--ink3)!important}
.calc .calc-res{background:var(--card2)!important;color:var(--ink)!important}

/* банк_prior: кнопка/акценты завязаны на несуществующую --copper → чиним */
.bank-hero .meta b{color:var(--ink)!important}
.lead-box{background:var(--card)!important;border:1px solid var(--line)!important}
.lead-box .txt h3{color:var(--ink)!important}
.lead-btn{background:#7CFF4F!important;color:#171721!important;font-weight:700!important}
.lead-btn:hover{background:#B8FF9A!important}

/* valuta.html: белые карточки inline-стиля (БВФБ, конвертер, график) */
.bx-card,.conv,.chart-card{background:var(--card)!important;border-color:var(--line)!important;box-shadow:none!important}
.bx-head,.conv h2,.chart-card h2{color:var(--ink)!important}
.bx-head .bx-badge{background:var(--card2)!important;color:var(--ink)!important;border:1px solid var(--line2)!important}
.bx-time{color:var(--ink3)!important}
.bx-cur{color:var(--ink)!important}
.bx-rate{color:var(--ink)!important}
.conv .sub,.chart-card .sub{color:var(--ink2)!important}
.conv-field label{color:var(--ink2)!important}
.conv-field input,.conv-field select{background:var(--card2)!important;border-color:var(--line2)!important;color:var(--ink)!important}
.conv-swap{background:var(--card2)!important;border-color:var(--line2)!important;color:var(--ink2)!important}
.conv-swap:hover{background:var(--line)!important}
.conv-result{background:var(--card2)!important;color:var(--ink)!important}
.conv-result b{color:var(--ink)!important}
.sec-tab,.bf-btn{background:var(--card)!important;color:var(--ink2)!important;border-color:var(--line2)!important}
.sec-tab.on,.bf-btn.on{background:#7CFF4F!important;color:#171721!important;border-color:#7CFF4F!important}

/* valuta.html: строки БВФБ (светло-серые плашки) */
.bx-row{background:var(--card2)!important}
.bx-row .bx-cur span{color:var(--ink3)!important}

/* investitsii.html: белые блоки inline-стиля → Mercury */
.inv-stat{background:var(--card)!important;border-color:var(--line)!important}
.inv-stat b{color:var(--ink)!important}
.inv-stat span{color:var(--ink2)!important}
.fbtn{background:var(--card)!important;border-color:var(--line2)!important;color:var(--ink2)!important}
.fbtn.on{background:var(--card2)!important;color:var(--ink)!important;border-color:var(--line2)!important}
.bcard{background:var(--card)!important;border-color:var(--line)!important}
.bcard-head:hover{background:var(--card2)!important}
.bcard-body{border-color:var(--line)!important}
.sec-title{color:var(--ink)!important}
.sec-sub{color:var(--ink3)!important}
.chip-gos{background:rgba(124,255,79,.08)!important;color:#B8FF9A!important}
.chip-bank{background:rgba(255,255,255,.06)!important;color:var(--ink2)!important}
.chip-corp{background:rgba(255,255,255,.06)!important;color:var(--ink2)!important}

/* kripta.html: белые карточки платформ + кремовый warn */
.ccard{background:var(--card)!important;border-color:var(--line)!important}
.ccard-head:hover{background:var(--card2)!important}
.ccard-body{border-color:var(--line)!important}
.ccard .cc-name{color:var(--ink)!important}
.warn{background:var(--card2)!important;border-color:var(--line2)!important;color:var(--ink2)!important}

/* assistant.html: светлые инлайн-стили → Mercury */
header{background:var(--bg)!important;border-color:var(--line)!important}
.logo{color:var(--ink)!important}
.hnav a{color:var(--ink2)!important}
.hnav a:hover{background:var(--card2)!important;color:var(--ink)!important}
.panel{background:var(--card)!important;border:1px solid var(--line)!important}
.panel h2{color:var(--ink)!important}
.panel .hint{color:var(--ink3)!important}
.f label{color:var(--ink2)!important}
.f input{background:var(--card2)!important;border-color:var(--line2)!important;color:var(--ink)!important}
.save{background:#7CFF4F!important;color:#171721!important}
.chip{background:var(--card2)!important;color:var(--ink2)!important;border:1px solid var(--line2)!important}
.ex button{background:var(--card2)!important;border-color:var(--line2)!important;color:var(--ink2)!important}
.ex button:hover{border-color:#7CFF4F!important;color:var(--ink)!important}
.msg{color:var(--ink)!important}
.msg.user{background:var(--card2)!important;color:var(--ink)!important}
.msg.bot{background:var(--card)!important;border-color:var(--line)!important}
.msg.bot b{color:#B8FF9A!important}
.ask{background:var(--card)!important;box-shadow:none!important;border:1px solid var(--line)!important}
.ask textarea{background:var(--card2)!important;border-color:var(--line2)!important;color:var(--ink)!important}
.send{background:#7CFF4F!important;color:#171721!important}
.send:disabled{background:var(--line2)!important;color:var(--ink3)!important}
.sub{color:var(--ink2)!important}

/* partners.html: нижний CTA — светлая плашка var(--ink) светлой темы → инверсия */
.cta{background:var(--card)!important;border:1px solid var(--line)!important}
.cta h2{color:var(--ink)!important}
.cta p{color:var(--ink2)!important}
.cta a{background:#7CFF4F!important;color:#171721!important}

@media(max-width:760px){
  .slash-ticker-in{gap:32px}
}
/* AI-кнопка: как была (тёмная/прозрачная), но буквы AI — лаймовые */
.h-btn.h-ai{color:#EDEDF3!important}
.h-btn.h-ai .ai-letters{color:#7CFF4F!important;font-weight:700}