/* Financeiro (caixa) — ajustes da tela de movimentações.
   Reaproveita `.tabela-financeiro` e a faixa lateral `.linha-situacao` do
   financeiro.css (verde entrada, vermelha saída); aqui só o que é desta tela. */

/* A descrição é a única coluna de texto corrido: quebra linha, com largura
   máxima para a tabela não esticar. */
.tabela-movimentacoes td.coluna-descricao {
  white-space: normal;
  max-width: 360px;
}

/* Os selects de categoria trocam de lugar conforme o tipo; o bloco escondido
   não pode reservar altura. */
#modal-movimentacao [data-categoria-tipo][hidden] {
  display: none;
}