/* Tela "Configurações" (2026-09-01, pedido do usuário): virou um hub com 3
   abas - Horários (scheduler), Automações (botões visíveis em /automacoes)
   e Acessos (organizações/tenants/usuários, ex-/admin/tenants, ver
   components/_acessos.html) - antes eram 2 painéis empilhados na mesma
   página (rolava a página inteira pra ver o de baixo) mais uma rota à
   parte com ícone próprio na sidebar. Mesmo padrão de contenção de scroll
   já usado em Dados/Execuções/Automações/Gestão de acessos: só o painel
   ATIVO ocupa o espaço restante (flex:1 + min-height:0) e é a lista/tabela
   de DENTRO dele quem rola, nunca a página.

   .cfg-view-tabs/.cfg-view-tab são uma cópia (classes próprias, não
   reaproveitadas) do segmented-control .admtn-view-tabs/.admtn-view-tab -
   de propósito: admin_tenants.js já usa querySelectorAll('.admtn-panel')/
   ('.admtn-view-tab') SEM escopo (documento inteiro) pras 3 sub-abas de
   Acessos (Tenants/Usuários/Administradores) - se esta camada de fora
   (Horários/Automações/Acessos) usasse as MESMAS classes, clicar numa
   sub-aba de Acessos também mexeria nos painéis de fora por engano. */

.cfg-view-tabs {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px;
  margin-bottom: 16px;
  width: fit-content;
  background: var(--bg-inset);
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-md);
  flex-shrink: 0;
}
.cfg-view-tab {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 7px 14px;
  border-radius: var(--radius-sm);
  background: none;
  border: none;
  color: var(--text-faint);
  font-family: var(--font-sans);
  font-size: 13px;
  font-weight: var(--fw-semibold);
  cursor: pointer;
  transition: background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);
}
.cfg-view-tab:hover { color: var(--text); }
.cfg-view-tab.active {
  background: var(--bg-card);
  color: var(--text);
  box-shadow: var(--shadow-xs);
}

.cfg-views {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.cfg-view-panel {
  display: none;
  flex-direction: column;
  min-height: 0;
}
.cfg-view-panel.active {
  display: flex;
  flex: 1;
}

/* painel (Horários/Automações) - cabeçalho fixo, só a tabela de dentro
   rola (.dados-tabela-scroll, mesmo componente de Dados/Execuções). */
.cfg-panel {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
.cfg-panel .admtn-panel-head { flex-shrink: 0; }
.cfg-panel .dados-tabela-scroll { flex: 1; min-height: 0; }

/* seletor de ambiente (produção/qualidade) na tabela de Automações
   visíveis - mesma largura/estilo dos outros <select> de linha. */
.autg-ambiente { min-width: 150px; }