/* r31-r49
   Escopo solicitado: polish do menu interno do painel do Job
   (Visão geral, Execuções, Fluxo, Agendamentos, Configuração)
   com visual mais limpo e tokens de white-label.
*/
.orchestration-center{
  --dq-orch-brand:var(--dq-brand-primary,var(--tenant-primary,#56f0d0));
  --dq-orch-brand-2:var(--dq-brand-secondary,var(--tenant-secondary,#3ba5ff));
  --dq-orch-surface:var(--dq-brand-surface,var(--tenant-surface,#0a1420));
  --dq-orch-raised:var(--dq-brand-raised,var(--tenant-surface-elevated,#0d1927));
  --dq-orch-border:var(--dq-brand-border,var(--tenant-border,#1e3147));
  --dq-orch-text:var(--dq-brand-text,var(--tenant-text,#edf5ff));
  --dq-orch-text-2:var(--dq-brand-text-secondary,var(--tenant-text-secondary,#9eb1c7));
  --dq-orch-button-text:var(--dq-brand-button-text,var(--tenant-button-text,#04100d));
  --dq-orch-focus:var(--dq-brand-focus,var(--tenant-focus,var(--tenant-primary,#56f0d0)));
}

.orchestration-center .job-detail-tabs{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  margin:18px 0 20px!important;
  padding:10px 12px!important;
  border:1px solid color-mix(in srgb,var(--dq-orch-border) 92%,transparent)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--dq-orch-surface) 96%,transparent),color-mix(in srgb,var(--dq-orch-raised) 88%,transparent))!important;
  box-shadow:0 14px 38px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.03)!important;
}

.orchestration-center .job-detail-tabs button{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:42px!important;
  padding:10px 14px!important;
  border:1px solid transparent!important;
  border-radius:12px!important;
  background:transparent!important;
  color:var(--dq-orch-text-2)!important;
  font-weight:750!important;
  letter-spacing:0!important;
  text-align:center!important;
  box-shadow:none!important;
  transition:color .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}

.orchestration-center .job-detail-tabs button:hover{
  color:var(--dq-orch-text)!important;
  background:color-mix(in srgb,var(--dq-orch-brand) 8%,var(--dq-orch-raised))!important;
  border-color:color-mix(in srgb,var(--dq-orch-brand) 22%,var(--dq-orch-border))!important;
}

.orchestration-center .job-detail-tabs button.active{
  color:var(--dq-orch-button-text)!important;
  background:linear-gradient(135deg,var(--dq-orch-brand),color-mix(in srgb,var(--dq-orch-brand) 78%,var(--dq-orch-brand-2)))!important;
  border-color:color-mix(in srgb,var(--dq-orch-brand) 80%,white 8%)!important;
  box-shadow:0 8px 24px color-mix(in srgb,var(--dq-orch-brand) 16%,transparent), inset 0 1px 0 rgba(255,255,255,.18)!important;
}

.orchestration-center .job-detail-tabs button.active::after{
  content:""!important;
  position:absolute!important;
  left:18%!important;
  right:18%!important;
  bottom:-11px!important;
  height:2px!important;
  border-radius:999px!important;
  background:var(--dq-orch-brand)!important;
  opacity:.75!important;
}

.orchestration-center .job-detail-tabs button span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:22px!important;
  min-height:22px!important;
  padding:0 7px!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--dq-orch-border) 80%,transparent)!important;
  color:inherit!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:800!important;
}

.orchestration-center .job-detail-tabs button.active span{
  background:rgba(255,255,255,.18)!important;
}

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

@media (max-width: 760px){
  .orchestration-center .job-detail-tabs{
    gap:6px!important;
    padding:10px!important;
  }
  .orchestration-center .job-detail-tabs button{
    flex:1 1 calc(50% - 6px)!important;
  }
}