/* master.css — Painel do Fundador. Complementa admin.css (mesmo design system
   do mockup); aqui só o que é exclusivo desta tela. */

body { min-height: 100vh; }

.link-voltar-painel {
  display: inline-flex; align-items: center; gap: 8px;
  color: var(--text-dark); text-decoration: none; font-weight: 700; font-size: 0.86rem;
  padding: 9px 14px; border-radius: var(--radius-pill); border: 1px solid var(--border-color); background: var(--card-bg);
  transition: 0.2s var(--ease-standard);
}
.link-voltar-painel:hover { background: var(--teal-soft); color: var(--primary-teal); border-color: var(--teal-light); }

/* Cabeçalho da pessoa logada — anel giratório nas cores do grupo (azul,
   verde e dourado), mesmo selo de identidade do perfil no app. */
.fundador-cabecalho { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; margin-bottom: 22px; }
.fundador-anel {
  flex: none; width: 84px; height: 84px; border-radius: 50%; padding: 5px;
  background: conic-gradient(var(--primary-blue) 0 33%, var(--green) 33% 66%, var(--accent-gold) 66% 100%);
  animation: girarAnel 14s linear infinite;
}
@media (prefers-reduced-motion: reduce) { .fundador-anel { animation: none; } }
@keyframes girarAnel { to { transform: rotate(360deg); } }
.fundador-anel-miolo {
  width: 100%; height: 100%; border-radius: 50%; background: var(--card-bg); overflow: hidden;
  display: flex; align-items: center; justify-content: center; font-family: var(--font-display); font-weight: 800; font-size: 1.5rem; color: var(--primary-blue);
  animation: girarAnel 14s linear infinite reverse;
}
@media (prefers-reduced-motion: reduce) { .fundador-anel-miolo { animation: none; } }
.fundador-anel-miolo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.fundador-cabecalho-info { flex: 1; min-width: 220px; }
.fundador-cabecalho-info h1 { font-size: 1.6rem; font-weight: 800; line-height: 1.15; margin-bottom: 8px; }
.fundador-chips { display: flex; gap: 8px; flex-wrap: wrap; }
.fundador-cabecalho-info p { font-size: 0.84rem; margin-top: 10px; max-width: 560px; }

#indicadorEstrelas { margin: 6px 0 26px; }
#indicadorEstrelas:empty { display: none; }
.card-navy .vazio { color: rgba(255, 255, 255, 0.75); font-size: 0.85rem; margin-top: 12px; font-style: italic; }