/* Member account pages. Accent #2E8B74, amounts black. */
:root{
  --fb-acc-accent:#2E8B74;
  --fb-acc-green:#026855;
  --fb-acc-cream:#F7F3E8;
  --fb-acc-charcoal:#26332D;
  --fb-acc-muted:#4A5A52;
  --fb-acc-line:#E4DED0;
  --fb-acc-white:#fff;
}
.fb-acc-banner-unused{
  background:#24483E; color:var(--fb-acc-cream);
  font-family:"DM Sans",sans-serif; font-size:12px; font-weight:600;
  text-align:center; padding:7px 16px;
}
.fb-acc-wrap{
  max-width:760px; margin:32px auto 64px; padding:0 20px;
  color:var(--fb-acc-charcoal);
  font-family:"DM Sans",sans-serif;
}
.fb-acc-card{
  background:var(--fb-acc-cream);
  border-radius:24px;
  padding:32px 28px;
  box-shadow:0 12px 32px rgba(38,51,45,.08);
}
.fb-acc-kicker{
  letter-spacing:.14em; font-size:12px; font-weight:700;
  color:var(--fb-acc-green); margin:0 0 8px;
}
.fb-acc-card h1{
  font-family:"Manrope","Montserrat",sans-serif;
  font-size:28px; line-height:1.25; margin:0 0 12px; color:var(--fb-acc-charcoal);
}
.fb-acc-lead{ color:var(--fb-acc-muted); margin:0 0 24px; font-size:15px; line-height:1.6; }
.fb-acc-card label{ display:block; font-size:13px; font-weight:600; margin:0 0 6px; }
.fb-acc-card .form-control,
.fb-acc-card input[type=text],
.fb-acc-card input[type=email],
.fb-acc-card input[type=password],
.fb-acc-card input[type=tel]{
  width:100%; border:1px solid var(--fb-acc-line); border-radius:12px;
  padding:12px 14px; margin:0 0 16px; background:#fff; color:var(--fb-acc-charcoal);
}
.fb-acc-check{ display:flex; gap:10px; align-items:flex-start; margin:4px 0 20px; font-size:14px; line-height:1.5; color:var(--fb-acc-muted); }
.fb-acc-check input{ margin-top:3px; }
.fb-acc-btn, a.fb-acc-btn{
  display:inline-block; background:var(--fb-acc-accent); color:#fff !important;
  border:0; border-radius:999px; padding:12px 24px; font-weight:700;
  text-decoration:none; cursor:pointer; font-size:15px;
}
.fb-acc-btn:hover{ background:var(--fb-acc-green); color:#fff !important; }
.fb-acc-btn-ghost{
  background:transparent; color:var(--fb-acc-green) !important;
  border:1px solid var(--fb-acc-accent);
}
.fb-acc-error{ background:#FDECEC; color:#8A2B2B; border-radius:12px; padding:10px 14px; margin:0 0 16px; font-size:14px; }
.fb-acc-ok{ background:#E7F4EF; color:#135B45; border-radius:12px; padding:10px 14px; margin:0 0 16px; font-size:14px; }
.fb-acc-links{ margin-top:16px; font-size:14px; }
.fb-acc-links a{ color:var(--fb-acc-green); }
.fb-acc-header-link{
  display:inline-block; margin-right:12px; padding:8px 14px;
  border:1px solid var(--fb-acc-accent); border-radius:999px;
  color:var(--fb-acc-green) !important; font-size:13px; font-weight:700;
  text-decoration:none; line-height:1; vertical-align:middle;
}
.fb-acc-header-link:hover{ background:var(--fb-acc-accent); color:#fff !important; }
.fb-acc-row{ display:flex; justify-content:space-between; gap:16px; padding:10px 0; border-bottom:1px solid var(--fb-acc-line); font-size:15px; }
.fb-acc-row .amt, .fb-acc-amt{ color:#000 !important; font-weight:600; }
.fb-acc-code{
  font-family:ui-monospace,Menlo,Consolas,monospace;
  font-size:22px; letter-spacing:.06em; font-weight:700; color:#000;
  background:#fff; border-radius:12px; padding:12px 16px; display:inline-block;
}
.fb-acc-muted{ color:var(--fb-acc-muted); font-size:14px; }
.fb-acc-table{ width:100%; border-collapse:collapse; font-size:14px; }
.fb-acc-table th{ text-align:left; font-size:12px; letter-spacing:.04em; color:var(--fb-acc-muted); padding:8px 0; border-bottom:1px solid var(--fb-acc-line); }
.fb-acc-table td{ padding:10px 8px 10px 0; border-bottom:1px solid var(--fb-acc-line); vertical-align:top; }
.fb-acc-table .amt{ color:#000; font-weight:600; }
.fb-acc-pill{ display:inline-block; border-radius:999px; padding:3px 10px; font-size:12px; font-weight:700; }
.fb-acc-pill.on{ background:#E7F4EF; color:#135B45; }
.fb-acc-pill.off{ background:#EEE; color:#555; }
.fb-acc-pill.warn{ background:#F8EFD0; color:#6A5310; }
.fb-acc-section{ margin-top:28px; }
.fb-acc-section h2{ font-family:"Manrope","Montserrat",sans-serif; font-size:18px; margin:0 0 12px; }
@media (max-width:640px){
  .fb-acc-card{ padding:24px 18px; border-radius:18px; }
  .fb-acc-card h1{ font-size:24px; }
  .fb-acc-table{ font-size:13px; }
}
