/* Estilos para el tab RESUMEN */

/*
  Estructura pedida:
  - Panel (Curso o Espera):
      BNB (bloque) debajo de TON (bloque)
  - Dentro de CADA bloque de moneda:
      Los campos Estado/Fecha/... deben quedar en fila (sin scroll)
*/

/* Los bloques se apilan verticalmente */
.resumen-horizontal{
  display:flex;
  flex-direction:column;
  gap:12px;
  align-items:stretch;
}

.resumen-item{
  width:100%;
}

/* Asegurar que el contenido interno del bloque no se “colapse” por grid del dashboard */
.resumen-item .posicion-field{
  /* usamos layout de fila como en el dashboard */
  display:flex;
}

/* Fuerza de layout horizontal para los campos dentro de “posiciones” */
/* Este selector apunta al contenedor de campos que renderiza renderEstadoPanel */
#posicionCursoResumen .posicion-field,
#posicionEsperandoResumen .posicion-field{
  display:inline-flex;
  flex-direction:column;
  margin-right:8px;
  min-width:88px;
}

#posicionCursoResumen,
#posicionEsperandoResumen{
  overflow-x:auto;
  overflow-y:hidden;
}