/* ============================================================
   PRODUCIR · «Nueva corrida» (#/producir/nueva). Bloque 2A.
   Lo que era .cc-modos / .cc-temas / .cc-tema* / .cc-brief / .cc-otra-idea /
   .cc-research* en panel-crear.css, con prefijo pr-. Todo sale de tokens.css.
   ============================================================ */

.pr-wrap{ max-width:760px; }
.pr-cab{ display:flex; align-items:baseline; gap:var(--sp-4); flex-wrap:wrap; margin-bottom:var(--sp-6); }
.pr-cab h2{ margin:0; font-size:16px; font-weight:600; }
.pr-sub{ font-size:var(--fs-sm); color:var(--ink-3); }

.pr-cuenta{
  background:var(--s2); border:1px solid var(--line); border-radius:var(--r-md); padding:var(--sp-5);
}
.pr-cuenta h3{ margin:0 0 var(--sp-3); font-size:var(--fs-sm); font-weight:600; color:var(--ink-2); text-transform:uppercase; letter-spacing:.05em; }
.pr-cuenta p{ margin:0 0 var(--sp-3); color:var(--ink-2); font-size:12.5px; }
.pr-cuenta code{ font-family:var(--f-mono); font-size:11.5px; background:var(--s3); padding:1px 5px; border-radius:var(--r-xs); color:var(--ink); }
.pr-cuenta input{ width:100%; }
.pr-cuenta[hidden]{ display:none; }

/* Los tres puntos de partida del PASO 1 del comando, siempre a la vista. */
.pr-modos{ margin-bottom:var(--sp-5); }
.pr-modo-cuerpo textarea{ width:100%; resize:vertical; }
.pr-modo-cuerpo[hidden]{ display:none; }
.pr-modo-ayuda{ margin:7px 0 0; color:var(--ink-3); font-size:11.5px; line-height:1.5; }

.pr-temas{ display:flex; flex-direction:column; gap:var(--sp-2); max-height:320px; overflow-y:auto; }
.pr-tema{
  display:block; width:100%; text-align:left; padding:var(--sp-3) var(--sp-4); line-height:1.45;
  background:var(--s3); border:1px solid var(--line); border-radius:var(--r-sm);
}
.pr-tema[aria-pressed="true"]{ background:var(--turquesa-dim); border-color:var(--turquesa-line); }
.pr-tema b{ display:block; font-size:12.5px; font-weight:600; color:var(--ink); }
.pr-tema span{ display:block; margin-top:3px; color:var(--ink-3); font-size:11.5px; }
/* La idea que llegó por la ruta. No es un botón: ya está elegida. */
.pr-ficha{
  background:var(--s1); border:1px solid var(--line); border-radius:var(--r-md); padding:var(--sp-5) var(--sp-6);
}
.pr-ficha b{ font-size:14px; color:var(--ink); }
.pr-ficha-sub{ margin-top:3px; font-size:var(--fs-sm); color:var(--ink-3); }
.pr-vacio{ color:var(--ink-3); font-size:12.5px; padding:var(--sp-4) 0; }
.pr-link{
  background:none; border:0; padding:0; color:var(--ink-3); font-size:11.5px; text-decoration:underline; cursor:pointer;
}
.pr-link:hover{ color:var(--ink); border-color:transparent; }
.pr-otra-idea{ align-self:flex-start; margin-top:var(--sp-3); }
.pr-link[hidden]{ display:none; }

