/* ============================================================
   Identidade visual Neurondat One
   Paleta extraída do logo oficial:
     --nd-teal   verde-petróleo escuro (cor "primária" da marca)
     --nd-gold   dourado (acento/destaque)
   Este arquivo sobrescreve as cores "primary" do Bootstrap/AdminLTE
   (compiladas em hexadecimal fixo, não usam var(--primary)), então os
   overrides abaixo repetem os mesmos seletores/estados do arquivo
   original com os valores da marca no lugar do azul padrão (#007bff).
   Carregar DEPOIS de adminlte.css/adminlte.min.css.
   ============================================================ */

:root {
  --nd-teal: #05383E;
  --nd-teal-hover: #042C31;
  --nd-teal-active: #031F23;
  --nd-gold: #ECAE3D;
  --nd-gold-hover: #D89A28;
}

/* Links */
a {
  color: var(--nd-teal);
}

a:hover {
  color: var(--nd-teal-hover);
}

/* Botões sólidos */
.btn-primary {
  color: #fff;
  background-color: var(--nd-teal);
  border-color: var(--nd-teal);
}

.btn-primary:hover {
  color: #fff;
  background-color: var(--nd-teal-hover);
  border-color: var(--nd-teal-hover);
}

.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: var(--nd-teal-hover);
  border-color: var(--nd-teal-hover);
  box-shadow: 0 0 0 .2rem rgba(5, 56, 62, .5);
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: var(--nd-teal);
  border-color: var(--nd-teal);
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: var(--nd-teal-active);
  border-color: var(--nd-teal-active);
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(5, 56, 62, .5);
}

/* Botões contorno */
.btn-outline-primary {
  color: var(--nd-teal);
  border-color: var(--nd-teal);
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: var(--nd-teal);
  border-color: var(--nd-teal);
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 .2rem rgba(5, 56, 62, .5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: var(--nd-teal);
  background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: var(--nd-teal);
  border-color: var(--nd-teal);
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(5, 56, 62, .5);
}

/* Foco de formulário */
.form-control:focus {
  border-color: var(--nd-teal);
  box-shadow: 0 0 0 .2rem rgba(5, 56, 62, .25);
}

/* Utilitários bg/text/border */
.bg-primary {
  background-color: var(--nd-teal) !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: var(--nd-teal-active) !important;
}

.text-primary {
  color: var(--nd-teal) !important;
}

a.text-primary:hover, a.text-primary:focus {
  color: var(--nd-teal-active) !important;
}

.border-primary {
  border-color: var(--nd-teal) !important;
}

/* Badges */
.badge-primary {
  color: #fff;
  background-color: var(--nd-teal);
}

a.badge-primary:hover, a.badge-primary:focus {
  color: #fff;
  background-color: var(--nd-teal-active);
}

/* Cards e cabeçalhos de modal (bg-primary / card-primary) */
.card-primary:not(.card-outline) > .card-header {
  background-color: var(--nd-teal);
}

.card-primary:not(.card-outline) > .card-header,
.card-primary:not(.card-outline) > .card-header a {
  color: #fff;
}

.card-primary.card-outline {
  border-top: 3px solid var(--nd-teal);
}

.card-primary.card-outline-tabs > .card-header a.active,
.card-primary.card-outline-tabs > .card-header a.active:hover {
  border-top: 3px solid var(--nd-teal);
}

/* ============================================================
   Fase 2 — demais componentes que ainda usavam o azul padrão
   ============================================================ */

/* Itens de dropdown (menus kebab, ações de linha, etc.) */
.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  background-color: var(--nd-teal);
}

/* nav-pills fora da sidebar (a sidebar já tem override próprio com
   !important, feito antes, específico pra paleta dourada de destaque) */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: var(--nd-teal);
}

/* Paginação (inclusive a gerada pelo DataTables no modo Bootstrap 4,
   que reaproveita .page-item/.page-link) */
.page-link {
  color: var(--nd-teal);
}

.page-link:hover {
  color: var(--nd-teal-hover);
}

.page-link:focus {
  box-shadow: 0 0 0 .2rem rgba(5, 56, 62, .25);
}

.page-item.active .page-link {
  background-color: var(--nd-teal);
  border-color: var(--nd-teal);
}

/* Listas com item selecionado */
.list-group-item.active {
  background-color: var(--nd-teal);
  border-color: var(--nd-teal);
}

/* Alertas "neutros" (não confundir com success/danger/warning, que têm
   significado semântico e continuam verde/vermelho/amarelo) */
.alert-primary {
  color: var(--nd-teal);
  background-color: #d7e6e8;
  border-color: #c3d9dc;
}

.alert-primary hr {
  border-top-color: #b0cdd1;
}

.alert-primary .alert-link {
  color: var(--nd-teal-active);
}
