/* ==========================================================================
   /ai-support/ · Self-service: живой шар ROBIN.Ассистента в виджете (.rts-orb-*)
   WebGL-шар в серой палитре (#9F9F9F / #E2E2E1 / #EDEBE9,
   assets/js/robin-ai-support-orb.js); скрипт по очереди подсвечивает
   умения «ROBIN.Ассистент умеет», на смене пункта шар «вздрагивает».
   ========================================================================== */
.rts-orb {
	--rts-orb-size: 132px;
	position: relative;
	width: var(--rts-orb-size);
	height: var(--rts-orb-size);
	margin: 18px auto 0;
	user-select: none;
}
.rts-orb::before { /* мягкое свечение под шаром */
	content: "";
	position: absolute;
	inset: 14% 8% -8%;
	background: radial-gradient(closest-side, rgba(159, 159, 159, .28), rgba(159, 159, 159, 0));
	filter: blur(14px);
}
.rts-orb-canvas {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}
/* без WebGL — статичный градиентный шар */
.rts-orb.is-fallback .rts-orb-canvas { display: none; }
.rts-orb.is-fallback::after {
	content: "";
	position: absolute;
	inset: 5%;
	border-radius: 50%;
	background:
		radial-gradient(circle at 35% 30%, #edebe9 0 18%, transparent 46%),
		radial-gradient(circle at 70% 75%, #9f9f9f 0, transparent 55%),
		radial-gradient(circle at 50% 50%, #edebe9, #e2e2e1);
}

/* Список умений ведёт скрипт: CSS-цикл rts-skill отключается */
.rts-orb-on .rts-skill,
.rts-orb-on .rts-skill-go { animation: none; }
.rts-orb-on .rts-skill { transition: background-color .35s ease, color .35s ease; }
.rts-orb-on .rts-skill-go { transition: opacity .35s ease, transform .35s ease; transform: translateX(-6px); }
.rts-orb-on .rts-skill.is-active { background: #fdf3f3; color: var(--rts-ink); }
.rts-orb-on .rts-skill.is-active .rts-skill-go { opacity: 1; transform: none; }

@media (max-width: 639px) {
	.rts-orb { --rts-orb-size: 112px; }
}