:root{

  --modelScenarioText: #0f172a;   
  --modelScenarioMuted: #475569;   
  --modelScenarioSubtle: #64748b;   
  --modelScenarioBorder: #e2e8f0;   
  --modelScenarioStickyBgr: #F5F9FF; 

  --modelScenarioPrimary: #2563eb;   
  --modelScenarioPrimary-hover: #1e40af; 
}

/* for all scenario selectboxes etc. */
.modelScenario.wrapper{
  background:#fff; 
  border:1px solid var(--modelScenarioBorder);
  border-radius:12px;
  padding:20px;
  box-shadow: 0 1px 2px rgba(15,23,42,.04);
  margin-bottom: 10px;
}

/* for rerun- run scenario sticky div always seen */

.stickybar{
  position:sticky; 
  bottom:0; 
  z-index:40;
  border-top:1px solid var(--modelScenarioBorder);
  background:var(--modelScenarioStickyBgr);
  margin-bottom: 20px;
}
.stickybar__row{
  display:flex; align-items:center; justify-content:space-between;
  padding:12px 0;
}
.stickybar_text{
  font-size:13px;
  margin:0; 
  color:#334155;
}



/* Section: headings / titles*/

.modelScenarioH2{
  margin:0 0 4px; 
  font-size:20px; 
  font-weight:600; 
}

.modelScenarioH3{
  margin:28px 0 8px; 
  font-size:16px; 
  font-weight:600;
}


.modelScenario a{ 
  color:var(--modelScenarioPrimary); 
  text-decoration:none; 
}
.modelScenario a:hover{ 
  text-decoration:underline; 
}

/* descriptions */
.modelScenario.small{ 
  color:var(--modelScenarioMuted); 
  font-size:14px; margin:4px 0;
 }
 
 .modelScenario.help{ 
  margin-top:8px;
  color:var(--modelScenarioSubtle);
  font-size:12px;
  line-height:1.5;
 }

/* label before selectbox etc */

.modelScenario.label{
  display:block;
  margin-bottom:8px;
  font-size:14px; 
  font-weight:600; 
  color:var(--modelScenarioText);
}

.modelScenario.req{ 
  color:#dc2626;
  font-weight:700;
 }

.modelScenario.btn-primary{
  appearance:none; border:0;
  background:var(--modelScenarioPrimary); color:#fff;
  font-size:14px; font-weight:600;
  /* padding:10px 16px;  */
  border-radius:8px;
  cursor:pointer;
  box-shadow:0 1px 2px rgba(15,23,42,.08);
  transition:background .15s ease, transform .02s ease;
}
.modelScenario.btn-primary:hover{ background:var(--modelScenarioPrimary-hover); }
.modelScenario.btn-primary:active{ transform:translateY(1px); }



/* Model settings page */