/* O VISUAL NOVO: as medidas na regua (letra, peso, botao, canto, espaco). Ver docs/design/PADRONIZACAO-LISTA-2026-11-06.md.
 *
 * A REGUA: letra 11 12 13 14 16 20 24 28 34 · peso 400 500 600 700 · botao 28/32/36/40 (letra 12 no de 28, 13 nos outros)
 * · canto 6 9 12 16 redondo · espaco 4 8 12 16 24.
 *
 * Tudo atras de html[data-visual="novo"], dentro de #conteudo (para ganhar das folhas de cada tela sem !important).
 * Fora da regua, de proposito: os 2 px entre abas do submenu; icone so (avatar, "?" do topo, foto do perfil);
 * a conversa do Atendimento nas medidas do WhatsApp; selos, gavetas, janelas e avisos (folha das pecas 2). */

/* ================================================================ 1. As fichas da regua (variaveis) */
/* Mexer na variavel acerta de uma vez todo botao/titulo que a le (.btn, .btn.g, .btn.dia, .btn.pastilha, texto de cartao). */
html[data-visual="novo"] {
  --alto-g: 40px;          /* grande: era 48 */
  --alto-m: 36px;          /* cabecalho: era 38 */
  --alto-pastilha: 32px;   /* quadrado de cor e tecla de dia: era 30 */
  --alto-mini: 28px;       /* botao mini dentro de linha: era 26 */
  --texto-gg: 28px;        /* titulo grande: era 30 */
  --texto-g: 16px;         /* titulo de cartao: era 15 */
  --texto-contador: 20px;  /* o contador dos dois fatores: era 22 */
}

/* Botoes e campos herdam a Inter (a Manrope nem e carregada). */
html[data-visual="novo"] :is(button, input, select, textarea, .btn) { font-family: inherit; }

/* ================================================================ 2. Botoes: letra 13 e altura da regua */
html[data-visual="novo"] #conteudo :is(.btn, button.btn, a.btn, label.btn) { font-size: 13px; gap: 8px; }
html[data-visual="novo"] #conteudo .btn.p { height: 32px; font-size: 13px; }
html[data-visual="novo"] #conteudo .btn.g { height: 40px; font-size: 13px; }
html[data-visual="novo"] #conteudo .btn.dia { height: 32px; font-size: 13px; }
/* Grupos: o botao comum estava em 38; no cabecalho da tela a regua e 36. */
html[data-visual="novo"] #conteudo .grp-tela .btn:not(.p):not(.g):not(.dia):not(.pastilha) { height: 36px; min-height: 36px; }
/* Mini: 28 de altura, letra 12. */
html[data-visual="novo"] #conteudo .grp-mini { height: 28px; padding: 0 8px; border-radius: 9px; font-size: 12px; }
html[data-visual="novo"] #conteudo .ng-editar { height: 28px; padding: 0 8px; border-radius: 9px; font-size: 12px; }
html[data-visual="novo"] #conteudo .ng-adicionar { height: 32px; font-size: 13px; }
html[data-visual="novo"] #conteudo .ng-botao-da-barra { font-size: 13px; }
html[data-visual="novo"] #conteudo .ag-adicionar { height: 32px; margin-top: 8px; border-radius: 9px; font-size: 13px; }
html[data-visual="novo"] #conteudo .ag-mais { height: 32px; font-size: 13px; }
html[data-visual="novo"] #conteudo .ag-nova-agenda { height: 32px; margin: 0 12px 12px; padding: 0 12px; border-radius: 9px; font-size: 13px; }
html[data-visual="novo"] #conteudo .ag-lateral > header button { height: 28px; border-radius: 9px; font-size: 12px; }
html[data-visual="novo"] #conteudo .nw-trocar { height: 28px; margin-left: 8px; padding: 0 8px; font-size: 12px; }
html[data-visual="novo"] #conteudo .manual-artigo .manual-seta { height: 36px; font-size: 13px; }
html[data-visual="novo"] #conteudo :is(.gg-dias, .cfg-miolo .gg-dias) button { height: 32px; padding: 0 16px; font-size: 13px; }
html[data-visual="novo"] #conteudo .cfg-miolo .gg-dias button { padding: 0 12px; }
html[data-visual="novo"] #conteudo .ag-navegar button { font-size: 13px; }
html[data-visual="novo"] #conteudo .ag-navegar button:first-child,
html[data-visual="novo"] #conteudo .ag-navegar button:nth-child(3) { font-size: 16px; }
html[data-visual="novo"] #conteudo .ag-vista button { border-radius: 6px; font-size: 13px; }
html[data-visual="novo"] #conteudo .in-metricas button { border-radius: 6px; font-size: 13px; }

