/*
 * REG_DOCUMENTOS_APROVADO_FINAL_V3
 *
 * Escopo exclusivo:
 * Acompanhamento de Processo > Documentos
 */


[data-acomp-panel="docs"].fx-doc-approved-v3 {
  position: relative;
}


/* PAINEL COMPACTO */

[data-acomp-panel="docs"].fx-doc-approved-v3
.fx-reg-acomp-section {
  padding: 10px 12px 9px !important;
}


/* CABEÇALHO — UMA LINHA */

[data-acomp-panel="docs"].fx-doc-approved-v3
.fx-doc-approved-head {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;

  gap: 12px !important;

  min-height: 32px !important;

  margin: 0 0 7px !important;
  padding: 0 !important;
}


/* DOCUMENTOS DO PROCESSO */

[data-acomp-panel="docs"].fx-doc-approved-v3
.fx-doc-approved-head
.fx-reg-acomp-section-title {
  flex: 1 1 auto !important;

  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  white-space: nowrap !important;

  color: #173c50 !important;

  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
}


/* CONTADOR NÃO APARECE */

[data-acomp-panel="docs"].fx-doc-approved-v3
[data-doc-count] {
  display: none !important;
}


/* BOTÃO COMPACTO */

[data-acomp-panel="docs"].fx-doc-approved-v3
.fx-doc-approved-add {
  flex: 0 0 auto !important;

  width: auto !important;
  min-width: 0 !important;
  max-width: max-content !important;

  height: 30px !important;
  min-height: 30px !important;

  margin: 0 !important;
  padding: 5px 12px !important;

  border: 1px solid #078d84 !important;
  border-radius: 6px !important;

  background:
    linear-gradient(
      180deg,
      #0c9d93 0%,
      #078b82 100%
    ) !important;

  color: #fff !important;

  white-space: nowrap !important;

  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1 !important;

  cursor: pointer !important;
}


/* TABELA */

[data-acomp-panel="docs"].fx-doc-approved-v3
.fx-reg-acomp-tablewrap {
  margin: 0 !important;

  border: 1px solid #d6e1e6 !important;
  border-radius: 7px !important;

  overflow: hidden !important;
}


[data-acomp-panel="docs"].fx-doc-approved-v3
.fx-reg-acomp-table {
  width: 100% !important;

  table-layout: fixed !important;

  border-collapse: collapse !important;
}


/* DOCUMENTO / TÍTULO */

[data-acomp-panel="docs"].fx-doc-approved-v3
.fx-reg-acomp-table th:nth-child(1),
[data-acomp-panel="docs"].fx-doc-approved-v3
.fx-reg-acomp-table td:nth-child(1) {
  display: table-cell !important;

  width: 66% !important;

  text-align: left !important;
}


/* DATA */

[data-acomp-panel="docs"].fx-doc-approved-v3
.fx-reg-acomp-table th:nth-child(2),
[data-acomp-panel="docs"].fx-doc-approved-v3
.fx-reg-acomp-table td:nth-child(2) {
  display: table-cell !important;

  width: 14% !important;

  text-align: left !important;

  white-space: nowrap !important;
}


/* ARQUIVO */

[data-acomp-panel="docs"].fx-doc-approved-v3
.fx-reg-acomp-table th:nth-child(3),
[data-acomp-panel="docs"].fx-doc-approved-v3
.fx-reg-acomp-table td:nth-child(3) {
  display: table-cell !important;

  width: 20% !important;

  text-align: left !important;

  white-space: nowrap !important;

  overflow: hidden !important;
  text-overflow: ellipsis !important;
}


/* AÇÕES — NÃO APARECE */

[data-acomp-panel="docs"].fx-doc-approved-v3
.fx-reg-acomp-table th:nth-child(4),
[data-acomp-panel="docs"].fx-doc-approved-v3
.fx-reg-acomp-table td:nth-child(4) {
  display: none !important;
}


/* CABEÇALHO DA TABELA */

