/* PANEL EGUNPASA v745
   Reglas deliberadamente nuevas y acotadas: no reutilizan selectores viejos
   de panel-v7xx/egunpasa-design para no entrar en guerra de especificidad. */

/* Superficie y hero compartidos de las páginas corregidas en v745. */
.eg-v745-hero{
  background:rgba(13,17,20,.94); border:1px solid var(--borde); border-radius:18px;
  padding:24px 28px; margin:18px 0 16px; box-shadow:0 18px 45px rgba(0,0,0,.18);
}
.eg-v745-hero h1{margin:5px 0 6px;font-size:clamp(30px,4vw,54px);line-height:1.02}
.eg-v745-hero p{margin:0;max-width:980px;color:var(--tinta-suave);font-size:15px;line-height:1.55}
.eg-v745-kicker{color:#ff941e;font-size:12px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.eg-v745-surface{
  background:rgba(16,21,24,.96); border:1px solid var(--borde); border-radius:18px;
  padding:24px 28px; margin-bottom:18px; box-shadow:0 18px 45px rgba(0,0,0,.16);
}
.eg-v745-stack{display:flex;flex-direction:column;gap:22px}
.eg-v745-stack>section+section{border-top:1px solid var(--borde);padding-top:20px}
.eg-v745-muted{color:var(--tinta-suave);line-height:1.55}
.eg-v745-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:16px}
.eg-v745-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.eg-v745-summary article{background:rgba(5,8,10,.48);border:1px solid var(--borde);border-radius:12px;padding:14px 16px}
.eg-v745-summary span{display:block;color:var(--tinta-suave);font-size:12px;margin-bottom:5px}
.eg-v745-summary b{font-size:20px;line-height:1.15}
.eg-v745-section-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:12px}
.eg-v745-section-head h2,.eg-v745-stack h2{margin:3px 0 8px}
.eg-v745-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.eg-v745-grid2>section{background:rgba(5,8,10,.34);border:1px solid var(--borde);border-radius:14px;padding:18px}
.eg-v745-row{display:grid;grid-template-columns:minmax(120px,.7fr) minmax(220px,2fr) auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--borde)}
.eg-v745-row:last-child{border-bottom:0}.eg-v745-row small{color:var(--tinta-suave)}
.eg-v745-table{overflow:auto;border:1px solid var(--borde);border-radius:12px;background:rgba(4,7,9,.42)}
.eg-v745-table table{width:100%;border-collapse:collapse}.eg-v745-table th,.eg-v745-table td{padding:11px 13px;border-bottom:1px solid var(--borde);text-align:left;vertical-align:top}.eg-v745-table tr:last-child td{border-bottom:0}
.eg-v745-inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.eg-v745-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}
.eg-v745-card{display:flex;flex-direction:column;gap:5px;padding:15px;border:1px solid var(--borde);border-radius:12px;background:rgba(5,8,10,.45);color:inherit;text-decoration:none}
.eg-v745-card:hover{border-color:#a85c0a;background:rgba(168,92,10,.1)}.eg-v745-card span,.eg-v745-card small{color:var(--tinta-suave)}
.eg-v745-alerta{border:1px solid var(--borde);border-radius:12px;padding:16px 18px;background:rgba(5,8,10,.44)}
.eg-v745-alerta.error{border-color:rgba(210,65,65,.55);background:rgba(130,25,25,.12)}
.eg-v745-alerta.ok{border-color:rgba(49,180,105,.5);background:rgba(20,110,60,.12);color:#71e89e}

/* CONTROL: la cabecera y el contenido viven siempre en superficies sólidas. */
body.eg-pagina-mando .contenedor,body.eg-pagina-clips_virtuales .contenedor,
body.eg-pagina-salud .contenedor,body.eg-pagina-migraciones .contenedor,
body.eg-pagina-qa_visual .contenedor{padding-top:0}
.eg-v745-mando-surface{padding:10px;overflow:hidden}.eg-v745-mando-surface .eg-mando-shell{margin:0}

/* IAs: el hero deja de flotar y la navegación de chat/comentarios/test pasa al lateral. */
body.eg-pagina-ias .eg-ias-hero,body.eg-pagina-ias_pruebas .eg-ias-hero{background:rgba(13,17,20,.94)!important;border:1px solid var(--borde)!important;border-radius:18px!important;padding:24px 28px!important;margin:18px 0 16px!important}
body.eg-pagina-ias .panel-pestana,body.eg-pagina-ias_pruebas .panel-pestana{background:rgba(16,21,24,.96);border:1px solid var(--borde);border-radius:18px;padding:18px;margin-bottom:18px}
body.eg-pagina-ias .panel-pestana>.panel:first-child,body.eg-pagina-ias_pruebas .panel-pestana>.panel:first-child{margin-top:0}
/* IA Pruebas usa el mismo arranque y ancho que Ajustes/IA; su historial no
   debe reservar media pantalla cuando aún está vacío. */
body.eg-pagina-ias_pruebas .eg-ia-pruebas-page{padding-top:16px}
body.eg-pagina-ias_pruebas .ia-pruebas-historial{min-height:220px;max-height:min(52vh,520px)}
body.eg-pagina-ias_pruebas .ia-pruebas{margin:0}
.eg-v745-ia-subnav{margin:2px 0 8px 24px;padding-left:10px;border-left:1px solid rgba(255,148,30,.35);display:flex;flex-direction:column;gap:2px}
.eg-v745-ia-subnav a{padding:8px 10px;border-radius:8px;color:var(--tinta-suave);text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.02em}
.eg-v745-ia-subnav a:hover,.eg-v745-ia-subnav a.activo{color:#ff941e;background:rgba(255,148,30,.09)}

/* LoRA: tabla, controles y detalles dejan de quedar sueltos sobre los engranajes. */
body.eg-pagina-lora .eg-v745-lora>table{background:rgba(5,8,10,.42);border:1px solid var(--borde);border-radius:12px;overflow:hidden}
body.eg-pagina-lora .eg-v745-lora details{background:rgba(5,8,10,.34);border:1px solid var(--borde);border-radius:10px;padding:10px 12px}

@media(max-width:900px){
  .eg-v745-grid2{grid-template-columns:1fr}.eg-v745-hero,.eg-v745-surface{padding:18px 16px;border-radius:14px}
  .eg-v745-row{grid-template-columns:1fr}.eg-v745-section-head{flex-direction:column}
}