/* Fénix ERP · Corrección tema sol v3
   Sentinel usa varios estilos inline oscuros. Este selector identifica su
   contenedor por el botón Resumen que es hijo directo y permite aclarar el
   lienzo completo sin modificar JSX ni afectar el modo luna. */

.light div:has(> .sentinel-resumen-btn){
  min-height:100% !important;
  color:#1E2532 !important;
  background:
    radial-gradient(circle at 54% -8%,rgba(255,187,73,.15),transparent 27%),
    radial-gradient(circle at 5% 9%,rgba(124,58,237,.055),transparent 22%),
    linear-gradient(180deg,#F6F4F0 0%,#F1F2F5 62%,#F5F2ED 100%) !important;
}

.light div:has(> .sentinel-resumen-btn) .fx-font{color:#1E2532 !important;}

.light div:has(> .sentinel-resumen-btn) .sentinel-modulo-card{
  background:linear-gradient(160deg,#FFFEFC 0%,#FAF7F2 100%) !important;
  border-color:#E2DDD6 !important;
  box-shadow:0 10px 26px rgba(33,39,52,.075),0 1px 0 rgba(255,255,255,.92) inset !important;
}
.light div:has(> .sentinel-resumen-btn) .sentinel-modulo-card:hover{
  border-color:rgba(255,122,26,.34) !important;
  box-shadow:0 15px 34px rgba(33,39,52,.11),0 0 24px rgba(255,122,26,.055) !important;
}

/* Los textos de estas tarjetas tenían #fff / #9CA3AF inline. */
.light div:has(> .sentinel-resumen-btn) .sentinel-modulo-card > div:nth-child(2){color:#222936 !important;}
.light div:has(> .sentinel-resumen-btn) .sentinel-modulo-card > div:nth-child(3){color:#7B8492 !important;}
.light div:has(> .sentinel-resumen-btn) .sentinel-modulo-card > div:nth-child(2) > div:first-child{color:#222936 !important;}
.light div:has(> .sentinel-resumen-btn) .sentinel-modulo-card > div:nth-child(2) > div:last-child{color:#7B8492 !important;}

.light div:has(> .sentinel-resumen-btn) .sentinel-card{
  background:linear-gradient(180deg,#FFFEFC,#FFFFFF) !important;
  border-color:#E3DED7 !important;
  box-shadow:0 10px 28px rgba(33,39,52,.065) !important;
}

.light div:has(> .sentinel-resumen-btn) .sentinel-resumen-btn{
  background:linear-gradient(90deg,rgba(255,122,26,.085),rgba(124,58,237,.055)) !important;
  border-color:rgba(124,58,237,.22) !important;
  box-shadow:0 9px 24px rgba(33,39,52,.06) !important;
}
.light div:has(> .sentinel-resumen-btn) .sentinel-resumen-btn > span{color:#252C39 !important;}

.light div:has(> .sentinel-resumen-btn) .sentinel-fade-up[style*="background"]{
  background:linear-gradient(160deg,#FFFEFC 0%,#FAF7F2 100%) !important;
  border-color:#E2DDD6 !important;
  color:#1E2532 !important;
}

.light div:has(> .sentinel-resumen-btn) .fld{
  background:#FFFEFC !important;
  color:#1E2532 !important;
  border-color:#E1DCD5 !important;
}

/* El hero debe leerse como una cabecera clara, no como una isla negra. */
.light div:has(> .sentinel-resumen-btn) [style*="color: rgb(255, 255, 255)"],
.light div:has(> .sentinel-resumen-btn) [style*="color:#fff"],
.light div:has(> .sentinel-resumen-btn) [style*="color: #fff"]{
  color:#1E2532;
}

/* La entidad/íconos conservan sus colores propios. */
.light div:has(> .sentinel-resumen-btn) .sentinel-hablar-btn{
  animation-name:sentinelPulseGlowLight;
}

/* En la zona de métricas, las tarjetas ya no flotan sobre negro. */
.light div:has(> .sentinel-resumen-btn) table{background:transparent;}
.light div:has(> .sentinel-resumen-btn) thead{background:#F7F4EF;}

@supports not selector(div:has(> .sentinel-resumen-btn)){
  /* Chromium/Edge actuales sí soportan :has(). Este bloque solo evita una
     degradación agresiva en navegadores muy viejos. */
  .light .sentinel-card{background:#FFFEFC !important;}
  .light .sentinel-modulo-card{background:#FFFEFC !important;}
}
