/* v715 · Ajustes usa una sola superficie visual de principio a fin. */
:root{
  --eg715-panel:#0d1012;
  --eg715-panel-soft:#0d1012;
  --eg715-line:rgba(229,231,235,.14);
}

/* Una sola fuente de verdad para las superficies de la página. */
body.eg-pagina-ajustes{
  --eg713-bg:var(--eg715-panel);
  --eg714-surface:var(--eg715-panel);
  --eg714-surface-2:var(--eg715-panel);
}

/* Todos los bloques principales tienen exactamente el mismo fondo. */
body.eg-pagina-ajustes .eg-ajustes-hero,
body.eg-pagina-ajustes .eg-ajustes-kpi,
body.eg-pagina-ajustes .eg-ajustes-action-card,
body.eg-pagina-ajustes .eg-ajustes-tech,
body.eg-pagina-ajustes .eg-ajustes-config-panel{
  background:var(--eg715-panel)!important;
  border-color:var(--eg715-line)!important;
}

/* El desplegable técnico ya no cambia de tono al abrirse. */
body.eg-pagina-ajustes .eg-ajustes-tech-body{
  background:var(--eg715-panel)!important;
}

/* Configuración deja de parecer una caja metida dentro de otra caja. */
body.eg-pagina-ajustes .eg-ajustes-config-panel{
  padding:0!important;
  overflow:hidden!important;
}
body.eg-pagina-ajustes .eg-ajustes-config-head{
  background:transparent!important;
  border-bottom:1px solid var(--eg715-line)!important;
  margin:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

/* Quita cualquier tinte/overlay heredado de .panel que cambie el tono. */
body.eg-pagina-ajustes .eg-ajustes-config-panel::before,
body.eg-pagina-ajustes .eg-ajustes-config-panel::after{
  display:none!important;
  content:none!important;
}

/* La tabla técnica sigue siendo una subzona funcional, pero sin un tercer color de panel. */
body.eg-pagina-ajustes .eg-ajustes-tech-body table{
  background:#090b0d!important;
}

/* v2.020: proporción y tamaño del logo se gobiernan desde base.html para evitar reglas competidoras. */