/**
 * ✏️ Editar e apagar as próprias mensagens — AstionGrupo
 *
 * @file paginas/AstionGrupo/css/grupo-editar.css
 * @versao_deploy 2026-10-06-q-as-mensagens-editam-e-apagam-tela
 *
 * Só os tokens --g-* do grupo.css. Folha própria, como a dos anexos: sem o módulo, nada disto pinta.
 */
.g-msg-mais {
  border: none; background: transparent; color: var(--g-texto-suave); cursor: pointer;
  padding: 0 6px; margin-left: 4px; font-size: 1.1rem; line-height: 1; border-radius: 6px;
}
.g-msg-mais:hover, .g-msg-mais:focus-visible { background: var(--g-superficie-2); color: var(--g-texto); }
.g-msg-editada { margin-left: 6px; font-size: .75rem; color: var(--g-texto-suave); font-style: italic; }

.g-msg-menu {
  position: absolute; z-index: 30; min-width: 170px; padding: 6px; display: flex; flex-direction: column;
  background: var(--g-superficie); border: 1px solid var(--g-borda); border-radius: var(--g-raio); box-shadow: var(--g-sombra);
}
.g-msg-menu-item {
  padding: 9px 12px; border: none; border-radius: 8px; background: transparent; color: var(--g-texto);
  font: inherit; text-align: left; cursor: pointer;
}
.g-msg-menu-item:hover, .g-msg-menu-item:focus-visible { background: var(--g-superficie-2); }
.g-msg-menu-perigo { color: var(--g-erro-texto); }

.g-editando {
  display: flex; align-items: center; gap: 10px; padding: 6px 10px; margin-bottom: 6px;
  background: var(--g-superficie-2); border-left: 3px solid var(--g-acento); border-radius: 6px; color: var(--g-texto); font-size: .9rem;
}
.g-editando-txt { flex: 1; }
.g-editando-x { border: none; background: transparent; color: var(--g-texto-suave); font-size: 1.2rem; cursor: pointer; }

/* 🙏 «Tudo quanto fizerdes, fazei-o de todo o coração.» — Colossenses 3.23 */