Mudar cor do Label para erros de preenchimento formulário

Front-end HTML
#1

Olá! Gostaria de ajuda para mudar a cor do texto “Valor” para vermelho quando o preenchimento do campo for feito de forma inválida. Consegui alterar a cor da borda do h:inputText, mas já tentei de várias formas alterar a cor do texto “Valor” do h:outputLabel e nada funcionou até agora.

<ui:composition template="/WEB-INF/template/Layout.xhtml"
xmlns="http://www.w3.org/1999/xhtml"
xmlns:f="http://xmlns.jcp.org/jsf/core"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
xmlns:p=“http://primefaces.org/ui” xmlns:o=“http://omnifaces.org/ui”>

<f:metadata>
<o:viewParam name=“id” value="#{cadastroLancamentoBean.lancamento}" />
<f:viewAction action="#{cadastroLancamentoBean.prepararCadastro}" />
</f:metadata>

<ui:define name=“titulo”>Cadastro de lançamento</ui:define>

<ui:define name=“corpo”>

Cadastro de lançamento

  <h:form id="frm">

  	<h:panelGrid columns="2" id="grid">

  		<h:outputLabel value="Valor" for="valor" />
  		<h:inputText id="valor" size="12"
  			value="#{cadastroLancamentoBean.lancamento.valor}"
  			style="#{ not component.valid ? 'border: 2px solid #48b976;':''}">
  			<f:convertNumber locale="pt_BR" maxFractionDigits="2"
  				minFractionDigits="2" />
  		</h:inputText>

  		<h:outputLabel />
  		<h:commandButton value="Salvar"
  			action="#{cadastroLancamentoBean.salvar}" icon="ui-icon-disk"
  			update="@form" />
  	</h:panelGrid>
  </h:form>

</ui:define>

</ui:composition>