/* ============================================================================
   custom.css — ECOVILLE / Controle de Estoque
   ----------------------------------------------------------------------------
   REGRA DA CASA: aqui entra SO o que e especifico deste projeto.
   Sidebar, menu, seta do treeview, hub de cards e floating-label sao do
   AdminLTE stock + css/mltec-layout.css. NAO reimplementar nada disso aqui.
   ============================================================================ */

.card {
  margin-bottom: 1rem;
}

/* Logomarca da Ecoville no login. O tamanho na sidebar quem define e o
   mltec-layout.css (.sidebar-brand .brand-image), que vale para todos os
   portais da casa — nao duplicar aqui. */
.logo-login {
  height: 54px;
  width: auto;
}

/* Numero grande dos KPIs do painel. */
.kpi-valor {
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 1.1;
}

/* Coluna de quantidade: alinhada a direita e monoespacada para os digitos
   baterem entre as linhas (leitura de saldo fica muito mais rapida). */
.col-qtd {
  text-align: right;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

/* Linha da grade de itens do lancamento em destaque quando recem-incluida
   pelo leitor de codigo de barras. */
.item-piscou {
  animation: item-piscou 1.1s ease-out;
}

@keyframes item-piscou {
  from { background-color: rgba(25, 135, 84, .28); }
  to   { background-color: transparent; }
}

/* Campo de leitura do codigo de barras: precisa saltar aos olhos, e onde o
   operador fica o dia inteiro. */
.campo-bipagem {
  font-size: 1.1rem;
  letter-spacing: .05em;
}

/* Retorno do leitor. A altura minima reserva a linha: sem ela o bloco de
   inclusao pula de tamanho a cada leitura, conforme a mensagem muda. */
.area-bipagem {
  min-height: 1.5rem;
}

/* Tabelas longas de relatorio: cabecalho fixo ao rolar. */
.tabela-fixa thead th {
  position: sticky;
  top: 0;
  z-index: 2;
}