/* ===== NEO OVERLAY — графит + лайм поверх design.css =====
   Подключать ПОСЛЕ design.css. Клон механики slash.css, палитра Neo.
   Палитра: графит #0A1628 · лайм #7CFF4F · Manrope */

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

:root{
  --bg:#0A1628;
  --card:#0E1D33;
  --card2:#0B1622;
  --ink:#E7EDF3;
  --ink2:#98A4B3;
  --ink3:#6E7B8A;
  --line:#242C36;
  --line2:#2E3A46;
  --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(10,22,40,.88)!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 var(--copper,#7CFF4F)!important;color:#B8FF9A!important;font-family:var(--serif)!important;font-weight:600!important;border-radius:11px!important;overflow:hidden!important}
.logo-mark>span{display:inline-block!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,2,0,.5)!important}
.hnav-drop a:hover{background:var(--card2)!important;color:var(--ink)!important}
.h-btn{background:transparent!important;border:1px solid #2E3A46!important;color:var(--ink)!important;border-radius:999px!important}
.h-btn:hover{border-color:#7CFF4F!important;color:#B8FF9A!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}

/* медь для цифр-ставок */
.ucard .rate,.ucard .rate b{color:#B8FF9A!important}

/* зелёные/синие бейджи → медные контурные */
.badge,.tag,.pill{background:transparent!important;border:1px solid #2E3A46!important;color:#B8FF9A!important}
.badge-green,.badge-best,.b-best{background:rgba(204,145,102,.13)!important;border:1px solid rgba(204,145,102,.4)!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(--bg)!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:#0E1D33!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:#B8FF9A}
a:hover{color:#F0D3AE}
.footer,.foot{background:#07070A!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:#0E1D33}
.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:#7FC98F}
.slash-tk .dn{color:#D98F8F}

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

@media(max-width:760px){
  .slash-ticker-in{gap:32px}
}

/* ===== ПЛИТКИ ГЛАВНОЙ — серые, не белые ===== */
.tile,.tile-all{background:#1A2738!important;color:#98A4B3!important;border:1px solid #243A56!important;border-radius:16px!important}
.tile:hover,.tile-all:hover{box-shadow:0 14px 34px rgba(0,0,0,.35)!important;border-color:#2E4A6E!important}
.tile .tt{color:#E7EDF3!important}
.tile .td{color:#7A8A9E!important}
.tile-all{color:#E7EDF3!important}
.tile-all span{color:#7A8A9E!important}