/* ETIQUETAS — REGISTRO DE IMPRESSOES (fatia F04).

   A tabela antiga tratava cada geracao como "um arquivo da lista", em oito
   colunas de igual peso. A critica do Breno (FEEDBACK-GRUPO §4) e sobre isso:
   um arquivo salvo parece o documento oficial da lista, e envelhece calado.
   Aqui cada geracao vira uma LINHA DE HISTORICO -- lista, situacao e a frase
   "foto da lista em <data> — N etiquetas, M sem endereco completo" -- com a
   tarja de desatualizacao ganhando o destaque que a data merecia. */

.registro-impressoes {
  display: flex;
  flex-direction: column;
  gap: var(--esp-2);
}

.registro-impressao {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: var(--esp-3);
  padding: var(--esp-3);
  border: 1px solid var(--cor-borda);
  border-radius: var(--raio-md);
  background: var(--cor-fundo-sutil);
}

/* A barra lateral e o unico grito da tela: quem olha de longe ve quais fotos
   ja nao valem como retrato da base de hoje. */
.registro-impressao--desatualizada {
  border-left: 3px solid var(--sgp-atencao);
}

.registro-impressao__corpo {
  flex: 1 1 20rem;
  min-width: 0; /* sem isto o item de flex nao encolhe e o texto corta */
  display: flex;
  flex-direction: column;
  gap: var(--esp-1);
}

.registro-impressao__topo {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--esp-2);
}

.registro-impressao__nome {
  font-weight: 600;
}

.registro-impressao__foto {
  margin: 0;
  color: var(--cor-texto);
  font-size: var(--texto-sm);
}

.registro-impressao__detalhe {
  margin: 0;
  color: var(--cor-texto-suave);
  font-size: var(--texto-xs);
}

.registro-impressao__aviso {
  margin: 0;
  padding: var(--esp-2);
  border-radius: var(--raio-sm);
  background: var(--sgp-atencao-suave);
  color: var(--sgp-atencao);
  font-size: var(--texto-xs);
  overflow-wrap: anywhere; /* mensagem de excecao nao alarga o cartao */
}

.registro-impressao__acoes {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--esp-2);
}

.registro-impressao__guarda {
  flex: 1 0 100%;
  margin: 0;
  color: var(--cor-texto-suave);
  font-size: var(--texto-xs);
}

/* O aviso que aparece quando a lista passa do limite de impressao imediata e o
   botao troca para o caminho de lote + job. */
.aviso-limite {
  padding: var(--esp-3);
  border-radius: var(--raio-sm);
  background: var(--sgp-info-suave);
  color: var(--sgp-info);
  font-size: var(--texto-sm);
  line-height: 1.5;
}