/* TsQualy V1761.102 — unificação final dos cabeçalhos dos painéis laterais A3.
   Corrige o botão X para seguir o padrão sem moldura usado no cabeçalho de Dados do projeto.
   O seletor compartilhado é utilizado por Estado atual/futuro, objetivos, ações,
   contramedidas, RCA e cadastros auxiliares. */
.a3-modal-topo,
.a3-modal--lateral .a3-modal-topo {
  align-items: flex-start !important;
}

.a3-modal-topo .a3-x,
.a3-modal--lateral .a3-modal-topo .a3-x {
  appearance: none !important;
  -webkit-appearance: none !important;
  flex: 0 0 34px !important;
  display: inline-grid !important;
  place-items: center !important;
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  margin: -1px 0 0 !important;
  padding: 0 0 2px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #5b6d83 !important;
  font-size: 23px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transform: none !important;
  transition: color .15s ease !important;
}

.a3-modal-topo .a3-x:hover,
.a3-modal--lateral .a3-modal-topo .a3-x:hover {
  border: 0 !important;
  background: transparent !important;
  color: #1766b3 !important;
  box-shadow: none !important;
  transform: none !important;
}

.a3-modal-topo .a3-x:focus-visible,
.a3-modal--lateral .a3-modal-topo .a3-x:focus-visible {
  outline: 2px solid rgba(23, 102, 179, .5) !important;
  outline-offset: 2px !important;
  border-radius: 4px !important;
}

@media (max-width: 700px) {
  .a3-modal-topo .a3-x,
  .a3-modal--lateral .a3-modal-topo .a3-x {
    flex-basis: 32px !important;
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
  }
}