/* Compact Forecast Setup card — keep all information while reducing vertical space. */
#forecasting > .card:first-of-type{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
  padding:11px 12px!important;
  margin:10px 0 12px!important;
  border-radius:15px!important;
}

#forecasting > .card:first-of-type > h2{
  grid-column:1 / -1!important;
  margin:0 0 2px!important;
  font-size:18px!important;
  line-height:1.15!important;
  text-align:center!important;
}

#forecasting > .card:first-of-type > .bigline{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  gap:3px!important;
  min-height:55px!important;
  padding:7px 6px!important;
  margin:0!important;
  border:1px solid #2e3b50!important;
  border-radius:10px!important;
  background:#0e1622!important;
  text-align:center!important;
}

#forecasting > .card:first-of-type > .bigline span{
  display:block!important;
  font-size:11px!important;
  line-height:1.2!important;
  color:#98a5b7!important;
  text-align:center!important;
}

#forecasting > .card:first-of-type > .bigline b{
  display:block!important;
  font-size:13px!important;
  line-height:1.2!important;
  text-align:center!important;
}

#forecasting > .card:first-of-type > .note{
  grid-column:1 / -1!important;
  margin:2px 2px 0!important;
  font-size:11px!important;
  line-height:1.35!important;
  text-align:center!important;
}

@media(min-width:900px){
  #forecasting > .card:first-of-type{
    padding:12px 14px!important;
    gap:8px!important;
  }
  #forecasting > .card:first-of-type > h2{font-size:20px!important}
  #forecasting > .card:first-of-type > .bigline{min-height:58px!important}
  #forecasting > .card:first-of-type > .bigline span{font-size:12px!important}
  #forecasting > .card:first-of-type > .bigline b{font-size:14px!important}
  #forecasting > .card:first-of-type > .note{font-size:12px!important}
}