/* ═══════════════════════════════════════════════════════════════════════════
   DESIGN 2.0 — ГЛИФЫ ГЛУБЖЕ В КАБИНЕТЫ (design2-deepicons.css, 16.09 AI-2)
   Оверлей к design2-deepicons.js: размеры и цвета SVG-глифов языка v39
   в попапе уведомлений и меню аватара. Активен только при
   body.d2-dicons-on (маркер «JS жив»; без JS эмодзи остаются).

   Цвета: currentColor — глиф следует цвету текста своего контейнера,
   поэтому тёмная тема (shop-dark.css перекрашивает .wg-np-i,
   .av-role, .av-step, .av-pop__hint) достаётся автоматически.
   Единственное исключение — плитка .av-pop__ic: белый глиф на
   градиенте роли (светлый и тёмный градиенты оба несут белый).
   ═══════════════════════════════════════════════════════════════════════════ */

/* ---------- попап уведомлений: строка с глифом 16px ---------- */
body.d2-dicons-on .wg-np-ic.d2-ic {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  margin-top: 1px;          /* выравнивание оптической строки текста */
}
body.d2-dicons-on .wg-np-ic svg[data-d2dg] {
  width: 16px;
  height: 16px;
  display: block;
}

/* ---------- меню аватара: плитка текущей роли ---------- */
body.d2-dicons-on .av-pop__ic svg[data-d2dg] {
  width: 20px;
  height: 20px;
  display: block;
  stroke: #fff;             /* градиент роли: белый в обеих темах */
}

/* ---------- меню аватара: кнопки демо-ролей ---------- */
body.d2-dicons-on .av-role i.d2-ic {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
}
body.d2-dicons-on .av-role i svg[data-d2dg] {
  width: 16px;
  height: 16px;
  display: block;
}
/* активная роль (жёлтая плашка): глиф следует currentColor кнопки —
   чернильный на жёлтом в светлой теме, как и текст кнопки */

/* ---------- меню аватара: шаги маршрута (кружок 17px) ---------- */
body.d2-dicons-on .av-step i svg[data-d2dg] {
  width: 11px;
  height: 11px;
  display: block;
}

/* ---------- меню аватара: хинт демо-режима (колба в строке) ---------- */
body.d2-dicons-on .av-pop__hint .d2-emo {
  display: inline-flex;
  align-items: center;
  vertical-align: -1px;
  margin-right: 3px;
}
body.d2-dicons-on .av-pop__hint svg[data-d2dg] {
  width: 11px;
  height: 11px;
  display: block;
}

/* ═══ v2 (18.09.2026) — КАБИНЕТ ПОКУПАТЕЛЯ: глифы глубже ═══
   Пара к design2-deepicons.js v2. Дизайн-линия: ХРОМ UI = глифы
   (currentColor — тёмная тема достаётся сама), геймификационные
   бейджи уровней/достижений остаются эмодзи (контент, не интерфейс). ═══ */
/* карточка покупателя: звёзды рейтинга (flex вместо letter-spacing) */
body.d2-dicons-on .stars.d2-stars{
  display:inline-flex;align-items:center;gap:1.5px;letter-spacing:0;
}
body.d2-dicons-on .stars.d2-stars svg[data-d2dg]{
  width:12px;height:12px;display:block;
}
/* карточка покупателя: камера на аватаре (кружок 23px, тёмный фон) */
body.d2-dicons-on .acc-bc-cam.d2-ic svg[data-d2dg]{
  width:12px;height:12px;display:block;
}
/* карточка покупателя: кнопка-шестерёнка (квадрат 27px) */
body.d2-dicons-on .acc-name-gear.d2-ic svg[data-d2dg]{
  width:15px;height:15px;display:block;
}
/* гайды кошелька: плитка-иконка 38px (amber-soft, тёмный текст) */
body.d2-dicons-on .acc-g-row i.d2-ic{
  display:flex;align-items:center;justify-content:center;
}
body.d2-dicons-on .acc-g-row i svg[data-d2dg]{
  width:20px;height:20px;display:block;
}
/* пройденный уровень: галочка в зелёном кружке 26px */
body.d2-dicons-on .acc-lvl-ok.d2-ic svg[data-d2dg]{
  width:13px;height:13px;display:block;
}

