/* ===== Переключатель день/ночь (19.09, референс банки.ру) =====
   Ночь = дефолт (Mercury: neo.css + mercury-fix в страницах).
   День = атрибут html[data-mode="day"] — этот слой подключается ПОСЛЕ neo.css
   и перекрывает тёмные правила назад к светлой теме sravni.
   Специфичность html[data-mode="day"] … + !important всегда выигрывает у
   neo.css (.ucard и т.п.) и inline-блоков (mercury-fix/hover-dark-fix). */

html{color-scheme:dark}
html[data-mode="day"]{color-scheme:light}

/* ---- Переменные: день возвращает светлую палитру (design.css + --mc-*) ---- */
html[data-mode="day"]{
  --bg:#F1F2F4; --card:#FFFFFF; --card2:#E8EAEE;
  --ink:#171D23; --ink2:#636F7D; --ink3:#8A94A0;
  --line:#E0E3E8; --line2:#D5DAE1;
  --blue:#00AFFF; --blue-d:#0086CF;
  --green:#0DD149; --green-d:#0BB63E;
  --sh:0 10px 24px rgba(20,36,56,.07);
  --sh-h:0 16px 32px rgba(20,36,56,.12);
  --mc-card:#FFFFFF; --mc-card2:#EEF0F3; --mc-line:#E0E3E8;
  --mc-ink:#171D23; --mc-ink2:#636F7D; --mc-faint:#8A94A0;
  --mc-lime:#0A9A40; --mc-limebg:rgba(13,209,73,.10);
}

