/* ============================================================
   dashboard.community.css — dashboard do CommunityRX (repo: landing-community)
   ============================================================
   Só o que é deste produto. A base comum (filtros, cartão, modo de
   gestão, responsivo...) vive em rx-core/dashboard-layout.css, que
   tem de ser carregado ANTES deste ficheiro.
   ============================================================ */

.submit-form { flex-wrap: nowrap; }

/* ── Espaçamento da linha de acções da barra de filtros ── */
.filter-bar-actions { gap: 0.625rem; }
@media (max-width: 640px) {
  .filter-bar-actions { gap: 0.5rem; }
}

/* .score-pill "nu" (sem .card-market-badge) — usado directamente no card
   inline para mostrar o health_score (CommunityRX). Mesmas cores da
   variante .card-market-badge acima, para consistência visual. */
.score-pill {
  font-family: var(--rx-font-body);
  font-size: 0.75rem;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  padding: 0.1875rem 0.5rem;
  border-radius: 5px;
  line-height: 1.3;
  white-space: nowrap;
}
.score-pill-good { background: color-mix(in srgb, var(--rx-good) 14%, transparent); color: var(--rx-good); }
.score-pill-bad  { background: color-mix(in srgb, var(--rx-bad) 14%, transparent);  color: var(--rx-bad); }
.score-pill-okay { background: color-mix(in srgb, var(--rx-warn) 14%, transparent); color: var(--rx-warn); }
.score-pill-warn { background: rgba(249,115,22,0.18); color: #fb923c; }

/* ── Resumo no corpo expandido do cartão ── */
.analysis-card-summary { margin-bottom: 1rem; }
.analysis-duration { font-size: 0.6875rem; color: var(--text-3); margin: -0.5rem 0 1rem; font-family: var(--rx-font-mono); text-align: right; }
.analysis-summary-line { font-size: 0.875rem; color: var(--text-2); line-height: 1.55; margin-bottom: 0.375rem; }
.analysis-summary-bits { font-size: 0.75rem; color: var(--text-2); opacity: 0.85; }

@media (max-width: 600px) {
  /* CommunityRX só tem 2 botões neste rodapé (Resumo visual + Relatório
     completo, nunca 3 como no ImóvelRX) — cabe mostrar texto+ícone nos
     dois, não só o ícone (Aug 2026, pedido do utilizador: texto por
     extenso sempre que couber, não só o ícone sozinho). */
  .analysis-card-body-footer { flex-wrap: nowrap; gap: 0.5rem; }
  .analysis-view-btn {
    padding: 0.5625rem 0.625rem;
    font-size: 0.75rem;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
  }
  /* Subtítulo do cartão em 2 linhas (Aug 2026, pedido do utilizador) —
     participantes+mensagens numa linha, datas+duração na linha de
     baixo. Em ecrãs maiores fica tudo junto, como já estava. */
  .analysis-meta-sep { display: none; }
  .analysis-meta-dates { display: block; margin-top: 0.125rem; }
}

/* ── Plataforma de chat (canto do cartão) ──
   Etiqueta neutra (Out 2026), igual à "Venda" do ImóvelRX: a base está no
   rx-core (.transaction-badge em dashboard-layout.css). Antes cada
   plataforma tinha a sua cor de marca — a do Threema (laranja)
   confundia-se com a cor de aviso. */

/* Badge de plataforma (WhatsApp/Telegram) — ver .transaction-badge.whatsapp/
   .telegram acima; movido para a posição de canto (mesma do ImóvelRX),
   deixou de ser uma pílula inline junto ao título. */

/* Banner de erro do formulário de submissão — anotação junto à caixa de
   upload (não um banner permanente no topo da página), com
   aparecer/desaparecer suave. showError() (dashboard.js) alterna a classe
   .visible; o próprio texto/timer de auto-desaparecimento também lá está. */
.submit-section .error-banner {
  display: block;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  margin-top: 0;
  padding: 0 0.875rem;
  font-size: 0.8125rem;
  line-height: 1.5;
  color: var(--red, #ef4444);
  background: rgba(239,68,68,0.1);
  border: 1px solid rgba(239,68,68,0.25);
  border-radius: 8px;
  transition: max-height 0.25s ease, opacity 0.2s ease, margin-top 0.25s ease, padding 0.25s ease;
}
.submit-section .error-banner.visible {
  max-height: 120px;
  opacity: 1;
  margin-top: 0.75rem;
  padding: 0.625rem 0.875rem;
}

/* ── Identidade (fase 3): cartão da lista com a forma do produto e
   pontuação em Sora com algarismos de largura fixa. ── */
.score-pill { font-variant-numeric: tabular-nums; font-weight: 650; }
.analysis-card { border-radius: 14px; border-color: var(--rx-border); box-shadow: var(--cr-card-shadow); }
.analysis-card:hover { border-color: var(--rx-border-strong); }