/* ================================================================ 3. Titulos de painel e de cartao */
html[data-visual="novo"] #conteudo :is(.vg-painel-cabeca, .vn-painel-cabeca, .grp-secao-cabeca, .gg-cabeca, .ag-lateral > header, .nw-topo) h3,
html[data-visual="novo"] #conteudo :is(.ff-lista header, .ff-aba-titulo) h3,
html[data-visual="novo"] #conteudo .in-secao-titulo h3 { font-size: 16px; font-weight: 600; }
html[data-visual="novo"] #conteudo :is(.vg-painel-cabeca, .vn-painel-cabeca, .grp-secao-cabeca, .gg-cabeca, .nw-topo) p,
html[data-visual="novo"] #conteudo .ff-lista header p,
html[data-visual="novo"] #conteudo .in-secao-titulo p { font-size: 13px; }
html[data-visual="novo"] #conteudo :is(.vg-painel-cabeca, .vn-painel-cabeca) > a,
html[data-visual="novo"] #conteudo .vg-painel-cabeca a,
html[data-visual="novo"] #conteudo .in-secao-cabeca > a { font-size: 13px; }
html[data-visual="novo"] #conteudo .vazio b { font-size: 16px; }
html[data-visual="novo"] #conteudo .vazio .simbolo { font-size: 20px; }
html[data-visual="novo"] #conteudo .falar-com-a-gente .falar-quem strong { font-size: 16px; }
html[data-visual="novo"] #conteudo .falar-com-a-gente .falar-quem span { font-size: 13px; }
html[data-visual="novo"] #conteudo .gg-abas-titulo b { font-size: 16px; font-weight: 700; }
html[data-visual="novo"] #conteudo .gg-abas-titulo small { font-size: 12px; }
html[data-visual="novo"] #conteudo .gg-abas-titulo { gap: 4px; }
html[data-visual="novo"] #conteudo .gg-sobre { margin-bottom: 4px; font-size: 12px; }
html[data-visual="novo"] #conteudo .gg-nota { margin: 4px 0 0; font-size: 13px; }
html[data-visual="novo"] #conteudo .frase-das-abas { font-size: 13px; }
html[data-visual="novo"] #conteudo .campo > label,
html[data-visual="novo"] #conteudo label.campo { font-size: 13px; }

/* ================================================================ 4. Numeros grandes: 34 no cartao de cor cheio, 28 no cartao compacto */
html[data-visual="novo"] #conteudo .co-tela:not(.co-tela-tags) .co-cartao[class*="co-cor-"] strong,
html[data-visual="novo"] #conteudo .ng-metrica strong,
html[data-visual="novo"] #conteudo .ag-metrica strong,
html[data-visual="novo"] #conteudo .in-cartao[class*="in-cor-"] strong { font-size: 28px; font-weight: 600; }
html[data-visual="novo"] #conteudo .co-tela-tags .co-cartao small { font-size: 12px; }
html[data-visual="novo"] #conteudo .in-heroi .in-saude .in-anel strong { font-size: 28px; font-weight: 700; }
html[data-visual="novo"] #conteudo .fx-conta strong { margin-top: 8px; font-size: 20px; font-weight: 700; }
html[data-visual="novo"] #conteudo .fx-conta b { font-size: 13px; }
html[data-visual="novo"] #conteudo .grp-numero strong { font-size: 24px; font-weight: 700; }
html[data-visual="novo"] #conteudo .gg-numero { font-size: 34px; }
html[data-visual="novo"] #conteudo .gg-numero small { margin-left: 8px; font-size: 14px; }
html[data-visual="novo"] #conteudo .cfg-miolo .gg-numero { font-size: 28px; font-weight: 700; }
html[data-visual="novo"] #conteudo .nw-atalho-seta { font-size: 20px; }
html[data-visual="novo"] #conteudo .nw-atalhos .nw-atalho .cs-cartao-cabeca { font-size: 14px; }
html[data-visual="novo"] #conteudo .nw-atalhos .cs-cartao strong { font-size: 16px; gap: 8px; }
@media (min-width: 721px) {
  /* so no computador: no celular o cartao de Grupos fica em 28 (folha da automacao) */
  html[data-visual="novo"] #conteudo .grp-cartoes .cs-cartao strong { font-size: 34px; }
}

