/* ==================================================================
   TEMA LEGITIME - Legal Tech Solutions
   Paleta oficial: apoio/docs/novo_visual/Manual_de_Uso_da_Marca_LEGITIME_v1.1.pdf
   Carregar SEMPRE depois do adminlte.min.css para sobrescrever o "primary".
   ================================================================== */

:root {
  /* Cores da marca (manual, pag. 5) */
  --lgt-grafite:        #57585C;  /* logotipo / textos de marca */
  --lgt-cinza-medio:    #A0A1A5;
  --lgt-cinza-aco:      #959699;
  --lgt-cinza-escuro:   #75767B;
  --lgt-petroleo:       #155F6F;  /* cor principal do sistema */
  --lgt-agua:           #7DC0C3;
  --lgt-agua-clara:     #A5DEDE;

  /* Derivadas para interface (hover, fundos suaves) */
  --lgt-petroleo-esc:   #0F4753;  /* hover / ativo */
  --lgt-petroleo-med:   #46818D;  /* petroleo percebido sobre branco */
  --lgt-agua-fundo:     #E6F3F3;  /* fundos suaves, linhas selecionadas */
  --lgt-cinza-claro:    #F1F2F3;  /* fundo de pagina (manual, pag. 8) */
  --lgt-grafite-esc:    #2A2B2E;  /* fundo escuro (manual, pag. 8) */

  /* Papeis no sistema - usar estes nas telas */
  --lgt-primaria:       var(--lgt-petroleo);
  --lgt-primaria-hover: var(--lgt-petroleo-esc);
  --lgt-destaque:       var(--lgt-petroleo);   /* substitui o laranja rgb(222,110,34) */
  --lgt-borda-destaque: var(--lgt-agua);       /* substitui o laranja claro rgb(241,174,90) */
  --lgt-texto-marca:    var(--lgt-grafite);
}

/* ---------- Navbar superior e sidebar ---------- */
.main-header.navbar.lgt-navbar {
  background-color: var(--lgt-primaria) !important;
  border-bottom: 3px solid var(--lgt-agua);
}

.main-sidebar.lgt-sidebar {
  background-color: var(--lgt-grafite-esc) !important;
}

/* !important: o AdminLTE pinta o brand-link de #343a40 com layout-navbar-fixed */
.lgt-sidebar .brand-link,
.lgt-sidebar .brand-link:hover {
  display: flex;
  align-items: center;
  background-color: #fff !important;
  border-bottom: 3px solid var(--lgt-agua) !important;
}

.lgt-sidebar .brand-link .brand-image {
  float: none;
  max-height: 40px;
  margin-top: 0;
  opacity: 1;
}

.lgt-sidebar .brand-link .brand-text {
  display: inline-flex;
  flex-direction: column;
  line-height: 1.1;
  font-family: 'Montserrat', 'Source Sans Pro', sans-serif;
  font-size: 19px;
  font-weight: 400 !important;
  letter-spacing: 1.5px;
  color: var(--lgt-texto-marca) !important;
}

.lgt-sidebar .brand-link .brand-text small {
  margin-top: 2px;
  font-size: 7.6px;
  font-weight: 300;
  letter-spacing: 1.2px;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
  background-color: var(--lgt-primaria);
  color: #fff;
}

/* ---------- Bootstrap / AdminLTE "primary" ---------- */
.bg-primary,
.card-primary:not(.card-outline) > .card-header {
  background-color: var(--lgt-primaria) !important;
  color: #fff;
}

.card-primary.card-outline {
  border-top-color: var(--lgt-primaria);
}

.text-primary {
  color: var(--lgt-primaria) !important;
}

.btn-primary {
  background-color: var(--lgt-primaria);
  border-color: var(--lgt-primaria);
  color: #fff;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active {
  background-color: var(--lgt-primaria-hover);
  border-color: var(--lgt-primaria-hover);
  color: #fff;
}

.btn-primary:focus,
.btn-primary.focus {
  box-shadow: 0 0 0 .2rem rgba(21, 95, 111, .35);
}

.btn-outline-primary {
  color: var(--lgt-primaria);
  border-color: var(--lgt-primaria);
}

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

.badge-primary {
  background-color: var(--lgt-primaria);
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: var(--lgt-primaria);
}

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

.page-link {
  color: var(--lgt-primaria);
}

.form-control:focus,
.custom-select:focus {
  border-color: var(--lgt-agua);
  box-shadow: 0 0 0 .2rem rgba(125, 192, 195, .35);
}

.custom-control-input:checked ~ .custom-control-label::before {
  background-color: var(--lgt-primaria);
  border-color: var(--lgt-primaria);
}

/* ---------- Utilitarias para substituir cores inline ---------- */
.lgt-cor-destaque  { color: var(--lgt-destaque) !important; }
.lgt-borda-destaque { border-color: var(--lgt-borda-destaque) !important; }
.lgt-cor-primaria  { color: var(--lgt-primaria) !important; }
.lgt-bg-primaria   { background-color: var(--lgt-primaria) !important; color: #fff; }

/* ---------- Rodape ---------- */
.lgt-footer-marca {
  font-family: 'Montserrat', 'Source Sans Pro', sans-serif;
  font-weight: 400;
  letter-spacing: 1px;
  color: var(--lgt-texto-marca);
}

/* ---------- Login ---------- */
.lgt-btn-login {
  height: 45px;
  font-size: large;
  background-color: var(--lgt-primaria) !important;
  border-color: var(--lgt-primaria) !important;
  color: #fff !important;
}

.lgt-btn-login:hover {
  background-color: var(--lgt-primaria-hover) !important;
}

.lgt-btn-voltar {
  height: 43px;
  font-size: large;
  background-color: var(--lgt-grafite) !important;
  border-color: var(--lgt-grafite) !important;
  color: #fff !important;
}

.lgt-btn-voltar:hover {
  background-color: var(--lgt-grafite-esc) !important;
}

.lgt-login-link a,
a.lgt-login-link {
  color: var(--lgt-primaria);
}