/* Reset mínimo */
html, body { height: 100%; margin: 0; }

/* Contenedor a pantalla completa */
.bb-parent{
  display:flex;
  flex-direction:column;
  min-height:100svh;    /* mejor que 100vh en móviles modernos */
}

/* Banda superior opcional */
.bb-banner{
  width:100%;
  height:30px;
  background:#f00;      /* cámbialo o elimina el div si no lo quieres */
}

/* Iframe ocupa todo el espacio restante */
#bb-frame{
  display:block;
  width:100%;
  height:100%;
  border:0;
  flex:1 1 auto;
  min-height:0;         /* evita overflow en Safari/Firefox dentro de flex */
  background:#000;
}