/* ═════ ГЛАВНАЯ · онбординг-тур ═════
   Модульные стили Главной (start-hero/-mini/-source/-legend/-cta, dept-card, panel,
   sg-3/-5) уже живут в styles.css — здесь только spotlight-онбординг.

   Подсветка — затемнение с «дыркой» через clip-path на #onbOverlay (НЕ box-shadow
   0 0 0 9999px: его обрезают overflow-предки .screen-wrap — грабля sticky/overflow).
   #onbOverlay рисует тёмный фон везде, кроме вырезанного прямоугольника блока;
   #onbSpotlight — только рамка-акцент по периметру блока. Токены темы (var(--…)) —
   тёмная/светлая тема наследуются автоматически. */

#onbOverlay{
  position:fixed;inset:0;z-index:9998;display:none;
  background:rgba(0,0,0,.72);
  -webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);
  /* clip-path выставляет JS (onbRender); по умолчанию — сплошное затемнение */
  transition:clip-path .35s cubic-bezier(.2,.8,.2,1);
}
#onbOverlay.active{display:block}

#onbSpotlight{
  position:fixed;z-index:9999;display:none;pointer-events:none;
  border:2px solid var(--accent);border-radius:14px;
  box-shadow:0 0 0 3px var(--accent-soft-2);
  transition:top .35s cubic-bezier(.2,.8,.2,1),left .35s cubic-bezier(.2,.8,.2,1),
             width .35s cubic-bezier(.2,.8,.2,1),height .35s cubic-bezier(.2,.8,.2,1);
}

#onbTip{
  position:fixed;z-index:10000;display:none;max-width:420px;
  background:var(--surface);color:var(--text);
  border:1px solid var(--border-2);border-radius:12px;padding:14px 18px;
  box-shadow:0 16px 48px rgba(0,0,0,.5);
}
#onbTip .onb-tip-title{font-size:13px;font-weight:700;margin-bottom:6px;color:var(--text)}
#onbTip .onb-tip-text{font-size:12.5px;color:var(--muted);line-height:1.5;margin-bottom:12px}
#onbTip .onb-tip-actions{display:flex;gap:8px;justify-content:flex-end;align-items:center}
#onbTip .onb-counter{font-size:11px;color:var(--muted);font-weight:600;margin-right:auto}
#onbTip .btn-s,#onbTip .btn-primary{font-size:12px;padding:6px 14px}