[data-acomp-panel="docs"].fx-doc-approved-v3
.fx-reg-acomp-table thead th {
  height: 30px !important;

  padding: 6px 9px !important;

  background: #f0f5f7 !important;

  color: #385a6f !important;

  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
}


/* LINHAS */

[data-acomp-panel="docs"].fx-doc-approved-v3
.fx-reg-acomp-table tbody td {
  padding: 7px 9px !important;

  font-size: 11px !important;
  line-height: 1.25 !important;
}


/* ESTADO VAZIO */

[data-acomp-panel="docs"].fx-doc-approved-v3
.fx-reg-acomp-empty {
  height: 48px !important;

  padding: 10px !important;

  text-align: center !important;
  vertical-align: middle !important;

  color: #667e90 !important;

  font-size: 10.5px !important;
}


/* AVISO INFERIOR ANTIGO NÃO APARECE */

[data-acomp-panel="docs"].fx-doc-approved-v3
.fx-doc-approved-old-notice {
  display: none !important;
}


/* ============================================================
   MODAL — ARQUIVAR DOCUMENTO
   ============================================================ */

.fx-doc-approved-modal-backdrop {
  position: fixed !important;

  inset: 0 !important;

  z-index: 10050 !important;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 24px !important;

  background:
    rgba(8, 29, 40, .42) !important;
}


.fx-doc-approved-modal-backdrop[hidden] {
  display: none !important;
}


.fx-doc-approved-modal {
  width:
    min(
      620px,
      calc(100vw - 48px)
    ) !important;

  max-height:
    calc(100vh - 48px) !important;

  overflow: auto !important;

  border: 1px solid #d2dfe4 !important;
  border-radius: 10px !important;

  background: #fff !important;

  box-shadow:
    0 18px 55px
    rgba(10, 34, 46, .22) !important;
}


.fx-doc-approved-modal-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  min-height: 50px !important;

  padding: 11px 15px !important;

  border-bottom:
    1px solid #e0e8eb !important;
}


.fx-doc-approved-modal-title {
  margin: 0 !important;

  color: #173c50 !important;

  font-size: 15px !important;
  font-weight: 700 !important;
}


.fx-doc-approved-modal-close {
  width: 28px !important;
  height: 28px !important;

  padding: 0 !important;

  border: 0 !important;
  border-radius: 5px !important;

  background: transparent !important;

  color: #567183 !important;

  font-size: 20px !important;

  cursor: pointer !important;
}


.fx-doc-approved-modal
.fx-doc-approved-original-form {
  margin: 0 !important;

  padding: 15px !important;

  border: 0 !important;

  background: #fff !important;
}


@media (max-width: 760px) {

  .fx-doc-approved-modal-backdrop {
    padding: 12px !important;
  }


  .fx-doc-approved-modal {
    width:
      calc(100vw - 24px) !important;
  }

}

/*
 * ============================================================
 * REG_DOCUMENTOS_TABELA_NATIVA_V5
 *
 * MOCKUP:
 * DOCUMENTO / TÍTULO | ARQUIVO | DATA
 *
 * Tabela HTML nativa.
 * Sem CSS Grid em tr.
 * ============================================================
 */

[data-acomp-panel="docs"].fx-doc-approved-v3
.fx-reg-acomp-table {
  display: table !important;

  width: 100% !important;

  table-layout: fixed !important;

  border-collapse: collapse !important;
}


[data-acomp-panel="docs"].fx-doc-approved-v3
.fx-reg-acomp-table thead {
  display: table-header-group !important;
}


[data-acomp-panel="docs"].fx-doc-approved-v3
.fx-reg-acomp-table tbody {
  display: table-row-group !important;
}


[data-acomp-panel="docs"].fx-doc-approved-v3
.fx-reg-acomp-table tr {
  display: table-row !important;
}


/* Documento / título */

[data-acomp-panel="docs"].fx-doc-approved-v3
.fx-reg-acomp-table th:nth-child(1),

[data-acomp-panel="docs"].fx-doc-approved-v3
.fx-reg-acomp-table td:nth-child(1) {
  display: table-cell !important;

  width: 64% !important;

  text-align: left !important;

  vertical-align: middle !important;
}


