/*
 * Grupizo - Marca compartilhada
 * Estrutura da assinatura visual usada na autenticação e na sidebar.
 *
 * Cores e tamanhos específicos continuam sob responsabilidade da página ou
 * do componente que contém a marca. Aqui ficam somente estrutura e mídia.
 */

.brand-mark {
  border-color: rgba(0,212,255,.48);
  color: #e6e8ec;
  background: linear-gradient(145deg, rgba(58,123,255,.44), rgba(123,92,255,.31));
  box-shadow: inset 0 1px rgba(255,255,255,.18), 0 0 25px rgba(58,123,255,.22);
}

.brand-mark img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
}

.brand { display: inline-flex; width: fit-content; align-items: center; gap: 11px; font-family: Sora, sans-serif; font-size: 20px; font-weight: 600; color: var(--text); letter-spacing: -.7px; }
.brand:hover { color: white; }
.brand-mark { display: grid; place-items: center; width: 35px; height: 35px; border: 1px solid rgba(0, 212, 255, .5); color: #b6ecff; background: linear-gradient(145deg, rgba(58, 123, 255, .27), rgba(0, 212, 255, .12)); box-shadow: inset 0 1px rgba(255,255,255,.2), 0 0 25px rgba(58, 123, 255, .18); border-radius: 11px; }
.brand-mark svg { width: 24px; height: 24px; }