/* Auto-generated by BrandThemeBuilder – do not edit by hand */
:root {
  --brand-primary: #0F766E;
  --brand-primary-dark: #115E59;
  --brand-primary-light: #2DD4BF;
  --brand-primary-rgb: 15, 118, 110;
  --brand-primary-dark-rgb: 17, 94, 89;
  --brand-primary-light-rgb: 45, 212, 191;
  --brand-secondary: #CA8A04;
  --brand-secondary-dark: #A16207;
  --brand-secondary-light: #EAB308;
  --brand-secondary-rgb: 202, 138, 4;
  --brand-text: #0F1C18;
  --brand-text-rgb: 15, 28, 24;
  --brand-navy: #0F766E;
  --brand-navy-deep: #073935;
  --brand-navy-glow: #1B7C75;
  --brand-navy-rgb: 15, 118, 110;
  --brand-navy-deep-rgb: 7, 57, 53;
  --brand-on-navy: #FFFFFF;
  --brand-btn: #0F766E;
  --brand-btn-hover: #0E6A63;
  --brand-btn-rgb: 15, 118, 110;
  --brand-on-btn: #FFFFFF;
  --brand-link: #115E59;
  --brand-link-hover: #0F534E;
  --brand-muted: #5B6B64;
  --brand-bg: #F4F7F5;
  --brand-card: #FFFFFF;
  --brand-sidebar-bg: #F7FAF8;
  --brand-sidebar-text: #0F1C18;
  --brand-sidebar-muted: #5B6B64;
  --brand-on-primary: #FFFFFF;
  --brand-gradient: linear-gradient(to right, #0F766E, #0E6A63);
  --brand-gradient-dir: to right;
  --brand-use-gradient: 1;

  /* Compatibility aliases used across the app */
  --primary-color: var(--brand-primary);
  --primary-color-dark: var(--brand-primary-dark);
  --primary-color-light: var(--brand-primary-light);
  --primary-color-lightest: var(--brand-primary-light);
  --secondary-color: var(--brand-secondary);
  --secondary-color-dark: var(--brand-secondary-dark);
  --secondary-color-light: var(--brand-secondary-light);
  --text-color: var(--brand-text);
  --bg-color: var(--brand-bg);
  --card-bg-color: var(--brand-card);
  --sidebar-bg-color: var(--brand-sidebar-bg);
  --sidebar-text-color: var(--brand-sidebar-text);
  --bank-navy: var(--brand-navy);
  --bank-navy-deep: var(--brand-navy-deep);
  --bank-teal: var(--brand-primary);
  --bank-teal-dark: var(--brand-primary-dark);
  --bank-ink: var(--brand-text);
  --bank-muted: var(--brand-muted);
  --bank-paper: var(--brand-bg);
  --bank-fog: #EBF2F0;
  --dashboard-blue-light: var(--brand-primary);
  --dashboard-blue-dark: var(--brand-text);
  --dashboard-bg-light: var(--brand-bg);
  --dashboard-text-dark: var(--brand-text);
  --dashboard-text-muted: var(--brand-muted);
  --dashboard-footer-dark: var(--brand-primary-dark);
  --dashboard-footer-link-hover: var(--brand-primary-light);
  --gradient-primary: var(--brand-gradient);
  --header-navy: var(--brand-text);
  --header-navy-deep: var(--brand-primary-dark);
  --header-ink: var(--brand-text);
  --header-muted: var(--brand-muted);
  --header-surface: var(--brand-card);
  --header-hover: #F5FAF9;
  --text-muted-color: var(--brand-muted);
  --brand-sidebar: var(--brand-primary-dark);
}

/* Dashboard shell tokens */
#dashboard-shell,
body.new-dashboard-style {
  --dash-navy: var(--brand-text);
  --dash-navy-soft: #2A3633;
  --dash-muted: var(--brand-muted);
  --dash-paper: var(--brand-bg);
  --dash-primary: var(--brand-primary);
  --dash-primary-dark: var(--brand-primary-dark);
  --dash-side-top: var(--brand-sidebar-bg);
  --dash-side-mid: #E9F2F0;
  --dash-side-bot: #E0EDEA;
  --dash-side-ink: var(--brand-sidebar-text);
  --dash-side-muted: #5B6B64;
  --dash-side-active-a: var(--brand-btn);
  --dash-side-active-b: var(--brand-btn);
  --dash-side-active-c: var(--brand-btn-hover);
  color: var(--brand-text);
  background-color: var(--brand-bg) !important;
  background-image:
    linear-gradient(180deg, rgba(var(--brand-primary-rgb), 0.04) 0%, rgba(var(--brand-primary-rgb), 0.01) 100%),
    url("../images/dashboard/brand/paper-wash.svg?v=1785806453"),
    url("../images/dashboard/dash-paper-premium.png?v=1") !important;
  background-size: cover, cover, cover !important;
  background-position: center top !important;
  background-attachment: fixed !important;
  background-repeat: no-repeat !important;
}

.s7-dash {
  --s7-navy: var(--brand-text);
  --s7-muted: var(--brand-muted);
  --s7-paper: var(--brand-bg);
  --s7-primary: var(--brand-primary);
  --s7-primary-dark: var(--brand-primary-dark);
  --s7-face-standard: url("../images/dashboard/brand/card-face-standard.png?v=1785806453");
  --s7-card-face: url("../images/dashboard/brand/card-face-standard.png?v=1785806453");
  --s7-hero-desk: url("../images/dashboard/brand/balance-desk.png?v=1785806453");
  --s7-hero-mob: url("../images/dashboard/brand/balance-card.png?v=1785806453");
  --s7-balance-rail: url("../images/dashboard/brand/balance-rail.png?v=1785806453");
  --s7-balance-card: url("../images/dashboard/brand/balance-card.png?v=1785806453");
  color: var(--brand-text);
}

.s7-dash .s7-panel,
.s7-dash .s7-card,
#dashboard-shell .card,
#dashboard-shell .bg-white {
  background-color: var(--brand-card) !important;
  color: var(--brand-text);
}