/* Arquivo */

[data-acomp-panel="docs"].fx-doc-approved-v3
.fx-reg-acomp-table th:nth-child(2),

[data-acomp-panel="docs"].fx-doc-approved-v3
.fx-reg-acomp-table td:nth-child(2) {
  display: table-cell !important;

  width: 22% !important;

  text-align: left !important;

  vertical-align: middle !important;

  white-space: nowrap !important;

  overflow: hidden !important;

  text-overflow: ellipsis !important;
}


/* Data */

[data-acomp-panel="docs"].fx-doc-approved-v3
.fx-reg-acomp-table th:nth-child(3),

[data-acomp-panel="docs"].fx-doc-approved-v3
.fx-reg-acomp-table td:nth-child(3) {
  display: table-cell !important;

  width: 14% !important;

  text-align: left !important;

  vertical-align: middle !important;

  white-space: nowrap !important;
}


/* Estado vazio ocupa toda a tabela */

[data-acomp-panel="docs"].fx-doc-approved-v3
.fx-reg-acomp-table
.fx-reg-acomp-empty {
  width: auto !important;

  display: table-cell !important;

  text-align: left !important;
}

/*
 * ============================================================
 * REG_DOCUMENTOS_RESIDUAL_FIX_V6
 *
 * Remove qualquer largura residual da antiga 4ª coluna.
 *
 * Layout final:
 * Documento / Título | Arquivo | Data
 * 64%                | 22%     | 14%
 * ============================================================
 */


/*
 * A tabela e seus grupos precisam ocupar
 * exatamente toda a largura do painel.
 */

[data-acomp-panel="docs"].fx-doc-approved-v3
.fx-reg-acomp-table {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;

  table-layout: fixed !important;

  border-spacing: 0 !important;
}


/*
 * Garante que cabeçalho e corpo não mantenham
 * largura calculada da estrutura antiga.
 */

[data-acomp-panel="docs"].fx-doc-approved-v3
.fx-reg-acomp-table thead,

[data-acomp-panel="docs"].fx-doc-approved-v3
.fx-reg-acomp-table tbody {
  width: 100% !important;
}


/*
 * As três colunas visíveis somam exatamente 100%.
 */

[data-acomp-panel="docs"].fx-doc-approved-v3
.fx-reg-acomp-table th:nth-child(1),

[data-acomp-panel="docs"].fx-doc-approved-v3
.fx-reg-acomp-table td:nth-child(1) {
  width: 64% !important;
  max-width: 64% !important;
}


[data-acomp-panel="docs"].fx-doc-approved-v3
.fx-reg-acomp-table th:nth-child(2),

[data-acomp-panel="docs"].fx-doc-approved-v3
.fx-reg-acomp-table td:nth-child(2) {
  width: 22% !important;
  max-width: 22% !important;
}


[data-acomp-panel="docs"].fx-doc-approved-v3
.fx-reg-acomp-table th:nth-child(3),

[data-acomp-panel="docs"].fx-doc-approved-v3
.fx-reg-acomp-table td:nth-child(3) {
  width: 14% !important;
  max-width: 14% !important;
}


/*
 * Se ainda existir uma 4ª célula por qualquer razão,
 * ela não pode reservar nem 1px.
 */

[data-acomp-panel="docs"].fx-doc-approved-v3
.fx-reg-acomp-table th:nth-child(n+4),

[data-acomp-panel="docs"].fx-doc-approved-v3
.fx-reg-acomp-table td:nth-child(n+4) {
  display: none !important;

  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;

  padding: 0 !important;
  margin: 0 !important;

  border: 0 !important;
}


/*
 * Última coluna visível deve fechar a tabela.
 */

[data-acomp-panel="docs"].fx-doc-approved-v3
.fx-reg-acomp-table th:nth-child(3),

[data-acomp-panel="docs"].fx-doc-approved-v3
.fx-reg-acomp-table td:nth-child(3) {
  border-right: 0 !important;
}


