/*
 * Painel · estilos de Configurações (Marca, Usuários e convites, Minha conta) — pacote A2.
 * Mesmas regras do painel.css: só layout, tudo com var(--token); nada de cor escrita à mão, de @font-face ou de @import.
 * Este arquivo é só do pacote: o painel.css fica para o que é de todos.
 */

/* ---------- Marca (P16): campos de um lado, prévia do outro ---------- */
.marca-form { display: flex; flex-direction: column; gap: var(--espaco-4); }
.marca-grade { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--espaco-6); align-items: start; }
.marca-grade .grade-campos { grid-template-columns: 1fr; }
.marca-grade .previas { grid-template-columns: 1fr; }
.rodape-form--inicio { justify-content: flex-start; }
@media (max-width: 900px) {
  .marca-grade { grid-template-columns: 1fr; gap: var(--espaco-4); }
}

/* ---------- Usuários (P17): diálogo de convite e de papel ---------- */
.dialogo-form { display: flex; flex-direction: column; gap: var(--espaco-4); max-height: 100%; overflow-y: auto; }
.dialogo-form h2 { margin: 0; }
.grupo-papel { border: 0; margin: 0; padding: 0; min-width: 0; display: flex; flex-direction: column; gap: var(--espaco-2); }
.grupo-papel legend { font-weight: 600; margin-bottom: var(--espaco-2); padding: 0; }

/* ---------- Minha conta (P19): dados de um lado, senha, verificação e sair do outro ---------- */
.conta-grade { display: grid; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); gap: var(--espaco-6); align-items: start; }
.grade-campos--uma { grid-template-columns: 1fr; }
@media (max-width: 480px) { .conta-grade { grid-template-columns: minmax(0, 1fr); } }

/* Recado vazio não ocupa espaço entre as seções. */
.so-se-cheio:empty { display: none; }