/* Wrapper: mismo ID que tu ejemplo + clase interna del módulo */
#poly-header-right-actions.eow-ha-actions{
  display: flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
}

/* <li> dentro del navbar/menu */
li.eow-ha-item-wrap{
  display: flex;
  align-items: center;
  padding: 0 !important;
  margin-left: 10px;
}

/* Botón base (replica estilo Poly sin depender de Poly) */
#poly-header-right-actions .poly-btn{
  display: inline-flex !important;
  align-items: center;
  gap: 8px;

  padding: 8px 12px;
  border-radius: 6px;

  font-weight: 700;
  line-height: 1;

  text-decoration: none !important;

  border: 1px solid transparent;
  cursor: pointer;

  /* evita estilos del navbar */
  background-image: none !important;
}

/* Icono */
#poly-header-right-actions .poly-btn i{
  font-size: 16px;
  color: inherit;
}

/* Variantes */
/* ZOOM: azul estilo Zoom */
#poly-header-right-actions .poly-btn-zoom{
  background: #2D8CFF;      /* Zoom blue */
  border-color: #2D8CFF;
  color: #fff !important;
}

/* Elearning: rojo */
#poly-header-right-actions .poly-btn-elearning{
  background: #E53935;      /* rojo */
  border-color: #E53935;
  color: #fff !important;
}


/* Hover */
#poly-header-right-actions .poly-btn:hover{
  filter: brightness(0.95);
}

/* Alineación vertical en admin (si el navbar lo deja un pelín bajo) */
.navbar-nav > li.eow-ha-item-wrap{
  margin-top: 2px;
}