/* ===========================================================================================================================
 * QUEBRA DE LINHA — nenhum texto vaza para fora do cartão. Ferramenta compartilhada (Módulo Componentes, 15).
 * Uma linha em cada tela, por ÚLTIMO entre os CSS (depois do vidro-barra.css), para valer sobre o estilo da tela:
 *     <link rel="stylesheet" href="../../geral/componentes/quebra-linha.css">
 *
 * Selos, etiquetas e títulos que a tela deixa numa linha só (white-space:nowrap) descem para a linha de baixo quando o
 * cartão é estreito; com espaço, ficam numa linha só. Palavra comprida demais (nome de arquivo, endereço) quebra
 * no meio em vez de sair pela borda. O que corta com reticências de propósito (resumos de uma linha) continua cortando: não vaza.
 * =========================================================================================================================== */
body{overflow-wrap:break-word}

/* selos e etiquetas: quebram em vez de vazar (o alinhamento e o arredondado ficam os mesmos) */
.chip,.to-chip,.st-tag,.to-etq,.pc-pg,.nv{white-space:normal;max-width:100%;overflow-wrap:break-word;text-align:left}
.st-tag,.to-etq{height:auto;min-height:22px}

/* títulos de cabeçalho de lista e de janela */
.lista-cab h3,.pan-jcab h2{white-space:normal;min-width:0}

/* linha do Contraponto (nome do modo + selo): os dois quebram entre palavras, nunca no meio de uma */
.cp summary{align-items:flex-start}
.cp summary>.chip{flex:0 1 auto;margin-top:1px}