#dashboard-shell .dash-side,
.new-dashboard-style #dashboard-shell .dash-side,
.new-dashboard-style #dashboard-sidebar.dash-side {
  background-color: var(--brand-sidebar-bg) !important;
  color: var(--brand-sidebar-text) !important;
  background-image:
    linear-gradient(180deg, rgba(var(--brand-primary-rgb), 0.05) 0%, transparent 55%),
    url("../images/dashboard/brand/side-wash.svg?v=1785806453"),
    url("../images/dashboard/dash-paper-premium.png?v=1") !important;
}

#dashboard-shell .dash-side .nav-item a,
#dashboard-shell .dash-side .nav-collapse a,
#dashboard-shell .dash-side .text-muted,
#dashboard-shell .dash-side p,
#dashboard-shell .dash-side span {
  color: inherit;
}

#dashboard-shell .dash-side .nav-item.active > a,
#dashboard-shell .dash-side .nav-item a:hover {
  background-image: linear-gradient(90deg, var(--brand-btn), var(--brand-btn-hover)) !important;
  color: var(--brand-on-btn) !important;
}

/* Balance strip – navy face + white ink (mobile home clears the wrapper below) */
.s7-dash .s7-hero,
.s7-dash-home .s7-hero,
.s7-dash .s7-page-hero,
#dashboard-shell .s7-hero,
#dashboard-shell .s7-dash-home .s7-hero {
  background-color: var(--brand-navy) !important;
  background-image:
    linear-gradient(160deg, rgba(var(--brand-navy-deep-rgb), 0.12) 0%, transparent 55%, rgba(var(--brand-navy-deep-rgb), 0.18) 100%),
    url("../images/dashboard/brand/balance-desk.png?v=1785806453") !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  color: #FFFFFF !important;
}
.s7-dash .s7-hero::before,
.s7-dash-home .s7-hero::before,
#dashboard-shell .s7-hero::before {
  background: transparent !important;
  opacity: 0 !important;
}
.s7-dash .s7-plastic,
.s7-dash .s7-plastic.is-standard,
.s7-dash .s7-plastic[data-level="standard"] {
  background-color: var(--brand-navy) !important;
  background-image:
    linear-gradient(160deg, rgba(var(--brand-navy-deep-rgb), 0.12) 0%, transparent 55%, rgba(var(--brand-navy-deep-rgb), 0.18) 100%),
    url("../images/dashboard/brand/card-face-standard.png?v=1785806453") !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  color: var(--brand-on-navy) !important;
  box-shadow: 0 4px 12px rgba(var(--brand-navy-deep-rgb), 0.2), 0 16px 40px rgba(var(--brand-navy-deep-rgb), 0.22) !important;
}
.s7-dash .s7-plastic *,
.s7-dash .s7-plastic.is-standard * {
  color: inherit;
}
.s7-dash .s7-plastic .s7-plastic-bank,
.s7-dash .s7-plastic .s7-plastic-kind,
.s7-dash .s7-plastic .s7-plastic-num,
.s7-dash .s7-plastic .s7-plastic-holder,
.s7-dash .s7-plastic .s7-plastic-holder-name,
.s7-dash .s7-plastic .s7-plastic-exp,
.s7-dash .s7-plastic .s7-plastic-foot,
.s7-dash .s7-plastic .s7-plastic-foot small {
  color: var(--brand-on-navy) !important;
}
.s7-dash .s7-hero-cta {
  border-color: color-mix(in srgb, var(--brand-on-navy) 70%, transparent) !important;
  color: var(--brand-on-navy) !important;
}
.s7-dash .s7-eye {
  color: var(--brand-on-navy) !important;
  background: transparent !important;
}
.s7-dash .s7-eye .s7-ico-solar {
  background-color: var(--brand-on-navy) !important;
}

/* Mobile: light page behind the card; navy face only on the balance card */
@media (max-width: 1023.98px) {
  body:has(.s7-dash-home) .s7-dash-home,
  .s7-dash-home,
  #dashboard-shell .s7-dash-home {
    background-color: var(--brand-bg) !important;
    background-image:
      linear-gradient(180deg, rgba(var(--brand-primary-rgb), 0.06) 0%, rgba(var(--brand-primary-rgb), 0.02) 42%, transparent 100%),
      url("../images/dashboard/brand/paper-wash.svg?v=1785806453") !important;
    background-size: cover !important;
    background-position: center top !important;
    color: var(--brand-text) !important;
  }
  .s7-dash-home .s7-hero,
  #dashboard-shell .s7-dash-home .s7-hero,
  #dashboard-shell main .s7-dash-home .s7-hero {
    background: transparent !important;
    background-image: none !important;
    color: var(--brand-text) !important;
  }
  .s7-dash-home .s7-m-hi,
  .s7-dash-home .s7-m-total,
  .s7-dash-home .s7-m-total-amt,
  #dashboard-shell .s7-dash-home .s7-m-hi,
  #dashboard-shell .s7-dash-home .s7-m-total,
  #dashboard-shell .s7-dash-home .s7-m-total-amt {
    color: var(--brand-text) !important;
  }
  .s7-dash-home .s7-m-acct,
  .s7-dash-home .s7-m-acct-num,
  .s7-dash-home .s7-m-avail,
  .s7-dash-home .s7-m-avail-label,
  .s7-dash-home .s7-m-copied {
    color: #FFFFFF !important;
  }
  .s7-dash-home .s7-m-avail-label {
    color: rgba(255, 255, 255, 0.82) !important;
  }
  .s7-dash-home .s7-m-acct::before {
    background-color: var(--brand-navy) !important;
    background-image:
      linear-gradient(160deg, rgba(var(--brand-navy-deep-rgb), 0.06) 0%, transparent 50%, rgba(var(--brand-navy-deep-rgb), 0.10) 100%),
      url("../images/dashboard/brand/balance-card.png?v=1785806453") !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    box-shadow:
      0 14px 32px rgba(var(--brand-navy-deep-rgb), 0.35),
      inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
  }
  .s7-dash-home .s7-m-acct::after {
    background: linear-gradient(180deg, rgba(0,0,0,0.04) 0%, transparent 35%, rgba(var(--brand-navy-deep-rgb), 0.10) 100%) !important;
  }
  .s7-dash-home .s7-m-badge,
  .s7-dash-home .s7-m-badge.is-ok,
  #dashboard-shell main .s7-hero .s7-m-badge,
  #dashboard-shell main .s7-hero .s7-m-badge span {
    background: #FFFFFF !important;
    color: #047857 !important;
    box-shadow: 0 2px 8px rgba(10, 31, 51, 0.16) !important;
  }
  .s7-dash-home .s7-m-badge.is-warn,
  #dashboard-shell main .s7-hero .s7-m-badge.is-warn {
    color: #B45309 !important;
  }
  .s7-dash-home .s7-m-bell,
  .s7-dash-home .s7-m-copy {
    color: var(--brand-text) !important;
    background-color: rgba(255, 255, 255, 0.92) !important;
  }
  .s7-dash-home .s7-m-acct .s7-m-copy {
    color: #FFFFFF !important;
    background-color: rgba(255, 255, 255, 0.16) !important;
  }
  .s7-dash-home .s7-m-bell .s7-ico-solar {
    background-color: var(--brand-text) !important;
  }
  .s7-dash-home .s7-m-acct .s7-m-copy .s7-ico-solar,
  .s7-dash-home .s7-m-acct .s7-m-eye.is-light .s7-ico-solar {
    background-color: #FFFFFF !important;
  }
  .s7-dash-home .s7-m-eye.is-light {
    color: #FFFFFF !important;
    background: transparent !important;
  }
}

