/* ===== Circle Brand tokens =====
   Fonte: logo-circle-2026/circle-brand-spec.html (tokens travados)
   --accent : oklch(56% 0.16 258)  hex #3B4FE8  (Circle Indigo)
   --fg     : oklch(22% 0.02 255)  hex #222544
   --bg     : oklch(98.5% 0.005 250) hex #FCFCFC
   Aplicado diretamente (sem tokens paralelos) sobre o AdminLTE 3.2.
*/
:root{
  --accent: #3B4FE8;
  --fg: #222544;
  --bg: #FCFCFC;
}

/* Fundo padrão de conteúdo */
body, body.layout-fixed .wrapper{
  background-color: var(--bg);
}

/* ===== Botões primários usam --accent ===== */
.btn-primary,
.btn-primary.disabled,
.btn-primary:disabled{
  background-color: var(--accent);
  border-color: var(--accent);
  color: #FFFFFF;
}
.btn-primary:hover,
.btn-primary:focus{
  background-color: #2F3EB8; /* Indigo Press (hover/pressed do spec) */
  border-color: #2F3EB8;
  color: #FFFFFF;
}
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle{
  background-color: #2F3EB8;
  border-color: #2F3EB8;
}

/* ===== Foco de inputs usa --accent ===== */
.form-control:focus,
.custom-select:focus,
input:focus,
select:focus,
textarea:focus,
select.custom-select:focus{
  border-color: var(--accent);
  box-shadow: 0 0 0 0.2rem rgba(59,79,232,0.25);
}
.input-group-text:focus{
  border-color: var(--accent);
}

/* ===== Links / destaque ===== */
a, .text-primary{
  color: var(--accent);
}
a:hover{ color: #2F3EB8; }

/* ===== AdminLTE: componentes com cor primária ===== */
/* Cards com outline primary (muito usados no engine.php/right.php) */
.card-primary.card-outline{ border-top-color: var(--accent); }
.card-primary:not(.card-outline) > .card-header{ background-color: var(--accent); border-color: var(--accent); }
.btn-outline-primary{
  color: var(--accent);
  border-color: var(--accent);
}
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active{
  background-color: var(--accent);
  border-color: var(--accent);
  color: #FFFFFF;
}

/* Sidebar: item ativo */
.main-sidebar .nav-sidebar .nav-item .nav-link.active{
  background-color: var(--accent);
}
.sidebar-dark-primary .nav-sidebar .nav-item .nav-link.active{
  background-color: var(--accent);
}

/* Paginação ativa (datagrid usa 'tits') */
.page-item.active .page-link{
  background-color: var(--accent);
  border-color: var(--accent);
}

/* Toast/alertas do AdminLTE usam bg-danger/warning; foco mantém accent. */

/* ===== Cabeçalhos de tabela dos componentes (dataGrid/saldoGrid) =====
   default da 1.ª cor do adminlte (--primary) é trocado por config no PHP;
   aqui garantimos qualquer elemento com cor inline #337ab7 etc não é afetado. */

/* ===== Modo escuro: marca em branco puro ===== */
body.cbe-dark .circle-brand-mark{ color: #FFFFFF; }
body.cbe-dark .circle-brand-wordmark{ color: #FFFFFF; }
body.cbe-dark .brand-link .circle-brand-mark{ color: #FFFFFF; }
body.cbe-dark .brand-link .circle-brand-wordmark{ color: #FFFFFF; }