/* ============================================================
   Maia Conduta · Correção de identidade e contraste
   Mantém o wordmark institucional e impede hover claro sobre fundo claro.
   ============================================================ */

/* Marca oficial: MAIA branco, CONDUTA vermelho, Archivo Black. */
.sidebar .sb-marca,
.sidebar .sb-marca:hover,
.sidebar .sb-marca:focus-visible {
  color: inherit;
  text-decoration: none;
}
.sidebar .sb-marca-nome {
  color: #fff;
  font-family: "Archivo Black", "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: .015em;
}
.sidebar .sb-marca-nome strong { color: var(--acento-claro); }
.sidebar .sb-slogan { color: #aab6c4; }

/* Área clara: links nunca assumem branco no hover. */
.conteudo a:not(.btn) {
  color: #9f1028;
  text-decoration-color: rgba(159,16,40,.35);
}
.conteudo a:not(.btn):hover,
.conteudo a:not(.btn):focus-visible {
  color: #760a1d;
  text-decoration-color: currentColor;
}

/* Ações preservam a semântica e o contraste dos botões. */
.conteudo a.btn,
.conteudo a.btn:hover,
.conteudo a.btn:focus-visible {
  text-decoration: none;
}
.conteudo .btn:hover { filter: none; }
.conteudo .btn-principal,
.conteudo .btn-principal:hover,
.conteudo .btn-aprovar,
.conteudo .btn-aprovar:hover,
.conteudo .btn-ajustes,
.conteudo .btn-ajustes:hover,
.conteudo .fb-add-rapido,
.conteudo .fb-add-rapido:hover {
  color: #fff;
}
.conteudo .btn-secundario,
.conteudo .btn-secundario:hover,
.conteudo .btn-suave,
.conteudo .btn-suave:hover {
  color: #273240;
}
.conteudo .btn-reprovar {
  color: #b42335;
  border-color: #d66a78;
  background: #fff;
}
.conteudo .btn-reprovar:hover {
  color: #941d2e;
  border-color: #b94758;
  background: #fff1f3;
}

/* Estados que ainda herdavam branco da camada antiga. */
.conteudo .aprov-item h2 a:hover,
.conteudo .aprov-item h2 a:focus-visible {
  color: #8e0d23;
  text-decoration-color: currentColor;
}
.conteudo .formulario-drawer-fechar {
  color: #4d5a69;
  border-color: #cbd3dd;
  background: #fff;
}
.conteudo .formulario-drawer-fechar:hover,
.conteudo .formulario-drawer-fechar:focus-visible {
  color: #273240;
  border-color: #aeb9c6;
  background: #eef2f6;
}
.conteudo .aprov-cab > .btn:hover,
.conteudo .aprov-cab > .btn:focus-visible {
  color: #8e0d23;
  background: transparent;
}

/* Foco perceptível nos dois fundos, sem depender apenas de cor. */
.conteudo :focus-visible {
  outline: 2px solid #bb1030;
  outline-offset: 2px;
}
.sidebar a:focus-visible,
.sidebar select:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}


/* ============================================================
   Maia Conduta · Hierarquia de títulos em cartões claros
   Corrige a regra legada de título branco herdada do tema escuro.
   ============================================================ */

body.logado .conteudo .card > h2:first-child {
  color: #252f3b;
}

body.logado .conteudo .aprov-informacoes > h2:first-child,
body.logado .conteudo .aprov-arquivos-card > h2:first-child,
body.logado .conteudo .aprov-historico-card > h2:first-child {
  margin: 0 0 20px;
  color: #252f3b;
  font-size: 23px;
  font-weight: 600;
  line-height: 1.22;
}
body.logado .conteudo .aprov-informacoes > h2:first-child::before,
body.logado .conteudo .aprov-arquivos-card > h2:first-child::before,
body.logado .conteudo .aprov-historico-card > h2:first-child::before {
  box-shadow: none;
}

@media (max-width: 640px) {
  body.logado .conteudo .aprov-informacoes > h2:first-child,
  body.logado .conteudo .aprov-arquivos-card > h2:first-child,
  body.logado .conteudo .aprov-historico-card > h2:first-child {
    margin-bottom: 16px;
    font-size: 20px;
  }
}


/* ============================================================
   Maia Conduta · Controles de formulários
   Protege estados ativos e ações utilitárias da herança global.
   ============================================================ */

body.logado .conteudo .formularios-aba {
  color: #5d6877;
}
body.logado .conteudo .formularios-aba:hover,
body.logado .conteudo .formularios-aba:focus-visible {
  color: #252f3b;
  background: #eef2f6;
}
body.logado .conteudo .formularios-aba.ativo,
body.logado .conteudo .formularios-aba.ativo:hover,
body.logado .conteudo .formularios-aba.ativo:focus-visible {
  color: #fff;
  background: #c8102e;
}

body.logado .conteudo .fb-add-rapido {
  color: #5d6877;
  background: transparent;
}
body.logado .conteudo .fb-add-rapido:hover,
body.logado .conteudo .fb-add-rapido:focus-visible {
  color: #8e0d23;
  border-color: #c8102e;
  background: #fff0f3;
}

body.logado .conteudo .fb-arrastar,
body.logado .conteudo .fb-remover {
  color: #657283;
}
body.logado .conteudo .fb-remover:hover,
body.logado .conteudo .fb-remover:focus-visible {
  color: #8e0d23;
}


/* ============================================================
   Maia Conduta · Navegação mobile
   Unifica a barra lateral com o estado menu-aberto.
   ============================================================ */

@media (max-width: 900px) {
  body.logado {
    overflow-x: hidden;
  }
  body.logado.menu-aberto {
    overflow: hidden;
  }

  body.logado .sidebar {
    top: 0;
    left: 0;
    bottom: 0;
    width: min(320px, 86vw);
    max-height: none;
    border-radius: 0;
    transform: translateX(-105%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 200;
    transition:
      transform 260ms ease,
      opacity 180ms ease,
      visibility 0s linear 260ms;
  }
  body.logado.menu-aberto .sidebar {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition:
      transform 260ms ease,
      opacity 180ms ease,
      visibility 0s;
  }

  body.logado .sb-scrim {
    z-index: 190;
  }
  body.logado .sb-toggle {
    z-index: 210;
  }
}