/* ---------- fileira de autores (authors_functions.php) ----------
   Avatares redondos entre as etiquetas e o bloco do topo; clicar filtra o
   feed. Tamanho/cor do anel vêm das Configurações de Autores
   (--author-size/--author-ring). Mesmo comportamento das etiquetas: quebra
   em linhas no desktop com mouse, desliza com o dedo no toque. */
.author-row { display: flex; flex-wrap: wrap; gap: 14px; margin: -6px 0 20px; }
.author-chip { flex: none; display: flex; flex-direction: column; align-items: center; gap: 5px; width: calc(var(--author-size, 56px) + 14px); text-decoration: none; color: #c9c9d4; }
.author-face { position: relative; display: block; width: var(--author-size, 56px); height: var(--author-size, 56px); border-radius: 50%; padding: 2px; background: var(--author-ring, #e62950); transition: transform .15s ease; }
.author-face img { display: block; width: 100%; height: 100%; border-radius: 50%; object-fit: cover; border: 2px solid #0d0d12; background: #1a1a22; }
.author-chip:hover .author-face { transform: scale(1.06); }
.author-chip.active .author-face { box-shadow: 0 0 0 3px rgba(255,255,255,.75); }
.author-chip.active .author-name { color: #fff; font-weight: 700; }
.author-clear { position: absolute; top: -2px; right: -2px; width: 20px; height: 20px; border-radius: 50%; background: #fff; color: #111; font-size: 15px; line-height: 19px; text-align: center; font-weight: 700; box-shadow: 0 1px 4px rgba(0,0,0,.5); }
.author-name { max-width: 100%; font-size: 11px; line-height: 1.2; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.author-chip:hover .author-name { color: #fff; }
@media (hover: none), (max-width: 760px) {
  .author-row {
    flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x proximity;
    scrollbar-width: none; -webkit-overflow-scrolling: touch; padding: 4px 2px;
  }
  .author-row::-webkit-scrollbar { display: none; }
  .author-chip { scroll-snap-align: start; }
  .author-row.fade-right { -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 36px), transparent); mask-image: linear-gradient(to right, #000 calc(100% - 36px), transparent); }
  .author-row.fade-left { -webkit-mask-image: linear-gradient(to right, transparent, #000 36px); mask-image: linear-gradient(to right, transparent, #000 36px); }
  .author-row.fade-left.fade-right { -webkit-mask-image: linear-gradient(to right, transparent, #000 36px, #000 calc(100% - 36px), transparent); mask-image: linear-gradient(to right, transparent, #000 36px, #000 calc(100% - 36px), transparent); }
}
/* Avatar + nome do autor no post (artigo e vídeo). */
.author-byline { display: inline-flex; align-items: center; gap: 8px; margin-top: 10px; text-decoration: none; color: #b8b8c6; font-size: 14px; }
.author-byline img { width: 34px; height: 34px; border-radius: 50%; object-fit: cover; border: 2px solid var(--author-ring, #e62950); }
.author-byline strong { color: #fff; }
.author-byline:hover strong { text-decoration: underline; }

/* Selo "AI": personagem criada com IA (authors.is_ai) — no avatar da fileira e
   no "By …" do post. Mesmo roxo do selo do chat. */
.ai-badge { display: inline-block; padding: 1px 6px; border-radius: 6px; background: #5b3df0; color: #fff; font-size: 10px; font-weight: 800; line-height: 1.4; letter-spacing: .04em; vertical-align: middle; font-style: normal; text-decoration: none; }
.author-face-ai { position: absolute; right: -6px; bottom: -3px; z-index: 1; padding: 0 5px; font-size: 9px; border: 2px solid #0d0d12; }
.author-byline .ai-badge { margin-left: 2px; }