/* Bethania v2.2.4 – reparación VISUAL del resumen de estado de cuenta.
   El contenedor #movement-summary contiene otro .statement-summary; el grid
   exterior colocaba los cinco indicadores dentro de UNA columna estrecha.
   Esta hoja no modifica los valores de PostgreSQL ni el JavaScript. */
#movement-summary[hidden]{display:none!important}
#movement-summary.statement-summary {
  display:block;
  width:100%;
  min-width:0;
  margin:22px 0 26px;
  padding:0;
}
#movement-summary > .statement-summary,
#movement-summary > .statement-summary.print-summary {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px;
  width:100%;
  min-width:0;
  margin:0;
}
#movement-summary > .statement-summary > article {
  box-sizing:border-box;
  min-width:0;
  min-height:116px;
  padding:18px 18px 16px;
  border:1px solid #e0e8f2;
  border-top:3px solid #183077;
  border-radius:17px;
  background:linear-gradient(180deg,#fff,#fafdff);
  box-shadow:0 12px 30px rgba(20,34,85,.06);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:10px;
}
#movement-summary > .statement-summary > article:nth-child(2){border-top-color:#6cc515}
#movement-summary > .statement-summary > article:nth-child(3){border-top-color:#16a085}
#movement-summary > .statement-summary > article:nth-child(4){border-top-color:#e3a125}
#movement-summary > .statement-summary > article:nth-child(5){border-top-color:#626acf}
#movement-summary > .statement-summary > article > small {
  display:block;
  width:100%;
  margin:0;
  color:#64748b;
  font-size:11px;
  line-height:1.4;
  font-weight:800;
  letter-spacing:.045em;
  text-transform:uppercase;
  white-space:normal;
  word-break:normal;
  overflow-wrap:normal;
}
#movement-summary > .statement-summary > article > strong {
  display:block;
  width:100%;
  color:#142255;
  font-size:clamp(18px,1.65vw,25px);
  line-height:1.2;
  font-weight:850;
  letter-spacing:-.035em;
  font-variant-numeric:tabular-nums;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  overflow-wrap:anywhere;
}
@media(max-width:1250px){
 #movement-summary > .statement-summary{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:750px){
 #movement-summary > .statement-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
 #movement-summary > .statement-summary > article{min-height:100px;padding:15px}
}
@media(max-width:460px){
 #movement-summary > .statement-summary{grid-template-columns:1fr}
}
@media print{
 #movement-summary.statement-summary{display:block!important;width:100%!important;}
 #movement-summary > .statement-summary{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}
 #movement-summary > .statement-summary > article{box-shadow:none;min-height:74px;padding:7px;border-radius:5px}
 #movement-summary > .statement-summary > article > small{font-size:8px}
 #movement-summary > .statement-summary > article > strong{font-size:12px;overflow-wrap:anywhere}
}
