/* ═══════════════════════════════════════════════════════════════════════════
   DESIGN 2.0 — ТЁМНАЯ ТЕМА оверлеев (design2-dark, 15.09 AI-2)
   Проблема (бэклог линзы d2-polish): оверлеи design2-*.css грузятся ПОСЛЕ
   shop-dark.css и своими !important-светлыми значениями ломают тёмную
   тему на 6 экранах (каталог/пул/заявка/оплата/тендеры/кабинет).
   Рецепт: ОДИН файл поверх всех оверлеев.
     1) тёмные значения ТОКЕНОВ 2.0 — палитра shop-dark v15: поверхности
        #211E1A/#26221E, линии #38332C, текст #EDE8E0/#C7BFB4/#837C73,
        янтарь остаётся #FFDE00, зелёный #4CC97B, красный #FF7A8A;
     2) точечные фиксы hardcoded-белых поверхностей оверлеев;
     3) текст на янтарном герое остаётся ТЁМНЫМ (янтарь не меняется
        ни в одной теме — правило цвета 2.0);
     4) чернильные чипы → янтарно-транслюцентные (язык v15).
   Специфичность html[data-theme] × селектор перебивает !important
   оверлеев. Подключается ПОСЛЕДНИМ на 6 страницах. Откат: убрать <link>.
   welcome/suppliers — самодостаточные светлые: кнопку темы не несут,
   тёмного режима там физически нет (и не обещано).
   ═══════════════════════════════════════════════════════════════════════════ */

/* ═══ 1. ТОКЕНЫ 2.0 → тёмные (мастер-фикс всех var()-правил оверлеев) ═══ */
html[data-theme="dark"]{
  --ink:#EDE8E0; --ink-2:#C7BFB4; --ink-3:#837C73;
  --line:#38332C; --line-2:#2E2A24;
  --paper-2:#26221E;
  --amber:#FFDE00; --amber-deep:#E8CE6B;
  --amber-soft:rgba(255,222,0,.09); --amber-line:rgba(255,222,0,.32);
  --green:#4CC97B; --green-soft:rgba(76,201,123,.14);
  --red:#FF7A8A; --red-soft:rgba(255,122,138,.13);
  --blue:#8CC4FF;
  --sh-1:0 1px 2px rgba(0,0,0,.45),0 1px 7px rgba(0,0,0,.35);
  --sh-2:0 10px 30px rgba(0,0,0,.55);
}