/*
 * O wrapper não pode limitar a tabela.
 */

[data-acomp-panel="docs"].fx-doc-approved-v3
.fx-reg-acomp-tablewrap {
  width: 100% !important;
  max-width: 100% !important;
}

/*
 * ============================================================
 * REG_DOCUMENTOS_MODAL_TRES_BOTOES_CSS_V10
 *
 * Fluxo visual:
 *
 * Cancelar | Incluir | Salvar
 * ============================================================
 */


/* JANELA UM POUCO MAIS COMPACTA */

.fx-doc-approved-modal {
  width:
    min(
      590px,
      calc(100vw - 48px)
    ) !important;
}


/* CABEÇALHO */

.fx-doc-approved-modal-header {
  min-height:
    46px !important;

  padding:
    10px 14px !important;
}


.fx-doc-approved-modal-title {
  font-size:
    14px !important;
}


/* FORMULÁRIO */

.fx-doc-approved-modal
.fx-doc-approved-original-form {
  padding:
    14px !important;
}


/* CAMPOS TÍTULO / DATA */

.fx-doc-approved-modal
.fx-reg-acomp-grid {
  gap:
    10px !important;
}


.fx-doc-approved-modal
.fx-reg-acomp-field label {
  margin-bottom:
    4px !important;

  font-size:
    10.5px !important;
}


.fx-doc-approved-modal
.fx-reg-acomp-field input {
  min-height:
    32px !important;

  height:
    32px !important;

  padding:
    5px 8px !important;

  font-size:
    11px !important;
}


/* ÁREA DE ARQUIVO */

.fx-doc-approved-modal
.fx-doc-v2-drop,

.fx-doc-approved-modal
.fx-doc-approved-drop {
  min-height:
    68px !important;

  padding:
    10px 12px !important;

  border-radius:
    6px !important;

  font-size:
    11px !important;
}


/* ============================================================
   RODAPÉ
   ============================================================ */

.fx-doc-approved-footer-v10 {
  display:
    flex !important;

  align-items:
    center !important;

  justify-content:
    flex-end !important;

  gap:
    8px !important;

  width:
    100% !important;

  margin-top:
    10px !important;
}


/* CANCELAR */

.fx-doc-approved-cancel-v10 {
  flex:
    0 0 auto !important;

  min-width:
    82px !important;

  height:
    32px !important;

  padding:
    5px 12px !important;

  border:
    1px solid #c8d6dc !important;

  border-radius:
    5px !important;

  background:
    #ffffff !important;

  color:
    #38576a !important;

  font-size:
    11px !important;
}


/* INCLUIR */

.fx-doc-approved-include-v10 {
  flex:
    0 0 auto !important;

  min-width:
    90px !important;

  height:
    32px !important;

  padding:
    5px 13px !important;

  border:
    1px solid #8ebfc0 !important;

  border-radius:
    5px !important;

  background:
    #eef8f7 !important;

  color:
    #087f78 !important;

  font-size:
    11px !important;

  font-weight:
    700 !important;

  cursor:
    pointer !important;
}


/* SALVAR */

.fx-doc-approved-save-v10 {
  flex:
    0 0 auto !important;

  min-width:
    100px !important;

  height:
    32px !important;

  padding:
    5px 15px !important;

  border:
    1px solid #078d84 !important;

  border-radius:
    5px !important;

  background:
    linear-gradient(
      180deg,
      #0c9d93 0%,
      #078b82 100%
    ) !important;

  color:
    #ffffff !important;

  font-size:
    11px !important;

  font-weight:
    700 !important;
}


/* NÃO DEIXAR BOTÃO SALVAR OCUPAR TODA A LARGURA */

.fx-doc-approved-modal
.fx-doc-approved-footer-v10
button {
  width:
    auto !important;
}


/* RESPONSIVO */

@media (max-width: 640px) {

  .fx-doc-approved-footer-v10 {
    justify-content:
      stretch !important;
  }


  .fx-doc-approved-footer-v10
  button {
    flex:
      1 1 0 !important;
  }

}