/* =========================================================
   IMPORTANT
   Reuse Helios native results container.
   No second floating panel is created.
   ========================================================= */

.eleon-native-result-hidden{
  display:none!important;
}

.eleon-native-results-host{
  /*
   * Keep the original Helios position, width, background,
   * border, radius and shadow.
   */
  position:relative;
}

.eleon-native-suggestions[hidden]{
  display:none!important;
}

.eleon-native-suggestions{
  display:grid;
  width:100%;
  color:inherit;
  font:inherit;
}


/* =========================================================
   RESULT ROW
   Styled like Helios' native simple result row,
   only enhanced with icon + category.
   ========================================================= */

.eleon-native-result-row{
  display:grid;
  grid-template-columns:34px minmax(0,1fr) 18px;
  gap:11px;
  align-items:center;
  min-height:58px;
  padding:9px 16px;
  border-top:1px solid rgba(255,255,255,.055);
  background:transparent;
  color:inherit!important;
  text-decoration:none!important;
}

.eleon-native-result-row:first-child{
  border-top:0;
}

.eleon-native-result-row:hover{
  background:rgba(255,255,255,.035);
}

.eleon-native-result-icon{
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  border:1px solid rgba(90,105,125,.30);
  border-radius:7px;
  background:rgba(20,24,30,.42);
  color:#83a9ff;
}

.eleon-native-result-icon svg{
  width:17px;
  height:17px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.eleon-native-result-copy{
  min-width:0;
}

.eleon-native-result-copy strong,
.eleon-native-result-copy small{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.eleon-native-result-copy strong{
  font-size:14px;
  font-weight:600;
}

.eleon-native-result-copy small{
  margin-top:3px;
  color:rgba(220,225,235,.46);
  font-size:10px;
  font-weight:500;
}

.eleon-native-result-arrow{
  justify-self:end;
  color:rgba(220,225,235,.28);
  font-size:23px;
  line-height:1;
}

.eleon-native-result-empty{
  padding:16px;
  color:rgba(220,225,235,.50);
  font-size:12px;
}