/* ═══ 2. ПОВЕРХНОСТИ: hardcoded-белые оверлеев → тёмная карта ══════════ */
html[data-theme="dark"] .oz-cartadd,
html[data-theme="dark"] .oz-cartadd:hover,
html[data-theme="dark"] .pd-dlv .wg-btn-y,
html[data-theme="dark"] .pd-dlv .wg-btn-y:hover,
html[data-theme="dark"] #pool-cta,
html[data-theme="dark"] #pool-cta:hover,
html[data-theme="dark"] .wg-tier,
html[data-theme="dark"] .wg-tier.on,
html[data-theme="dark"] .pd-cycle,
html[data-theme="dark"] #order-dlv .wg-btn-y,
html[data-theme="dark"] #order-dlv .wg-btn-y:hover,
html[data-theme="dark"] .pd-dlv-ask .wg-btn-y,
html[data-theme="dark"] .pd-dlv-ask .wg-btn-y:hover,
html[data-theme="dark"] .ord-trust,
html[data-theme="dark"] .wg-order-row,
html[data-theme="dark"] .wg-tr,
html[data-theme="dark"] .tnd-join,
html[data-theme="dark"] .sup-kpi,
html[data-theme="dark"] .sup-q-btn,
html[data-theme="dark"] #sup-addgoods,
html[data-theme="dark"] .prc2__sup-ic{background:#211E1A!important}

/* структурный виджет пула: sticky KS-бокс, подвал заметок, мобильный бар */
@media (min-width:1025px){
  html[data-theme="dark"] .pool-lay__side > #pool-check{
    background:#211E1A!important;box-shadow:0 14px 40px rgba(0,0,0,.55);
  }
}
html[data-theme="dark"] .d2-ks-foot{background:#211E1A!important}
html[data-theme="dark"] #pd-tiers .wg-tier-rec:hover,
html[data-theme="dark"] #pd-tiers .wg-tier-rec--best{background:#211E1A!important}
html[data-theme="dark"] .d2-chr-more summary:hover{background:#211E1A}
@media (max-width:1024px){
  html[data-theme="dark"] .d2-mbar{
    background:#1B1815;border-top-color:#38332C;
    box-shadow:0 -10px 32px rgba(0,0,0,.55);
  }
}

/* ═══ 3. ЯНТАРНЫЙ ГЕРОЙ: текст на янтаре — всегда чернильный ═══════════
   Янтарь #FFDE00 одинаков в обеих темах, поэтому надпись CTA и %-метка
   на прогресс-баре обязаны оставаться тёмными, а не var(--ink). */
html[data-theme="dark"] .oz-cta .pd-cta,
html[data-theme="dark"] .oz-cta .oz-fav,
html[data-theme="dark"] .prc2__cta,
html[data-theme="dark"] #order-confirm,
html[data-theme="dark"] .wg-pay .wg-btn-y,
html[data-theme="dark"] #co-pay-btn,
html[data-theme="dark"] .tnd-card--featured .tnd-join,
html[data-theme="dark"] .tnd-card--featured .tnd-join:hover,
html[data-theme="dark"] #sup-newpool,
html[data-theme="dark"] .d2-mbar__cta,
html[data-theme="dark"] .pd-cp-scale::before,
html[data-theme="dark"] .d2-ks__bar b{color:#16181D!important}

/* ═══ 4. ЧЕРНИЛЬНЫЕ ЧИПЫ → янтарно-транслюцентные (язык v15) ═══════════ */
html[data-theme="dark"] .wg-tag,
html[data-theme="dark"] .pd-cs em,
html[data-theme="dark"] .co-split em,
html[data-theme="dark"] .tnd-hiw__steps li::before,
html[data-theme="dark"] .tnd-chip.on{background:rgba(255,222,0,.16)!important;color:#FFDE00!important}

/* ═══ 5. GHOST-КНОПКИ: инверсия ховера — светлая заливка, тёмный текст ═ */
html[data-theme="dark"] .tnd-join:hover,
html[data-theme="dark"] .sup-q-btn:hover,
html[data-theme="dark"] #sup-addgoods:hover{background:#EDE8E0!important;color:#16181D!important}
html[data-theme="dark"] .sup-nav a.on{background:#EDE8E0!important;color:#16181D!important}
html[data-theme="dark"] .sup-nav a.on .n{background:rgba(22,24,29,.14)!important;color:#16181D!important}

/* ═══ 6. ПАНЕЛЬ ВЫПЛАТЫ: v15 делает её янтарной в тёмной — цифра тёмной ═ */
html[data-theme="dark"] .sup-pay-total b{color:#241F20!important}
html[data-theme="dark"] .sup-pay-total span{color:rgba(36,31,32,.72)!important}

/* ═══ 7. СТАТУСЫ И АКЦЕНТЫ: hardcoded-светлые → тёмная палитра ════════ */
html[data-theme="dark"] .tnd-card__st--offer{background:rgba(110,180,255,.14)!important;color:#8CC4FF!important}
html[data-theme="dark"] .tnd-offer{background:rgba(110,180,255,.10)!important;border-color:rgba(110,180,255,.25)!important}
html[data-theme="dark"] .tnd-offer b{color:#8CC4FF!important}
html[data-theme="dark"] .tnd-card__st--moved,
html[data-theme="dark"] .tnd-join--in,
html[data-theme="dark"] .tnd-join--in:hover,
html[data-theme="dark"] .tnd-join--cat,
html[data-theme="dark"] .tnd-join--cat:hover{color:#4CC97B!important}
html[data-theme="dark"] .tnd-join--cat:hover{border-color:rgba(76,201,123,.45)!important}
html[data-theme="dark"] .tnd-like--on{border-color:rgba(224,36,92,.55)!important;background:rgba(224,36,92,.16)!important;color:#FF8FA8!important}
html[data-theme="dark"] .wg-tier.pd-tier-closed{border-color:rgba(76,201,123,.35)!important}
html[data-theme="dark"] .sup-tnd-row--sent{border-color:rgba(76,201,123,.35)!important;background:rgba(76,201,123,.07)!important}
html[data-theme="dark"] .wg-pay-time,
html[data-theme="dark"] .co-clock-t{color:#FF9E6B!important}
html[data-theme="dark"] .sup-avat{background:#16181D!important}

/* ═══ 8. ВОССТАНОВЛЕНИЕ ЦВЕТА: правила с НИЖЕЙ специфичностью ══════════
   Грабли сессии: html[dark] .tnd-join (0,2,1) перебивает янтарный градиент
   .tnd-card--featured .tnd-join (0,2,0) и зелёные тихие .tnd-join--in/--cat
   — возвращаем им их цвет с запасом специфичности. */
html[data-theme="dark"] .tnd-card--featured .tnd-join,
html[data-theme="dark"] .tnd-card--featured .tnd-join:hover{
  background:linear-gradient(180deg,#FFDE00,#FFC900)!important;
}
html[data-theme="dark"] .tnd-join--in,
html[data-theme="dark"] .tnd-join--in:hover,
html[data-theme="dark"] .tnd-join--cat,
html[data-theme="dark"] .tnd-join--cat:hover{background:rgba(76,201,123,.14)!important}
html[data-theme="dark"] .wg-tier.pd-tier-closed{background:rgba(76,201,123,.10)!important}

/* ═══ 9. ХОВЕРЫ И ТЕНИ: глубже в тёмной ════════════════════════════════ */
html[data-theme="dark"] .prc2:hover{box-shadow:0 16px 48px rgba(0,0,0,.55)}
html[data-theme="dark"] .prc2__sup:hover{background:#2C2721}

/* ═══ 10. БАЗОВЫЕ КОМПОНЕНТЫ 2.0-страниц (светлые дыры, найдены сканом
   живой тёмной темы + линза VLM; shop-dark их не покрывал никогда —
   тема на паузе с 02.09, никто не смотрел). Пул: цикл/якорь/варианты/МРО;
   Каталог: фильтры/крошки/чипы; Тендеры+кабинет: пустые состояния;
   Оплата: методы. Палитра: вложенное #26221E, зелёный/янтарный тихий. ═══ */

/* пул: строки шагов цикла (внутри тёмной .pd-cycle) */
html[data-theme="dark"] .pd-cs{background:#26221E!important;border-color:#38332C!important}

/* пул: зелёные тихие поверхности (повтор/авто-директ/якорь выгоды) */
html[data-theme="dark"] .pd-cycle-repeat,
html[data-theme="dark"] .wg-auto-direct{
  background:rgba(76,201,123,.08)!important;border-color:rgba(76,201,123,.35)!important;
  color:#C7BFB4!important;
}
html[data-theme="dark"] .pd-anchor{
  background:rgba(76,201,123,.07)!important;border-color:rgba(76,201,123,.30)!important;
}

/* пул: янтарные тихие (напоминание/розница/калькулятор яруса) */
html[data-theme="dark"] .pd-cr-btn,
html[data-theme="dark"] .oz-shop-rt,
html[data-theme="dark"] .wg-tier-calc__btn{
  background:rgba(255,222,0,.12)!important;border-color:rgba(255,222,0,.38)!important;
  color:#E8CE6B!important;
}
html[data-theme="dark"] .wg-tier-calc__btn{color:#E8CE6B!important}

/* пул: белые пилюли и строки МРО */
html[data-theme="dark"] .pd-cycle-bell{
  background:#26221E!important;border-color:rgba(76,201,123,.40)!important;color:#4CC97B!important;
}
html[data-theme="dark"] .pd-mro-tabs,
html[data-theme="dark"] .pd-mro-gear,
html[data-theme="dark"] .pd-mro-alt,
html[data-theme="dark"] .pd-mro-row{
  background:#26221E!important;border-color:#38332C!important;color:#C7BFB4!important;
}
html[data-theme="dark"] .pd-mro-row{border-color:rgba(76,201,123,.25)!important}
html[data-theme="dark"] .pd-cr-ok,
html[data-theme="dark"] .pd-cr-no{background:#26221E!important}

/* пул: инпуты (напоминание + email в заявке) */
html[data-theme="dark"] .pd-cr-inp,
html[data-theme="dark"] #od-email{
  background:#1B1815!important;border-color:#38332C!important;color:#EDE8E0!important;
}

/* пул: чипы вариантов (вес) и цветовые свотчи */
html[data-theme="dark"] .pd-var-chip{
  background:#26221E!important;border-color:#38332C!important;color:#C7BFB4!important;
}
html[data-theme="dark"] .pd-var-chip.on{border-color:rgba(255,222,0,.55)!important}
html[data-theme="dark"] .pd-var-sw{
  border-color:#26221E!important;box-shadow:0 0 0 1.5px #4A443D!important;
}

/* пул: галочки «ok» и бейдж «Демо-сбор» (инлайн-стиль shop.js v108) */
html[data-theme="dark"] i.ok{background:rgba(76,201,123,.15)!important}
html[data-theme="dark"] .pool-h1 + div[style]{
  background:rgba(237,232,224,.07)!important;
  border-color:rgba(237,232,224,.22)!important;color:#C7BFB4!important;
}

/* каталог: панель фильтров, чипы, сорт, крошки-пилюли, чипы карточки */
html[data-theme="dark"] .cat-f{background:#211E1A!important;border-color:#38332C!important}
html[data-theme="dark"] .cat-f__chip,
html[data-theme="dark"] .cat-f__sort{
  background:#26221E!important;border-color:#38332C!important;color:#EDE8E0!important;
}
html[data-theme="dark"] .cat-f__sort{color:#837C73!important}
html[data-theme="dark"] #cat-crumb a{
  background:#211E1A!important;border-color:#38332C!important;color:#EDE8E0!important;
}
html[data-theme="dark"] #cat-crumb a:hover{border-color:#C7BFB4!important}
html[data-theme="dark"] .prc2__cyc{
  background:rgba(76,201,123,.12)!important;color:#4CC97B!important;
}
html[data-theme="dark"] .prc2__start{
  background:rgba(255,222,0,.14)!important;border-color:rgba(255,222,0,.40)!important;
  color:#E8CE6B!important;
}

/* тендеры + кабинет: пустые состояния */
html[data-theme="dark"] .tnd-empty,
html[data-theme="dark"] .sup-tnd-empty{
  background:rgba(237,232,224,.04)!important;border-color:#38332C!important;
}
html[data-theme="dark"] .tnd-empty b,
html[data-theme="dark"] .sup-tnd-empty b{color:#EDE8E0!important}
html[data-theme="dark"] .tnd-empty span,
html[data-theme="dark"] .sup-tnd-empty span{color:#837C73!important}

/* оплата: карточки методов (не выбранные + ghost) */
html[data-theme="dark"] #co-methods .dlv{background:#211E1A!important}
html[data-theme="dark"] #co-methods .dlv--ghost{background:#26221E!important}

/* ═══ 11. ПУЛ, ДОРАБОТКА СКАНА v2: табы/рейтинг/артикул/поставщик/проценты ═══ */
html[data-theme="dark"] .pd-tab-btn{color:#C7BFB4!important}
html[data-theme="dark"] .pd-tab-btn:not(.on):hover{color:#EDE8E0!important}
html[data-theme="dark"] .pd-tab-btn.on{
  color:#EDE8E0!important;border-bottom-color:#EDE8E0!important;
}
html[data-theme="dark"] .pd-tab-btn i{background:#2E2A24!important;color:#C7BFB4!important}
html[data-theme="dark"] .pd-tab-btn.on i{background:rgba(255,222,0,.20)!important;color:#E8CE6B!important}

/* пилюли рейтинга/артикула/ячейки поставщика */
html[data-theme="dark"] .pd-rate-btn,
html[data-theme="dark"] .pd-art,
html[data-theme="dark"] .pd-sup-cell{
  background:#26221E!important;border-color:#38332C!important;color:#C7BFB4!important;
}

/* %-чипы ярусов (амурный 35% → тише в тёмной) */
html[data-theme="dark"] b.wg-t-pct{background:rgba(255,222,0,.18)!important}

/* ═══ 12. ФИНАЛ СКАНА: подписка на новинки + иконки пустых состояний
   + чипы тональности отзывов (catalog/tenders/supplier) ══════════════ */
html[data-theme="dark"] .nl-card{background:#211E1A!important;border-color:#38332C!important}
html[data-theme="dark"] .nl-email{
  background:#1B1815!important;border-color:#38332C!important;color:#EDE8E0!important;
}
html[data-theme="dark"] .nl-email:focus{border-color:#C7BFB4!important}
html[data-theme="dark"] .nl-ok{
  background:rgba(76,201,123,.12)!important;border-color:rgba(76,201,123,.35)!important;
  color:#4CC97B!important;
}
html[data-theme="dark"] .nl-err{
  background:rgba(255,122,138,.12)!important;border-color:rgba(255,122,138,.35)!important;
  color:#FF7A8A!important;
}
html[data-theme="dark"] .tnd-empty i,
html[data-theme="dark"] .sup-tnd-empty i{background:#26221E!important}
html[data-theme="dark"] .sup-rr-rate.pro{
  background:rgba(76,201,123,.15)!important;color:#4CC97B!important;
}
html[data-theme="dark"] .sup-rr-rate.contra{
  background:rgba(255,122,138,.14)!important;color:#FF7A8A!important;
}