/* F07 — casca da GESTÃO de landing pages (dentro de Comunicação).
 *
 * A tela é mestre-detalhe de DOIS painéis: a lista de páginas e o editor da
 * página escolhida. Não usa `.tres-colunas` de propósito — aquela casca começa
 * com a coluna do menu de Ajustes, que é exatamente o que fazia a landing page
 * parecer uma configuração do sistema.
 *
 * `min-width: 0` nos painéis é obrigatório: item de grid nasce com
 * `min-width: auto` e o conteúdo largo (o link público, que é uma URL sem
 * espaço) empurra a coluna e corta a tela.
 */

.lp-gestao {
  padding: var(--esp-5);
  display: flex;
  flex-direction: column;
  gap: var(--esp-4);
}

.lp-gestao__cabecalho {
  display: flex;
  flex-direction: column;
  gap: var(--esp-1);
  max-width: 60ch;
}

.lp-gestao__paineis {
  display: grid;
  grid-template-columns: minmax(0, 320px) minmax(0, 1fr);
  gap: 0;
  align-items: stretch;
  min-height: calc(100vh - var(--alt-barra-topo) - 9rem);
  background: var(--cor-fundo-elevado);
  border: 1px solid var(--cor-borda);
  border-radius: var(--raio-lg);
  overflow: hidden;
}

.lp-gestao__painel {
  min-width: 0;
  overflow-y: auto;
}

.lp-gestao__painel--lista { border-right: 1px solid var(--cor-borda); }

/* A URL pública é uma palavra só e comprida: quebra em qualquer ponto em vez
   de esticar o painel. */
.lp-gestao__painel a[href^="http"] { overflow-wrap: anywhere; }

@media (max-width: 860px) {
  .lp-gestao { padding: var(--esp-3); }
  .lp-gestao__paineis { grid-template-columns: 1fr; min-height: 0; }
  .lp-gestao__painel--lista { border-right: 0; border-bottom: 1px solid var(--cor-borda); }
}