/* Свечение за курсором - фирменная фишка SkuScan (№221, №253): одинаково на всех страницах сайта и кабинета, в цвет площадки
   страницы: WB - розовое, Ozon - синее, Маркет - желтое, Авито - зеленое; на общих страницах - розовое, как WB и логотип.
   Два слоя (web/glow.js): мягкое пятно на фоне страницы и такое же внутри карточки под курсором. Двигаются transform (GPU).
   Только мышь (hover + точный указатель), без prefers-reduced-motion. Легкое: 4-7% цвета, как было. */
:root{--glow-c:#CB11AB;--glow-a:4%;--glow-pa:6%}
body[data-mp="ozon"],body.th-ozon{--glow-c:#005BFF}
body[data-mp="ym"],body[data-mp="market"],body.th-market{--glow-c:#FFB800;--glow-a:9%;--glow-pa:12%}
body[data-mp="avito"],body.th-avito{--glow-c:#00B85C;--glow-a:5%;--glow-pa:7%}
html.glow-dark{--glow-a:7%;--glow-pa:10%}   /* темная тема кабинета (выбрана или как в системе): класс ставит glow.js */

/* слой в карточке (ее фон белый - пятно фона под ним не видно) */
.card-glow{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .25s;z-index:0}
.card-glow.on{opacity:1}
.card-glow i{position:absolute;left:0;top:0;width:340px;height:340px;margin:-170px 0 0 -170px;border-radius:50%;will-change:transform;
  background:radial-gradient(closest-side,color-mix(in srgb,var(--glow-c) var(--glow-a),transparent),transparent)}
/* пятно на фоне страницы: за содержимым (body - свой слой наложения, пятно над его фоном и под текстом) */
html.pg-on body{isolation:isolate}
.pg-glow{position:fixed;left:0;top:0;z-index:-1;width:640px;height:640px;margin:-320px 0 0 -320px;border-radius:50%;pointer-events:none;
  opacity:0;transition:opacity .4s;will-change:transform;background:radial-gradient(closest-side,color-mix(in srgb,var(--glow-c) var(--glow-pa),transparent),transparent)}
.pg-glow.on{opacity:1}
@media (hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.card-glow,.pg-glow{display:none}}
@media print{.card-glow,.pg-glow{display:none}}