/* ===== Interacción (pestaña de Redes Sociales) =====
   Usa los botones, filtros, avisos y el control compacto de Comunidad y WhatsApp (cm-*, wa-control, wa-pop,
   wa-config…); aquí solo lo propio: las tarjetas de cada publicación con su comentario, el puntaje, las redes y los
   vaults de la configuración. Solo tokens del tema. */
.cm.ia{grid-template-columns:minmax(0,1fr)}
.ia [data-lucide],.ia svg.lucide{width:15px;height:15px;flex:none}
.ia .cm-boton svg.lucide-loader{animation:wa-gira 1s linear infinite}
.ia-agregar{display:grid;gap:10px;padding:14px;border:1px solid rgba(var(--accent-rgb),.35);border-radius:var(--rs-radio);background:var(--rs-panel);animation:wa-entra .15s ease-out}
.ia-agregar input,.ia-agregar textarea,.ia-probar input,.ia-op textarea{width:100%;box-sizing:border-box;padding:9px 11px;border:1px solid var(--rs-borde);border-radius:10px;
  background:var(--panel);color:var(--text);font:inherit;font-size:13px;line-height:1.5}
.ia-agregar input:focus,.ia-agregar textarea:focus,.ia-probar input:focus,.ia-op textarea:focus{border-color:rgba(var(--accent-rgb),.7);outline:2px solid rgba(var(--accent-rgb),.3);outline-offset:1px}
.ia-agregar .wa-nota a{color:var(--accent-2);font-weight:800}
.ia-marcador{cursor:grab}
.ia-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));gap:12px;align-items:start}
.ia-op{display:grid;gap:9px;padding:14px;border:1px solid var(--rs-borde);border-radius:var(--rs-radio);background:var(--rs-panel);min-width:0}
.ia-op.aprobada{border-color:rgba(var(--accent-rgb),.45)}
.ia-op.a_mano{border-color:rgba(var(--warn-rgb),.45)}
.ia-op.fallida{border-color:rgba(var(--danger-rgb),.45)}
.ia-op-cab{display:flex;align-items:center;gap:9px;min-width:0}
.ia-quien{display:grid;flex:1;min-width:0}
.ia-quien b{font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ia-quien small{font-size:11px;color:var(--muted)}
.ia-puntaje{display:inline-grid;place-items:center;min-width:30px;height:24px;padding:0 7px;border-radius:999px;font-size:11.5px;font-weight:800;font-variant-numeric:tabular-nums}
.ia-puntaje.alto{background:rgba(var(--ok-rgb),.16);color:var(--ok)}
.ia-puntaje.medio{background:rgba(var(--warn-rgb),.16);color:var(--warn)}
.ia-puntaje.bajo{background:rgba(var(--fg-rgb),.08);color:var(--muted)}
.ia-texto{margin:0;font-size:12.5px;line-height:1.55;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:5;
  -webkit-box-orient:vertical;overflow:hidden}
.ia-razon{display:flex;align-items:flex-start;gap:6px;margin:0;font-size:11.5px;color:var(--muted);line-height:1.45}
.ia-razon svg.lucide{color:var(--warn)}
.ia .ia-abrir{justify-self:start}
.ia-comentario{display:grid;gap:6px}
.ia-op textarea{min-height:84px;resize:vertical}
.ia-op textarea[readonly]{background:var(--rs-panel-2);color:var(--muted)}
.ia-comentario-pie{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.ia-fuentes{display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap;font-size:11px;color:var(--muted)}
.ia-fuentes span{padding:1px 7px;border-radius:999px;background:rgba(var(--accent-rgb),.12);color:var(--accent-2);font-weight:700}
.ia-sale{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0;padding:7px 10px;border-radius:10px;background:rgba(var(--accent-rgb),.1);font-size:12px;color:var(--text)}
.ia-sale.espera{background:rgba(var(--warn-rgb),.12)}
.ia-sale.ok{background:rgba(var(--ok-rgb),.1)}
.ia-sale .cm-enlace{margin-left:auto}
.ia-red{display:grid;grid-template-columns:110px auto minmax(160px,220px) minmax(0,1fr);align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--rs-borde)}
.ia-red:last-of-type{border-bottom:0}
.ia-red small{font-size:11px;color:var(--muted);line-height:1.4}
.ia-config{grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr))}
.ia-config .ia-redes,.ia-config .ia-conocimiento{grid-column:1/-1}
.ia-vault{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:8px;align-items:center;margin-bottom:6px}
.ia-probar{display:flex;gap:8px}
.ia-probar input{flex:1;min-width:0}
.ia-fragmentos{display:grid;gap:6px;margin:0;padding:0;list-style:none}
.ia-fragmentos li{padding:8px 10px;border-radius:10px;background:var(--rs-panel-2);font-size:12px}
.ia-fragmentos p{margin:3px 0 0;color:var(--muted);line-height:1.45}
@container rs (max-width:760px){
  .ia-red{grid-template-columns:1fr auto;grid-template-areas:"red activa" "modo modo" "nota nota"}
  .ia-red>.cm-red{grid-area:red}.ia-red>.wa-check{grid-area:activa}.ia-red>.ts-wrapper,.ia-red>select{grid-area:modo}.ia-red>small{grid-area:nota}
  .ia-vault{grid-template-columns:1fr}
  .ia-probar{flex-direction:column}
  .ia .cm-cab-botones .wa-control{flex:1 1 100%;justify-content:space-between}
  .ia .cm-modo{display:flex;width:100%;overflow-x:auto;scrollbar-width:none}
  .ia .cm-modo button{flex:none;white-space:nowrap}
}