/* ILS_V19_UI_CSS — ajuste fino posterior a v18 */

/* 1) LED de estatus: se mueve al lado derecho del porcentaje principal. */
.hero-readout{position:relative!important;}
.afp-line.afp-line-actions{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(158px,214px)!important;
  align-items:center!important;
  gap:.88rem!important;
  margin:0 0 .52rem!important;
}
.afp-value{
  display:inline-flex!important;
  align-items:flex-start!important;
  width:max-content!important;
  max-width:100%!important;
  min-width:0!important;
}
.afp-value > #lamp{
  position:relative!important;
  display:inline-block!important;
  flex:0 0 auto!important;
  width:.66rem!important;
  height:.66rem!important;
  min-width:.66rem!important;
  min-height:.66rem!important;
  margin-left:.42rem!important;
  margin-top:clamp(1.72rem,5.7vw,2.34rem)!important;
  border-radius:999px!important;
  opacity:.92!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 0 0 3px rgba(255,255,255,.035)!important;
}
.afp-value > #lamp.verde{
  background:#34d399!important;
  box-shadow:0 0 0 3px rgba(52,211,153,.08),0 0 14px rgba(52,211,153,.66)!important;
}
.afp-value > #lamp.amarillo{
  background:#f2b544!important;
  box-shadow:0 0 0 3px rgba(242,181,68,.08),0 0 14px rgba(242,181,68,.62)!important;
}
.afp-value > #lamp.rojo{
  background:#f26464!important;
  box-shadow:0 0 0 3px rgba(242,100,100,.08),0 0 14px rgba(242,100,100,.62)!important;
}
.afp-meta{
  display:none!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
}
#estadoTxt{display:none!important;}

/* En caso de que el navegador cargue antes de mover el LED, no dejarlo visible abajo. */
.afp-meta #lamp{display:none!important;}
.afp-value #lamp{display:inline-block!important;}

/* 2) Botones del hero: conservar balance de v18 sin invadir lectura del AFP. */
.hero-report-actions{
  justify-content:center!important;
  align-self:center!important;
}
.hero-report-actions .btn{
  min-height:2.62rem!important;
}

/* 3) Colapsables cerrados: una sola línea, sin hint ni espacio desperdiciado. */
.v18-collapsible.v18-collapsed > .panel-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:.62rem!important;
  flex-wrap:nowrap!important;
  margin-bottom:0!important;
  width:100%!important;
}
.v18-collapsible.v18-collapsed > .panel-head h2{
  flex:1 1 auto!important;
  min-width:0!important;
  margin:0!important;
  line-height:1.18!important;
  white-space:normal!important;
}
.v18-collapsible.v18-collapsed > .panel-head .hint{
  display:none!important;
}
.v18-collapsible.v18-collapsed > .panel-head .icon-btn,
.v18-collapsible.v18-collapsed > .panel-head .v18-toggle-btn{
  flex:0 0 auto!important;
  align-self:center!important;
  justify-self:end!important;
}
.v18-collapsible.v18-collapsed > .panel-head .v18-toggle-btn{
  margin-left:.12rem!important;
}
.v18-collapsible.v18-collapsed{
  padding-top:1rem!important;
  padding-bottom:1rem!important;
}

/* Abierto: mantener encabezado limpio y botón alineado arriba a la derecha. */
.v18-collapsible:not(.v18-collapsed) > .panel-head{
  align-items:center!important;
}
.v18-collapsible:not(.v18-collapsed) > .panel-head .v18-toggle-btn,
.v18-collapsible:not(.v18-collapsed) > .panel-head .icon-btn{
  align-self:center!important;
}

@media (min-width:760px){
  .afp-line.afp-line-actions{grid-template-columns:minmax(0,1fr) minmax(190px,236px)!important;}
}

@media (max-width:420px){
  .afp-line.afp-line-actions{
    grid-template-columns:minmax(0,1fr) minmax(132px,158px)!important;
    gap:.58rem!important;
    margin-bottom:.42rem!important;
  }
  .afp-value > #lamp{
    width:.58rem!important;
    height:.58rem!important;
    min-width:.58rem!important;
    min-height:.58rem!important;
    margin-left:.34rem!important;
    margin-top:clamp(1.48rem,7.5vw,1.9rem)!important;
  }
  .hero-report-actions .btn{min-height:2.18rem!important;}
  .v18-collapsible.v18-collapsed > .panel-head{gap:.48rem!important;}
  .v18-collapsible.v18-collapsed > .panel-head h2{font-size:.98rem!important;}
  .v18-collapsible.v18-collapsed > .panel-head .v18-toggle-btn{min-width:4.65rem!important;padding:.42rem .62rem!important;}
}

@media (max-width:350px){
  .afp-line.afp-line-actions{grid-template-columns:1fr!important;}
  .hero-report-actions{max-width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;}
}