/* ============================================================
   REDES.LAB · Estilos dos painéis R e V (screens_rv.jsx)
   Injetado pelo próprio módulo. Cobre:
   1. Fila de validação: devolução com várias orientações
   2. Mapa de apoios: marcação de mentoria por organização
   ============================================================ */

/* --- 1 · Devolução com várias orientações --- */

/* as fichas viram alternáveis: ícone de confere quando marcada */
.dev-cat{display:inline-flex;align-items:center;gap:5px;}
.dev-cat svg{flex:0 0 auto;}

/* prévia do que a associação recebe, dentro da caixa de devolução */
.dev-previa{
  margin:2px 0 10px;
  padding:10px 12px;
  border:1.5px dashed var(--rule);
  border-radius:10px;
  background:var(--surface-sunk,transparent);
}
.dev-previa-titulo{
  font-family:var(--mono);
  font-size:10px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--body-soft);
  margin-bottom:6px;
}
.dev-previa ul{margin:0;padding-left:16px;display:flex;flex-direction:column;gap:3px;}
.dev-previa li{
  font-family:var(--mono);
  font-size:11.5px;
  color:var(--body);
  line-height:1.5;
}

/* resumo no cartão já devolvido */
.dev-resumo{margin:6px 0 0;padding-left:16px;display:flex;flex-direction:column;gap:3px;}
.dev-resumo li{
  font-family:var(--mono);
  font-size:11.5px;
  color:var(--body);
  line-height:1.5;
}
.dev-resumo .dev-resumo-texto{list-style:none;margin-left:-16px;margin-top:3px;font-style:italic;color:var(--body-soft);}

/* --- 2 · Mapa de apoios: botão de mentoria com estado próprio --- */

.rl-btn-mentoria{white-space:nowrap;}
.rl-btn-mentoria.on{
  border-color:var(--verde-vivo);
  background:color-mix(in srgb,var(--verde-vivo) 14%,transparent);
  color:#0a8a4a;
  font-weight:700;
}
.rl-btn-mentoria.on:hover{
  border-color:var(--verde-vivo);
  background:color-mix(in srgb,var(--verde-vivo) 20%,transparent);
  color:#0a8a4a;
}

/* celular: o botão desce para a linha de baixo, largura cheia, alvo de toque maior */
@media (max-width:640px){
  .apoio-row{flex-wrap:wrap;}
  .rl-btn-mentoria{width:100%;justify-content:center;min-height:40px;}
}