/* HEADER vermelho (pega por id e classe pra garantir) */
#red-ui-header,
.red-ui-header {
  background: #c62828 !important;
  color: #fff !important;
  border-bottom: none !important;
}

/* Texto/ícones do header */
#red-ui-header * ,
.red-ui-header * {
  color: #fff !important;
  fill: #fff !important;
}

/* Botão Deploy AZUL – cobre diferentes variações */
#red-ui-header .red-ui-deploy-button,
.red-ui-header .red-ui-deploy-button,
#red-ui-header .red-ui-button.red-ui-deploy-button,
.red-ui-header .red-ui-button.red-ui-deploy-button,
#red-ui-header button.red-ui-deploy-button,
.red-ui-header button.red-ui-deploy-button {
  background: #1565c0 !important;
  color: #fff !important;
  border: none !important;
  box-shadow: none !important;
}

/* Hover / active */
#red-ui-header .red-ui-deploy-button:hover,
.red-ui-header .red-ui-deploy-button:hover {
  filter: brightness(1.05) !important;
}
#red-ui-header .red-ui-deploy-button:active,
.red-ui-header .red-ui-deploy-button:active {
  filter: brightness(0.95) !important;
}

/* Estado desabilitado */
#red-ui-header .red-ui-deploy-button.disabled,
.red-ui-header .red-ui-deploy-button.disabled,
#red-ui-header .red-ui-button.red-ui-deploy-button[disabled],
.red-ui-header .red-ui-button.red-ui-deploy-button[disabled] {
  background: #90caf9 !important;
  color: #fff !important;
  opacity: 1 !important; /* evita “cinzar” */
}