html[data-mode="day"] body{background:#F1F2F4!important;color:#171D23!important}

/* ---- Шапка ---- */
html[data-mode="day"] .header{background:#FFFFFFf2!important;border-bottom:1px solid #E0E3E8!important}
html[data-mode="day"] .logo,html[data-mode="day"] .logo-name{color:#171D23!important}
html[data-mode="day"] .logo-mark{background:transparent!important;border:1px solid #E0E3E8!important;color:#0BB63E!important}
html[data-mode="day"] .hnav a{color:#636F7D!important}
html[data-mode="day"] .hnav a:hover,html[data-mode="day"] .hnav a.active{color:#171D23!important;background:#EEF0F3!important}
html[data-mode="day"] .hnav-drop{background:#fff!important;border:1px solid #E0E3E8!important;box-shadow:0 12px 24px rgba(20,36,56,.12)!important}
html[data-mode="day"] .hnav-drop a{color:#636F7D!important}
html[data-mode="day"] .hnav-drop a:hover{background:#EEF0F3!important;color:#171D23!important}
html[data-mode="day"] .h-btn{background:transparent!important;border:1px solid #D5DAE1!important;color:#171D23!important}
html[data-mode="day"] .h-btn:hover{background:#EEF0F3!important;border-color:#C5CBD3!important;color:#171D23!important}
html[data-mode="day"] .h-btn.h-ai{background:#7CFF4F!important;border:1px solid #7CFF4F!important;color:#10162A!important}
html[data-mode="day"] .h-btn.h-ai:hover{background:#8DFF6F!important;border-color:#8DFF6F!important;color:#10162A!important}
html[data-mode="day"] .h-btn.h-ai .ai-letters{color:#10162A!important}

/* ---- Hero / заголовки / текст ---- */
html[data-mode="day"] .hero{background:#F1F2F4!important}
html[data-mode="day"] .hero h1,html[data-mode="day"] .h1,html[data-mode="day"] .pagehead h1{color:#171D23!important}
html[data-mode="day"] .hero .sub,html[data-mode="day"] .sub{color:#636F7D!important}
html[data-mode="day"] .page-head h1{color:#171D23!important}
html[data-mode="day"] .page-head .sub{color:#636F7D!important}
html[data-mode="day"] h2,html[data-mode="day"] h3{color:#171D23!important}
html[data-mode="day"] .crumb,html[data-mode="day"] .crumb a{color:#8A94A0!important}
html[data-mode="day"] a{color:#4A5560}
html[data-mode="day"] a:hover{color:#171D23}

/* ---- Карточки и поверхности ---- */
html[data-mode="day"] .ucard,html[data-mode="day"] .tile,html[data-mode="day"] .banner,
html[data-mode="day"] .promo,html[data-mode="day"] .info-block,html[data-mode="day"] .note,
html[data-mode="day"] .filter-bar,html[data-mode="day"] .calc-box,html[data-mode="day"] .box,
html[data-mode="day"] .section,html[data-mode="day"] .block-card,html[data-mode="day"] .side-card,
html[data-mode="day"] .ledger,html[data-mode="day"] .monitor,
html[data-mode="day"] .conv,html[data-mode="day"] .chart-card,html[data-mode="day"] .all-rates,
html[data-mode="day"] .info,html[data-mode="day"] .bx-card,html[data-mode="day"] .banks-card,
html[data-mode="day"] .nb-row,html[data-mode="day"] .mcard,html[data-mode="day"] .safe-card,
html[data-mode="day"] .layer,html[data-mode="day"] .step,html[data-mode="day"] .node,
html[data-mode="day"] a.srv,html[data-mode="day"] table.TABLE,html[data-mode="day"] table.cmp,
html[data-mode="day"] .fx-card,html[data-mode="day"] .conv-mini,html[data-mode="day"] .calc,
html[data-mode="day"] .panel,html[data-mode="day"] .ask,html[data-mode="day"] .msg.bot,
html[data-mode="day"] .lead-box,html[data-mode="day"] .cta,
html[data-mode="day"] .inv-stat,html[data-mode="day"] .bcard,html[data-mode="day"] .ccard{
  background:#FFFFFF!important;border-color:#E0E3E8!important;
  box-shadow:0 10px 24px rgba(20,36,56,.05)!important;color:#171D23}
html[data-mode="day"] .ucard:hover{box-shadow:0 14px 34px rgba(20,36,56,.12)!important;border-color:#D5DAE1!important}
html[data-mode="day"] .ucard .rate,html[data-mode="day"] .ucard .rate b{color:#171D23!important}
html[data-mode="day"] .mcard h2,html[data-mode="day"] .mcard h3,html[data-mode="day"] .safe-card b,
html[data-mode="day"] .layer b,html[data-mode="day"] .step b,html[data-mode="day"] .node b{color:#171D23!important}
html[data-mode="day"] .mcard p,html[data-mode="day"] .safe-card p,html[data-mode="day"] .layer p,
html[data-mode="day"] .step p,html[data-mode="day"] .node p,html[data-mode="day"] .info p,
html[data-mode="day"] .info li{color:#636F7D!important}

/* ---- Бейджи/чипы ---- */
html[data-mode="day"] .badge,html[data-mode="day"] .tag,html[data-mode="day"] .pill{
  background:transparent!important;border:1px solid #D5DAE1!important;color:#636F7D!important}
html[data-mode="day"] .badge-green,html[data-mode="day"] .badge-best,html[data-mode="day"] .b-best{
  background:rgba(13,209,73,.10)!important;border:1px solid rgba(13,209,73,.35)!important;color:#0A9A40!important}
html[data-mode="day"] .chip-gos{background:rgba(13,209,73,.10)!important;color:#0A9A40!important}
html[data-mode="day"] .chip-bank,html[data-mode="day"] .chip-corp{background:rgba(23,29,35,.05)!important;color:#636F7D!important}
html[data-mode="day"] .ledger .best b,html[data-mode="day"] .monitor .best b{color:#0A9A40!important}

/* ---- Поля и кнопки ---- */
html[data-mode="day"] select,html[data-mode="day"] input,html[data-mode="day"] textarea{
  background:#FFFFFF!important;border:1px solid #D5DAE1!important;color:#171D23!important}
html[data-mode="day"] select:focus,html[data-mode="day"] input:focus{outline:none;border-color:#0BB63E!important}
html[data-mode="day"] input[type=range]{accent-color:#0DD149}
html[data-mode="day"] .btn-primary,html[data-mode="day"] .btn-calc,html[data-mode="day"] .btn-green{
  background:#0DD149!important;border:none!important;color:#fff!important;font-weight:600!important}
html[data-mode="day"] .btn-primary:hover,html[data-mode="day"] .btn-calc:hover,html[data-mode="day"] .btn-green:hover{background:#0BB63E!important}
html[data-mode="day"] .btn-secondary,html[data-mode="day"] .btn-ghost{background:transparent!important;border:1px solid #D5DAE1!important;color:#171D23!important}
html[data-mode="day"] .sec-tab,html[data-mode="day"] .bf-btn{background:#fff!important;color:#636F7D!important;border-color:#D5DAE1!important}
html[data-mode="day"] .sec-tab.on,html[data-mode="day"] .bf-btn.on{background:#0DD149!important;color:#fff!important;border-color:#0DD149!important}
html[data-mode="day"] .more-btn{background:#fff!important;border:1px solid #D5DAE1!important;color:#171D23!important}
html[data-mode="day"] .more-btn:hover{background:#EEF0F3!important;color:#171D23!important}
html[data-mode="day"] .save,html[data-mode="day"] .send{background:#0DD149!important;color:#fff!important}
html[data-mode="day"] .send:disabled{background:#E0E3E8!important;color:#8A94A0!important}
html[data-mode="day"] .lead-btn{background:#0DD149!important;color:#fff!important;font-weight:700!important}
html[data-mode="day"] .lead-btn:hover{background:#0BB63E!important}
html[data-mode="day"] .cta a{background:#0DD149!important;color:#fff!important}
html[data-mode="day"] .fbtn{background:#fff!important;border-color:#D5DAE1!important;color:#636F7D!important}
html[data-mode="day"] .fbtn.on{background:#EEF0F3!important;color:#171D23!important;border-color:#D5DAE1!important}

/* ---- Таблицы ---- */
html[data-mode="day"] table{color:#171D23}
html[data-mode="day"] th{color:#636F7D!important;font-weight:600!important}
html[data-mode="day"] td{border-color:#E0E3E8!important}
html[data-mode="day"] table.TABLE,html[data-mode="day"] table.cmp{color:#636F7D!important}
html[data-mode="day"] table.TABLE th,html[data-mode="day"] table.cmp th{background:#EEF0F3!important;color:#171D23!important;border-color:#E0E3E8!important}
html[data-mode="day"] table.TABLE td,html[data-mode="day"] table.cmp td{border-color:#E0E3E8!important;color:#636F7D!important;background:transparent!important}
html[data-mode="day"] td.TD{background:transparent!important;color:#636F7D!important}
html[data-mode="day"] th.TH{background:#EEF0F3!important;color:#171D23!important}

/* ---- Тикер ---- */
html[data-mode="day"] .slash-ticker{background:#FFFFFF!important;border-bottom:1px solid #E0E3E8!important}
html[data-mode="day"] .slash-tk{color:#8A94A0!important}
html[data-mode="day"] .slash-tk b{color:#171D23!important}
html[data-mode="day"] .slash-tk .up{color:#0A9A40!important}
html[data-mode="day"] .slash-tk .dn{color:#E24C3F!important}

/* ---- Курсы/конвертер ---- */
html[data-mode="day"] .fx-row{border-color:#E0E3E8!important;color:#171D23!important}
html[data-mode="day"] .fx-row:hover{background:#EEF0F3!important}
html[data-mode="day"] .fx-rate{color:#171D23!important}
html[data-mode="day"] .fx-more{border-color:#E0E3E8!important;color:#636F7D!important}
html[data-mode="day"] .fx-more:hover{background:#EEF0F3!important}
html[data-mode="day"] .fx-best{border-color:#E0E3E8!important}
html[data-mode="day"] .fx-best b{color:#0A9A40!important}
html[data-mode="day"] .fx-best a{color:#636F7D!important}
html[data-mode="day"] .conv-mini h3{color:#8A94A0!important}
html[data-mode="day"] .conv-mini input,html[data-mode="day"] .conv-mini select{background:#fff!important;border-color:#D5DAE1!important;color:#171D23!important}
html[data-mode="day"] .conv-mini input[readonly]{background:#EEF0F3!important;color:#171D23!important;border-color:#E0E3E8!important}
html[data-mode="day"] .conv-mini .cm-res{color:#636F7D!important}
html[data-mode="day"] .conv-mini .cm-res b{color:#171D23!important}
html[data-mode="day"] .calc p{color:#636F7D!important}
html[data-mode="day"] .calc .calc-hint{color:#8A94A0!important}
html[data-mode="day"] .calc .calc-res{background:#EEF0F3!important;color:#171D23!important}

/* ---- Плитки главной: иконки возвращают исходные цвета ---- */
html[data-mode="day"] img.tile-ic{background:#EEF0F3!important;filter:none!important}
html[data-mode="day"] img.tile-ic:hover{background:#E4E7EB!important}
html[data-mode="day"] .tile h3{color:#171D23!important}
html[data-mode="day"] .tile .td{color:#636F7D!important}
html[data-mode="day"] .tile-all{color:#171D23!important}
html[data-mode="day"] .tile-all span{color:#8A94A0!important}

/* ---- Валюта ---- */
html[data-mode="day"] .bx-head,html[data-mode="day"] .conv h2,html[data-mode="day"] .chart-card h2{color:#171D23!important}
html[data-mode="day"] .bx-head .bx-badge{background:#EEF0F3!important;color:#171D23!important;border:1px solid #D5DAE1!important}
html[data-mode="day"] .bx-time{color:#8A94A0!important}
html[data-mode="day"] .bx-cur,html[data-mode="day"] .bx-rate{color:#171D23!important}
html[data-mode="day"] .bx-row{background:#F6F7F9!important}
html[data-mode="day"] .bx-row .bx-cur span{color:#8A94A0!important}
html[data-mode="day"] .conv-field label{color:#636F7D!important}
html[data-mode="day"] .conv-field input,html[data-mode="day"] .conv-field select{background:#fff!important;border-color:#D5DAE1!important;color:#171D23!important}
html[data-mode="day"] .conv-swap{background:#EEF0F3!important;border-color:#D5DAE1!important;color:#636F7D!important}
html[data-mode="day"] .conv-swap:hover{background:#E4E7EB!important}
html[data-mode="day"] .conv-result{background:#EEF0F3!important;color:#171D23!important}
html[data-mode="day"] .conv-result b{color:#171D23!important}

/* ---- Ассистент ---- */
html[data-mode="day"] .panel h2{color:#171D23!important}
html[data-mode="day"] .panel .hint{color:#8A94A0!important}
html[data-mode="day"] .f label{color:#636F7D!important}
html[data-mode="day"] .f input{background:#fff!important;border-color:#D5DAE1!important;color:#171D23!important}
html[data-mode="day"] .chip{background:#EEF0F3!important;color:#636F7D!important;border:1px solid #D5DAE1!important}
html[data-mode="day"] .ex button{background:#EEF0F3!important;border-color:#D5DAE1!important;color:#636F7D!important}
html[data-mode="day"] .ex button:hover{border-color:#0BB63E!important;color:#171D23!important}
html[data-mode="day"] .msg{color:#171D23!important}
html[data-mode="day"] .msg.user{background:#EEF0F3!important;color:#171D23!important}
html[data-mode="day"] .msg.bot b{color:#0A9A40!important}
html[data-mode="day"] .ask textarea{background:#fff!important;border-color:#D5DAE1!important;color:#171D23!important}
html[data-mode="day"] .warn{background:#FFF6E0!important;border-color:#EBD9A8!important;color:#6B5B2A!important}

/* ---- Лого-плашки (logo-dark-fix) и тёмные hover (hover-dark-fix) → светлые ---- */
html[data-mode="day"] .uc-logo,html[data-mode="day"] .p-logo,html[data-mode="day"] .b-logo,
html[data-mode="day"] .br-logo,html[data-mode="day"] .nb-logo{
  background:#FFFFFF!important;border-color:#E0E3E8!important;filter:none!important}
html[data-mode="day"] .pin:hover{background:#B8FF9A!important}
html[data-mode="day"] a:hover,html[data-mode="day"] .offer:hover,html[data-mode="day"] .bank:hover,
html[data-mode="day"] .prod:hover,html[data-mode="day"] .srv:hover,html[data-mode="day"] .uc-head:hover,
html[data-mode="day"] .ar-row:hover,html[data-mode="day"] .br-row:hover,
html[data-mode="day"] .ucard:hover,html[data-mode="day"] .mcard:hover,html[data-mode="day"] .nb-row:hover,
html[data-mode="day"] .tile:hover,html[data-mode="day"] .tabs a:hover,html[data-mode="day"] .chip:hover,
html[data-mode="day"] .more-btn:hover,html[data-mode="day"] .btn:hover{
  background:#EEF0F3!important;color:inherit!important}
html[data-mode="day"] .hnav a:hover,html[data-mode="day"] .hnav-drop a:hover{color:#171D23!important}

/* ---- Футер ---- */
html[data-mode="day"] .footer,html[data-mode="day"] .foot{
  background:#FFFFFF!important;border-top:1px solid #E0E3E8!important;color:#636F7D!important}
html[data-mode="day"] .footer a{color:#4A5560!important}

/* ---- Кнопка переключателя (обе темы) ---- */
.theme-toggle{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
  background:transparent;border:1px solid var(--line2);color:var(--ink2);cursor:pointer;flex-shrink:0;
  padding:0;transition:background .15s,color .15s,border-color .15s;font-size:0}
.theme-toggle:hover{background:var(--card2);color:var(--ink);border-color:var(--ink3)}
.theme-toggle svg{width:18px;height:18px;display:block}
html[data-mode="day"] .theme-toggle .ic-moon{display:block}
html[data-mode="day"] .theme-toggle .ic-sun{display:none}
html:not([data-mode="day"]) .theme-toggle .ic-moon{display:none}
html:not([data-mode="day"]) .theme-toggle .ic-sun{display:block}
@media(max-width:760px){.theme-toggle{width:32px;height:32px}.theme-toggle svg{width:16px;height:16px}}

/* ---- Главная (design.css зашивает тёмные цвета в .sr-*/.scn-* — перекрываем) ---- */
html[data-mode="day"] .hero-sr,html[data-mode="day"] .sr-bento{background:transparent!important}
html[data-mode="day"] .hero-sr::before{background:radial-gradient(700px 340px at 50% 20%, rgba(13,209,73,.06), transparent 70%)!important}
html[data-mode="day"] section.sec > .container{background:#FFFFFF!important;border-color:#E0E3E8!important}
html[data-mode="day"] .sr-title{color:#171D23!important}
html[data-mode="day"] .sr-sub,html[data-mode="day"] .sr-sub b{color:#636F7D!important}
html[data-mode="day"] .sr-sub b{color:#171D23!important}
html[data-mode="day"] .sr-tabs{background:#EEF0F3!important;border:1px solid #E0E3E8!important}
html[data-mode="day"] .sr-tab{color:#636F7D!important}
html[data-mode="day"] .sr-tab:hover{color:#171D23!important}
html[data-mode="day"] .sr-tab.active,html[data-mode="day"] .sr-chip,html[data-mode="day"] .scn-cta{
  background:#0DD149!important;color:#fff!important;box-shadow:0 4px 16px rgba(13,209,73,.25)!important}
html[data-mode="day"] .sr-card,html[data-mode="day"] .scn-big,html[data-mode="day"] .scn-small,
html[data-mode="day"] .scn-btn,html[data-mode="day"] .scn-photo{
  background:#FFFFFF!important;border:1px solid #E0E3E8!important;color:#171D23!important;
  box-shadow:0 10px 24px rgba(20,36,56,.05)!important}
html[data-mode="day"] .sr-dark{background:#FFFFFF!important;border-color:#E0E3E8!important}
html[data-mode="day"] .src-tt{color:#171D23!important}
html[data-mode="day"] .mname,html[data-mode="day"] a.srv,html[data-mode="day"] div.t{color:#171D23!important}
html[data-mode="day"] a.srv .t2,html[data-mode="day"] .srv p,html[data-mode="day"] .srv .d{color:#636F7D!important}
html[data-mode="day"] .src-td,html[data-mode="day"] .src-td b{color:#636F7D!important}
html[data-mode="day"] .src-td b{color:#171D23!important}
html[data-mode="day"] .src-arrow{color:#8A94A0!important}
html[data-mode="day"] .scn-big-d,html[data-mode="day"] .scn-small-d{color:#636F7D!important}
html[data-mode="day"] .src-ic img,html[data-mode="day"] .scn-ic img{filter:none!important}
html[data-mode="day"] .sr-card:hover,html[data-mode="day"] .scn-big:hover,html[data-mode="day"] .scn-small:hover{
  box-shadow:0 16px 36px rgba(20,36,56,.12)!important;transform:translateY(-3px)!important}