/* ================================================================ 5. Contatos e a tabela de tags */
html[data-visual="novo"] #conteudo :is(.co-tabela, .tg-tabela) { font-size: 13px; }
html[data-visual="novo"] #conteudo :is(.co-cabeca, .tg-cabeca) { font-size: 12px; }
html[data-visual="novo"] #conteudo :is(.co-celula, .co-vazio, .co-valor, .co-dono) { font-size: 13px; }
html[data-visual="novo"] #conteudo .co-quem b { font-size: 13px; }
html[data-visual="novo"] #conteudo .co-quem small { font-size: 12px; }
html[data-visual="novo"] #conteudo .co-quem { gap: 8px; }
html[data-visual="novo"] #conteudo .co-dono { gap: 8px; }
html[data-visual="novo"] #conteudo .co-dono i { font-size: 11px; font-weight: 600; }
html[data-visual="novo"] #conteudo .co-apresentacao p { font-size: 12px; }
html[data-visual="novo"] #conteudo .co-filtro { gap: 4px; font-size: 12px; }
html[data-visual="novo"] #conteudo .co-filtro select,
html[data-visual="novo"] #conteudo .co-filtro:not(.co-filtro-busca) input { border-radius: 9px; font-size: 13px; }
html[data-visual="novo"] #conteudo .co-filtro-busca input { font-size: 13px; }
html[data-visual="novo"] #conteudo .co-lote-pergunta :is(input, select) { border-radius: 9px; }
html[data-visual="novo"] #conteudo .co-lote-pergunta label,
html[data-visual="novo"] #conteudo .co-lote > b { font-size: 13px; }
html[data-visual="novo"] #conteudo .co-mostrar,
html[data-visual="novo"] #conteudo .co-mostrar select { font-size: 13px; }
html[data-visual="novo"] #conteudo .cs-mostrando { font-size: 13px; }
html[data-visual="novo"] #conteudo :is(.co-filtros-botoes, .co-linha-acoes-lista, .cs-acoes-da-linha, .perfil-selos, .gg-dias) { gap: 8px; }
html[data-visual="novo"] #conteudo .co-cartao { row-gap: 4px; }

/* ================================================================ 6. Negocios */
html[data-visual="novo"] #conteudo .ng-tela { gap: 16px; }
html[data-visual="novo"] #conteudo .ng-quadro { gap: 12px; }
html[data-visual="novo"] #conteudo .ng-coluna,
html[data-visual="novo"] #conteudo .ng-coluna[class*="ng-cor-"] { border-radius: 12px; }
html[data-visual="novo"] #conteudo .ng-coluna-topo { border-radius: 9px; }
html[data-visual="novo"] #conteudo .ng-coluna-topo strong { font-weight: 700; }
html[data-visual="novo"] #conteudo .ng-quantos { border-radius: 6px; font-size: 12px; font-weight: 700; }
html[data-visual="novo"] #conteudo .ng-inicial { border-radius: 6px; font-size: 11px; font-weight: 700; }
html[data-visual="novo"] #conteudo .ng-proxima-atrasada > b { font-weight: 700; }
html[data-visual="novo"] #conteudo .ng-proxima > span { gap: 4px; }
html[data-visual="novo"] #conteudo .ng-cartao-resumo,
html[data-visual="novo"] #conteudo .ng-cartao-topo { gap: 8px; }
html[data-visual="novo"] #conteudo .ng-cartao-detalhes footer { gap: 8px; }
html[data-visual="novo"] #conteudo .ng-temp { gap: 4px; }
html[data-visual="novo"] #conteudo .ng-busca { gap: 8px; }
html[data-visual="novo"] #conteudo .ng-busca input { font-size: 13px; }
html[data-visual="novo"] #conteudo .ng-barra select { font-size: 13px; }
html[data-visual="novo"] #conteudo .ng-vistas { border-radius: 9px; }
html[data-visual="novo"] #conteudo .ng-vista { border-radius: 6px; font-size: 13px; }

