/* Estilo tabset */
.nav-tabs .nav-link.active {
  font-weight: 700;
  border-color: #ddd #ddd #fff;
}

.nav-tabs .nav-link { color: #555; }
.nav-tabs .nav-link:hover { color: #72874EFF; }
/* Forçar as abas em uma única linha rolável */
.panel-tabset ul.nav.nav-tabs {
  flex-wrap: nowrap;       /* não deixar quebrar */
  overflow-x: auto;        /* barra de rolagem horizontal se não couber */
  white-space: nowrap;     /* impedir quebra de texto */
}

/* Opcional: deixar as abas mais compactas */
.panel-tabset .nav-tabs .nav-link {
  padding: 0.5rem 1rem;
}

/* Abas em uma única linha, sem rolagem vertical */
.panel-tabset ul.nav.nav-tabs {
  display: flex;
  flex-wrap: nowrap;          /* não quebrar linha */
  overflow-x: auto;           /* só rolar na horizontal quando precisar */
  overflow-y: hidden;         /* >>> remove a barra vertical <<< */
  white-space: nowrap;
  margin-bottom: 0;           /* evita “saltar” a altura */
  align-items: center;        /* centraliza verticalmente as abas */
}

/* Opcional: afina/estiliza a barra horizontal */
.panel-tabset ul.nav.nav-tabs::-webkit-scrollbar { height: 6px; }
.panel-tabset ul.nav.nav-tabs::-webkit-scrollbar-thumb { background: #ccc; border-radius: 4px; }
.panel-tabset ul.nav.nav-tabs { scrollbar-width: thin; } /* Firefox */
.panel-tabset .tab-content > .tab-pane { overflow: visible; }
/* container ocupa espaço e evita pulo de layout */
.chart-holder { width: 100%; min-height: 420px; }

/* o gráfico começa invisível e só aparece quando pronto */
.chart-ready { opacity: 1; transition: opacity .15s linear; }
.chart-pending { opacity: 0; }
.chart-holder { width: 100%; min-height: 420px; }
.chart-pending { opacity: 0; }
.chart-ready   { opacity: 1; transition: opacity .15s linear; }