/* v712 · Sistema visual compartido de colas y procesos.
   No cambia la lógica de ninguna herramienta: unifica filas, barras,
   estados y resumen global usando los datos que cada backend ya entrega. */
.eg-cola-tool-v712{--q-orange:#ff861d;--q-active:#39ff88;--q-active-soft:rgba(57,255,136,.12);--q-warn:#ffe45e;--q-error:#ff4d6d;--q-border:rgba(229,231,235,.13);--q-panel:rgba(7,9,10,.96)}
.eg-cola-tool-v712 .cola-cabecera{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;padding:0 0 14px!important;margin-bottom:12px!important;border-bottom:1px solid rgba(229,231,235,.09)!important}
.eg-cola-tool-v712 .cola-cabecera h2{margin:0!important;font-size:23px!important;letter-spacing:-.02em}
.eg-cola-tool-v712 .cola-cabecera #colaResumen,.eg-cola-tool-v712 .cola-cabecera .silencio{grid-column:1;color:#9ba1a6!important;font-size:12px!important}
.eg-cola-tool-v712 .cola-acciones{grid-column:2;grid-row:1/3;display:flex!important;gap:8px!important;flex-wrap:wrap!important;justify-content:flex-end!important}
.eg-cola-tool-v712 .fila-cola{display:grid!important;grid-template-columns:44px minmax(0,1fr) minmax(210px,.72fr) auto!important;gap:13px!important;align-items:center!important;min-height:88px!important;margin:8px 0!important;padding:12px 14px!important;border:1px solid var(--q-border)!important;border-radius:13px!important;background:linear-gradient(180deg,rgba(15,18,21,.98),rgba(7,9,10,.99))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 9px 22px rgba(0,0,0,.22)!important;opacity:1!important}
.eg-cola-tool-v712 .fila-cola.procesando,.eg-cola-tool-v712 .fila-cola.bajando,.eg-cola-tool-v712 .fila-cola.enviando,.eg-cola-tool-v712 .fila-cola.activo{border-color:rgba(57,255,136,.55)!important;box-shadow:inset 3px 0 0 var(--q-active),inset 0 1px 0 rgba(255,255,255,.04),0 0 24px rgba(57,255,136,.08),0 12px 28px rgba(0,0,0,.29)!important}
.eg-cola-tool-v712 .fila-cola.hecho{opacity:.8!important}.eg-cola-tool-v712 .fila-cola.fallo{border-color:rgba(239,68,68,.34)!important}
.eg-cola-tool-v712 .fc-icono{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;border:1px solid #41464b!important;border-radius:50%!important;color:#aeb4b8!important;background:#090b0c!important;font-size:17px!important}
.eg-cola-tool-v712 .procesando .fc-icono,.eg-cola-tool-v712 .bajando .fc-icono,.eg-cola-tool-v712 .enviando .fc-icono{border-color:rgba(57,255,136,.72)!important;color:var(--q-active)!important;box-shadow:0 0 22px rgba(57,255,136,.24)!important}
.eg-cola-tool-v712 .fc-cuerpo{min-width:0!important}.eg-cola-tool-v712 .fc-nombre{color:#f1f2f3!important;font-size:14px!important;font-weight:760!important;line-height:1.35!important;overflow-wrap:anywhere!important}.eg-cola-tool-v712 .fc-fase{display:flex;gap:7px;align-items:center;flex-wrap:wrap;color:#949a9f!important;font-size:11.5px!important;margin-top:6px!important;opacity:1!important}.eg-cola-tool-v712 .fc-fase b{color:var(--q-active)!important;text-shadow:0 0 10px rgba(57,255,136,.34);font-size:10.5px!important;letter-spacing:.055em!important;text-transform:uppercase}
.eg-cola-tool-v712 .fc-acciones{display:flex!important;gap:7px!important;justify-content:flex-end!important;flex-wrap:wrap!important}
.eg-cola-tool-v712 .progreso,.eg-cola-tool-v712 .eg-v712-barra{height:8px!important;margin:7px 0 0!important;overflow:hidden!important;border-radius:999px!important;background:#202327!important;box-shadow:inset 0 1px 4px rgba(0,0,0,.8)!important}
.eg-cola-tool-v712 .progreso>div,.eg-cola-tool-v712 .eg-v712-barra>div{height:100%!important;border-radius:inherit!important;background:linear-gradient(90deg,#0bd96a,var(--q-active),#8affbd)!important;box-shadow:0 0 14px rgba(57,255,136,.42)!important;transition:width .3s ease!important}
.eg-cola-tool-v712 .eg-v712-barra.espera>div{background:#35393d!important;box-shadow:none!important}
.eg-cola-tool-v712 .eg-v712-progreso{min-width:210px}.eg-cola-tool-v712 .eg-v712-pct{display:flex;justify-content:space-between;gap:10px;margin-bottom:3px;color:#d8dcdf;font-size:11px}.eg-cola-tool-v712 .eg-v712-pct strong{color:var(--q-active);font-size:16px;text-shadow:0 0 10px rgba(57,255,136,.30)}.eg-cola-tool-v712 .eg-v712-meta{margin-top:5px;color:#858b91;font-size:10.5px}
.eg-v712-global{display:grid;grid-template-columns:190px minmax(240px,1fr) auto;gap:18px;align-items:center;margin-top:14px;padding:16px 18px;border:1px solid var(--q-border);border-radius:14px;background:radial-gradient(circle at 2% 50%,rgba(255,134,29,.09),transparent 24%),linear-gradient(180deg,rgba(11,14,16,.98),rgba(5,7,8,.99));box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 14px 32px rgba(0,0,0,.28)}
.eg-v712-global-num{display:flex;flex-direction:column;gap:4px;padding-right:16px;border-right:1px solid rgba(229,231,235,.09);color:#9ba1a6;font-size:10px;font-weight:800;letter-spacing:.07em}.eg-v712-global-num strong{color:var(--q-orange);font-size:34px;line-height:1}.eg-v712-global-bar{height:9px;border-radius:999px;background:#202327;overflow:hidden}.eg-v712-global-bar>div{height:100%;border-radius:inherit;background:linear-gradient(90deg,#d5600b,var(--q-orange),#ffad49);box-shadow:0 0 14px rgba(255,128,24,.3);transition:width .35s ease}.eg-v712-global-text{margin-top:6px;color:#8e9499;font-size:11px}.eg-v712-global-datos{display:flex;gap:14px;flex-wrap:wrap;color:#999fa4;font-size:11px}.eg-v712-global-datos b{color:#f2f3f4}
.eg-v712-proceso-unico{display:none;margin:12px 0;padding:14px;border:1px solid rgba(255,134,29,.25);border-radius:12px;background:rgba(7,9,10,.95)}.eg-v712-proceso-unico.activo{display:block}.eg-v712-proceso-unico .eg-v712-proceso-titulo{display:flex;justify-content:space-between;gap:12px;color:#f2f3f4;font-weight:750}.eg-v712-proceso-unico .eg-v712-proceso-fase{margin-top:6px;color:#959ba0;font-size:11.5px}.eg-v712-indeterminado>div{width:32%!important;animation:egv712move 1.35s ease-in-out infinite alternate}@keyframes egv712move{from{transform:translateX(-10%)}to{transform:translateX(220%)}}
/* Descargar/certificar: cada publicación tiene varias piezas. */
.eg-cola-tool-v712 .eg-v712-etapas{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.eg-cola-tool-v712 .eg-v712-etapa{padding:3px 6px;border:1px solid #30353a;border-radius:999px;color:#777e83;background:#0b0d0f;font-size:9.5px;font-weight:750;letter-spacing:.02em}.eg-cola-tool-v712 .eg-v712-etapa.ok{border-color:rgba(34,197,94,.34);color:#67c985}.eg-cola-tool-v712 .eg-v712-etapa.activa{border-color:rgba(57,255,136,.58);color:var(--q-active);background:rgba(57,255,136,.08);box-shadow:0 0 12px rgba(57,255,136,.12)}
/* Textos de actualización: misma familia/tamaño que el texto de alrededor. */
.eg-inline-label{font:inherit!important;color:#ff8a18!important;font-weight:750!important;letter-spacing:0!important;background:none!important;border:0!important;padding:0!important;border-radius:0!important}
@media(max-width:900px){.eg-cola-tool-v712 .fila-cola{grid-template-columns:38px minmax(0,1fr)!important}.eg-cola-tool-v712 .fc-cuerpo{grid-column:2}.eg-cola-tool-v712 .eg-v712-progreso,.eg-cola-tool-v712 .fc-acciones{grid-column:2!important;min-width:0}.eg-cola-tool-v712 .fc-acciones{justify-content:flex-start!important}.eg-v712-global{grid-template-columns:1fr}.eg-v712-global-num{border-right:0;border-bottom:1px solid rgba(229,231,235,.09);padding:0 0 10px}}
@media(max-width:560px){.eg-cola-tool-v712 .cola-cabecera{grid-template-columns:1fr!important}.eg-cola-tool-v712 .cola-acciones{grid-column:1!important;grid-row:auto!important;justify-content:flex-start!important}.eg-cola-tool-v712 .fila-cola{padding:11px!important}.eg-v712-global-num strong{font-size:30px}}


/* v712 · PANEL SUPERFICIES UNIFICADAS
   El lenguaje visual de Cola de trabajos se convierte en la base compartida:
   superficies opacas, bordes discretos y jerarquía consistente. */
:root{
  --eg-card-bg:linear-gradient(180deg,rgba(15,18,21,.985),rgba(7,9,10,.992));
  --eg-card-border:rgba(229,231,235,.13);
  --eg-card-radius:14px;
  --eg-card-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 12px 28px rgba(0,0,0,.26);
}
/* Títulos de página: nunca directamente sobre el vídeo. */
.eg-workspace :where(.contenedor,.ds-page,.not-main,.eg-cola-v705,.eg-transcriptor-v677) > h1,
.eg-workspace > :where(h1){
  display:block!important;
  width:fit-content;
  max-width:100%;
  margin:22px 0 14px!important;
  padding:12px 18px 13px!important;
  border:1px solid var(--eg-card-border)!important;
  border-left:3px solid #ff861d!important;
  border-radius:12px!important;
  background:var(--eg-card-bg)!important;
  box-shadow:var(--eg-card-shadow)!important;
  color:#f4f5f6!important;
  text-shadow:none!important;
}
/* Paneles y tarjetas: misma superficie que Cola de trabajos, sin translucidez. */
.eg-workspace :where(.panel,.tarjeta,.caja,.ds-panel,.not-card,.eg-cola-bloque,.eg-cola-anadir,.eg-cola-historial,.zona-suelta,.panel-pestana){
  background:var(--eg-card-bg)!important;
  border-color:var(--eg-card-border)!important;
  border-radius:var(--eg-card-radius)!important;
  box-shadow:var(--eg-card-shadow)!important;
  backdrop-filter:none!important;
}
/* Bloques explicativos sueltos: caja limpia, no texto flotando sobre el vídeo. */
.eg-workspace .contenedor > :where(p.ayuda,p.silencio,.alcance),
.eg-workspace .ds-page > :where(.ds-lead,.ds-muted),
.eg-workspace .eg-cola-tool-v712 > :where(p.ayuda,.alcance){
  display:block;
  box-sizing:border-box;
  padding:11px 14px!important;
  border:1px solid rgba(229,231,235,.10)!important;
  border-radius:11px!important;
  background:rgba(8,10,12,.985)!important;
  color:#adb2b7!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
/* Submenús/pestañas bajo el encabezado: banda opaca, no cristal transparente. */
.eg-workspace :where(.pestanas,.not-tabs,.pd-tabs,.filtros-canal){
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  box-sizing:border-box;
  margin:10px 0 15px!important;
  padding:8px!important;
  border:1px solid var(--eg-card-border)!important;
  border-radius:12px!important;
  background:rgba(8,10,12,.99)!important;
  box-shadow:var(--eg-card-shadow)!important;
  backdrop-filter:none!important;
}
.eg-workspace :where(.pestana,.not-tab,.pd-tab){
  background:#111416!important;
  border:1px solid #30353a!important;
  color:#b8bdc1!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
.eg-workspace :where(.pestana.activa,.not-tab.activo,.pd-tab.on){
  background:rgba(255,134,29,.09)!important;
  border-color:rgba(255,134,29,.52)!important;
  color:#ff922d!important;
}
/* Filas de controles y filtros también tienen una superficie estable. */
.eg-workspace .panel > .filtros,
.eg-workspace .panel-pestana > .filtros,
.eg-workspace .eg-cola-tool-v712 > .filtros{
  padding:8px 10px!important;
  border:1px solid rgba(229,231,235,.08)!important;
  border-radius:10px!important;
  background:#0a0d0f!important;
}
/* Encabezados secundarios dentro de paneles, sin transparencias. */
.eg-workspace :where(.section-head,.tarjeta-cabecera,.ds-panel-head,.cola-cabecera){
  background:#0b0e10!important;
  border-color:rgba(229,231,235,.09)!important;
}
/* Inputs y textareas: mismo negro de trabajo, no bloques de otro gris. */
.eg-workspace :where(input[type=text],input[type=email],input[type=number],input[type=url],textarea,select){
  background:#080a0c!important;
  border-color:#34393d!important;
  color:#e7e9eb!important;
  box-shadow:inset 0 1px 3px rgba(0,0,0,.5)!important;
}
/* Código/etiquetas incrustadas no cambian de familia tipográfica salvo registros reales. */
.eg-workspace :where(p,.ayuda,.alcance,h1,h2,h3,label) > code,
.eg-workspace .eg-inline-label{
  font-family:inherit!important;
  font-size:inherit!important;
  font-weight:750!important;
  letter-spacing:0!important;
  background:none!important;
  border:0!important;
  padding:0!important;
  border-radius:0!important;
  color:#ff922d!important;
}
.eg-workspace :where(.registro,.registro-desc,.ejemplo,pre) code{font-family:ui-monospace,Consolas,monospace!important}
@media(max-width:700px){
  .eg-workspace :where(.contenedor,.ds-page,.not-main,.eg-cola-v705,.eg-transcriptor-v677) > h1{width:auto;font-size:34px!important;padding:11px 13px!important}
  .eg-workspace :where(.pestanas,.not-tabs,.pd-tabs,.filtros-canal){overflow-x:auto;flex-wrap:nowrap}
  .eg-workspace :where(.pestana,.not-tab,.pd-tab){flex:0 0 auto}
}


/* v2.033 · detalle de trabajadores paralelos de Copias 360p. */
.eg-v2033-activos-360{display:grid;gap:8px;margin:10px 0 14px;padding:12px;border:1px solid rgba(57,255,136,.18);border-radius:12px;background:#0b0e0f}
.eg-v2033-activos-cab{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:0 2px 4px;color:#8c949a;font-size:11px}
.eg-v2033-activos-cab b{color:#39ff88;font-size:12px;text-transform:uppercase;letter-spacing:.05em}
.eg-v2033-activo{padding:10px 12px;border:1px solid #293036;border-radius:10px;background:#101315}
.eg-v2033-activo-top{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0}
.eg-v2033-activo-top b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e8ebed;font-size:12.5px}
.eg-v2033-activo-top strong{flex:0 0 auto;color:#39ff88;font-size:14px}
.eg-v2033-activo .eg-cola-fila-barra{margin-top:7px}
.eg-v2033-activo-meta{margin-top:5px;color:#7f878d;font-size:10.5px}
.eg-v2033-indeterminado{position:relative;overflow:hidden}.eg-v2033-indeterminado>div{position:absolute!important;width:34%!important;left:-34%;animation:egV2033Ind 1.25s linear infinite}@keyframes egV2033Ind{from{left:-34%}to{left:100%}}
.eg-v2033-transcriptor{margin-bottom:8px}
@media(max-width:700px){.eg-v2033-activos-cab{align-items:flex-start;flex-direction:column;gap:2px}.eg-v2033-activo-top{align-items:flex-start}.eg-v2033-activo-top b{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.eg-v2033-activo{padding:9px 10px}}