@media (min-width: 1024px) {
  .s7-dash .s7-hero,
  .s7-dash-home .s7-hero,
  #dashboard-shell .s7-dash-home .s7-hero {
    background-color: var(--brand-navy) !important;
    background-image:
      linear-gradient(160deg, rgba(var(--brand-navy-deep-rgb), 0.12) 0%, transparent 55%, rgba(var(--brand-navy-deep-rgb), 0.18) 100%),
      url("../images/dashboard/brand/balance-desk.png?v=1785806453") !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
  }
}

#dashboard-shell main .bg-gradient-to-br.from-primary-600,
#dashboard-shell main .bg-gradient-to-r.from-primary-600,
.s7-page .s7-strip {
  background-image: linear-gradient(115deg, var(--brand-btn-hover) 0%, var(--brand-btn) 70%) !important;
  color: var(--brand-on-btn) !important;
}
/* Light panel/card heads keep navy ink (do not treat like dark strips) */
.s7-dash .s7-card-head,
.s7-page .s7-card-head,
.s7-dash .s7-panel-head,
#dashboard-shell main .s7-card-head,
#dashboard-shell main .s7-panel-head {
  background: transparent !important;
  background-image: none !important;
  color: var(--brand-text) !important;
}
.s7-dash .s7-card-title,
.s7-page .s7-card-title,
.s7-dash .s7-section-title,
.s7-page .s7-section-title,
.s7-dash .s7-page-title,
.s7-page .s7-page-title,
#dashboard-shell main .s7-card-title,
#dashboard-shell main .s7-section-title,
#dashboard-shell main .s7-page-title,
#dashboard-shell main h1.s7-page-title,
#dashboard-shell main h2.s7-card-title,
#dashboard-shell main h2.s7-section-title {
  color: var(--brand-text) !important;
}
/* Form field labels stay navy; meta labels stay muted */
.s7-dash .s7-label,
.s7-page .s7-label,
.s7-modal-label,
#dashboard-shell main .s7-label {
  color: var(--brand-text) !important;
}
.s7-dash .s7-detail-label,
.s7-page .s7-detail-label,
.s7-dash .s7-stat-label,
.s7-page .s7-stat-label,
#dashboard-shell main .s7-detail-label {
  color: var(--brand-muted) !important;
}
.s7-dash .s7-add-ext strong,
.s7-page .s7-add-ext strong,
#dashboard-shell main .s7-add-ext strong {
  color: var(--brand-text) !important;
}
.s7-dash .s7-add-ext small,
.s7-page .s7-add-ext small,
#dashboard-shell main .s7-add-ext small {
  color: var(--brand-muted) !important;
}
.s7-dash .s7-detail-row strong,
.s7-page .s7-detail-row strong,
.s7-dash .s7-account-main strong,
.s7-dash .s7-account-bal,
.s7-dash .s7-account-row .s7-account-main strong,
.s7-dash .s7-account-row .s7-account-bal,
.s7-modal-value,
.s7-modal-title,
.s7-modal-method-title,
#dashboard-shell main .s7-detail-row strong {
  color: var(--brand-text) !important;
}
.s7-dash .s7-detail-note,
.s7-page .s7-detail-note,
.s7-dash .s7-account-main small,
.s7-dash .s7-account-sub,
.s7-modal-sub,
.s7-modal-method-sub,
#dashboard-shell main .s7-detail-note {
  color: var(--brand-muted) !important;
}
.s7-dash .s7-form-hero h2,
.s7-page .s7-form-hero h2,
#dashboard-shell main .s7-form-hero h2 {
  color: var(--brand-text) !important;
}
.s7-dash .s7-form-hero p,
.s7-page .s7-form-hero p,
#dashboard-shell main .s7-form-hero p {
  color: var(--brand-muted) !important;
}
/* Dark strips / modal heroes keep white copy */
.s7-page .s7-strip,
.s7-page .s7-strip h2,
.s7-page .s7-strip h3,
.s7-page .s7-strip p,
.s7-modal-hero-title,
.s7-modal-hero-sub,
.s7-modal-hero-meta,
#dashboard-shell main .s7-strip,
#dashboard-shell main .s7-strip h2,
#dashboard-shell main .s7-strip h3,
#dashboard-shell main .s7-strip p {
  color: #FFFFFF !important;
}
.s7-page .s7-strip p,
.s7-modal-hero-sub,
.s7-modal-hero-meta,
#dashboard-shell main .s7-strip p {
  color: rgba(255, 255, 255, 0.88) !important;
}

.s7-dash .s7-btn-primary,
.s7-dash .s7-promo-btn,
#dashboard-shell .btn-primary,
.btn-primary,
.s5-btn-primary {
  background: var(--brand-gradient) !important;
  background-color: var(--brand-btn) !important;
  border-color: var(--brand-btn) !important;
  color: var(--brand-on-btn) !important;
}

.s7-dash .s7-link,
a.text-primary,
.text-primary {
  color: var(--brand-link) !important;
}

.s7-dash .s7-link:hover {
  color: var(--brand-link-hover) !important;
}

