/* ============================================
   INDICATORS SPORE - CRITICAL LAYOUT FIX
   Этот файл должен загружаться ПОСЛЕДНИМ!
   ============================================ */

/* Принудительно устанавливаем горизонтальный layout */
body .indicators-spore {
  position: fixed !important;
  top: 8px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 100 !important;
  pointer-events: none !important;
  display: flex !important;
  justify-content: center !important;
  width: auto !important;
  height: auto !important;
}

body .indicators-spore-container {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 6px !important;
  pointer-events: auto !important;
  max-width: 98vw !important;
  padding: 0 8px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  width: auto !important;
  height: auto !important;
}

body .indicator-spore {
  position: relative !important;
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  min-width: 110px !important;
  flex-shrink: 0 !important;
  width: auto !important;
  height: auto !important;
  float: none !important;
  clear: none !important;
}

/* Убираем любые float и clear */
body .indicators-spore *,
body .indicators-spore-container *,
body .indicator-spore * {
  float: none !important;
  clear: none !important;
}

/* Мобильная версия - тоже горизонтально */
@media (max-width: 768px) {
  body .indicators-spore-container {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }
  
  body .indicator-spore {
    display: inline-flex !important;
    flex-direction: row !important;
    min-width: 95px !important;
    padding: 4px 9px !important;
  }
  
  body .indicator-icon {
    width: 18px !important;
    height: 18px !important;
    font-size: 13px !important;
  }
}

/* Десктоп - еще больше места */
@media (min-width: 769px) {
  body .indicator-spore {
    min-width: 120px !important;
    padding: 5px 12px !important;
  }
  
  body .indicator-icon {
    width: 22px !important;
    height: 22px !important;
    font-size: 15px !important;
  }
}


/* Выравнивание иконок внутри кружочков */
body .indicator-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 20px !important;
  height: 20px !important;
  font-size: 14px !important;
  line-height: 1 !important;
  text-align: center !important;
  flex-shrink: 0 !important;
}

/* Убираем любые отступы у эмодзи */
body .indicator-icon::before,
body .indicator-icon::after {
  display: none !important;
}