/* r31-r54
   Escopo: somente polish visual do seletor Grafo / Execução / Lista
   dentro da aba Fluxo do painel operacional do Job.
*/
.orchestration-center .flow-view-tabs{
  display:flex!important;
  grid-template-columns:none!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  padding:10px 20px!important;
  background:color-mix(in srgb,var(--dq-orch-surface) 94%,transparent)!important;
  border-bottom:1px solid color-mix(in srgb,var(--dq-orch-brand) 12%,var(--dq-orch-border))!important;
}

.orchestration-center .flow-view-tabs button{
  position:relative!important;
  display:inline-flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
  width:auto!important;
  min-width:0!important;
  min-height:38px!important;
  padding:8px 13px!important;
  text-align:left!important;
  border:1px solid color-mix(in srgb,var(--dq-orch-border) 86%,transparent)!important;
  border-radius:10px!important;
  background:color-mix(in srgb,var(--dq-orch-raised) 78%,transparent)!important;
  color:var(--dq-orch-text-2)!important;
  box-shadow:none!important;
  transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease!important;
}

.orchestration-center .flow-view-tabs button b{
  color:var(--dq-orch-text)!important;
  font-size:12px!important;
  line-height:1!important;
  white-space:nowrap!important;
}

.orchestration-center .flow-view-tabs button span{
  color:var(--dq-orch-muted)!important;
  font-size:10px!important;
  line-height:1!important;
  white-space:nowrap!important;
}

.orchestration-center .flow-view-tabs button:hover{
  background:color-mix(in srgb,var(--dq-orch-brand) 6%,var(--dq-orch-raised))!important;
  border-color:color-mix(in srgb,var(--dq-orch-brand) 28%,var(--dq-orch-border))!important;
  color:var(--dq-orch-text)!important;
}

.orchestration-center .flow-view-tabs button.active{
  background:color-mix(in srgb,var(--dq-orch-brand) 12%,var(--dq-orch-raised))!important;
  border-color:color-mix(in srgb,var(--dq-orch-brand) 62%,var(--dq-orch-border))!important;
  box-shadow:inset 3px 0 0 var(--dq-orch-brand),0 6px 18px rgba(0,0,0,.12)!important;
}

.orchestration-center .flow-view-tabs button.active b{
  color:var(--dq-orch-brand)!important;
}

.orchestration-center .flow-view-tabs button.active span{
  color:var(--dq-orch-text-2)!important;
}

.orchestration-center .flow-view-tabs button:focus-visible{
  outline:0!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--dq-orch-focus) 24%,transparent)!important;
}

@media (max-width:760px){
  .orchestration-center .flow-view-tabs{
    padding:10px 12px!important;
  }
  .orchestration-center .flow-view-tabs button{
    flex:1 1 100%!important;
  }
}