/* ================================================================ 7. Atividades (agenda) */
html[data-visual="novo"] #conteudo .agenda-v2 { gap: 16px; }
html[data-visual="novo"] #conteudo .ag-topo p { font-size: 13px; }
html[data-visual="novo"] #conteudo .ag-metrica { border-radius: 12px; row-gap: 4px; }
html[data-visual="novo"] #conteudo .ag-metrica span { margin-bottom: 8px; }
html[data-visual="novo"] #conteudo .ag-busca { gap: 8px; }
html[data-visual="novo"] #conteudo .ag-busca input,
html[data-visual="novo"] #conteudo .ag-barra > select { font-size: 13px; }
html[data-visual="novo"] #conteudo .ag-vista { border-radius: 9px; }
html[data-visual="novo"] #conteudo .ag-semana { gap: 12px; }
html[data-visual="novo"] #conteudo .ag-do-dia { gap: 8px; }
html[data-visual="novo"] #conteudo .ag-hora { gap: 8px; }
html[data-visual="novo"] #conteudo .ag-dia > header small { font-size: 12px; }
html[data-visual="novo"] #conteudo .ag-dia.hoje > header b { width: 32px; height: 32px; }
html[data-visual="novo"] #conteudo .ag-cartao footer button { border-radius: 6px; }
html[data-visual="novo"] #conteudo .ag-linha small,
html[data-visual="novo"] #conteudo .ag-proximas small,
html[data-visual="novo"] #conteudo .ag-dono small { font-size: 12px; }
html[data-visual="novo"] #conteudo .ag-linha > span:nth-child(3),
html[data-visual="novo"] #conteudo .ag-proximas > button > span:last-child,
html[data-visual="novo"] #conteudo .ag-dono > span { gap: 4px; }
html[data-visual="novo"] #conteudo .ag-lado { gap: 12px; }
html[data-visual="novo"] #conteudo .ag-lado-vazio { font-size: 13px; }
html[data-visual="novo"] #conteudo .ag-lateral > header span { font-size: 12px; }
html[data-visual="novo"] #conteudo .ag-lateral > header h3 { font-size: 16px; }
html[data-visual="novo"] #conteudo .ag-sem-agenda strong { font-size: 14px; }
html[data-visual="novo"] #conteudo .ag-pagina-acoes { gap: 8px; padding: 0 12px 12px; }
html[data-visual="novo"] #conteudo .ag-pagina-acoes :is(a, button) { border-radius: 9px; }

/* ================================================================ 8. Visao geral e Indicadores */
html[data-visual="novo"] #conteudo .vg-prioridade strong,
html[data-visual="novo"] #conteudo .vg-agenda-item strong,
html[data-visual="novo"] #conteudo .vg-funil-numeros b { font-size: 14px; }
html[data-visual="novo"] #conteudo .vg-funil-linha { font-size: 13px; }
html[data-visual="novo"] #conteudo .in-tabela td { font-size: 14px; }
html[data-visual="novo"] #conteudo .in-tabela td small,
html[data-visual="novo"] #conteudo .in-heroi .in-saude-texto small,
html[data-visual="novo"] #conteudo :is(.in-linha-rotulo, .in-linha-valor) small { font-size: 12px; }
html[data-visual="novo"] #conteudo :is(.in-linha-rotulo, .in-linha-valor) b { font-size: 14px; }
html[data-visual="novo"] #conteudo .in-pilulas i { font-size: 13px; }
html[data-visual="novo"] #conteudo .in-cartao[class*="in-cor-"] .in-cartao-cabeca span { font-size: 13px; }
html[data-visual="novo"] #conteudo .in-alerta-texto b { font-size: 11px; }

/* ================================================================ 9. Grupos (Lancamentos) e Automacao */
html[data-visual="novo"] #conteudo .grp-tela { gap: 16px; }
html[data-visual="novo"] #conteudo .grp-conteudo { gap: 16px; }
html[data-visual="novo"] #conteudo .grp-duas { gap: 16px; }
html[data-visual="novo"] #conteudo .grp-caixa { gap: 16px; padding: 16px; border-radius: 12px; }
html[data-visual="novo"] #conteudo .grp-lancamentos { gap: 12px; }
html[data-visual="novo"] #conteudo .grp-lancamento { gap: 8px; padding: 16px; border-radius: 12px; }
html[data-visual="novo"] #conteudo .grp-lancamento > span { font-size: 13px; }
html[data-visual="novo"] #conteudo .grp-lancamento > em { font-weight: 700; }
html[data-visual="novo"] #conteudo .grp-lancamento-topo { gap: 8px; }
html[data-visual="novo"] #conteudo .grp-ocupacao-linha { gap: 8px; border-radius: 9px; font-size: 13px; }
html[data-visual="novo"] #conteudo .grp-com-foto { gap: 8px; }
html[data-visual="novo"] #conteudo .grp-secao-cabeca h3 { font-weight: 600; }
html[data-visual="novo"] #conteudo .mbr-topo h4 { font-size: 14px; font-weight: 600; }
html[data-visual="novo"] #conteudo .vn-au-quem { gap: 8px; }
html[data-visual="novo"] #conteudo .vn-au-nome { gap: 4px; }
html[data-visual="novo"] #conteudo .vn-au-mini { gap: 4px; }
html[data-visual="novo"] #conteudo .vn-au-acoes { gap: 8px; }
html[data-visual="novo"] #conteudo .numero-do-relatorio b { font-size: 28px; }

