/*
 * CVDB — Tela dedicada de Importação
 * Versão: 20260718_02 (V258)
 *
 * Arquivo completo.
 *
 * Correção:
 * O módulo de permissão pode retirar o atributo hidden do card após o refresh.
 * A seção dedicada agora permanece invisível independentemente desse atributo
 * e só aparece quando o layout ativa cvdb-importacao-dedicada no body.
 */

/* REGRA PRINCIPAL: escondida em qualquer tela que não seja Importação. */
#importacaoDedicatedPanel,
#importacaoDedicatedPanel.importacao-dedicated-panel,
body:not(.cvdb-importacao-dedicada) #importacaoDedicatedPanel {
  display: none !important;
}

/* Compatibilidade com o atributo HTML hidden. */
#importacaoDedicatedPanel[hidden],
.importacao-dedicated-panel[hidden] {
  display: none !important;
}

/*
 * ÚNICA condição que exibe a página:
 * layout.js adiciona esta classe quando o menu Importação é acionado.
 */
body.cvdb-importacao-dedicada #importacaoDedicatedPanel {
  display: block !important;
}

.importacao-dedicated-panel,
.importacao-dedicated-container {
  width: 100%;
  min-width: 0;
}

.importacao-dedicated-panel {
  margin-top: 14px;
}

#importacaoDedicatedPanel #cardImportacao.importacao-dedicated-card {
  width: 100%;
  max-width: none;
  min-height: 430px;
  margin: 0;
  padding: 22px;
}

#importacaoDedicatedPanel #cardImportacao .panel-title {
  margin-bottom: 22px;
}

#importacaoDedicatedPanel #cardImportacao .panel-title h2 {
  font-size: clamp(22px, 2.1vw, 30px);
}

#importacaoDedicatedPanel #cardImportacao .form-grid,
#importacaoDedicatedPanel #uploadResultado,
#importacaoDedicatedPanel #uploadDetalhe {
  width: 100%;
  max-width: 1120px;
}

#importacaoDedicatedPanel #cardImportacao input[type="file"] {
  min-height: 54px;
}

#importacaoDedicatedPanel #cardImportacao .two-cols {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

#importacaoDedicatedPanel #cardImportacao .two-cols.is-terumo {
  grid-template-columns: minmax(0, 1fr);
}

/* Na página dedicada, oculta somente as outras áreas operacionais. */
body.cvdb-importacao-dedicada #cvdbMain {
  display: none !important;
}

body.cvdb-importacao-dedicada #adminVisualPanel {
  display: none !important;
}

body.cvdb-importacao-dedicada {
  overflow-x: hidden;
}

/* Tema claro: preserva as variáveis visuais existentes. */
body:not(.dark)
  #importacaoDedicatedPanel
  #cardImportacao.importacao-dedicated-card {
  background: var(--surface);
}

@media (max-width: 900px) {
  #importacaoDedicatedPanel #cardImportacao.importacao-dedicated-card {
    min-height: 360px;
    padding: 18px;
  }
}

@media (max-width: 700px) {
  #importacaoDedicatedPanel #cardImportacao .two-cols {
    grid-template-columns: minmax(0, 1fr);
  }

  #importacaoDedicatedPanel #cardImportacao .actions .btn {
    width: 100%;
  }
}