/*
 * Nossa, e não de biblioteca: as duas listagens a carregam DEPOIS do
 * dataTables.bootstrap.css. Ver "Correções depois da 1.0.0" no PLANO.md.
 *
 * A linha de baixo (info + paginação) pode quebrar, e cada lado dela ocupa o que
 * o conteúdo pede: quando os dois não cabem lado a lado, a paginação desce
 * INTEIRA, à direita. Sem isto, cada lado tinha metade da linha (col-sm-6 no
 * admin; no tema, a coluna estreita), e a paginação quebrava no meio -- o
 * "Próximo" sozinho embaixo -- mesmo depois de o DataTables tirar os números.
 *
 * Sem @media: abaixo de 768 px o CSS do DataTables já põe essas linhas e células
 * em display:block, e aqui nada muda; um (min-width: 768px) deixava um vão
 * contra o (max-width: 767px) dele, a 767,4 px (janela de 767 px com escala).
 *
 * E a lista de botões NÃO é proibida de quebrar: com inline-flex + nowrap, no
 * celular os rótulos se partiam letra a letra.
 */
div.dt-container div.dt-layout-row {
  flex-wrap: wrap;
}
div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-start,
div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-end {
  width: auto;
}