/* ================================================================ 10. Gestao: Integracoes, Equipe, Financeiro, Perfil, Manual */
html[data-visual="novo"] #conteudo .ig-grade { gap: 12px; }
html[data-visual="novo"] #conteudo .ig-servico { gap: 12px; }
html[data-visual="novo"] #conteudo .ig-servico-topo { gap: 8px; }
html[data-visual="novo"] #conteudo .ig-servico-nome strong { font-size: 14px; }
html[data-visual="novo"] #conteudo .nw-tela { gap: 16px; }
html[data-visual="novo"] #conteudo .nw-resumo,
html[data-visual="novo"] #conteudo .nw-atalhos { gap: 12px; }
html[data-visual="novo"] #conteudo .nw-nome { font-size: 14px; }
html[data-visual="novo"] #conteudo .nw-grupo-titulo { font-size: 16px; }
html[data-visual="novo"] #conteudo .nw-cartao-cabeca { gap: 8px; }
html[data-visual="novo"] #conteudo .nw-linha,
html[data-visual="novo"] #conteudo .nw-linhas { gap: 8px; }
html[data-visual="novo"] #conteudo .nw-segmentos { border-radius: 9px; }
html[data-visual="novo"] #conteudo .nw-segmentos .nw-segmento,
html[data-visual="novo"] #conteudo .nw-segmento { border-radius: 6px; }
html[data-visual="novo"] #conteudo .nw-segmento.ligado { font-weight: 700; }
html[data-visual="novo"] #conteudo .fx-contas { gap: 12px; }
html[data-visual="novo"] #conteudo .fx-conta { gap: 4px; }
html[data-visual="novo"] #conteudo .fx-mes { border-radius: 9px; }
html[data-visual="novo"] #conteudo .filtros-das-contas { border-radius: 12px; }
html[data-visual="novo"] #conteudo .cs-busca { gap: 8px; }
html[data-visual="novo"] #conteudo .rt-uso { gap: 8px; }
html[data-visual="novo"] #conteudo .perfil-cartoes { gap: 12px; }
html[data-visual="novo"] #conteudo .perfil-topo-texto { gap: 4px; }
html[data-visual="novo"] #conteudo .gg-peca.bloco,
html[data-visual="novo"] #conteudo .bloco.gg-peca { border-radius: 16px; }
html[data-visual="novo"] #conteudo .manual-artigo .manual-titulo { font-size: 28px; }
html[data-visual="novo"] #conteudo .manual-artigo .manual-subtitulo { font-size: 16px; }
html[data-visual="novo"] #conteudo .manual-artigo .manual-abertura { font-size: 16px; }
html[data-visual="novo"] #conteudo .manual-indice .manual-area-titulo { font-size: 12px; }
html[data-visual="novo"] #conteudo .manual-indice .manual-item { border-radius: 9px; font-size: 14px; }
html[data-visual="novo"] #conteudo .manual-indice .manual-item span { font-size: 14px; }

/* ================================================================ 11. Grades de cartoes e blocos de pagina (o espaco) */
/* Entre blocos de pagina: 16. Entre cartoes de uma grade: 12. */
html[data-visual="novo"] #conteudo .co-tela { gap: 16px; }
html[data-visual="novo"] #conteudo :is(.cs-cartoes, .co-cartoes, .ng-metricas, .ag-metricas, .vn-cartoes) { gap: 12px; }
html[data-visual="novo"] #conteudo .cs-cartoes { margin-bottom: 16px; }
html[data-visual="novo"] #conteudo :is(.cs-cartoes.grp-cartoes, .fx-tela .cs-cartoes) { margin-bottom: 0; }
html[data-visual="novo"] #conteudo .cs-cartao:not([class*="cs-cor-"]) .cs-cartao-cabeca { gap: 8px; }