/* Marketing / public site */
.s5-page,
body {
  --brand-sidebar: var(--brand-primary-dark);
}

html.has-brand-gradient .s5-btn-primary,
html.has-brand-gradient .btn-primary {
  background-image: var(--brand-gradient) !important;
}

/* Soften page washes to brand */
.s7-page-section.is-fog,
.s7-form-hero {
  background-image:
    linear-gradient(180deg, rgba(var(--brand-primary-rgb), 0.08), rgba(var(--brand-primary-rgb), 0.02)),
    url("../images/dashboard/brand/strip-wash.svg?v=1785806453"),
    url("../images/dashboard/pages/page-wash-bg.jpg") !important;
  background-size: cover !important;
}

/* Soft tint surfaces (chips, unread rows, form heroes) */
:root,
#dashboard-shell,
.s7-dash {
  --s7-tint: #E2EFEE;
  --brand-primary-rgb: 15, 118, 110;
  --brand-primary-dark-rgb: 17, 94, 89;
  --brand-primary-light-rgb: 45, 212, 191;
}

.s7-otp-banner,
.s7-form-card .s7-form-hero,
.s7-pay-hero-card .s7-pay-hero-row {
  background-color: var(--s7-tint) !important;
  background-image:
    linear-gradient(115deg, rgba(var(--brand-primary-rgb), 0.10), rgba(255, 255, 255, 0.92)),
    url("../images/dashboard/brand/strip-wash.svg?v=1785806453") !important;
  background-size: cover !important;
  color: var(--brand-text);
}

.s7-strip {
  background:
    linear-gradient(105deg, rgba(var(--brand-btn-rgb), 0.92), rgba(var(--brand-primary-dark-rgb), 0.88)),
    linear-gradient(135deg, var(--brand-btn-hover), var(--brand-btn)) !important;
  color: var(--brand-on-btn) !important;
}

#dashboard-shell main,
.s7-page {
  color: var(--brand-text);
}

#dashboard-shell main .text-muted,
.s7-dash .text-muted,
.s7-page .text-muted,
.s7-dash .s7-muted,
.s7-page p.s7-lead {
  color: var(--brand-muted) !important;
}

#dashboard-shell h1,
#dashboard-shell h2,
#dashboard-shell h3,
.s7-dash h1,
.s7-dash h2,
.s7-dash h3 {
  color: var(--brand-text);
}

/* Auth / marketing buttons & links */
.s5-page a:not(.s5-btn):hover,
.auth-card a {
  color: var(--brand-link);
}

html.has-brand-gradient .s5-page .s5-hero-cta .s5-btn-primary,
.s5-page .s5-hero-cta .s5-btn-primary {
  background-image: var(--brand-gradient);
}

/* Photo heroes: overlays follow custom brand colours (not hard-coded sky/navy) */
.s5-hero::before {
  background: linear-gradient(
    105deg,
    rgba(var(--brand-primary-dark-rgb), 0.92) 0%,
    rgba(var(--brand-primary-dark-rgb), 0.72) 34%,
    rgba(var(--brand-primary-rgb), 0.38) 62%,
    rgba(var(--brand-navy-deep-rgb), 0.12) 100%
  ) !important;
}
@media (max-width: 991.98px) {
  .s5-hero::before {
    background: linear-gradient(
      180deg,
      rgba(var(--brand-primary-dark-rgb), 0.35) 0%,
      rgba(var(--brand-primary-dark-rgb), 0.78) 55%,
      rgba(var(--brand-navy-deep-rgb), 0.90) 100%
    ) !important;
  }
}
.s5-page-hero {
  background-color: var(--brand-navy) !important;
}
.s5-page-hero-overlay,
.hero-section .hero-overlay {
  background: linear-gradient(
    100deg,
    rgba(var(--brand-navy-deep-rgb), 0.78) 0%,
    rgba(var(--brand-primary-dark-rgb), 0.55) 100%
  ) !important;
}
.s5-cta {
  background-color: var(--brand-primary-dark) !important;
  color: #fff;
}
.s5-cta-overlay {
  background: linear-gradient(
    100deg,
    rgba(var(--brand-primary-dark-rgb), 0.82) 0%,
    rgba(var(--brand-primary-rgb), 0.72) 55%,
    rgba(var(--brand-primary-rgb), 0.55) 100%
  ) !important;
}
.s5-cta h2,
.s5-cta .s5-cta-text h2,
.s5-page .s5-cta h2 {
  color: #fff !important;
}
.s5-cta p,
.s5-cta .s5-cta-text p,
.s5-page .s5-cta p {
  color: rgba(255, 255, 255, 0.88) !important;
}
.s5-cta .s5-btn-primary {
  background: #fff !important;
  color: var(--brand-primary-dark) !important;
  border-color: #fff !important;
}
.s5-cta .s5-btn-primary:hover {
  background: #fff !important;
  color: var(--brand-primary-dark) !important;
  opacity: 0.95;
}

/* Admin Atlantis accents stay readable with brand button fill */
.sidebar .nav > .nav-item.active > a,
.btn.btn-primary,
.page-item.active .page-link {
  background: var(--brand-btn) !important;
  border-color: var(--brand-btn) !important;
  color: var(--brand-on-btn) !important;
}

/* ===== Uniform brand surfaces: header, footer, sidebar, icons, text ===== */

body,
.s5-page,
#dashboard-shell,
.s7-dash {
  color: var(--brand-text);
}

body,
.s5-page {
  background-color: var(--brand-bg);
}

/* Public header */
.site-header,
.header-bar,
.header-utility {
  background-color: var(--brand-card) !important;
  color: var(--brand-text);
}
.site-header .brand-name,
.site-header .nav-link,
.header-bar .nav-link,
.header-bar a:not(.header-cta):not(.mobile-cta),
.brand-tagline {
  color: var(--brand-text) !important;
}
.header-utility,
.header-utility a:not(.header-cta):not(.mobile-cta),
.utility-right .header-login-mini,
.site-header .text-muted,
.header-bar .text-muted {
  color: var(--brand-muted) !important;
}
.header-utility a:not(.header-cta):not(.mobile-cta):hover,
.nav-link:hover,
.nav-link.active,
.header-bar .nav-link:hover,
.header-bar .nav-link.active,
.utility-right .header-login-mini:hover {
  color: var(--brand-primary-dark) !important;
}
.header-cta,
.header-cta:hover,
.header-cta:focus,
.header-cta:visited,
.header-bar a.header-cta,
.header-bar a.header-cta:hover,
.header-bar a.header-cta:visited,
.mobile-cta,
.mobile-cta:hover,
.mobile-cta:visited,
.bottom-nav-item.active {
  background: var(--brand-btn) !important;
  color: var(--brand-on-btn) !important;
  border-color: var(--brand-btn) !important;
}

