/* Importação de colaboradores por planilha.

   Reaproveita o diálogo de pessoa (.employee-dialog) para não criar um segundo
   padrão de card; o que é próprio daqui são os passos numerados, a lista de
   regras e a tabela de prévia. */

.importacao-colaboradores-dialog { width: min(860px, calc(100vw - 32px)); }

.importacao-passo { margin: 0 0 18px; }
.importacao-passo h3 {
  margin: 0 0 5px;
  font-size: 13px;
  color: var(--ink, #25364d);
}
.importacao-passo > p {
  margin: 0 0 11px;
  color: var(--muted, #68778b);
  font-size: 12px;
}

.importacao-regras {
  margin: 12px 0 0;
  padding-left: 17px;
  color: var(--muted, #68778b);
  font-size: 11.5px;
  line-height: 1.55;
}
.importacao-regras li + li { margin-top: 5px; }
.importacao-regras strong { color: var(--ink, #25364d); }

.importacao-arquivo {
  display: block;
  font-size: 12px;
  font-weight: 650;
  color: #526174;
}
/* Mesma pílula do campo de arquivo dos cards de férias e de desligamento
   (vacations.css). O botão que o navegador desenha vinha com a fonte do
   sistema e o canto vivo. */
.importacao-arquivo input[type="file"] {
  display: block;
  width: 100%;
  height: 43px;
  margin-top: 7px;
  padding: 0 7px;
  border: 1px solid #d6e0eb;
  border-radius: var(--ui-control-radius, 999px);
  background: #fff;
  color: #5d6b80;
  font: inherit;
  font-size: 12px;
  font-weight: 650;
  cursor: pointer;
}
.importacao-arquivo input[type="file"]::file-selector-button,
.importacao-arquivo input[type="file"]::-webkit-file-upload-button {
  margin-right: 10px;
  padding: 0 14px;
  height: 29px;
  vertical-align: middle;
  border: 1px solid var(--ui-control-border, #cbd7e6);
  border-radius: 999px;
  background: #fff;
  color: #34475f;
  font: inherit;
  font-size: 11px;
  font-weight: 750;
  cursor: pointer;
  transition: color .16s ease, background-color .16s ease, border-color .16s ease;
}
.importacao-arquivo input[type="file"]:hover::file-selector-button,
.importacao-arquivo input[type="file"]:hover::-webkit-file-upload-button {
  border-color: #b7c8dc;
  background: #f2f6fc;
  color: var(--color-primary-hover, #1445cc);
}

/* A nota fica depois da lista. O botão mora na barra fixa de baixo. */
.importacao-gerar-nota {
  margin: 10px 0 0;
  color: #8a5a12;
  font-size: 12px;
  line-height: 1.45;
}
.importacao-gerar-nota.hidden { display: none; }

.importacao-colaboradores-dialog .form-actions {
  flex-direction: column;
  align-items: stretch;
  gap: 10px;
}
.importacao-barra {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.importacao-barra #gerarMatriculasColaboradores { margin-right: auto; }
.importacao-colaboradores-dialog .form-message {
  margin: 0;
  min-height: 0;
  font-size: 12px;
  line-height: 1.45;
  font-weight: 650;
}
.importacao-colaboradores-dialog .form-message:empty { display: none; }
.importacao-colaboradores-dialog .form-message.error { color: var(--color-danger-text, #c0392b); }

.importacao-resumo {
  margin: 4px 0 12px;
  padding: 11px 13px;
  border: 1px solid #d8e4ff;
  border-radius: 10px;
  background: #edf3ff;
  color: #385277;
  font-size: 12px;
}

/* A prévia rola sozinha: uma planilha de cem pessoas não pode empurrar os
   botões de confirmar para fora da tela. */
.importacao-previa {
  max-height: 320px;
  overflow: auto;
  border-radius: 10px;
}
.importacao-previa:not(:empty) { border: 1px solid var(--line, #e7ecf3); }

.importacao-tabela { width: 100%; border-collapse: collapse; font-size: 11.5px; }
.importacao-tabela th {
  position: sticky;
  top: 0;
  z-index: 1;
  padding: 8px 10px;
  background: #f6f8fb;
  color: #8a96a7;
  font-size: 10px;
  letter-spacing: .04em;
  text-align: left;
}
.importacao-tabela td {
  padding: 9px 10px;
  border-top: 1px solid #edf0f4;
  color: #526175;
}
.importacao-tabela td:first-child { color: #8a96a7; }

.importacao-linha-erro { background: #fff7f7; }
.importacao-erro { color: var(--color-danger-text, #c0392b); font-weight: 650; }
.importacao-linha-aviso { background: #fffaf3; }
.importacao-aviso { color: #8a5a12; font-weight: 650; }

@media (max-width: 720px) {
  .importacao-previa { max-height: 240px; }
  .importacao-barra { align-items: stretch; }
  .importacao-barra #gerarMatriculasColaboradores { margin-right: 0; }
}

/* Autorização para sobrescrever cadastro existente.

   Fica desmarcada a cada abertura: importar não pode virar um jeito silencioso
   de sobrepor dado que já estava certo. */
.importacao-atualizar {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  margin: 2px 0 14px;
  padding: 11px 13px;
  border: 1px solid #e7ecf3;
  border-radius: 10px;
  background: #fbfcfe;
  font-size: 12px;
  color: #526174;
}
.importacao-atualizar input { margin-top: 2px; }
.importacao-atualizar strong { display: block; font-size: 12px; color: var(--ink, #25364d); }
.importacao-atualizar small {
  display: block;
  margin-top: 3px;
  color: var(--muted, #68778b);
  font-size: 11px;
  line-height: 1.5;
}

/* Linha que existe mas não será tocada: presente na conferência, apagada no
   tom, para o olho separar do que vai entrar. */
.importacao-linha-ignorada { background: #fafbfc; }
.importacao-ignorada { color: #8a96a7; }