/* Usa APENAS os tokens do global (não redefinir :root) */

/* Header local */
.header-actions{ display:flex; gap:10px; flex-wrap:wrap }

/* Botão com badge usando badge global */
.btn-has-badge{ position:relative }

/* Perfil (avatar + header) */
.profile-header{
  display:flex; gap:16px; align-items:center;
}
.avatar{
  width:108px; height:108px; border-radius:999px; object-fit:cover;
  border:2px solid var(--line);
}
.small-pills{ display:flex; gap:8px; flex-wrap:wrap; margin:.25rem 0 0 }
.pill{
  display:inline-flex; align-items:center; gap:8px;
  padding:6px 10px; border-radius:999px;
  border:1px solid var(--line); background:#fff; color:var(--ink);
  font-size:.9rem;
}

/* Títulos com ícone (cores globais) */
.title-row{ display:flex; align-items:center; gap:8px; color:var(--ink) }
.title-row i{ color:var(--muted) }

/* Grid de key-values */
.kv{ display:grid; grid-template-columns:1fr 1fr; gap:12px }
.kv > div{
  background:#fff; border:1px solid var(--line); border-radius:12px; padding:10px 12px;
}
.kv label{ display:block; font-size:.88rem; color:var(--muted); margin-bottom:4px }
.kv span{ font-weight:600; color:var(--ink) }
@media (max-width:880px){ .kv{ grid-template-columns:1fr } }

/* Social list */
.social-list{ display:flex; flex-direction:column; gap:10px }
.social-item{
  display:flex; align-items:center; gap:12px;
  padding:10px 12px; border:1px solid var(--line); border-radius:12px; background:#fff;
}
.social-item a{ color:var(--brand); text-decoration:none; font-weight:600; word-break:break-word }
.social-item a:hover{ filter:brightness(.9); text-decoration:underline }
.social-item i{ width:20px; text-align:center; color:var(--muted) }

/* Galeria */
.gallery-grid{
  display:grid; grid-template-columns:repeat(auto-fill,minmax(160px,1fr));
  gap:12px;
}
.gallery-item{
  position:relative; border-radius:12px; overflow:hidden; border:1px solid var(--line);
}
.gallery-item img{ width:100%; height:100%; object-fit:cover; aspect-ratio:1/1; transition:transform .2s }
.gallery-item:hover img{ transform:scale(1.03) }