/* Public footer (dark band uses primary-dark – white copy) */
.footer.ae-footer,
.ae-footer,
.ae-footer-shell {
  background-color: var(--brand-navy) !important;
  --brand-sidebar: var(--brand-navy);
  color: var(--brand-on-navy) !important;
}
.ae-footer-shell {
  background-image:
    linear-gradient(180deg, rgba(var(--brand-navy-deep-rgb), 0.88) 0%, rgba(var(--brand-navy-rgb), 0.78) 48%, rgba(var(--brand-navy-deep-rgb), 0.92) 100%),
    url("../images/footer-bg.png") !important;
}
.ae-footer a,
.ae-footer-address a,
.ae-footer .ae-footer-col a,
.ae-footer p,
.ae-footer li,
.ae-footer span,
.ae-footer h4,
.ae-footer h5 {
  color: color-mix(in srgb, var(--brand-on-navy) 88%, transparent) !important;
}
.ae-footer a:hover,
.ae-footer-address a:hover,
.ae-footer .ae-footer-col a:hover {
  color: var(--brand-primary-light) !important;
}

/* Light dashboard sidebar (Forest Wealth style) */
#dashboard-shell .dash-side,
.new-dashboard-style #dashboard-shell .dash-side,
.new-dashboard-style #dashboard-sidebar.dash-side {
  --dash-side-top: var(--brand-sidebar-bg);
  --dash-side-mid: #E9F2F0;
  --dash-side-bot: #E0EDEA;
  --dash-side-ink: var(--brand-sidebar-text);
  --dash-side-muted: #5B6B64;
  background-color: var(--brand-sidebar-bg) !important;
  color: var(--brand-sidebar-text) !important;
}
#dashboard-shell .dash-side .dash-nav a,
#dashboard-shell .dash-side .dash-side-brand,
#dashboard-shell .dash-side .dash-side-brand span,
#dashboard-shell .dash-side .dash-side-user strong,
#dashboard-shell .dash-side p,
#dashboard-shell .dash-side .nav-label {
  color: var(--brand-sidebar-text) !important;
}
#dashboard-shell .dash-nav-label,
#dashboard-shell .dash-side .dash-side-user small,
#dashboard-shell .dash-side .text-muted,
#dashboard-shell .dash-side .dash-nav .nav-section,
#dashboard-shell .dash-side-logout {
  color: var(--brand-sidebar-muted) !important;
}
#dashboard-shell .dash-side .dash-nav a:hover {
  color: var(--brand-sidebar-text) !important;
  background: rgba(var(--brand-primary-rgb), 0.08) !important;
}
#dashboard-shell .dash-side .dash-nav a.is-active,
#dashboard-shell .dash-side .nav-item.active > a {
  background-image: linear-gradient(115deg, var(--brand-btn) 0%, var(--brand-btn-hover) 100%) !important;
  color: var(--brand-on-btn) !important;
}
#dashboard-shell .dash-side .dash-nav a.is-active .s7-ico-solar,
#dashboard-shell .dash-side .nav-item.active > a .s7-ico-solar {
  background-color: var(--brand-on-btn) !important;
}
#dashboard-shell .dash-side .s7-ico-solar,
#dashboard-shell .dash-side-logout .s7-ico-solar,
#dashboard-shell .dash-side-user .s7-ico-solar {
  background-color: var(--brand-sidebar-text) !important;
}

/* Header / top bar icons & text */
#dashboard-shell .dash-top,
#dashboard-shell .dash-top-title,
#dashboard-shell .dash-top-link {
  color: var(--brand-text) !important;
}
#dashboard-shell .dash-top-ico.s7-ico-solar,
#dashboard-shell .dash-notif-pop-ico .s7-ico-solar {
  background-color: var(--brand-text) !important;
}
#dashboard-shell .dash-top-link:hover .dash-top-ico.s7-ico-solar {
  background-color: var(--brand-link) !important;
}
#dashboard-shell .dash-top-bell .dash-badge,
#dashboard-shell .dash-badge {
  background-color: var(--brand-btn) !important;
  color: var(--brand-on-btn) !important;
}

/* Dashboard footer copy */
#dashboard-shell .dash-foot,
#dashboard-shell .dash-foot-secure-copy strong {
  color: var(--brand-text) !important;
}
#dashboard-shell .dash-foot a,
#dashboard-shell .dash-foot-links a {
  color: var(--brand-link) !important;
}
#dashboard-shell .dash-foot-secure-copy p,
#dashboard-shell .dash-foot .text-muted,
#dashboard-shell .dash-foot small {
  color: var(--brand-muted) !important;
}
#dashboard-shell .dash-foot-secure {
  color: var(--brand-text) !important;
  background-image:
    linear-gradient(115deg, rgba(var(--brand-primary-rgb), 0.12), rgba(255, 255, 255, 0.96)),
    url("../images/dashboard/pages/security-banner-bg.jpg") !important;
  border-color: rgba(var(--brand-primary-rgb), 0.2) !important;
}

