.ogex-flow-v1{
  margin-top:16px;
  padding:16px;
  border:1px solid rgba(148,163,184,.18);
  border-radius:14px;
  background:rgba(7,16,24,.72);
}

.ogex-flow-head{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
}

.ogex-flow-head small{
  opacity:.62;
  letter-spacing:.08em;
}

.ogex-flow-head h3{
  margin:4px 0 0;
}

.ogex-flow-pill{
  border:1px solid rgba(148,163,184,.25);
  padding:4px 9px;
  border-radius:999px;
  font-size:11px;
  font-weight:700;
}

.ogex-flow-score{
  display:grid;
  grid-template-columns:1fr 2fr;
  gap:10px;
  margin-top:14px;
}

.ogex-flow-score>div,
.ogex-flow-grid>div{
  padding:11px;
  border-radius:10px;
  background:rgba(15,23,42,.72);
}

.ogex-flow-score span,
.ogex-flow-grid span{
  display:block;
  margin-bottom:5px;
  font-size:10px;
  opacity:.62;
  letter-spacing:.06em;
}

.ogex-flow-score strong{
  font-size:20px;
}

.ogex-flow-grid{
  display:grid;
  grid-template-columns:
    repeat(4,minmax(0,1fr));
  gap:9px;
  margin-top:9px;
}

.ogex-flow-grid b{
  font-size:13px;
}

.ogex-flow-v1 .bull{
  color:#42d392;
}

.ogex-flow-v1 .bear{
  color:#ff6666;
}

.ogex-flow-v1 .watch{
  color:#f6c453;
}

.ogex-flow-v1 .neutral{
  color:#aab6c5;
}

.ogex-flow-note{
  margin-top:10px;
  padding:9px 11px;
  border-radius:9px;
  background:rgba(15,23,42,.58);
  font-size:11px;
  opacity:.76;
}

.ogex-flow-v1 details{
  margin-top:12px;
}

.ogex-flow-components{
  display:grid;
  grid-template-columns:
    repeat(4,minmax(0,1fr));
  gap:7px;
  margin-top:10px;
}

.ogex-flow-components>div{
  padding:8px;
  border-radius:8px;
  background:rgba(15,23,42,.55);
}

.ogex-flow-components span,
.ogex-flow-components small{
  display:block;
  font-size:10px;
}

.ogex-flow-components b{
  display:block;
  margin:4px 0;
}

.ogex-flow-v1 pre{
  margin-top:10px;
  max-height:380px;
  overflow:auto;
  font-size:11px;
}

@media(max-width:980px){

  .ogex-flow-grid,
  .ogex-flow-components{
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }
}

@media(max-width:620px){

  .ogex-flow-head{
    display:block;
  }

  .ogex-flow-pill{
    display:inline-block;
    margin-top:10px;
  }

  .ogex-flow-score,
  .ogex-flow-grid,
  .ogex-flow-components{
    grid-template-columns:1fr;
  }
}