/* inline-глифы в строках (базовый габарит d2-emo) */
body.d2-dicons-on .d2-emo{
  display:inline-flex;align-items:center;vertical-align:-2px;
}
body.d2-dicons-on .d2-emo svg[data-d2dg]{
  width:14px;height:14px;display:block;
}
/* контекстные размеры: заголовки крупнее, меты/кнопки мельче */
body.d2-dicons-on .accm__t b .d2-emo svg[data-d2dg]{width:17px;height:17px}
body.d2-dicons-on .acc-lac-h .d2-emo svg[data-d2dg]{width:17px;height:17px}
body.d2-dicons-on .acc-steps-h h3 .d2-emo svg[data-d2dg]{width:17px;height:17px}
body.d2-dicons-on #acc-store-title .d2-emo svg[data-d2dg]{width:16px;height:16px}
body.d2-dicons-on #acc-reco-wrap h3 .d2-emo svg[data-d2dg]{width:16px;height:16px}
body.d2-dicons-on #acc-city-note .d2-emo svg[data-d2dg]{width:15px;height:15px}
body.d2-dicons-on #acc-side-title .d2-emo svg[data-d2dg]{width:15px;height:15px}
body.d2-dicons-on .acc-am-g .d2-emo svg[data-d2dg]{width:14px;height:14px}
body.d2-dicons-on .acc-wg .d2-emo svg[data-d2dg]{width:14px;height:14px}
body.d2-dicons-on .acc-store-go--gold .d2-emo svg[data-d2dg]{width:14px;height:14px}
body.d2-dicons-on .acc-store-shuf .d2-emo svg[data-d2dg]{width:13px;height:13px}
body.d2-dicons-on .acc-bc-meta .d2-emo svg[data-d2dg]{width:13px;height:13px}
body.d2-dicons-on .shop-note .d2-emo svg[data-d2dg]{width:13px;height:13px}
body.d2-dicons-on .acc-wm-top span .d2-emo svg[data-d2dg]{width:12px;height:12px}
body.d2-dicons-on .acc-bc-rel .d2-emo svg[data-d2dg]{width:12px;height:12px}
body.d2-dicons-on #acc-relib .d2-emo svg[data-d2dg]{width:12px;height:12px}
body.d2-dicons-on .acc-lvl-note .d2-emo svg[data-d2dg]{width:12px;height:12px}
body.d2-dicons-on .acc-am-row u .d2-emo svg[data-d2dg]{width:11px;height:11px}

/* v1-правило .av-pop__hint .d2-emo выше переопределяется базовым
   габаритом только при отсутствии контекста — сохраняем приоритет v1 */
body.d2-dicons-on .av-pop__hint .d2-emo svg[data-d2dg]{width:11px;height:11px}

/* ═══ v3 (18.09.2026) — КАБИНЕТЫ ПОСТАВЩИКА И ОРГа ═══
   Пара к design2-deepicons.js v3 (директива «те же глифы в кабинетах
   поставщика/ОРГа»). currentColor — тёмная тема достаётся сама;
   контент (аватары товаров/реплики чата/оценки в отзывах) = эмодзи. ═══ */