/* ---------- material que se lleva el pipeline ---------- */
.pr-material{ margin-top:var(--sp-6); }
.pr-material[hidden]{ display:none; }
.pr-material-titulo{ font-size:var(--fs-sm); color:var(--ink-2); margin-bottom:var(--sp-2); }
.pr-fuentes{ display:flex; flex-direction:column; gap:var(--sp-2); }
.pr-fuente{
  display:flex; align-items:center; gap:var(--sp-4); padding:var(--sp-3) var(--sp-4);
  background:var(--s1); border:1px solid var(--line); border-left:3px solid var(--ink-3); border-radius:var(--r-sm);
  font-size:12.5px; color:var(--ink-2);
}
.pr-fuente[data-estado="listo"]{ border-left-color:var(--turquesa); }
.pr-fuente[data-estado="procesando"], .pr-fuente[data-estado="pendiente"]{ border-left-color:var(--ambar); }
.pr-fuente[data-estado="fallo"], .pr-fuente[data-estado="cortada"]{ border-left-color:var(--rojo); }
.pr-fuente-cuerpo{ flex:1; min-width:0; }
.pr-fuente-titulo{ color:var(--ink); font-family:var(--f-mono); font-size:11.5px; overflow-wrap:anywhere; }
.pr-fuente-detalle{ font-size:var(--fs-xs); margin-top:2px; line-height:var(--lh-tight); }
.pr-fuente[data-estado="listo"] .pr-fuente-detalle{ color:var(--turquesa-ink); }
.pr-fuente[data-estado="fallo"] .pr-fuente-detalle, .pr-fuente[data-estado="cortada"] .pr-fuente-detalle{ color:var(--rojo-3); }
.pr-fuente-acciones{ flex:none; display:flex; gap:var(--sp-2); }
.pr-fuente-acciones button{ font-size:var(--fs-xs); padding:var(--sp-1) var(--sp-3); }
.pr-fuente-acciones:empty{ display:none; }
.pr-material-pie{ margin-top:var(--sp-3); display:flex; gap:var(--sp-2); }
.pr-material-pie button{ font-size:var(--fs-xs); padding:var(--sp-1) var(--sp-3); }
.pr-spin{
  display:inline-block; width:11px; height:11px; border:2px solid var(--line); border-top-color:var(--ambar);
  border-radius:50%; animation:pr-rot .8s linear infinite; vertical-align:middle; margin-right:var(--sp-2);
}
@keyframes pr-rot{ to{ transform:rotate(360deg); } }

/* «Falta configurar»: la voz de post-redes sin destilar. Mismo formato que el aviso del
   research en Ideas. */
.pr-aviso-cfg{
  margin-top:var(--sp-6); border-left:3px solid var(--ambar);
  background:linear-gradient(90deg, var(--ambar-dim), transparent 40%), var(--s1);
  border-radius:0 var(--r-sm) var(--r-sm) 0; padding:9px var(--sp-5); font-size:var(--fs-md); color:var(--ink-2);
}
.pr-aviso-cfg::before{
  content:"Falta configurar"; display:block; font:600 var(--fs-micro)/1 var(--f-mono); letter-spacing:.08em;
  text-transform:uppercase; color:var(--ambar-ink); margin-bottom:var(--sp-1);
}
.pr-aviso-cfg b{ color:var(--ink); }
.pr-aviso-cfg a{ color:var(--turquesa-ink); }
.pr-aviso-cfg[hidden]{ display:none; }
.pr-aviso-material{
  margin-top:var(--sp-3); border:1px solid var(--ambar); background:var(--ambar-dim);
  border-radius:var(--r-sm); padding:var(--sp-3) var(--sp-5); font-size:12.5px; color:var(--ink); line-height:1.4;
}
.pr-aviso-material[hidden]{ display:none; }

.pr-acciones{ display:flex; align-items:center; gap:var(--sp-4); flex-wrap:wrap; margin-top:var(--sp-6); }
.pr-hint{ font-size:var(--fs-sm); color:var(--ink-3); }
.pr-error{ margin-top:var(--sp-3); color:var(--rojo-ink); font-size:12.5px; }
.pr-error[hidden]{ display:none; }
.pr-seguir{
  display:flex; align-items:center; gap:7px; margin-top:var(--sp-5); color:var(--ink-2); font-size:11.5px; cursor:pointer;
}
.pr-seguir input{ width:auto; margin:0; }
.pr-pie{ margin:var(--sp-6) 0 0; font-size:var(--fs-sm); color:var(--ink-3); }
.pr-pie b{ color:var(--ink-2); }