/* Masked Solar icons – brand cascade (content = primary, chrome = ink) */
#dashboard-shell main .s7-ico-solar,
#dashboard-shell .s7-page .s7-ico-solar,
#dashboard-shell .s7-qlink-glyph,
#dashboard-shell .s7-form-hero-ico.s7-ico-solar,
#dashboard-shell .s7-transfer-hub-ico.s7-ico-solar,
#dashboard-shell .s7-account-ico .s7-ico-solar,
#dashboard-shell .s7-move-ico .s7-ico-solar,
#dashboard-shell .dash-m-menu-grid .s7-ico-solar,
#dashboard-shell .s7-card-link-ico.s7-ico-solar,
#dashboard-shell .dash-foot-secure-ico .s7-ico-solar,
.s7-dash .s7-ico-solar.is-badge,
.s7-dash .s7-ico-solar.is-qlink,
.s7-dash .s7-ico-solar.is-move,
.s7-dash .s7-ico-solar.is-txn {
  background-color: var(--brand-primary) !important;
}
#dashboard-shell .dash-top .dash-top-ico.s7-ico-solar {
  background-color: var(--brand-text) !important;
}
#dashboard-shell .dash-top .dash-top-link:hover .dash-top-ico.s7-ico-solar {
  background-color: var(--brand-primary-dark) !important;
}
#dashboard-shell .dash-side .s7-ico-solar,
#dashboard-shell .dash-tab .s7-ico-solar {
  background-color: currentColor !important;
}
/* White icons only on dark fills (strip / desktop hero / navy plastic / primary buttons) */
#dashboard-shell .s7-ico-solar.is-light,
#dashboard-shell .s7-strip .s7-ico-solar,
#dashboard-shell .s7-m-acct .s7-m-eye .s7-ico-solar,
#dashboard-shell .s7-m-acct .s7-m-copy .s7-ico-solar,
#dashboard-shell .s7-eye .s7-ico-solar,
.s7-dash .s7-btn-primary .s7-ico-solar,
.s7-page .s7-btn-primary .s7-ico-solar,
.s7-btn-primary .s7-ico-solar,
.s7-btn .s7-btn-ico.s7-ico-solar {
  background-color: var(--brand-on-btn) !important;
}
@media (min-width: 1024px) {
  #dashboard-shell .s7-hero .s7-ico-solar {
    background-color: var(--brand-on-btn) !important;
  }
}
/* Light mobile chrome – ink icons on white/paper controls */
@media (max-width: 1023.98px) {
  .s7-dash-home .s7-m-bell .s7-ico-solar,
  .s7-dash-home .s7-m-total .s7-m-eye .s7-ico-solar,
  .s7-dash-home .s7-hero > .s7-m-top .s7-ico-solar {
    background-color: var(--brand-text) !important;
  }
  .s7-dash-home .s7-m-acct .s7-m-copy .s7-ico-solar,
  .s7-dash-home .s7-m-acct .s7-m-eye .s7-ico-solar,
  .s7-dash-home .s7-m-acct .s7-m-eye.is-light .s7-ico-solar {
    background-color: #FFFFFF !important;
  }
}
#dashboard-shell .s7-row-chevron.s7-ico-solar,
#dashboard-shell .s7-back-chevron.s7-ico-solar,
#dashboard-shell .s7-transfer-hub-chevron.s7-ico-solar {
  background-color: var(--brand-muted) !important;
}

/* Generated PNG badge / qlink / move icons – recolor from sky artwork to brand */
#dashboard-shell img.s7-ico.is-badge,
#dashboard-shell img.s7-ico.is-qlink,
#dashboard-shell img.s7-ico.is-move,
#dashboard-shell img.s7-ico-badge,
.s7-dash img.s7-ico.is-badge,
.s7-dash img.s7-ico.is-qlink,
.s7-dash img.s7-ico.is-move,
.s7-dash-home .s7-qlink-ico img.s7-ico {
  filter: hue-rotate(-23.3deg) saturate(1.05) !important;
}

/* Public marketing pages – sky PNG icons follow custom brand primary */
.home-page .ps-icon img,
.home-page .pc-icon img,
.home-page .s5-cta-icon img,
.s5-page .ps-icon img,
.s5-page .pc-icon img,
.s5-page .s5-cta-icon img,
.s5-product-strip .ps-icon img,
.s5-product-card .pc-icon img,
.s5-cta .s5-cta-icon img {
  filter: hue-rotate(-23.3deg) saturate(1.05) !important;
}

/* Public font icons (Themify) on marketing cards / lists */
.home-page .pc-icon [class^="ti-"],
.home-page .pc-icon [class*=" ti-"],
.home-page .s5-digital-kicker .ti-desktop,
.s5-page .pc-icon [class^="ti-"],
.s5-page .pc-icon [class*=" ti-"],
.s5-page .s5-feature-list .ti-check-box,
.s5-page .s5-digital-kicker .ti-desktop,
.s5-page .faq-toggle-icon,
.home-page .faq-toggle-icon {
  color: var(--brand-primary) !important;
}

/* Product strip accents – brand tint instead of hard-coded sky */
.s5-product-strip {
  border-color: rgba(var(--brand-primary-rgb), 0.12) !important;
  box-shadow:
    0 2px 8px rgba(var(--brand-primary-rgb), 0.08),
    0 12px 36px rgba(var(--brand-navy-deep-rgb), 0.10) !important;
}
.s5-product-strip a {
  border-right-color: rgba(var(--brand-primary-rgb), 0.1) !important;
}
.s5-product-strip a:hover {
  background: rgba(var(--brand-primary-rgb), 0.04) !important;
}
/* Transfer / payment method PNGs – recolor sky artwork to brand primary */
#dashboard-shell img.s7-ico[src*="method-"],
#dashboard-shell img.s7-method-ico,
#dashboard-shell img.s7-transfer-hub-ico,
.s7-dash img.s7-ico[src*="method-"],
.s7-dash img.s7-method-ico,
.s7-dash img.s7-transfer-hub-ico,
.s7-page img.s7-ico[src*="method-"],
.s7-page img.s7-method-ico,
.s7-page .s7-method-card img.s7-ico,
.s7-page .s7-transfer-hub-card img.s7-ico {
  filter: hue-rotate(-23.3deg) saturate(1.05) !important;
}

/* Solar method glyphs (bank / card / zelle) use brand primary fill */
#dashboard-shell .s7-method-ico.s7-ico-solar,
#dashboard-shell .s7-transfer-hub-ico.s7-ico-solar,
.s7-dash .s7-method-ico.s7-ico-solar,
.s7-page .s7-method-ico.s7-ico-solar {
  background-color: var(--brand-primary) !important;
}