/* поставщик: сайдбар-навигация (строки-ссылки) */
body.d2-dicons-on .sup-nav a .d2-emo svg[data-d2dg]{width:15px;height:15px}
/* поставщик: плашка «проверена» (обе карточки) */
body.d2-dicons-on .sup-ver .d2-emo svg[data-d2dg],
body.d2-dicons-on .wg-supcard-v .d2-emo svg[data-d2dg]{width:13px;height:13px}
/* поставщик: заголовки секций (как acc-steps-h) */
body.d2-dicons-on .sup-head h3 .d2-emo svg[data-d2dg]{width:17px;height:17px}
/* поставщик: KPI-плитка «4.8 ★» + баннер демо-заметки */
body.d2-dicons-on .sup-kpi-v .d2-emo svg[data-d2dg],
body.d2-dicons-on .demo-note .d2-emo svg[data-d2dg]{width:15px;height:15px}
/* поставщик: кнопки действий (отчёт/этикетки/B2B-ответ) */
body.d2-dicons-on .sup-title-acts button .d2-emo svg[data-d2dg],
body.d2-dicons-on .sup-q-btn .d2-emo svg[data-d2dg],
body.d2-dicons-on .sup-b2b-btn .d2-emo svg[data-d2dg]{width:14px;height:14px}
/* поставщик: пилюли автопокупки «раз в неделю» */
body.d2-dicons-on .sup-cart-row .wg-pill .d2-emo svg[data-d2dg]{width:11px;height:11px}
/* поставщик: советы корзины (⏱/💰) */
body.d2-dicons-on .sup-ca-a .d2-emo svg[data-d2dg],
body.d2-dicons-on .sup-ca-b .d2-emo svg[data-d2dg]{width:13px;height:13px}
/* поставщик: «как работает механика» + тендер-статусы */
body.d2-dicons-on .sup-mech-doc .d2-emo svg[data-d2dg],
body.d2-dicons-on .sup-tnd-off .d2-emo svg[data-d2dg],
body.d2-dicons-on .sup-tnd-sent .d2-emo svg[data-d2dg]{width:12px;height:12px}
/* поставщик: мета отзывов (⚖/✓/👍) */
body.d2-dicons-on .sup-rr-rate .d2-emo svg[data-d2dg],
body.d2-dicons-on .sup-rr-sup .d2-emo svg[data-d2dg],
body.d2-dicons-on .sup-rev-w .d2-emo svg[data-d2dg]{width:11px;height:11px}
body.d2-dicons-on .sup-rev-how .d2-emo svg[data-d2dg]{width:12px;height:12px}
/* поставщик: звёзды wg-supcard и фильтров отзывов (та же пара, что .stars) */
body.d2-dicons-on .wg-star.d2-stars,
body.d2-dicons-on b.d2-stars{display:inline-flex;align-items:center;gap:1.5px;letter-spacing:0}
body.d2-dicons-on .wg-star.d2-stars svg[data-d2dg],
body.d2-dicons-on b.d2-stars svg[data-d2dg]{width:12px;height:12px;display:block}

/* ОРГ: заголовок кабинета (h1) и строка локации */
body.d2-dicons-on .cab-hero h1 .d2-emo svg[data-d2dg]{width:22px;height:22px}
body.d2-dicons-on .dash-loc .d2-emo svg[data-d2dg]{width:14px;height:14px}
/* ОРГ: кнопки-иконки дашборда (крест убрать/✓/➤) */
body.d2-dicons-on .ds-toggle.d2-ic,
body.d2-dicons-on .dd-close.d2-ic,
body.d2-dicons-on .dd-btn.d2-ic{display:inline-flex;align-items:center;justify-content:center}
body.d2-dicons-on .dd-close.d2-ic svg[data-d2dg],
body.d2-dicons-on .dd-btn.d2-ic svg[data-d2dg]{width:14px;height:14px;display:block}
/* ОРГ: поиск (рычаг) и колокол с бейджем */
body.d2-dicons-on .ds-toggle svg[data-d2dg],
body.d2-dicons-on .dash-ibtn .d2-emo svg[data-d2dg]{width:18px;height:18px;display:block}
/* ОРГ: плитки-заголовки виджетов (.dd-wt .emoji) */
body.d2-dicons-on .dd-wt .emoji.d2-ic{display:inline-flex;align-items:center;justify-content:center}
body.d2-dicons-on .dd-wt .emoji.d2-ic svg[data-d2dg]{width:18px;height:18px;display:block}
/* ОРГ: попап уведомлений (как wg-np-ic v1) */
body.d2-dicons-on .dash-pop-i .ic.d2-ic{display:inline-flex;align-items:center;justify-content:center;flex:none}
body.d2-dicons-on .dash-pop-i .ic svg[data-d2dg]{width:16px;height:16px;display:block}
/* ОРГ: дайджесты/мини-строки/меты этапов/статусы заявок/goal-кап/лента/ПВЗ */
body.d2-dicons-on .dd-digest .d2-emo svg[data-d2dg]{width:14px;height:14px}
body.d2-dicons-on .dd-mini .d2-emo svg[data-d2dg]{width:12px;height:12px}
body.d2-dicons-on .dd-row .meta .d2-emo svg[data-d2dg]{width:12px;height:12px}
body.d2-dicons-on .t-row .st .d2-emo svg[data-d2dg]{width:11px;height:11px}
body.d2-dicons-on .dd-goal .cap .d2-emo svg[data-d2dg]{width:12px;height:12px}
body.d2-dicons-on .feed .d2-emo svg[data-d2dg]{width:13px;height:13px}
body.d2-dicons-on .m-row .d2-emo svg[data-d2dg]{width:14px;height:14px}
/* ОРГ: тост действий (текст перезаписывается — глиф вслед за ним) */
body.d2-dicons-on .dd-toast .d2-emo svg[data-d2dg]{width:13px;height:13px}