:root{

  --accountsPageText: #0f172a;   
  --accountsPageMuted: #475569;   
  --accountsPageSubtle: #64748b;   
  --accountsPageBorder: #e2e8f0;   
  --accountsPageStickyBgr: #F5F9FF; 

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

/* row wrapper */
.accountsPage.wrapper{
  background:#fff; 
  border:1px solid var(--accountsPageBorder);
  border-radius:12px;
  padding:20px;
  box-shadow: 0 1px 2px rgba(15,23,42,.04);
  margin-bottom: 10px;
}


/* .stickybar{
  position:sticky; 
  bottom:0; 
  z-index:40;
  border-top:1px solid var(--accountsPageBorder);
  background:var(--accountsPageStickyBgr);
  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*/

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

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


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

/* descriptions */
.accountsPage.normal{ 
  color:var(--accountsPageMuted); 
  font-size:14px; margin:4px 0;
 }

 .accountsPage.small{ 
  color:var(--accountsPageMuted); 
  font-size:12px; margin:4px 0;
 }
 
 .accountsPage.help{ 
  margin-top:8px;
  color:var(--accountsPageSubtle);
  font-size:12px;
  line-height:1.5;
 }

/* label before selectbox etc */

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

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

.accountsPage.btn-primary{
  appearance:none; 
  border:0;
  background:var(--accountsPagePrimary); 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;
}
.accountsPage.btn-primary:hover{ background:var(--accountsPagePrimary-hover); }
.accountsPage.btn-primary:active{ transform:translateY(1px); }


.accountsPage.btn-delete{
  appearance:none; border:1px solid #f5a4a5;
  background:#fcf2f261; color:#d50723;
  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;
}
.accountsPage.btn-delete:hover{ 
  background:#f3b6b7;
  border:1px solid #f5a4a5;
}
.accountsPage.btn-delete:active{ transform:translateY(1px); }