/* Buttons – AA-safe fill (darker than raw sky primary) + white label */
.s7-btn,
.s7-btn-primary,
.s7-promo-btn,
.s7-dash .s7-promo-btn,
#dashboard-shell main .s7-btn-primary,
#dashboard-shell main a.s7-btn-primary,
#dashboard-shell main a.s7-promo-btn,
#dashboard-shell main button[type="submit"],
.s5-btn-primary,
.btn-primary,
html.has-brand-gradient .s5-btn-primary,
html.has-brand-gradient .btn-primary {
  background: var(--brand-gradient) !important;
  background-color: var(--brand-btn) !important;
  border-color: var(--brand-btn) !important;
  color: var(--brand-on-btn) !important;
}
.s7-btn:hover,
.s7-btn-primary:hover,
.s7-promo-btn:hover,
.s7-dash .s7-promo-btn:hover,
#dashboard-shell main .s7-btn-primary:hover,
#dashboard-shell main a.s7-btn-primary:hover,
#dashboard-shell main a.s7-promo-btn:hover,
#dashboard-shell main button[type="submit"]:hover {
  background: var(--brand-btn-hover) !important;
  color: var(--brand-on-btn) !important;
}
.s7-btn-ghost,
#dashboard-shell main .s7-btn-ghost {
  color: var(--brand-text) !important;
  border-color: color-mix(in srgb, var(--brand-text) 18%, transparent) !important;
  background: var(--brand-card) !important;
}
.s7-btn-ghost:hover {
  color: var(--brand-link) !important;
  border-color: var(--brand-link) !important;
}
.s7-btn .s7-btn-ico,
.s7-btn-primary .s7-btn-ico,
a.s7-btn-primary .s7-btn-ico {
  filter: none;
}
.s7-btn-primary img.s7-btn-ico,
.s7-btn img.s7-btn-ico {
  filter: brightness(0) invert(1) !important;
}

/* Dashboard text hierarchy */
#dashboard-shell,
#dashboard-shell main,
.s7-dash,
.s7-page {
  color: var(--brand-text);
}
#dashboard-shell main p,
#dashboard-shell main .s7-muted,
.s7-dash .s7-muted,
.s7-dash .s7-account-main small,
.s7-dash .s7-account-sub,
.s7-dash .s7-transfer-sub,
.s7-dash .s7-empty,
.s7-dash .s7-txn-main small,
.s7-dash-home .s7-qlink > span:last-child {
  color: var(--brand-muted) !important;
}
.s7-dash .s7-page-sub,
#dashboard-shell main .s7-page-sub {
  color: var(--brand-muted) !important;
}
.s7-dash .s7-account-main strong,
.s7-dash .s7-account-bal,
.s7-dash .s7-txn-main strong,
.s7-dash h1, .s7-dash h2, .s7-dash h3,
.s7-page h1, .s7-page h2, .s7-page h3 {
  color: var(--brand-text) !important;
}

/* Desktop / dark heroes only – white ink on navy (never light mobile paper) */
@media (min-width: 1024px) {
  #dashboard-shell main .s7-hero,
  #dashboard-shell main .s7-hero p,
  #dashboard-shell main .s7-hero span:not(.s7-m-badge):not(.s7-m-badge *),
  #dashboard-shell main .s7-hero strong,
  #dashboard-shell main .s7-hero a,
  #dashboard-shell main .s7-hero button,
  #dashboard-shell main .s7-hero .s7-hero-greeting,
  #dashboard-shell main .s7-hero .s7-hero-label,
  #dashboard-shell main .s7-hero .s7-hero-balance,
  #dashboard-shell main .s7-hero .s7-page-sub,
  #dashboard-shell main .s7-hero .s7-hero-cta,
  #dashboard-shell main .s7-hero .s7-eye,
  .s7-dash .s7-hero,
  .s7-dash .s7-hero p,
  .s7-dash .s7-hero span:not(.s7-m-badge),
  .s7-dash .s7-hero strong,
  .s7-dash .s7-hero .s7-hero-greeting,
  .s7-dash .s7-hero .s7-hero-balance,
  .s7-dash .s7-hero .s7-hero-cta {
    color: #FFFFFF !important;
  }
  #dashboard-shell main .s7-hero .s7-hero-label,
  #dashboard-shell main .s7-hero .s7-page-sub,
  #dashboard-shell main .s7-hero .s7-hero-label span,
  .s7-dash .s7-hero .s7-hero-label,
  .s7-dash .s7-hero .s7-page-sub,
  .s7-dash .s7-hero .s7-hero-label span {
    color: rgba(255, 255, 255, 0.9) !important;
  }
  #dashboard-shell main .s7-hero .s7-ico-solar.is-light,
  .s7-dash .s7-hero .s7-ico-solar.is-light {
    background-color: #FFFFFF !important;
  }
}

/* Mobile home – navy ink on paper; white only on navy balance card */
@media (max-width: 1023.98px) {
  .s7-dash-home .s7-hero,
  .s7-dash-home .s7-hero p,
  .s7-dash-home .s7-m-hi,
  .s7-dash-home .s7-m-total,
  .s7-dash-home .s7-m-total-amt,
  .s7-dash-home .s7-m-total strong,
  #dashboard-shell main .s7-dash-home .s7-hero,
  #dashboard-shell main .s7-dash-home .s7-m-hi,
  #dashboard-shell main .s7-dash-home .s7-m-total,
  #dashboard-shell main .s7-dash-home .s7-m-total-amt {
    color: var(--brand-text) !important;
  }
  .s7-dash-home .s7-m-acct,
  .s7-dash-home .s7-m-acct strong,
  .s7-dash-home .s7-m-acct span:not(.s7-m-badge):not(.s7-m-badge *),
  .s7-dash-home .s7-m-acct-num,
  .s7-dash-home .s7-m-avail,
  .s7-dash-home .s7-m-copied,
  #dashboard-shell main .s7-dash-home .s7-m-acct,
  #dashboard-shell main .s7-dash-home .s7-m-acct-num,
  #dashboard-shell main .s7-dash-home .s7-m-avail {
    color: #FFFFFF !important;
  }
  .s7-dash-home .s7-m-avail-label,
  #dashboard-shell main .s7-dash-home .s7-m-avail-label {
    color: rgba(255, 255, 255, 0.82) !important;
  }
  .s7-dash-home .s7-m-badge,
  .s7-dash-home .s7-m-badge.is-ok,
  #dashboard-shell main .s7-dash-home .s7-m-badge,
  #dashboard-shell main .s7-dash-home .s7-m-badge.is-ok {
    background: #FFFFFF !important;
    color: #047857 !important;
  }
  .s7-dash-home .s7-m-badge.is-warn,
  #dashboard-shell main .s7-dash-home .s7-m-badge.is-warn {
    color: #B45309 !important;
  }
}
.s7-dash .s7-link,
.s7-page .s7-link,
#dashboard-shell main .s7-link,
.s7-back-link {
  color: var(--brand-link) !important;
}
.s7-dash .s7-link:hover,
.s7-back-link:hover {
  color: var(--brand-link-hover) !important;
}
.s7-dash .s7-panel,
.s7-dash .s7-sheet,
.s7-dash .s7-qlinks,
.s7-dash .s7-move-tile,
.s7-dash .s7-mobile-account {
  color: var(--brand-text);
}
.s7-dash .s7-panel h2,
.s7-dash .s7-qlinks-head h2,
.s7-dash .s7-account-main strong,
.s7-dash .s7-account-bal,
.s7-dash .s7-move-tile strong,
.s7-dash .s7-promo h3 {
  color: var(--brand-text) !important;
}
.s7-dash .s7-move-tile > span:last-child {
  color: var(--brand-text) !important;
}
.s7-dash .s7-qlinks-head a,
.s7-dash .s7-panel .s7-link {
  color: var(--brand-link) !important;
}