/* ================================================================ 12. O que ainda vinha das folhas antigas */
/* Fora da regua, de proposito: a seta e o "+" de botao so de sinal (letra 16); os 2 px entre abas do submenu. */
html[data-visual="novo"] .gg-abas .gg-abas-titulo { gap: 4px; }
html[data-visual="novo"] .gg-abas .btn { gap: 8px; }
html[data-visual="novo"] #conteudo .abas-da-caixa .aba { height: 32px; padding-block: 0; }
html[data-visual="novo"] #conteudo .ng-cartao-detalhes footer span { font-size: 12px; }
html[data-visual="novo"] #conteudo span.dir { font-size: 12px; }
html[data-visual="novo"] #conteudo .gg-cabeca > .selo { border-radius: 9px; font-size: 16px; }
html[data-visual="novo"] #conteudo .gg-peca :is(input, textarea, select),
html[data-visual="novo"] #conteudo .cfg-com-sufixo input,
html[data-visual="novo"] #conteudo .busca-do-faq input { border-radius: 9px; }
html[data-visual="novo"] #conteudo .fx-mes button { height: 32px; }
html[data-visual="novo"] #conteudo .ag-pagina-acoes button { height: 32px; white-space: nowrap; }
html[data-visual="novo"] #conteudo .co-abas-e-acoes { gap: 12px; }
html[data-visual="novo"] #conteudo .ng-metrica { row-gap: 4px; }
html[data-visual="novo"] #conteudo .lado-a-lado-projeto { gap: 8px; }
html[data-visual="novo"] #conteudo .com-rosto-texto { gap: 4px; }
/* Visao geral */
html[data-visual="novo"] #conteudo .visao-geral { gap: 16px; }
html[data-visual="novo"] #conteudo :is(.vg-cartoes, .vg-grade, .vg-coluna) { gap: 12px; }
html[data-visual="novo"] #conteudo :is(.vg-caixa, .vg-situacao-e-acao) { gap: 8px; }
html[data-visual="novo"] #conteudo .vg-caixa b { font-size: 20px; font-weight: 600; }
html[data-visual="novo"] #conteudo :is(.vg-texto-ambar, .vg-texto-rosa) { font-weight: 700; }
html[data-visual="novo"] #conteudo .vg-prioridade > a.vg-abrir-pendencia { font-size: 13px; }
html[data-visual="novo"] #conteudo .vg-numero strong { font-size: 14px; }
html[data-visual="novo"] #conteudo :is(.vg-barra, .vg-barra i) { border-radius: 999px; }
/* Indicadores */
html[data-visual="novo"] #conteudo .indicadores { gap: 16px; }
html[data-visual="novo"] #conteudo .in-tabela th { font-size: 12px; }
html[data-visual="novo"] #conteudo .in-nota { border-radius: 9px; font-size: 20px; font-weight: 700; }
html[data-visual="novo"] #conteudo .in-avatar { font-weight: 700; }
html[data-visual="novo"] #conteudo .in-agora { font-weight: 600; }
html[data-visual="novo"] #conteudo :is(.in-acoes, .in-pilulas, .in-pilulas i, .in-modulo-topo, .in-pessoa, .in-cartao-pe) { gap: 8px; }
html[data-visual="novo"] #conteudo :is(.in-linha, .in-legenda, .in-cartoes) { gap: 12px; }
html[data-visual="novo"] #conteudo :is(.in-saude, .in-tres) { gap: 16px; }
html[data-visual="novo"] #conteudo :is(.in-metricas, .in-barras, [class*="in-palavra-"]) { gap: 4px; }

/* As ultimas sobras da recontagem de 06/11. Grupos: 16 entre o submenu e o conteudo, igual as outras telas. */
html[data-visual="novo"] #conteudo .vg-vazio strong { font-size: 14px; }
html[data-visual="novo"] #conteudo .vg-sigla { border-radius: 9px; font-size: 11px; font-weight: 700; }
html[data-visual="novo"] #conteudo .in-vazio { font-size: 12px; }
html[data-visual="novo"] #conteudo :is(.co-linha, .co-cabeca) { gap: 8px; }
html[data-visual="novo"] #conteudo .grp-tela > div:has(> .grp-conteudo) { gap: 16px; }

/* Contatos: seis cartoes estreitos cortavam a frase de apoio; ela quebra em duas linhas. */
html[data-visual="novo"] #conteudo .co-cartao[class*="co-cor-"] small { overflow: visible; white-space: normal; }

/* O envio desligado em vermelho tambem no visual novo. */
html[data-visual="novo"] #conteudo .nw-segmentos .nw-segmento.modo-ensaio.ligado { background: var(--vn-vermelho); color: #fff; }