/* r31-r48
   Escopo visual restrito à Orquestração:
   1) navegação superior em abas horizontais no padrão visual do Storage;
   2) identidade white-label;
   3) cantos externos do card de Job no padrão homologado.
*/
.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)));
}

/* Navegação: abas lado a lado, sem cards verticais. */
.orchestration-center .orchestration-tabs.orchestration-section-nav{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:5px!important;
  width:100%!important;
  max-width:none!important;
  margin:0 0 20px!important;
  padding:10px 14px!important;
  border:0!important;
  border-bottom:1px solid var(--dq-orch-border)!important;
  border-radius:0!important;
  background:color-mix(in srgb,var(--dq-orch-surface) 90%,transparent)!important;
  box-shadow:none!important;
}

.orchestration-center .orchestration-tabs.orchestration-section-nav button{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  min-width:0!important;
  min-height:42px!important;
  padding:9px 14px!important;
  border:1px solid transparent!important;
  border-radius:10px!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,transform .16s ease!important;
}

.orchestration-center .orchestration-tabs.orchestration-section-nav .nav-icon,
.orchestration-center .orchestration-tabs.orchestration-section-nav button small{
  display:none!important;
}

.orchestration-center .orchestration-tabs.orchestration-section-nav button>span:last-child{
  display:block!important;
}

.orchestration-center .orchestration-tabs.orchestration-section-nav button b{
  color:inherit!important;
  font:inherit!important;
}

.orchestration-center .orchestration-tabs.orchestration-section-nav button:hover{
  color:var(--dq-orch-text)!important;
  background:color-mix(in srgb,var(--dq-orch-brand) 7%,var(--dq-orch-raised))!important;
  border-color:color-mix(in srgb,var(--dq-orch-brand) 18%,var(--dq-orch-border))!important;
}

.orchestration-center .orchestration-tabs.orchestration-section-nav 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 .orchestration-tabs.orchestration-section-nav 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 .orchestration-tabs.orchestration-section-nav button:focus-visible{
  outline:0!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--dq-orch-focus) 26%,transparent)!important;
}

/* Card do Job: somente o contorno externo, seguindo o raio já homologado em outros cards. */
.orchestration-center .orchestration-job-card.r31-job-card{
  border-radius:18px!important;
  overflow:hidden!important;
}

@media(max-width:700px){
  .orchestration-center .orchestration-tabs.orchestration-section-nav{
    flex-wrap:wrap!important;
  }
  .orchestration-center .orchestration-tabs.orchestration-section-nav button{
    flex:1 1 auto!important;
  }
}