/* Interactive fills + link-like accents – AA-safe across every preset */
.s7-page .s7-btn-primary,
.s7-page a.s7-btn-primary,
.s7-page button[type="submit"],
.s7-dash .s7-btn-primary,
.s7-dash .s7-promo-btn,
.s7-dash a.s7-promo-btn,
.s7-filter-pill.is-on,
.s7-export-range button.is-on,
.s7-export-fmt button.is-on,
.s7-method.is-on .s7-method-check,
#dashboard-shell main .btn-primary {
  background-color: var(--brand-btn) !important;
  background-image: none !important;
  border-color: var(--brand-btn) !important;
  color: var(--brand-on-btn) !important;
}
.s7-stat-value.is-accent,
.s7-txn-stat .s7-stat-value.is-debit,
.s7-page-crumbs a:hover,
.s7-loan-alert a,
.s7-page a.s7-text-primary,
.s7-page .text-primary,
#dashboard-shell main a.text-primary,
#dashboard-shell main .text-primary,
.s7-page .s7-support-tip a,
.s7-page .s7-empty a {
  color: var(--brand-link) !important;
}
/* Keep method/filter borders as brand accent without forcing sky text */
.s7-method.is-on,
.s7-method-card.is-on,
.s7-intl-method.is-on,
.s7-intl-crypto-pick.is-on {
  border-color: var(--brand-btn) !important;
}
/* Page body copy on light cards */
.s7-page,
.s7-page .s7-card,
.s7-page .s7-form-card,
.s7-page .s7-panel {
  color: var(--brand-text);
}
.s7-page .s7-page-sub,
.s7-page .s7-muted,
.s7-page .s7-empty,
.s7-page small,
.s7-page .s7-account-sub,
.s7-page .s7-detail-note {
  color: var(--brand-muted) !important;
}
.s7-page .s7-card-title,
.s7-page .s7-section-title,
.s7-page .s7-page-title,
.s7-page h1, .s7-page h2, .s7-page h3,
.s7-page .s7-account-main strong,
.s7-page .s7-account-bal,
.s7-page .s7-detail-row strong,
.s7-page .s7-stat-value:not(.is-accent):not(.is-debit):not(.is-warn):not(.is-ok) {
  color: var(--brand-text) !important;
}

/* Overlays, sheets, modals */
.dash-m-sheet,
.dash-notif-pop,
#dashboard-shell .dropdown-menu,
.s7-modal,
.modal-content {
  background-color: var(--brand-card) !important;
  color: var(--brand-text) !important;
}
.dash-m-sheet strong,
.dash-notif-pop strong {
  color: var(--brand-text) !important;
}
.dash-m-sheet small,
.dash-notif-pop .text-muted {
  color: var(--brand-muted) !important;
}

/* Marketing section text */
.s5-page h1, .s5-page h2, .s5-page h3, .s5-page h4,
.s5-page .section-title, .s5-page .card-title {
  color: var(--brand-text);
}
.s5-page .lead,
.s5-page .section-sub,
.s5-page .text-muted,
.s5-page .s5-kicker:not(.s5-hero .s5-kicker):not(.s5-page-hero .s5-kicker):not(.hero-section .s5-kicker) {
  color: var(--brand-muted);
}

/* Photo / gradient heroes: white ink on dark imagery (wins over marketing navy above) */
.s5-hero,
.s5-hero-copy,
.s5-page-hero,
.s5-page-hero-inner,
.hero-section,
.hero-section .container {
  color: #fff;
}
.s5-hero .s5-kicker,
.s5-page-hero .s5-kicker,
.hero-section .s5-kicker,
.hero-section .hero-subheading,
.hero-section .glassmorphic-badge,
.hero-section .glassmorphic-badge span {
  color: rgba(255, 255, 255, 0.8) !important;
}
.s5-hero-copy h1,
.s5-hero h1,
.s5-page-hero h1,
.hero-section h1,
.hero-section .hero-title {
  color: #fff !important;
}
.s5-hero-copy p,
.s5-hero p,
.s5-page-hero p,
.hero-section .hero-subtitle,
.hero-section p.lead,
.hero-section .lead {
  color: rgba(255, 255, 255, 0.88) !important;
}
.s5-hero .s5-btn-primary,
.s5-page .s5-hero-cta .s5-btn-primary {
  color: var(--brand-on-btn) !important;
}
.s5-hero .s5-btn-secondary {
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.85) !important;
  background: transparent !important;
}
.s5-hero .s5-btn-secondary:hover {
  color: var(--brand-text) !important;
  background: #fff !important;
  border-color: #fff !important;
}

.s5-page .s5-btn-outline,
.s5-btn-outline {
  border-color: var(--brand-link) !important;
  color: var(--brand-link) !important;
}
.s5-page .s5-btn-outline:hover,
.s5-btn-outline:hover {
  background: var(--brand-btn) !important;
  color: var(--brand-on-btn) !important;
}

/* Preloader dots follow brand */
.preloader-spinner .spinner-dot,
#preloader .spinner-dot {
  background-color: var(--brand-primary) !important;
}