/**
 * First Capital — shared layout & surface tokens (fc-ds)
 * Cosmetic only: typography, page canvas, cards, shells.
 * Avoids global form control overrides inside sign-on / admin login UIs.
 */

:root {
  --fc-ds-paper: var(--fc-theme-canvas-paper, #fffdf8);
  --fc-ds-mist: var(--fc-theme-canvas-mist, #e8e2d6);
  --fc-ds-surface: var(--fc-theme-canvas-surface, #f0ebe3);
  --fc-ds-ink: var(--fc-theme-canvas-ink, #0b1b2e);
  --fc-ds-muted: var(--fc-theme-canvas-muted, #5a6b7d);
  --fc-ds-radius: 18px;
  --fc-ds-radius-sm: 12px;
  --fc-ds-shadow: var(--fc-theme-canvas-shadow, 0 14px 40px rgba(15, 23, 42, 0.08));
  --fc-ds-border: var(--fc-theme-canvas-border, rgba(15, 23, 42, 0.08));
}

body.fc-ds {
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}

/* fc-site = public marketing shell only (excludes acct/adm/m app headers) */
body.fc-ds.fc-site:not(.fc-home) {
  background: linear-gradient(180deg, var(--fc-ds-mist) 0%, var(--fc-ds-paper) 100%);
  color: var(--fc-ds-ink);
}

body.fc-ds.fc-site:not(.fc-home) a {
  text-decoration: none;
}

body.fc-ds.fc-site:not(.fc-home) .basic-page-container,
body.fc-ds.fc-site:not(.fc-home) .bleed-bgs.basic-page-container {
  padding-top: 1.75rem;
  padding-bottom: 2.5rem;
}

body.fc-ds.fc-site:not(.fc-home) .mt-hr-page-title,
body.fc-ds.fc-site:not(.fc-home) .hero-headline {
  color: var(--fc-ds-ink);
  letter-spacing: -0.02em;
}

body.fc-ds.fc-site:not(.fc-home) .page-bodytext,
body.fc-ds.fc-site:not(.fc-home) .hero-subheadline {
  color: var(--fc-ds-muted);
  line-height: 1.75;
}

body.fc-ds.fc-site:not(.fc-home) .mt-abt-content-ul li {
  border-left: 3px solid color-mix(in srgb, var(--mt-theme-default-background, #133a69) 45%, transparent);
  padding-left: 12px;
  margin-bottom: 8px;
}

body.fc-ds.fc-site:not(.fc-home) .bg-gray-lighter {
  background: rgba(255, 253, 248, 0.92) !important;
  border: 1px solid var(--fc-ds-border);
  border-radius: var(--fc-ds-radius);
  box-shadow: var(--fc-ds-shadow);
}

body.fc-ds.fc-site:not(.fc-home) .more-main-cover-breadcrumb {
  background: rgba(255, 253, 248, 0.75);
  border: 1px solid var(--fc-ds-border);
  border-radius: var(--fc-ds-radius-sm);
  padding: 10px 14px;
}

/* ——— Customer & admin dashboards (DashForge shells) ——— */
body.fc-ds .mt-content-body {
  background: transparent;
}

body.fc-ds .mt-content-body-inner {
  background: transparent;
}

body.fc-ds .mt-main-content {
  background: var(--fc-ds-paper);
  border-radius: var(--fc-ds-radius);
  border: 1px solid var(--fc-ds-border);
  box-shadow: var(--fc-ds-shadow);
}

body.fc-ds .mt-main-content .content-body {
  padding-bottom: 1.5rem;
}

body.fc-ds .breadcrumb-style1 {
  border-radius: 999px;
  padding: 6px 14px;
  background: rgba(255, 255, 255, 0.65);
  border: 1px solid var(--fc-ds-border);
}

body.fc-ds .mt-info-box,
body.fc-ds .mst-bal-card {
  border-radius: var(--fc-ds-radius-sm);
}

body.fc-ds .mt-info-box-inner {
  border-radius: var(--fc-ds-radius-sm);
  border: 1px solid var(--fc-ds-border) !important;
  box-shadow: var(--fc-ds-shadow);
  background: var(--fc-ds-paper) !important;
}

body.fc-ds .mt-dash-ibox-inner {
  border-radius: var(--fc-ds-radius);
  border: 1px solid var(--fc-ds-border);
  background: var(--fc-ds-paper);
  padding: 12px;
}

body.fc-ds .table {
  border-collapse: separate;
  border-spacing: 0;
}

body.fc-ds .table thead th {
  font-weight: 700;
  color: var(--fc-ds-ink);
  border-bottom: 1px solid var(--fc-ds-border);
}

body.fc-ds .table td {
  border-color: rgba(15, 23, 42, 0.06);
}

/* ——— Internet banking (public sign-on) ——— */
/* Page chrome lives in internet-app/header.php (loads before this file). */
body.fc-ds.online-banking .login-area {
  padding: clamp(1rem, 3vw, 2.5rem) 0;
  min-height: 100vh;
  box-sizing: border-box;
}

body.fc-ds.online-banking .login-content.container {
  max-width: 1080px;
}

body.fc-ds.online-banking .login-content .login-form {
  padding-left: clamp(8px, 2vw, 16px);
  padding-right: clamp(8px, 2vw, 16px);
}

/* ——— Mobile banking shell (acct/m) ——— */
/* acct/m uses body.fc-mobile-banking + fc-mobile-shell.css; keep mist gradient off that shell */
body.fc-ds.user-is-logged:not(.fc-mobile-banking),
body.fc-ds.user-is-not-logged:not(.fc-mobile-banking) {
  background: var(--fc-ds-mist);
}

/* ------------------------------------------------------------------------- */
/* Frontend refresh (all public pages except homepage)                       */
/* ------------------------------------------------------------------------- */
body.fc-ds.fc-site:not(.fc-home) {
  --fc-site-accent: var(--mt-theme-default-background, #133a69);
  --fc-site-accent-2: var(--mt-theme-hover, #0e2c52);
  --fc-site-muted: var(--fc-ds-muted);
}

body.fc-ds.fc-site:not(.fc-home) .top-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
}

body.fc-ds.fc-site:not(.fc-home) .navbar-area {
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

body.fc-ds.fc-site:not(.fc-home) .luvion-nav .navbar .navbar-nav .nav-item > a {
  border-radius: 10px;
  transition: color 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
}

body.fc-ds.fc-site:not(.fc-home) .luvion-nav .navbar .navbar-nav .nav-item > a:hover {
  background: color-mix(in srgb, var(--mt-theme-default-background, #133a69) 9%, transparent);
  transform: translateY(-1px);
}

body.fc-ds.fc-site:not(.fc-home) .short-hero,
body.fc-ds.fc-site:not(.fc-home) .mt-about-hero.short-hero {
  border-radius: 0 0 24px 24px;
  overflow: hidden;
  box-shadow: 0 20px 42px rgba(15, 23, 42, 0.14);
}

body.fc-ds.fc-site:not(.fc-home) .short-hero .jumbotron-overlay,
body.fc-ds.fc-site:not(.fc-home) .mt-about-hero .jumbotron-overlay {
  background: linear-gradient(
    112deg,
    color-mix(in srgb, var(--mt-theme-hover, #0e2c52) 84%, transparent) 0%,
    color-mix(in srgb, var(--mt-theme-default-background, #133a69) 52%, transparent) 48%,
    color-mix(in srgb, var(--mt-theme-hover, #0e2c52) 20%, transparent) 100%
  ) !important;
}

body.fc-ds.fc-site:not(.fc-home) .hero-headline {
  font-size: clamp(1.9rem, 4vw, 3rem);
  line-height: 1.1;
  text-shadow: 0 3px 26px rgba(0, 0, 0, 0.28);
}

body.fc-ds.fc-site:not(.fc-home) .hero-subheadline {
  font-size: clamp(1rem, 1.4vw, 1.15rem);
}

body.fc-ds.fc-site:not(.fc-home) .more-main-cover-content,
body.fc-ds.fc-site:not(.fc-home) .onion-isa-content-inner,
body.fc-ds.fc-site:not(.fc-home) .more-types-section-inner,
body.fc-ds.fc-site:not(.fc-home) .onion-byside-content,
body.fc-ds.fc-site:not(.fc-home) .onion-o-box-content,
body.fc-ds.fc-site:not(.fc-home) .magic-cover-content {
  border: 1px solid var(--fc-ds-border);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.82);
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.08);
}

body.fc-ds.fc-site:not(.fc-home) .onion-isa-content-inner,
body.fc-ds.fc-site:not(.fc-home) .more-types-section-inner,
body.fc-ds.fc-site:not(.fc-home) .onion-byside-content {
  padding: clamp(1rem, 2.2vw, 2rem);
}

/* Theme headers often set light text on sections; force readable copy on our light panels */
body.fc-ds.fc-site:not(.fc-home) .more-main-cover-content,
body.fc-ds.fc-site:not(.fc-home) .onion-isa-content-inner,
body.fc-ds.fc-site:not(.fc-home) .more-types-section-inner,
body.fc-ds.fc-site:not(.fc-home) .onion-byside-content,
body.fc-ds.fc-site:not(.fc-home) .onion-byside-item,
body.fc-ds.fc-site:not(.fc-home) .onion-o-box-content,
body.fc-ds.fc-site:not(.fc-home) .magic-cover-content {
  color: var(--fc-ds-ink) !important;
}

body.fc-ds.fc-site:not(.fc-home) .more-main-cover-content .page-bodytext,
body.fc-ds.fc-site:not(.fc-home) .onion-byside-content .page-bodytext,
body.fc-ds.fc-site:not(.fc-home) .onion-byside-item .page-bodytext,
body.fc-ds.fc-site:not(.fc-home) .magic-cover-content .page-bodytext {
  color: var(--fc-ds-muted) !important;
}

body.fc-ds.fc-site:not(.fc-home) .more-main-cover-content a:not(.btn):not(.mo-type-box-link),
body.fc-ds.fc-site:not(.fc-home) .onion-byside-content a:not(.btn):not(.mo-type-box-link),
body.fc-ds.fc-site:not(.fc-home) .onion-o-box-content a:not(.btn),
body.fc-ds.fc-site:not(.fc-home) .magic-cover-content a:not(.btn) {
  color: var(--fc-site-accent) !important;
}

body.fc-ds.fc-site:not(.fc-home) .cover-breadcrumb-li,
body.fc-ds.fc-site:not(.fc-home) .cover-breadcrumb-li a {
  color: var(--fc-ds-muted) !important;
}

body.fc-ds.fc-site:not(.fc-home) .cover-breadcrumb-li a:hover {
  color: var(--fc-site-accent) !important;
}

body.fc-ds.fc-site:not(.fc-home) .more-type-box {
  border: 1px solid var(--fc-ds-border);
  border-radius: 16px;
  background: var(--fc-ds-paper);
  box-shadow: var(--fc-ds-shadow);
  transition: transform 0.24s ease, box-shadow 0.24s ease, border-color 0.24s ease;
}

body.fc-ds.fc-site:not(.fc-home) .more-type-box:hover {
  transform: translateY(-4px);
  border-color: color-mix(in srgb, var(--mt-theme-default-background, #133a69) 40%, transparent);
  box-shadow: 0 18px 34px rgba(15, 23, 42, 0.12);
}

body.fc-ds.fc-site:not(.fc-home) .more-type-box-icon {
  width: 62px;
  height: 62px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  margin: 0 0 12px;
  background: color-mix(in srgb, var(--mt-theme-default-background, #133a69) 12%, var(--fc-ds-paper));
}

body.fc-ds.fc-site:not(.fc-home) .more-type-box-icon svg {
  width: 40px !important;
  height: 40px !important;
}

body.fc-ds.fc-site:not(.fc-home) .more-type-box-icon svg g {
  fill: var(--fc-site-accent) !important;
}

body.fc-ds.fc-site:not(.fc-home) .mo-type-box-link {
  display: inline-block;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--mt-theme-default-background, #133a69) 35%, transparent);
  padding: 7px 14px;
  color: var(--fc-site-accent);
  background: #fff;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

body.fc-ds.fc-site:not(.fc-home) .mo-type-box-link:hover {
  background: var(--fc-site-accent);
  color: #fff;
  border-color: var(--fc-site-accent);
}

body.fc-ds.fc-site:not(.fc-home) .mo-info-list-ul {
  padding-left: 0;
}

body.fc-ds.fc-site:not(.fc-home) .mo-info-list-li {
  list-style: none;
  position: relative;
  padding: 0.5rem 0 0.5rem 1.45rem;
  border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}

body.fc-ds.fc-site:not(.fc-home) .mo-info-list-li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.93rem;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--fc-site-accent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--mt-theme-default-background, #133a69) 10%, transparent);
}

body.fc-ds.fc-site:not(.fc-home) .mo-info-action {
  background: var(--mt-theme-default-background, #133a69);
  color: var(--mt-theme-text, #fff);
  border-radius: 20px;
  box-shadow: 0 12px 28px color-mix(in srgb, var(--mt-theme-default-background, #133a69) 22%, transparent);
}

body.fc-ds.fc-site:not(.fc-home) .single-features-box,
body.fc-ds.fc-site:not(.fc-home) .single-featured-box {
  border-radius: 18px !important;
  border: 1px solid color-mix(in srgb, var(--mt-theme-default-background, #133a69) 14%, transparent) !important;
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.08) !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

body.fc-ds.fc-site:not(.fc-home) .single-features-box:hover,
body.fc-ds.fc-site:not(.fc-home) .single-featured-box:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 36px rgba(15, 23, 42, 0.14) !important;
}

body.fc-ds.fc-site:not(.fc-home) .single-features-box .icon,
body.fc-ds.fc-site:not(.fc-home) .single-featured-box .icon {
  background: color-mix(in srgb, var(--mt-theme-default-background, #133a69) 10%, var(--fc-ds-paper)) !important;
  border-radius: 16px !important;
}

body.fc-ds.fc-site:not(.fc-home) .single-features-box .icon i::before,
body.fc-ds.fc-site:not(.fc-home) .single-featured-box .icon i::before {
  color: var(--fc-site-accent) !important;
}

body.fc-ds.fc-site:not(.fc-home) .btn.btn-primary {
  border-radius: 999px;
  background: var(--mt-theme-default-background, #133a69) !important;
  color: var(--mt-theme-text, #fff) !important;
  border: 1px solid color-mix(in srgb, var(--mt-theme-default-background) 72%, #000);
  box-shadow: 0 6px 18px color-mix(in srgb, var(--mt-theme-default-background, #133a69) 20%, transparent);
  transition: transform 0.2s ease, filter 0.2s ease, background-color 0.2s ease;
}

body.fc-ds.fc-site:not(.fc-home) .btn.btn-primary:hover {
  transform: translateY(-1px);
  filter: brightness(1.05);
}

body.fc-ds.fc-site:not(.fc-home) .btn.btn-outline-primary,
body.fc-ds.fc-site:not(.fc-home) .btn.btn-outline-secondary {
  border-radius: 999px;
  border-width: 2px;
}

body.fc-ds.fc-site:not(.fc-home) .form-control,
body.fc-ds.fc-site:not(.fc-home) textarea.form-control {
  border-radius: 12px;
  border: 1px solid color-mix(in srgb, var(--mt-theme-default-background, #133a69) 20%, transparent);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

body.fc-ds.fc-site:not(.fc-home) .form-control:focus {
  border-color: var(--fc-site-accent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--mt-theme-default-background, #133a69) 15%, transparent);
}

body.fc-ds.fc-site:not(.fc-home) .onion-byside-content-inner {
  display: flex;
  align-items: stretch;
  gap: 0;
}

body.fc-ds.fc-site:not(.fc-home) .onion-byside-image,
body.fc-ds.fc-site:not(.fc-home) .onion-byside-item {
  height: 100%;
}

body.fc-ds.fc-site:not(.fc-home) .onion-byside-img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 300px;
  object-fit: cover;
}

body.fc-ds.fc-site:not(.fc-home) .onion-byside-item {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(240, 246, 252, 0.93));
}

body.fc-ds.fc-site:not(.fc-home) .byside-itxt-bordered {
  border-left: 4px solid rgba(214, 169, 63, 0.8);
  padding-left: 1rem;
}

@media (max-width: 991px) {
  body.fc-ds.fc-site:not(.fc-home) .onion-cvr-caption .onion-cvr-caption-inner {
    padding: 1.35rem 1rem !important;
  }

  body.fc-ds.fc-site:not(.fc-home) .onion-byside-content-inner,
  body.fc-ds.fc-site:not(.fc-home) .onion-byside-content .mt-col-6 {
    display: block;
    width: 100% !important;
  }

  body.fc-ds.fc-site:not(.fc-home) .onion-byside-img {
    min-height: 220px;
  }

  body.fc-ds.fc-site:not(.fc-home) .more-types-section .col-4 {
    width: 100% !important;
  }

  body.fc-ds.fc-site:not(.fc-home) .mo-info-list-inner {
    display: block;
  }

  body.fc-ds.fc-site:not(.fc-home) .mo-info-list-content {
    margin-bottom: 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.fc-ds.fc-site:not(.fc-home) * {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }
}

/* ------------------------------------------------------------------------- */
/* Account Application (open-account): navy + gold modern form shell         */
/* ------------------------------------------------------------------------- */
body.fc-ds.fc-site.open-account .application-form-body-inner {
  max-width: 1120px;
  margin: 0 auto;
}

body.fc-ds.fc-site.open-account .open-account-form.has-m-config .row {
  align-items: stretch;
}

body.fc-ds.fc-site.open-account .open-account-form-left {
  background: var(--fc-theme-canvas-paper, #ffffff);
  border: 1px solid var(--fc-theme-canvas-border, rgba(26, 35, 50, 0.12));
  border-radius: 20px;
  box-shadow: var(--fc-theme-canvas-shadow, 0 8px 28px rgba(26, 35, 50, 0.07));
  padding: clamp(1rem, 2vw, 1.75rem) !important;
  height: 100%;
}

body.fc-ds.fc-site.open-account .open-account-form-right {
  background: var(--mt-theme-default-background, #133a69);
  border-radius: 20px;
  box-shadow: 0 12px 28px color-mix(in srgb, var(--mt-theme-default-background, #133a69) 22%, transparent);
  color: var(--mt-theme-text, rgba(255, 255, 255, 0.95));
  border: 1px solid color-mix(in srgb, var(--mt-theme-text, #ffffff) 18%, transparent);
  height: 100%;
}

body.fc-ds.fc-site.open-account .open-acc-txt-row {
  padding: clamp(1.1rem, 2.4vw, 2rem);
  line-height: 1.7;
}

body.fc-ds.fc-site.open-account .open-acc-txt {
  font-size: 1.08rem;
  font-weight: 700;
  margin-bottom: 0.85rem;
  color: color-mix(in srgb, var(--mt-theme-text, #ffffff) 88%, transparent);
}

body.fc-ds.fc-site.open-account .open-account-form label.d-block {
  margin-bottom: 0.45rem;
  color: var(--fc-theme-brand-ink, #0f2a56);
  font-weight: 700;
  font-size: 0.87rem;
  letter-spacing: 0.01em;
}

body.fc-ds.fc-site.open-account .open-account-form .mt-form-control {
  height: 48px;
  width: 100%;
  border-radius: 12px;
  border: 1px solid color-mix(in srgb, var(--mt-theme-default-background, #133a69) 18%, transparent);
  background: #fff;
  color: #0f172a;
  padding: 0.62rem 0.84rem;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

body.fc-ds.fc-site.open-account .open-account-form .mt-form-control:focus {
  border-color: color-mix(in srgb, var(--mt-theme-default-background, #133a69) 65%, transparent);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--mt-theme-default-background, #133a69) 12%, transparent);
  outline: none;
}

body.fc-ds.fc-site.open-account .open-account-form select.mt-form-control {
  background-image: linear-gradient(45deg, transparent 50%, var(--mt-theme-default-background, #133a69) 50%),
    linear-gradient(135deg, var(--mt-theme-default-background, #133a69) 50%, transparent 50%);
  background-position: calc(100% - 18px) calc(50% - 2px), calc(100% - 13px) calc(50% - 2px);
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
  appearance: none;
}

body.fc-ds.fc-site.open-account .open-account-form input[type="file"].mt-form-control {
  padding-top: 0.58rem !important;
  padding-bottom: 0.58rem !important;
}

body.fc-ds.fc-site.open-account .open-acc-form-footer {
  margin-top: 0.85rem;
}

body.fc-ds.fc-site.open-account .open-acc-form-footer .btn.btn-primary {
  width: 100%;
  min-height: 50px;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--fc-modern-navy-2) 72%, #000);
  color: var(--mt-theme-text, #ffffff) !important;
  font-weight: 800;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  background: var(--fc-modern-navy-2) !important;
  box-shadow: 0 10px 24px -14px color-mix(in srgb, var(--fc-modern-navy-2) 35%, transparent);
}

body.fc-ds.fc-site.open-account .open-acc-form-footer .btn.btn-primary:hover {
  filter: brightness(1.05);
  transform: translateY(-1px);
}

body.fc-ds.fc-site.open-account .open-acc-response .master-success-msg {
  border-radius: 14px;
  border: 1px solid color-mix(in srgb, var(--mt-theme-default-background, #133a69) 16%, transparent);
  background: linear-gradient(180deg, color-mix(in srgb, var(--fc-theme-gold-light) 20%, transparent), var(--fc-theme-canvas-paper, rgba(255, 255, 255, 0.94)));
  color: var(--fc-theme-brand-ink, #0f2a56);
  font-weight: 700;
  padding: 0.95rem 1rem;
}

@media (max-width: 991px) {
  body.fc-ds.fc-site.open-account .open-account-form.has-m-config .col-12.col-lg-8,
  body.fc-ds.fc-site.open-account .open-account-form.has-m-config .col-12.col-lg-4,
  body.fc-ds.fc-site.open-account .open-account-form.has-m-config .col-12.col-md-4,
  body.fc-ds.fc-site.open-account .open-account-form.has-m-config .col-12.col-md-6 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }

  body.fc-ds.fc-site.open-account .open-account-form-left {
    margin-bottom: 1rem;
  }
}

/* ------------------------------------------------------------------------- */
/* Global modernization sweep (all fc-ds pages)                             */
/* ------------------------------------------------------------------------- */
body.fc-ds {
  --fc-modern-navy-1: var(--mt-theme-hover, #0e2c52);
  --fc-modern-navy-2: var(--mt-theme-default-background, #133a69);
  --fc-modern-gold-1: var(--mt-theme-default-background, #133a69);
  --fc-modern-gold-2: var(--mt-theme-hover, #0e2c52);
  --fc-modern-paper: var(--fc-theme-canvas-paper, #ffffff);
  --fc-modern-panel: color-mix(in srgb, var(--fc-theme-canvas-paper) 94%, var(--mt-theme-default-background) 6%);
  --fc-modern-border: var(--fc-theme-canvas-border, rgba(26, 35, 50, 0.12));
  --fc-modern-shadow: var(--fc-theme-canvas-shadow, 0 8px 28px rgba(26, 35, 50, 0.07));
}

body.fc-ds .btn,
body.fc-ds .button,
body.fc-ds button.btn {
  border-radius: 12px;
  transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}

body.fc-ds .btn.btn-primary,
body.fc-ds button.btn.btn-primary {
  background: var(--fc-modern-navy-2) !important;
  border: 1px solid color-mix(in srgb, var(--fc-modern-navy-2) 75%, #000);
  color: var(--mt-theme-text, #ffffff) !important;
  box-shadow: 0 8px 20px -12px color-mix(in srgb, var(--fc-modern-navy-2) 30%, transparent);
}

body.fc-ds .btn.btn-primary:hover,
body.fc-ds button.btn.btn-primary:hover {
  filter: brightness(1.04);
  transform: translateY(-1px);
}

body.fc-ds .btn.btn-outline-primary {
  border-color: var(--fc-modern-navy-2) !important;
  color: var(--fc-modern-navy-2) !important;
  background: transparent !important;
}

body.fc-ds .btn.btn-outline-primary:hover {
  background: color-mix(in srgb, var(--mt-theme-default-background, #133a69) 8%, transparent) !important;
}

body.fc-ds .mt-main-content,
body.fc-ds .mt-content-body-inner,
body.fc-ds .mt-info-box-inner,
body.fc-ds .mt-dash-ibox-inner {
  border-color: var(--fc-modern-border) !important;
  box-shadow: var(--fc-modern-shadow);
}

body.fc-ds .mt-main-content,
body.fc-ds .mt-dash-ibox-inner {
  background: var(--fc-modern-paper) !important;
}

body.fc-ds .mt-info-box-inner {
  background: var(--fc-modern-paper) !important;
}

body.fc-ds .table {
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
}

body.fc-ds .table thead th {
  background: color-mix(in srgb, var(--fc-modern-navy-2) 6%, var(--fc-modern-paper));
  color: var(--fc-ds-ink);
  border-bottom-color: var(--fc-modern-border);
}

body.fc-ds .table td {
  vertical-align: middle;
}

body.fc-ds .form-control,
body.fc-ds .mt-form-control,
body.fc-ds textarea.form-control,
body.fc-ds select.form-control {
  border-radius: 12px;
  border: 1px solid rgba(15, 42, 86, 0.2);
  min-height: 44px;
  box-shadow: none;
}

body.fc-ds .form-control:focus,
body.fc-ds .mt-form-control:focus,
body.fc-ds textarea.form-control:focus,
body.fc-ds select.form-control:focus {
  border-color: rgba(19, 58, 105, 0.65);
  box-shadow: 0 0 0 4px rgba(19, 58, 105, 0.12) !important;
}

/* Public navigation + hero harmonization */
body.fc-ds.fc-site .navbar-area {
  border-bottom: 1px solid rgba(15, 42, 86, 0.08);
}

body.fc-ds.fc-site .luvion-nav .navbar .navbar-nav .nav-item > a {
  font-weight: 700;
  letter-spacing: 0.01em;
}

body.fc-ds.fc-site .more-main-cover-content {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(251, 252, 255, 0.9));
}

body.fc-ds.fc-site .more-main-cover-title,
body.fc-ds.fc-site .hero-headline,
body.fc-ds.fc-site .mt-hr-page-title {
  color: var(--fc-modern-navy-1);
}

/* Feature cards / icon cards across marketing pages */
body.fc-ds.fc-site .single-features-box,
body.fc-ds.fc-site .single-featured-box,
body.fc-ds.fc-site .more-type-box,
body.fc-ds.fc-site .mt-info-box {
  position: relative;
  overflow: hidden;
}

body.fc-ds.fc-site .single-features-box::before,
body.fc-ds.fc-site .single-featured-box::before,
body.fc-ds.fc-site .more-type-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background: color-mix(in srgb, var(--mt-theme-default-background, #133a69) 5%, transparent);
  opacity: 0;
  transition: opacity 0.25s ease;
  pointer-events: none;
}

body.fc-ds.fc-site .single-features-box:hover::before,
body.fc-ds.fc-site .single-featured-box:hover::before,
body.fc-ds.fc-site .more-type-box:hover::before {
  opacity: 1;
}

/* Utility modal and panels */
body.fc-ds .our-locations,
body.fc-ds .our-locations-body,
body.fc-ds .our-locations-header {
  border-color: var(--fc-modern-border);
}

body.fc-ds .our-locations-header {
  background: color-mix(in srgb, var(--mt-theme-default-background, #133a69) 8%, var(--fc-theme-canvas-paper));
}

/* Animated icons (safe, subtle) */
@keyframes fc-icon-float {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-3px);
  }
}

@keyframes fc-icon-glow {
  0%,
  100% {
    filter: drop-shadow(0 0 0 color-mix(in srgb, var(--mt-theme-default-background, #133a69) 25%, transparent));
  }
  50% {
    filter: drop-shadow(0 0 6px color-mix(in srgb, var(--mt-theme-default-background, #133a69) 35%, transparent));
  }
}

body.fc-ds.fc-site .nav-name-icon i,
body.fc-ds.fc-site .top-atm-icon svg,
body.fc-ds.fc-site .top-sign-icon svg,
body.fc-ds.fc-site .m-mle-mnu-nav-icon svg,
body.fc-ds.fc-site .more-type-box-icon svg,
body.fc-ds.fc-site .single-features-box .icon i {
  animation: fc-icon-float 3s ease-in-out infinite;
}

body.fc-ds.fc-site .h-drop-heading-title::before,
body.fc-ds .mt-section-title::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 8px;
  border-radius: 50%;
  background: var(--fc-modern-navy-2);
  animation: fc-icon-glow 3.2s ease-in-out infinite;
}

@media (max-width: 991px) {
  body.fc-ds .mt-main-content,
  body.fc-ds .mt-dash-ibox-inner,
  body.fc-ds .mt-info-box-inner {
    border-radius: 14px;
  }

  body.fc-ds .table {
    display: block;
    overflow-x: auto;
  }

  body.fc-ds.fc-site .more-main-cover-content,
  body.fc-ds.fc-site .onion-isa-content-inner,
  body.fc-ds.fc-site .more-types-section-inner,
  body.fc-ds.fc-site .onion-byside-content,
  body.fc-ds.fc-site .onion-o-box-content,
  body.fc-ds.fc-site .magic-cover-content {
    border-radius: 14px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.fc-ds .nav-name-icon i,
  body.fc-ds .top-atm-icon svg,
  body.fc-ds .top-sign-icon svg,
  body.fc-ds .m-mle-mnu-nav-icon svg,
  body.fc-ds .more-type-box-icon svg,
  body.fc-ds .single-features-box .icon i,
  body.fc-ds.fc-site .h-drop-heading-title::before,
  body.fc-ds .mt-section-title::before {
    animation: none !important;
  }
}

/* ------------------------------------------------------------------------- */
/* Full rollout batch 1: public template families (non-home + home polish)  */
/* ------------------------------------------------------------------------- */
body.fc-ds.fc-site:not(.fc-home) .mt-onion-section {
  padding-top: clamp(1rem, 2vw, 1.7rem);
  padding-bottom: clamp(1.4rem, 2.6vw, 2.4rem);
}

body.fc-ds.fc-site:not(.fc-home) .onion-cover-full,
body.fc-ds.fc-site:not(.fc-home) .onion-maxi-image {
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.18);
}

body.fc-ds.fc-site:not(.fc-home) .onion-cover-img {
  width: 100%;
  height: clamp(260px, 40vw, 430px);
  object-fit: cover;
}

body.fc-ds.fc-site:not(.fc-home) .onion-cvr-caption {
  background: color-mix(in srgb, var(--mt-theme-default-background, #133a69) 72%, transparent);
}

body.fc-ds.fc-site:not(.fc-home) .onion-cvr-caption-inner {
  padding: clamp(1rem, 2.5vw, 2rem);
}

body.fc-ds.fc-site:not(.fc-home) .o-cvr-caption-title {
  color: #fff;
  font-size: clamp(1.45rem, 2vw, 2.2rem);
  line-height: 1.15;
  letter-spacing: -0.02em;
}

body.fc-ds.fc-site:not(.fc-home) .o-cvr-caption-desc {
  color: rgba(255, 255, 255, 0.9);
  line-height: 1.7;
}

body.fc-ds.fc-site:not(.fc-home) .onion-isa-heading.mt-center-content {
  max-width: 840px;
  margin: 0 auto 1.25rem;
}

body.fc-ds.fc-site:not(.fc-home) .onion-isa-content-title,
body.fc-ds.fc-site:not(.fc-home) .mo-type-heading-title,
body.fc-ds.fc-site:not(.fc-home) .conx-hr-page-title,
body.fc-ds.fc-site:not(.fc-home) .mt-hr-page-title {
  color: var(--fc-theme-brand-ink, #0f2a56) !important;
  font-size: clamp(1.35rem, 1.4vw + 1rem, 2.15rem);
  letter-spacing: -0.02em;
}

body.fc-ds.fc-site:not(.fc-home) .onion-isa-content-desc,
body.fc-ds.fc-site:not(.fc-home) .mo-type-heading-desc,
body.fc-ds.fc-site:not(.fc-home) .page-bodytext {
  color: var(--fc-theme-canvas-muted, #4f627c) !important;
}

body.fc-ds.fc-site:not(.fc-home) .onion-byside-item-bin {
  padding: clamp(1rem, 2vw, 1.6rem);
}

body.fc-ds.fc-site:not(.fc-home) .onion-byside-item h2,
body.fc-ds.fc-site:not(.fc-home) .byside-itxt-bordered h2 {
  color: var(--fc-theme-brand-ink, #0f2a56);
  letter-spacing: -0.01em;
}

body.fc-ds.fc-site:not(.fc-home) .byside-itxt,
body.fc-ds.fc-site:not(.fc-home) .onion-byside-item .byside-itxt {
  color: var(--fc-theme-canvas-muted, #5a6b7d);
  line-height: 1.7;
}

body.fc-ds.fc-site:not(.fc-home) .mo-info-action {
  background: var(--fc-modern-navy-2);
  border: 1px solid color-mix(in srgb, var(--mt-theme-text, #ffffff) 20%, transparent);
}

body.fc-ds.fc-site:not(.fc-home) .mo-info-action h4 {
  color: var(--mt-theme-text, #fff);
}

body.fc-ds.fc-site:not(.fc-home) .mo-info-action div {
  color: color-mix(in srgb, var(--mt-theme-text, #ffffff) 88%, transparent);
}

/* Contact / utility card families */
body.fc-ds.fc-site:not(.fc-home) .ux-box-wrapper,
body.fc-ds.fc-site:not(.fc-home) .mt-widget-ins,
body.fc-ds.fc-site:not(.fc-home) .conx-r-rows {
  border-radius: 16px;
}

body.fc-ds.fc-site:not(.fc-home) .ux-box {
  min-height: 210px;
  border: 1px solid var(--fc-modern-border);
  border-radius: 16px;
  background: var(--fc-modern-paper);
  box-shadow: var(--fc-modern-shadow);
  padding: 1rem;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
  cursor: pointer;
}

body.fc-ds.fc-site:not(.fc-home) .ux-box:hover {
  transform: translateY(-4px);
  border-color: rgba(19, 58, 105, 0.26);
  box-shadow: 0 20px 34px rgba(15, 23, 42, 0.13);
}

body.fc-ds.fc-site:not(.fc-home) .ux-box-title {
  color: var(--fc-theme-brand-ink, #0f2a56);
  font-weight: 800;
}

body.fc-ds.fc-site:not(.fc-home) .ux-box-desc {
  color: var(--fc-theme-canvas-muted, #5a6b7d);
}

body.fc-ds.fc-site:not(.fc-home) .ux-box-icon svg {
  animation: fc-icon-float 3.4s ease-in-out infinite;
}

body.fc-ds.fc-site:not(.fc-home) .ux-box-icon svg g,
body.fc-ds.fc-site:not(.fc-home) .ux-box-icon svg path {
  fill: var(--mt-theme-default-background, #133a69) !important;
}

body.fc-ds.fc-site:not(.fc-home) .mt-widget-ins {
  background: var(--fc-modern-paper);
  border: 1px solid var(--fc-modern-border);
  box-shadow: var(--fc-modern-shadow);
  padding: 1rem;
}

body.fc-ds.fc-site:not(.fc-home) .conx-r-rows {
  background: color-mix(in srgb, var(--mt-theme-default-background, #133a69) 4%, var(--fc-modern-paper));
  border: 1px solid var(--fc-modern-border);
  padding: 0.8rem 0.85rem;
  margin-bottom: 0.75rem;
}

body.fc-ds.fc-site:not(.fc-home) .conx-r-title {
  color: var(--fc-theme-brand-ink, #0f2a56);
  font-weight: 800;
  margin-bottom: 0.35rem;
}

body.fc-ds.fc-site:not(.fc-home) .conx-r-desc {
  color: var(--fc-theme-canvas-muted, #4f627c);
  line-height: 1.6;
}

body.fc-ds.fc-site:not(.fc-home) .mt-about-ft-hero.short-hero {
  border-radius: 24px;
  overflow: hidden;
  margin: clamp(1.5rem, 3vw, 2.4rem) auto 0;
  max-width: 1240px;
  box-shadow: 0 20px 42px rgba(15, 23, 42, 0.17);
}

body.fc-ds.fc-site:not(.fc-home) .mt-about-ft-hero .jumbotron-overlay {
  background: color-mix(in srgb, var(--mt-theme-default-background, #133a69) 78%, transparent) !important;
}

body.fc-ds.fc-site:not(.fc-home) .ft-headline {
  color: #fff;
}

body.fc-ds.fc-site:not(.fc-home) .ft-subheadline {
  color: rgba(255, 255, 255, 0.88);
}

/* Footer polish on all public pages */
body.fc-ds.fc-site .footer-main.bg-overlay:after {
  background: color-mix(in srgb, var(--mt-theme-default-background, #133a69) 92%, #000);
}

body.fc-ds.fc-site .footer .copyright {
  border-top: 1px solid color-mix(in srgb, var(--mt-theme-text, #ffffff) 22%, transparent);
}

body.fc-ds.fc-site .footer-menu ul li a:hover {
  color: color-mix(in srgb, var(--mt-theme-text, #ffffff) 82%, var(--mt-theme-default-background)) !important;
}

/* Homepage override layer (wins over inline with !important) */
body.fc-ds.fc-site.fc-home {
  background: linear-gradient(180deg, var(--fc-theme-canvas-mist) 0%, var(--fc-theme-canvas-paper) 100%) !important;
}

body.fc-ds.fc-site.fc-home .fc-new-page {
  background: linear-gradient(
    180deg,
    var(--fc-theme-canvas-mist) 0%,
    color-mix(in srgb, var(--mt-theme-default-background, #133a69) 4%, var(--fc-theme-canvas-paper)) 100%
  ) !important;
}

/* Hero slider overlay: must track admin shell colors (replaces legacy fixed navy rgba). */
body.fc-ds.fc-site.fc-home .fc-hero-modern:before {
  background: linear-gradient(
    118deg,
    color-mix(in srgb, var(--mt-theme-hover, #0e2c52) 88%, transparent) 0%,
    color-mix(in srgb, var(--mt-theme-default-background, #133a69) 55%, transparent) 100%
  ) !important;
}

body.fc-ds.fc-site.fc-home .fc-btn-primary {
  background: var(--mt-theme-default-background, #133a69) !important;
  color: var(--mt-theme-text, #ffffff) !important;
  border: 1px solid color-mix(in srgb, var(--mt-theme-default-background) 70%, #000) !important;
}

body.fc-ds.fc-site.fc-home .fc-btn-light {
  border-color: color-mix(in srgb, var(--mt-theme-text, #ffffff) 35%, transparent) !important;
}

body.fc-ds.fc-site.fc-home .fc-stat {
  border-color: color-mix(in srgb, var(--mt-theme-text, #ffffff) 25%, transparent);
}

@media (max-width: 991px) {
  body.fc-ds.fc-site:not(.fc-home) .onion-cover-img {
    height: 260px;
  }

  body.fc-ds.fc-site:not(.fc-home) .ux-box {
    min-height: auto;
  }

  body.fc-ds.fc-site:not(.fc-home) .mt-about-ft-hero.short-hero {
    border-radius: 16px;
    margin-top: 1rem;
  }
}

/* ------------------------------------------------------------------------- */
/* Rebrand rollout: unified modern shell (non-functional visual changes)     */
/* ------------------------------------------------------------------------- */
body.fc-ds.fc-site {
  --fc-brand-navy-900: var(--mt-theme-hover, #0e2c52);
  --fc-brand-navy-800: var(--mt-theme-default-background, #133a69);
  --fc-brand-navy-700: var(--mt-theme-default-background, #133a69);
  --fc-brand-cyan-600: var(--mt-theme-default-background, #133a69);
  --fc-brand-gold-500: var(--mt-theme-default-background, #133a69);
  --fc-brand-gold-400: var(--mt-theme-hover, #0e2c52);
  --fc-brand-ink: var(--fc-theme-canvas-ink, #1a2332);
  --fc-brand-muted: var(--fc-theme-canvas-muted, #5c6675);
  --fc-brand-card: var(--fc-theme-canvas-paper, #ffffff);
  --fc-brand-card-2: var(--fc-theme-canvas-mist, #eef1f6);
  --fc-brand-border: var(--fc-theme-canvas-border, rgba(26, 35, 50, 0.12));
  --fc-brand-shadow-md: var(--fc-theme-canvas-shadow, 0 8px 28px rgba(26, 35, 50, 0.07));
  --fc-brand-shadow-sm: 0 6px 18px rgba(26, 35, 50, 0.06);
}

body.fc-ds.fc-site {
  background: linear-gradient(180deg, var(--fc-theme-canvas-mist) 0%, var(--fc-theme-canvas-paper) 100%);
  color: var(--fc-brand-ink);
}

body.fc-ds.fc-site .top-header {
  background: var(--mt-theme-default-background, #133a69);
  border-bottom: 1px solid color-mix(in srgb, var(--mt-theme-text, #ffffff) 16%, transparent);
  box-shadow: 0 8px 24px color-mix(in srgb, var(--mt-theme-default-background, #133a69) 18%, transparent);
}

body.fc-ds.fc-site .top-header .top-nava a,
body.fc-ds.fc-site .top-header .top-atm-txt {
  color: rgba(255, 255, 255, 0.94) !important;
}

/* Internet Banking pill — high contrast on bar */
body.fc-ds.fc-site .top-header .sign-on.sign-on-li a,
body.fc-ds.fc-site .top-header .sign-on.sign-on-li a span {
  color: var(--mt-theme-default-background, #133a69) !important;
}

body.fc-ds.fc-site .top-header .sign-on.sign-on-li a {
  background: var(--mt-theme-text, #ffffff) !important;
  border: 1px solid color-mix(in srgb, var(--mt-theme-text, #ffffff) 35%, transparent) !important;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12) !important;
}

body.fc-ds.fc-site .top-header .sign-on.sign-on-li a:hover {
  background: color-mix(in srgb, var(--mt-theme-text, #ffffff) 92%, var(--mt-theme-default-background) 8%) !important;
  color: var(--mt-theme-default-background, #133a69) !important;
  transform: translateY(-1px);
}

body.fc-ds.fc-site .top-header .sign-on.sign-on-li .top-sign-icon svg {
  color: var(--mt-theme-default-background, #133a69) !important;
  fill: var(--mt-theme-default-background, #133a69) !important;
}

body.fc-ds.fc-site .navbar-area {
  position: sticky;
  top: 0;
  z-index: 40;
  background: rgba(255, 255, 255, 0.9);
  border-bottom: 1px solid var(--fc-brand-border);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

body.fc-ds.fc-site .luvion-nav .navbar {
  min-height: 78px;
}

body.fc-ds.fc-site .luvion-nav .navbar .navbar-brand img {
  max-height: 52px;
  object-fit: contain;
}

body.fc-ds.fc-site .luvion-nav .navbar .navbar-nav .nav-item > a {
  border-radius: 999px;
  padding: 10px 15px !important;
  color: var(--fc-brand-ink) !important;
  transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

body.fc-ds.fc-site .luvion-nav .navbar .navbar-nav .nav-item > a:hover,
body.fc-ds.fc-site .luvion-nav .navbar .navbar-nav .nav-item:hover > a,
body.fc-ds.fc-site .luvion-nav .navbar .navbar-nav .nav-item.active > a {
  background: color-mix(in srgb, var(--mt-theme-default-background, #133a69) 8%, var(--fc-brand-card));
  color: var(--fc-brand-navy-800) !important;
  box-shadow: inset 0 0 0 1px rgba(22, 60, 114, 0.12);
  transform: translateY(-1px);
}

body.fc-ds.fc-site .mt-dropdown-menu-inner {
  border-radius: 18px;
  border: 1px solid rgba(15, 42, 86, 0.14);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 250, 255, 0.96));
  box-shadow: 0 22px 46px rgba(8, 27, 54, 0.2);
}

body.fc-ds.fc-site .mt-dropdown-menu-col + .mt-dropdown-menu-col {
  border-left: 1px solid rgba(15, 42, 86, 0.08);
}

body.fc-ds.fc-site .h-drop-heading-title {
  color: var(--fc-brand-navy-800);
  letter-spacing: -0.01em;
}

body.fc-ds.fc-site .mt-dropdown-li > a {
  border-radius: 10px;
  padding: 10px 12px !important;
  color: var(--fc-brand-ink) !important;
  transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

body.fc-ds.fc-site .mt-dropdown-li > a:hover {
  background: rgba(22, 60, 114, 0.08);
  color: var(--fc-brand-navy-700) !important;
  transform: translateX(2px);
}

body.fc-ds.fc-site .short-hero,
body.fc-ds.fc-site .mt-about-hero.short-hero,
body.fc-ds.fc-site .mt-about-ft-hero.short-hero {
  border-radius: 0 0 28px 28px;
  overflow: hidden;
  box-shadow: 0 22px 45px rgba(8, 27, 54, 0.18);
}

body.fc-ds.fc-site .short-hero .jumbotron-overlay,
body.fc-ds.fc-site .mt-about-hero .jumbotron-overlay,
body.fc-ds.fc-site .mt-about-ft-hero .jumbotron-overlay {
  background: linear-gradient(116deg, rgba(8, 27, 54, 0.9) 0%, rgba(15, 42, 86, 0.66) 52%, rgba(216, 169, 71, 0.4) 100%) !important;
}

body.fc-ds.fc-site .hero-headline,
body.fc-ds.fc-site .mt-hr-page-title,
body.fc-ds.fc-site .more-main-cover-title {
  color: var(--fc-brand-navy-800);
  letter-spacing: -0.025em;
}

body.fc-ds.fc-site .hero-subheadline,
body.fc-ds.fc-site .page-bodytext {
  color: var(--fc-brand-muted);
}

body.fc-ds.fc-site .single-features-box,
body.fc-ds.fc-site .single-featured-box,
body.fc-ds.fc-site .more-type-box,
body.fc-ds.fc-site .onion-isa-content-inner,
body.fc-ds.fc-site .more-main-cover-content,
body.fc-ds.fc-site .onion-byside-content,
body.fc-ds.fc-site .onion-o-box-content,
body.fc-ds.fc-site .magic-cover-content,
body.fc-ds.fc-site .ux-box,
body.fc-ds.fc-site .mt-widget-ins {
  border: 1px solid var(--fc-brand-border) !important;
  background: linear-gradient(180deg, var(--fc-brand-card), var(--fc-brand-card-2)) !important;
  box-shadow: var(--fc-brand-shadow-sm) !important;
}

body.fc-ds.fc-site .single-features-box:hover,
body.fc-ds.fc-site .single-featured-box:hover,
body.fc-ds.fc-site .more-type-box:hover,
body.fc-ds.fc-site .ux-box:hover {
  box-shadow: var(--fc-brand-shadow-md) !important;
  transform: translateY(-4px);
}

body.fc-ds.fc-site .btn.btn-primary {
  background: linear-gradient(120deg, var(--fc-brand-navy-800) 0%, var(--fc-brand-navy-700) 55%, var(--fc-brand-gold-500) 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 14px 30px -16px rgba(8, 27, 54, 0.6);
}

body.fc-ds.fc-site .btn.btn-primary:hover {
  filter: brightness(1.05);
  transform: translateY(-1px);
}

body.fc-ds.fc-site .btn.btn-outline-primary,
body.fc-ds.fc-site .btn.btn-outline-secondary {
  border-color: rgba(22, 60, 114, 0.46);
  color: var(--fc-brand-navy-700);
  background: rgba(255, 255, 255, 0.72);
}

body.fc-ds.fc-site .btn.btn-outline-primary:hover,
body.fc-ds.fc-site .btn.btn-outline-secondary:hover {
  background: rgba(22, 60, 114, 0.09);
}

body.fc-ds.fc-site .form-control,
body.fc-ds.fc-site .mt-form-control,
body.fc-ds.fc-site textarea.form-control,
body.fc-ds.fc-site select.form-control,
body.fc-ds.fc-site .lct-input-control {
  border-radius: 12px;
  border: 1px solid rgba(15, 42, 86, 0.24);
  background: rgba(255, 255, 255, 0.98);
}

body.fc-ds.fc-site .form-control:focus,
body.fc-ds.fc-site .mt-form-control:focus,
body.fc-ds.fc-site textarea.form-control:focus,
body.fc-ds.fc-site select.form-control:focus,
body.fc-ds.fc-site .lct-input-control:focus {
  border-color: rgba(22, 60, 114, 0.66);
  box-shadow: 0 0 0 4px rgba(22, 60, 114, 0.14) !important;
}

body.fc-ds.fc-site .our-locations {
  border: 1px solid rgba(15, 42, 86, 0.16);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(246, 250, 255, 0.98));
  box-shadow: 0 26px 56px rgba(8, 27, 54, 0.28);
}

body.fc-ds.fc-site .our-locations-header {
  background: linear-gradient(120deg, rgba(8, 27, 54, 0.92), rgba(15, 42, 86, 0.9) 56%, rgba(22, 60, 114, 0.84));
  color: #fff;
}

body.fc-ds.fc-site .fc-site-footer .footer-main {
  position: relative;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

body.fc-ds.fc-site .fc-site-footer .footer-main.bg-overlay:after {
  background: linear-gradient(180deg, rgba(8, 27, 54, 0.98) 0%, rgba(15, 42, 86, 0.95) 52%, rgba(11, 36, 67, 0.98) 100%);
}

body.fc-ds.fc-site .fc-site-footer .footer-nav-columns {
  row-gap: 1rem;
}

body.fc-ds.fc-site .fc-site-footer .single-footer-widget {
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03));
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 14px;
  padding: 18px 16px 14px;
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}

body.fc-ds.fc-site .fc-site-footer .footer-nav-title {
  font-size: 1rem;
  margin-bottom: 0.9rem;
  color: #fff;
  letter-spacing: 0.02em;
}

body.fc-ds.fc-site .fc-site-footer .single-footer-widget a {
  color: rgba(241, 247, 255, 0.9);
  transition: color 0.2s ease, transform 0.2s ease;
  display: inline-block;
}

body.fc-ds.fc-site .fc-site-footer .single-footer-widget a:hover {
  color: var(--fc-brand-gold-400);
  transform: translateX(2px);
}

body.fc-ds.fc-site .fc-site-footer .footer-notice {
  margin-top: 1.25rem;
  border: 1px solid rgba(255, 255, 255, 0.17);
  border-radius: 16px;
  padding: clamp(1rem, 2vw, 1.4rem);
  background: linear-gradient(140deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.04));
}

body.fc-ds.fc-site .fc-site-footer .footer-notice-title {
  color: #fff;
}

body.fc-ds.fc-site .fc-site-footer .footer-notice-txt {
  color: rgba(237, 245, 255, 0.88);
}

body.fc-ds.fc-site .fc-site-footer .copyright {
  background: linear-gradient(180deg, rgba(4, 13, 27, 0.98), rgba(8, 27, 54, 1));
  border-top: 1px solid rgba(216, 169, 71, 0.24);
}

body.fc-ds.fc-site .fc-site-footer .copyright-info span,
body.fc-ds.fc-site .fc-site-footer .footer-legal-nav a {
  color: rgba(245, 249, 255, 0.88);
}

body.fc-ds.fc-site .fc-site-footer .footer-legal-nav a:hover {
  color: var(--fc-brand-gold-400) !important;
}

body.fc-ds.fc-site.fc-home .fc-hero-modern:after {
  opacity: 0.28;
}

body.fc-ds.fc-site.fc-home .fc-hero-title {
  text-shadow: 0 10px 34px rgba(6, 20, 42, 0.5);
}

body.fc-ds.fc-site.fc-home .fc-hero-desc {
  color: rgba(241, 246, 255, 0.9);
}

body.fc-ds.fc-site.fc-home .fc-stat {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.06));
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}

@media (max-width: 1199px) {
  body.fc-ds.fc-site .luvion-nav .navbar .navbar-nav .nav-item > a {
    padding-left: 11px !important;
    padding-right: 11px !important;
  }

  body.fc-ds.fc-site .fc-site-footer .single-footer-widget {
    min-height: 100%;
  }
}

@media (max-width: 991px) {
  body.fc-ds.fc-site .navbar-area {
    position: relative;
    top: auto;
  }

  body.fc-ds.fc-site .mobile-top-header {
    background: linear-gradient(110deg, rgba(8, 27, 54, 0.94), rgba(15, 42, 86, 0.9));
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
  }

  body.fc-ds.fc-site .fc-site-footer .footer-nav-columns {
    display: block;
  }

  body.fc-ds.fc-site .fc-site-footer .single-footer-widget {
    margin-bottom: 0.75rem;
    padding: 14px;
  }

  body.fc-ds.fc-site .fc-site-footer .footer-notice {
    margin-top: 0.9rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.fc-ds.fc-site .single-features-box,
  body.fc-ds.fc-site .single-featured-box,
  body.fc-ds.fc-site .more-type-box,
  body.fc-ds.fc-site .ux-box,
  body.fc-ds.fc-site .btn,
  body.fc-ds.fc-site .luvion-nav .navbar .navbar-nav .nav-item > a,
  body.fc-ds.fc-site .fc-site-footer .single-footer-widget a {
    transition: none !important;
  }
}

/* ------------------------------------------------------------------------- */
/* Account dashboard rebrand (authenticated user shell)                      */
/* ------------------------------------------------------------------------- */
body.fc-ds.user-dashboard {
  --fc-acct-navy-900: color-mix(in srgb, var(--mt-theme-default-background, #133a69) 88%, #000000);
  --fc-acct-navy-800: var(--mt-theme-hover, #0e2c52);
  --fc-acct-navy-700: var(--mt-theme-default-background, #133a69);
  --fc-acct-cyan-600: var(--fc-theme-accent-mint, #1b8ea2);
  --fc-acct-gold-500: var(--fc-theme-gold-mid, #d8a947);
  --fc-acct-gold-300: var(--fc-theme-gold-light, #f3ddb0);
  --fc-acct-ink: var(--fc-theme-brand-ink, #112d52);
  --fc-acct-muted: var(--fc-theme-canvas-muted, #5f7190);
  --fc-acct-surface: color-mix(in srgb, var(--fc-theme-canvas-paper, #ffffff) 94%, transparent);
  --fc-acct-surface-2: color-mix(in srgb, var(--fc-theme-canvas-paper, #ffffff) 88%, var(--mt-theme-default-background, #133a69) 6%);
  --fc-acct-border: color-mix(in srgb, var(--fc-theme-brand-ink, #112d52) 14%, transparent);
  --fc-acct-shadow: 0 16px 36px color-mix(in srgb, var(--fc-theme-brand-ink, #081b36) 14%, transparent);
  background:
    radial-gradient(760px 320px at 8% -8%, color-mix(in srgb, var(--fc-theme-accent-mint) 16%, transparent), transparent 56%),
    radial-gradient(640px 280px at 100% 0%, color-mix(in srgb, var(--fc-theme-gold-mid) 16%, transparent), transparent 45%),
    linear-gradient(180deg, var(--fc-theme-canvas-mist, #edf2fa) 0%, color-mix(in srgb, var(--fc-theme-canvas-paper, #ffffff) 92%, var(--mt-theme-default-background, #133a69) 5%) 44%, var(--fc-theme-canvas-paper, #fffaf1) 100%);
}

body.fc-ds.user-dashboard .mt-header {
  background: linear-gradient(118deg, var(--mt-theme-default-background, #133a69) 0%, var(--mt-theme-hover, #0e2c52) 52%, color-mix(in srgb, var(--mt-theme-default-background, #133a69) 78%, var(--fc-theme-accent-mint) 22%) 100%) !important;
  border-bottom: 1px solid color-mix(in srgb, var(--mt-theme-text, #ffffff) 14%, transparent);
  box-shadow: 0 14px 34px color-mix(in srgb, var(--mt-theme-default-background, #081b36) 22%, transparent);
}

body.fc-ds.user-dashboard .mn-header-nav-link,
body.fc-ds.user-dashboard .mn-header-r-nav-ul .mn-header-r-nav-li {
  border-radius: 12px;
}

body.fc-ds.user-dashboard .mn-header-nav-li.active .mn-header-nav-link,
body.fc-ds.user-dashboard .mn-header-nav-link:hover {
  background: linear-gradient(130deg, color-mix(in srgb, var(--mt-theme-text, #ffffff) 18%, transparent), color-mix(in srgb, var(--fc-theme-gold-mid) 23%, transparent));
}

body.fc-ds.user-dashboard .mt-content-body {
  background: transparent;
}

body.fc-ds.user-dashboard .mt-content-body-inner {
  background: transparent;
}

body.fc-ds.user-dashboard .mt-sidebar-fixed {
  border: 1px solid var(--fc-acct-border);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(247, 250, 255, 0.9));
  box-shadow: var(--fc-acct-shadow);
}

body.fc-ds.user-dashboard .mt-sbr-nav .nav-item .nav-link {
  border-radius: 12px;
  transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

body.fc-ds.user-dashboard .mt-sbr-nav .nav-item.active .nav-link,
body.fc-ds.user-dashboard .mt-sbr-nav .nav-item .nav-link:hover {
  background: linear-gradient(130deg, color-mix(in srgb, var(--mt-theme-default-background, #133a69) 12%, transparent), color-mix(in srgb, var(--fc-theme-accent-mint) 12%, transparent));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--mt-theme-default-background, #133a69) 20%, transparent);
  transform: translateY(-1px);
}

body.fc-ds.user-dashboard .mt-sbr-accounts-row,
body.fc-ds.user-dashboard .mt-sbr-manage-card-inner {
  border: 1px solid var(--fc-acct-border);
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(248, 251, 255, 0.94));
}

body.fc-ds.user-dashboard .mt-main-content {
  border: 1px solid var(--fc-acct-border);
  border-radius: 20px;
  background: linear-gradient(180deg, var(--fc-acct-surface), var(--fc-acct-surface-2));
  box-shadow: var(--fc-acct-shadow);
}

body.fc-ds.user-dashboard .fc-dash-hero {
  padding: 1rem 1rem 0.5rem;
  border: 1px solid var(--fc-acct-border);
  border-radius: 16px;
  background: linear-gradient(120deg, color-mix(in srgb, var(--mt-theme-default-background, #133a69) 7%, transparent), color-mix(in srgb, var(--fc-theme-accent-mint) 9%, transparent), color-mix(in srgb, var(--fc-theme-gold-mid) 12%, transparent));
  margin-bottom: 1rem;
}

body.fc-ds.user-dashboard .fc-dash-hero h4 {
  color: var(--fc-acct-ink);
  letter-spacing: -0.02em;
}

body.fc-ds.user-dashboard .fc-balance-card .mt-info-box-inner {
  min-height: 132px;
  border-radius: 16px;
  border: 1px solid var(--fc-acct-border) !important;
  box-shadow: 0 12px 28px color-mix(in srgb, var(--fc-theme-brand-ink, #081b36) 10%, transparent);
  background: linear-gradient(180deg, var(--fc-acct-surface), var(--fc-acct-surface-2)) !important;
}

body.fc-ds.user-dashboard .fc-balance-card .mt-info-box-icon {
  border-radius: 14px;
  border: 1px solid var(--fc-acct-border);
  background: linear-gradient(145deg, color-mix(in srgb, var(--mt-theme-default-background, #133a69) 12%, transparent), color-mix(in srgb, var(--fc-theme-gold-mid) 14%, transparent));
}

body.fc-ds.user-dashboard .fc-balance-card .mt-info-box-content h5,
body.fc-ds.user-dashboard .fc-balance-card .mt-ibox-label {
  color: var(--fc-acct-ink);
}

body.fc-ds.user-dashboard .fc-balance-card--current .mt-info-box-inner {
  background: linear-gradient(180deg, rgba(233, 243, 255, 0.92), rgba(248, 252, 255, 0.96)) !important;
}

body.fc-ds.user-dashboard .fc-balance-card--available .mt-info-box-inner {
  background: linear-gradient(180deg, rgba(236, 249, 249, 0.9), rgba(247, 252, 252, 0.96)) !important;
}

body.fc-ds.user-dashboard .fc-balance-card--spent .mt-info-box-inner {
  background: linear-gradient(180deg, rgba(255, 247, 230, 0.9), rgba(255, 251, 240, 0.96)) !important;
}

body.fc-ds.user-dashboard .fc-dashboard-card {
  border-radius: 16px;
  border: 1px solid var(--fc-theme-card-edge, var(--fc-acct-border));
  box-shadow: 0 14px 30px color-mix(in srgb, var(--fc-theme-brand-ink, #081b36) 10%, transparent);
  overflow: hidden;
}

body.fc-ds.user-dashboard .fc-dashboard-card .card-header {
  border-bottom: 1px solid var(--fc-theme-card-edge, rgba(15, 42, 86, 0.12));
  background: var(--fc-theme-card-header-bg, linear-gradient(120deg, rgba(15, 42, 86, 0.05), rgba(216, 169, 71, 0.1)));
}

body.fc-ds.user-dashboard .history-container {
  border-radius: 0 0 16px 16px;
}

body.fc-ds.user-dashboard .sortbydate-input,
body.fc-ds.user-dashboard .sortbydate-submit,
body.fc-ds.user-dashboard .sortbydate-export-btn {
  border-radius: 10px;
}

body.fc-ds.user-dashboard .sortbydate-input {
  border: 1px solid color-mix(in srgb, var(--fc-theme-brand-ink, #112d52) 22%, transparent);
  background: var(--fc-theme-canvas-paper, #fff);
}

body.fc-ds.user-dashboard .sortbydate-submit,
body.fc-ds.user-dashboard .sortbydate-export-btn {
  border: 1px solid color-mix(in srgb, var(--mt-theme-default-background, #133a69) 35%, transparent);
  color: var(--mt-theme-text, #fff);
  background: linear-gradient(130deg, var(--fc-theme-shell-hover, var(--fc-acct-navy-800)), var(--fc-theme-shell-bg, var(--fc-acct-navy-700)));
}

body.fc-ds.user-dashboard .sortbydate-submit:hover,
body.fc-ds.user-dashboard .sortbydate-export-btn:hover {
  filter: brightness(1.05);
}

body.fc-ds.user-dashboard .fc-flow-card .card-header h6,
body.fc-ds.user-dashboard .mt-progress-desc-label {
  color: var(--fc-acct-ink);
}

body.fc-ds.user-dashboard .mt-progress-desc-amt {
  color: var(--fc-theme-brand-ink, #163c72);
  font-weight: 700;
}

body.fc-ds.user-dashboard .account-sub-footer {
  margin-top: 1rem;
  padding: 0.9rem 1rem;
  border-radius: 12px;
  border: 1px solid var(--fc-acct-border);
  background: linear-gradient(120deg, var(--fc-acct-surface), var(--fc-acct-surface-2));
}

@media (max-width: 1199px) {
  body.fc-ds.user-dashboard .mt-info-box {
    margin-bottom: 0.85rem;
  }
}

@media (max-width: 991px) {
  body.fc-ds.user-dashboard .mt-main-content {
    border-radius: 14px;
  }

  body.fc-ds.user-dashboard .mt-sidebar-fixed,
  body.fc-ds.user-dashboard .fc-dashboard-card {
    border-radius: 14px;
  }

  body.fc-ds.user-dashboard .fc-dash-hero {
    padding: 0.85rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.fc-ds.user-dashboard .mt-sbr-nav .nav-item .nav-link,
  body.fc-ds.user-dashboard .sortbydate-submit,
  body.fc-ds.user-dashboard .sortbydate-export-btn {
    transition: none !important;
  }
}

/* ------------------------------------------------------------------------- */
/* Account dashboard v2: vibrant modern banking aesthetics                   */
/* ------------------------------------------------------------------------- */
body.fc-ds.user-dashboard {
  --fc-v2-indigo: #4f46e5;
  --fc-v2-cyan: #0891b2;
  --fc-v2-emerald: #059669;
  --fc-v2-rose: #e11d48;
  --fc-v2-orange: #ea580c;
}

body.fc-ds.user-dashboard .mt-header::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 2px;
  background: linear-gradient(90deg, rgba(79, 70, 229, 0.75), rgba(8, 145, 178, 0.75), rgba(216, 169, 71, 0.78));
}

body.fc-ds.user-dashboard .mn-header-r-nav-user,
body.fc-ds.user-dashboard .mn-header-r-nav-li.hm-notice {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.18);
}

body.fc-ds.user-dashboard .notice-count {
  background: linear-gradient(135deg, #f43f5e, #fb7185);
  color: #fff;
  box-shadow: 0 6px 16px rgba(244, 63, 94, 0.35);
}

body.fc-ds.user-dashboard .mt-sidebar-fixed {
  background:
    radial-gradient(220px 120px at 90% 2%, rgba(79, 70, 229, 0.14), transparent 72%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(247, 250, 255, 0.96));
}

body.fc-ds.user-dashboard .mt-sbr-nav .nav-item .nav-link svg,
body.fc-ds.user-dashboard .mt-sbr-nav .nav-item .nav-link path {
  transition: fill 0.2s ease, color 0.2s ease;
}

body.fc-ds.user-dashboard .mt-sbr-nav .nav-item.active .nav-link {
  background: linear-gradient(135deg, rgba(79, 70, 229, 0.14), rgba(8, 145, 178, 0.14));
}

body.fc-ds.user-dashboard .mt-sbr-nav .nav-item.active .nav-link svg,
body.fc-ds.user-dashboard .mt-sbr-nav .nav-item.active .nav-link path {
  fill: #1a447b !important;
  color: #1a447b !important;
}

body.fc-ds.user-dashboard .fc-dash-hero {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(300px 160px at 0% 0%, rgba(79, 70, 229, 0.16), transparent 68%),
    radial-gradient(320px 180px at 100% 100%, rgba(234, 88, 12, 0.14), transparent 72%),
    linear-gradient(115deg, rgba(15, 42, 86, 0.06), rgba(8, 145, 178, 0.11), rgba(216, 169, 71, 0.12));
}

body.fc-ds.user-dashboard .fc-dash-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(255, 255, 255, 0.35) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.35) 1px, transparent 1px);
  background-size: 42px 42px;
  opacity: 0.16;
  pointer-events: none;
}

body.fc-ds.user-dashboard .fc-balance-card {
  position: relative;
}

body.fc-ds.user-dashboard .mt-dash-ibox .row,
body.fc-ds.user-dashboard .mt-dash-main.fc-dashboard-grid {
  row-gap: 0.95rem;
}

body.fc-ds.user-dashboard .mt-dash-ibox .row > [class*="col-"],
body.fc-ds.user-dashboard .mt-dash-main.fc-dashboard-grid > [class*="col-"] {
  display: flex;
  flex-direction: column;
}

body.fc-ds.user-dashboard .mt-dash-ibox .mt-info-box,
body.fc-ds.user-dashboard .mt-dash-main.fc-dashboard-grid .card {
  width: 100%;
}

body.fc-ds.user-dashboard .mt-dash-main.fc-dashboard-grid .dash-chart {
  padding-left: 15px;
}

body.fc-ds.user-dashboard .fc-balance-card .mt-info-box-inner::after {
  content: "";
  position: absolute;
  inset: auto 12px 0 12px;
  height: 4px;
  border-radius: 999px;
  opacity: 0.85;
}

body.fc-ds.user-dashboard .fc-balance-card--current .mt-info-box-inner {
  background: linear-gradient(160deg, rgba(219, 232, 255, 0.96), rgba(240, 247, 255, 0.98)) !important;
}

body.fc-ds.user-dashboard .fc-balance-card--current .mt-info-box-inner::after {
  background: linear-gradient(90deg, #4f46e5, #8b5cf6);
}

body.fc-ds.user-dashboard .fc-balance-card--available .mt-info-box-inner {
  background: linear-gradient(160deg, rgba(218, 247, 241, 0.95), rgba(238, 252, 248, 0.98)) !important;
}

body.fc-ds.user-dashboard .fc-balance-card--available .mt-info-box-inner::after {
  background: linear-gradient(90deg, #059669, #10b981);
}

body.fc-ds.user-dashboard .fc-balance-card--spent .mt-info-box-inner {
  background: linear-gradient(160deg, rgba(255, 231, 214, 0.95), rgba(255, 245, 230, 0.98)) !important;
}

body.fc-ds.user-dashboard .fc-balance-card--spent .mt-info-box-inner::after {
  background: linear-gradient(90deg, #ea580c, #fb923c);
}

body.fc-ds.user-dashboard .fc-balance-card .mt-info-box-inner {
  position: relative;
  overflow: hidden;
  padding-bottom: 14px;
}

body.fc-ds.user-dashboard .fc-balance-card .tx-20 {
  font-size: clamp(1.15rem, 1vw + 1rem, 1.45rem);
  font-weight: 800;
  letter-spacing: -0.02em;
}

/* Unified balance hero — compact private-banking style (dashboard first block) */
body.fc-ds.user-dashboard .fc-dash-balance-row {
  row-gap: 0.75rem;
}

body.fc-ds.user-dashboard #iboxAccBal.mt-dash-ibox-inner {
  padding: 8px 10px;
}

body.fc-ds.user-dashboard .fc-balance-hero {
  flex: 1 1 auto;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

body.fc-ds.user-dashboard .fc-balance-hero-inner {
  position: relative;
  flex: 1 1 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(104px, 32%);
  grid-template-rows: auto auto auto;
  align-items: stretch;
  column-gap: 0.75rem;
  min-height: 0;
  padding: 0.85rem 1.15rem 0.75rem;
  padding-left: calc(0.95rem + 5px);
  border-radius: 16px;
  border: 1px solid rgba(15, 42, 86, 0.09);
  background:
    radial-gradient(120% 85% at 100% -25%, rgba(31, 79, 140, 0.07), transparent 52%),
    radial-gradient(90% 70% at -15% 110%, rgba(13, 116, 128, 0.05), transparent 48%),
    linear-gradient(180deg, #ffffff 0%, #fafcfe 52%, #f4f7fb 100%);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.88) inset,
    0 14px 42px rgba(15, 35, 69, 0.075);
  overflow: hidden;
}

body.fc-ds.user-dashboard .fc-balance-hero-inner::before {
  content: "";
  position: absolute;
  left: 0;
  top: 12%;
  bottom: 12%;
  width: 4px;
  border-radius: 0 4px 4px 0;
  background: linear-gradient(180deg, #1a3f6e 0%, #2a5f98 38%, #1a6b52 100%);
  opacity: 0.9;
  pointer-events: none;
}

body.fc-ds.user-dashboard .fc-balance-hero-inner::after {
  content: "";
  position: absolute;
  right: -12%;
  top: -28%;
  width: 48%;
  height: 85%;
  background: radial-gradient(closest-side, rgba(31, 79, 140, 0.05), transparent 72%);
  pointer-events: none;
}

body.fc-ds.user-dashboard .fc-balance-hero-maincol {
  grid-column: 1;
  grid-row: 1 / -1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  position: relative;
  z-index: 1;
}

body.fc-ds.user-dashboard .fc-balance-hero-chart {
  grid-column: 2;
  grid-row: 1 / -1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  align-self: stretch;
  min-width: 0;
  min-height: 52px;
  position: relative;
  z-index: 1;
}

body.fc-ds.user-dashboard .fc-balance-hero-spark-svg {
  display: block;
  width: 100%;
  height: auto;
  min-height: 48px;
  max-height: 76px;
  flex: 1 1 auto;
}

body.fc-ds.user-dashboard .fc-balance-hero-chart-caption {
  display: block;
  margin-top: 0.28rem;
  font-size: 0.625rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #94a3b8;
  text-align: right;
  line-height: 1.2;
}

body.fc-ds.user-dashboard .fc-balance-hero-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 0.3rem;
}

body.fc-ds.user-dashboard .fc-balance-hero-eyebrow {
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: #64748b;
}

body.fc-ds.user-dashboard .fc-balance-hero-ccy {
  font-size: 0.6875rem;
  font-weight: 700;
  padding: 0.22rem 0.48rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(148, 163, 184, 0.26);
  color: #334155;
  letter-spacing: 0.08em;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

body.fc-ds.user-dashboard .fc-balance-hero-main {
  display: flex;
  flex-direction: column;
  gap: 0.06rem;
  margin-bottom: 0.4rem;
}

body.fc-ds.user-dashboard .fc-balance-hero-main-label {
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: #64748b;
}

body.fc-ds.user-dashboard .fc-balance-hero-main-amount {
  font-size: clamp(1.48rem, 0.92rem + 1.85vw, 2.1rem);
  font-weight: 900;
  letter-spacing: -0.05em;
  line-height: 1.02;
  color: #050d18;
  font-variant-numeric: tabular-nums lining-nums;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.45);
  -webkit-font-smoothing: antialiased;
}

body.fc-ds.user-dashboard .fc-balance-hero-subrow {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  padding: 0.36rem 0.58rem;
  border-radius: 10px;
  background: rgba(241, 245, 249, 0.72);
  border: 1px solid rgba(148, 163, 184, 0.2);
  box-sizing: border-box;
}

body.fc-ds.user-dashboard .fc-balance-hero-subrow-label {
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #64748b;
}

body.fc-ds.user-dashboard .fc-balance-hero-subrow-amount {
  font-size: clamp(0.94rem, 0.85rem + 0.45vw, 1.12rem);
  font-weight: 700;
  letter-spacing: -0.03em;
  color: #14532d;
  font-variant-numeric: tabular-nums lining-nums;
  text-align: right;
}

/* Spending insight — same vertical rhythm as balance hero, stretched in row */
body.fc-ds.user-dashboard .fc-dash-balance-row .fc-spend-insight {
  height: 100%;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

body.fc-ds.user-dashboard .fc-spend-insight .mt-info-box-inner {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 0;
  padding: 0.85rem 1.1rem 0.72rem;
  padding-left: calc(0.95rem + 4px);
  border-radius: 16px;
}

body.fc-ds.user-dashboard .fc-spend-insight .mt-info-box-inner::before {
  content: "";
  position: absolute;
  left: 0;
  top: 12%;
  bottom: 18%;
  width: 4px;
  border-radius: 0 4px 4px 0;
  background: linear-gradient(180deg, #9a3412 0%, #ea580c 42%, #ea580c 70%, #f59e0b 100%);
  opacity: 0.9;
  pointer-events: none;
}

body.fc-ds.user-dashboard .fc-spend-insight-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 0.3rem;
}

body.fc-ds.user-dashboard .fc-spend-insight-eyebrow {
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: #9a3412;
}

body.fc-ds.user-dashboard .fc-spend-insight-date-badge {
  font-size: 0.6875rem;
  font-weight: 700;
  padding: 0.2rem 0.45rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid rgba(234, 88, 12, 0.24);
  color: #7c2d12;
  letter-spacing: 0.04em;
  flex-shrink: 0;
}

body.fc-ds.user-dashboard .fc-spend-insight-main {
  display: flex;
  flex-direction: column;
  gap: 0.06rem;
  margin-bottom: 0.4rem;
}

body.fc-ds.user-dashboard .fc-spend-insight-main-label {
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: #78716c;
}

body.fc-ds.user-dashboard .fc-spend-insight-main-amount {
  font-size: clamp(1.28rem, 0.72rem + 1.45vw, 1.82rem);
  font-weight: 800;
  letter-spacing: -0.038em;
  line-height: 1.02;
  color: #431407;
  font-variant-numeric: tabular-nums lining-nums;
}

body.fc-ds.user-dashboard .fc-spend-insight-subrow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  padding: 0.36rem 0.55rem;
  margin-bottom: 0.38rem;
  border-radius: 10px;
  background: rgba(255, 247, 237, 0.78);
  border: 1px solid rgba(251, 146, 60, 0.28);
}

body.fc-ds.user-dashboard .fc-spend-insight-stat {
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #a16207;
  min-width: 0;
  line-height: 1.3;
}

body.fc-ds.user-dashboard .fc-spend-insight-currency-pill {
  font-size: 0.6875rem;
  font-weight: 700;
  padding: 0.22rem 0.48rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(180, 83, 9, 0.22);
  color: #78350f;
  letter-spacing: 0.08em;
  flex-shrink: 0;
}

body.fc-ds.user-dashboard .fc-spend-insight-foot {
  margin: 0;
  margin-top: 0.15rem;
  padding-top: 0;
  font-size: 0.6875rem;
  line-height: 1.35;
  color: #78716c;
  letter-spacing: 0.01em;
}

body.fc-ds.user-dashboard.fc-neo .fc-balance-hero-inner {
  background: linear-gradient(165deg, #ffffff 0%, #f9fbff 50%, #f2f6fb 100%) !important;
  border-color: var(--fc-unified-border, #d6e1ee) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.92) inset,
    0 10px 32px rgba(16, 42, 67, 0.06) !important;
}

body.fc-ds.user-dashboard.fc-neo .fc-balance-hero-inner::before {
  background: linear-gradient(180deg, var(--fc-unified-primary, #1f4f8c) 0%, #3d6dad 42%, var(--fc-unified-success, #1f7a5a) 100%) !important;
  opacity: 0.88 !important;
}

body.fc-ds.user-dashboard.fc-neo .fc-balance-hero-main-amount {
  color: var(--fc-unified-ink, #102a43) !important;
  font-weight: 900 !important;
}

body.fc-ds.user-dashboard.fc-neo .fc-balance-hero-subrow {
  background: rgba(234, 242, 253, 0.65) !important;
  border-color: rgba(31, 79, 140, 0.12) !important;
}

body.fc-ds.user-dashboard.fc-neo .fc-balance-hero-subrow-amount {
  color: var(--fc-unified-success, #1f7a5a) !important;
}

body.fc-ds.user-dashboard.fc-neo .fc-spend-insight-main-amount {
  color: var(--fc-unified-ink, #102a43) !important;
}

body.fc-ds.user-dashboard.fc-neo .fc-spend-insight-eyebrow {
  color: var(--fc-unified-primary, #1f4f8c) !important;
}

body.fc-ds.user-dashboard.fc-neo .fc-spend-insight-subrow {
  background: rgba(234, 242, 253, 0.55) !important;
  border-color: rgba(31, 79, 140, 0.14) !important;
}

body.fc-ds.user-dashboard.fc-neo .fc-spend-insight-stat {
  color: var(--fc-unified-muted, #526b84) !important;
}

body.fc-ds.user-dashboard.fc-neo .fc-spend-insight .mt-info-box-inner::before {
  background: linear-gradient(180deg, var(--fc-unified-primary, #1f4f8c) 0%, #c2410c 55%, #ea580c 100%) !important;
}

body.fc-ds.user-dashboard .fc-dashboard-card {
  background:
    radial-gradient(240px 120px at 100% 0%, rgba(79, 70, 229, 0.08), transparent 74%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 250, 255, 0.96));
}

body.fc-ds.user-dashboard .fc-dashboard-card .card-header h6 {
  font-weight: 800;
  letter-spacing: -0.01em;
}

body.fc-ds.user-dashboard .sortbydate-input-group {
  gap: 0.5rem;
}

body.fc-ds.user-dashboard .sortbydate-input {
  min-height: 40px;
  border-color: rgba(79, 70, 229, 0.24);
  background: rgba(255, 255, 255, 0.94);
}

body.fc-ds.user-dashboard .sortbydate-input:focus {
  border-color: rgba(79, 70, 229, 0.58);
  box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.14);
}

body.fc-ds.user-dashboard .sortbydate-submit {
  background: linear-gradient(135deg, #4f46e5, #1d4ed8) !important;
  border-color: rgba(79, 70, 229, 0.4);
}

body.fc-ds.user-dashboard .sortbydate-export-btn {
  background: linear-gradient(135deg, #0891b2, #1d4ed8) !important;
  border-color: rgba(8, 145, 178, 0.38);
}

body.fc-ds.user-dashboard .history-container {
  padding: 0.45rem 0.6rem 0.65rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(245, 249, 255, 0.82));
}

body.fc-ds.user-dashboard .mt-trs-li {
  border: 1px solid rgba(15, 42, 86, 0.1);
  border-radius: 12px;
  margin: 0.42rem 0;
  padding: 0.7rem 0.8rem;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 8px 18px rgba(8, 27, 54, 0.06);
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

body.fc-ds.user-dashboard .mt-trs-li:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 26px rgba(8, 27, 54, 0.1);
}

body.fc-ds.user-dashboard .mt-trs-li.credit {
  border-left: 4px solid rgba(5, 150, 105, 0.9);
}

body.fc-ds.user-dashboard .mt-trs-li.debit {
  border-left: 4px solid rgba(79, 70, 229, 0.88);
}

body.fc-ds.user-dashboard .mt-trs-li.failed {
  border-left: 4px solid rgba(225, 29, 72, 0.88);
  background: linear-gradient(180deg, rgba(255, 239, 243, 0.78), rgba(255, 255, 255, 0.94));
}

body.fc-ds.user-dashboard .mt-trs-status .itrr-type {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  margin-right: 4px;
  border-radius: 999px;
  font-weight: 700;
  letter-spacing: 0.01em;
}

body.fc-ds.user-dashboard .mt-trs-li.credit .mt-trs-status .itrr-type {
  background: rgba(5, 150, 105, 0.15);
  color: #047857;
}

body.fc-ds.user-dashboard .mt-trs-li.debit .mt-trs-status .itrr-type {
  background: rgba(79, 70, 229, 0.15);
  color: #4338ca;
}

body.fc-ds.user-dashboard .mt-trs-li.failed .mt-trs-status .itrr-type {
  background: rgba(225, 29, 72, 0.16);
  color: #be123c;
}

body.fc-ds.user-dashboard .mt-trs-amt {
  font-weight: 800;
  letter-spacing: -0.01em;
}

body.fc-ds.user-dashboard .mt-trs-li.credit .mt-trs-amt {
  color: #047857;
}

body.fc-ds.user-dashboard .mt-trs-li.debit .mt-trs-amt {
  color: #3730a3;
}

body.fc-ds.user-dashboard .mt-trs-li.failed .mt-trs-amt {
  color: #be123c;
}

body.fc-ds.user-dashboard .pagination .page-link {
  border-radius: 10px !important;
  border: 1px solid rgba(15, 42, 86, 0.12);
  color: #1a447b;
  margin: 0 3px;
}

body.fc-ds.user-dashboard .pagination .page-item.active .page-link {
  background: linear-gradient(135deg, #4f46e5, #1d4ed8);
  border-color: rgba(79, 70, 229, 0.45);
  color: #fff;
}

body.fc-ds.user-dashboard .progress-widget-box {
  border: 1px solid rgba(15, 42, 86, 0.1);
  border-radius: 14px;
  padding: 0.55rem 0.6rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(245, 249, 255, 0.95));
}

body.fc-ds.user-dashboard .income-progress {
  box-shadow: inset 0 0 0 1px rgba(5, 150, 105, 0.16);
}

body.fc-ds.user-dashboard .expenses-progress {
  box-shadow: inset 0 0 0 1px rgba(79, 70, 229, 0.16);
}

@media (max-width: 991px) {
  body.fc-ds.user-dashboard .mt-dash-main.fc-dashboard-grid .dash-chart {
    padding-left: 15px;
  }

  body.fc-ds.user-dashboard .card.mst-sticky {
    position: static;
    top: auto;
  }

  body.fc-ds.user-dashboard .history-container {
    padding: 0.35rem;
  }

  body.fc-ds.user-dashboard .mt-trs-li {
    border-radius: 10px;
    padding: 0.62rem;
  }
}

/* ------------------------------------------------------------------------- */
/* Account dashboard layout alignment fixes                                  */
/* ------------------------------------------------------------------------- */
body.fc-ds.user-dashboard {
  --fc-acct-header-height: 68px;
}

body.fc-ds.user-dashboard .mt-header {
  min-height: var(--fc-acct-header-height);
}

/* Keep sticky sub-header below top header */
body.fc-ds.user-dashboard .mt-action-sub.mt-sticky {
  top: calc(var(--fc-acct-header-height) + 4px);
}

/* Keep fixed sidebar aligned under header */
body.fc-ds.user-dashboard .mt-sidebar-fixed {
  top: var(--fc-acct-header-height);
  max-height: calc(100vh - var(--fc-acct-header-height));
}

/* Harmonize left rail with dashboard body */
body.fc-ds.user-dashboard .mt-sidebar-fixed,
body.fc-ds.user-dashboard .mt-sbr-content,
body.fc-ds.user-dashboard .mt-sbr-accounts {
  background:
    radial-gradient(260px 140px at 85% 0%, rgba(79, 70, 229, 0.08), transparent 72%),
    linear-gradient(180deg, rgba(241, 246, 255, 0.9), rgba(245, 249, 255, 0.94));
}

body.fc-ds.user-dashboard .mt-sidebar-fixed {
  border-right-color: rgba(15, 42, 86, 0.1);
}

body.fc-ds.user-dashboard .mt-main-content {
  background: linear-gradient(180deg, rgba(248, 251, 255, 0.96), rgba(244, 249, 255, 0.93));
}

@media (max-width: 991px) {
  body.fc-ds.user-dashboard {
    --fc-acct-header-height: 62px;
  }

  body.fc-ds.user-dashboard .mt-action-sub.mt-sticky {
    top: calc(var(--fc-acct-header-height) + 2px);
  }

  body.fc-ds.user-dashboard .mt-sidebar-fixed {
    top: auto;
    max-height: none;
  }
}

/* ------------------------------------------------------------------------- */
/* Account shell rebalance: header / sidebar / footer alignment              */
/* ------------------------------------------------------------------------- */
body.fc-ds.user-dashboard {
  --fc-acct-header-height: 72px;
  --fc-acct-footer-height: 46px;
}

body.fc-ds.user-dashboard .mt-header {
  min-height: var(--fc-acct-header-height) !important;
}

body.fc-ds.user-dashboard .mt-header-inner,
body.fc-ds.user-dashboard .mn-header-navigation,
body.fc-ds.user-dashboard .mn-header-nav,
body.fc-ds.user-dashboard .mn-header-r-nav {
  min-height: var(--fc-acct-header-height);
  display: flex;
  align-items: center;
}

body.fc-ds.user-dashboard .mn-header-nav-ul,
body.fc-ds.user-dashboard .mn-header-r-nav-ul {
  flex-wrap: nowrap;
  white-space: nowrap;
}

body.fc-ds.user-dashboard .mt-sidebar-fixed {
  top: var(--fc-acct-header-height) !important;
  max-height: calc(100vh - var(--fc-acct-header-height)) !important;
}

body.fc-ds.user-dashboard .mt-main-content {
  min-height: calc(100vh - var(--fc-acct-header-height));
}

body.fc-ds.user-dashboard .mt-main-content .content-body {
  padding-bottom: 0.5rem;
}

body.fc-ds.user-dashboard .mt-dynos {
  padding-bottom: 1.2rem;
}

/* Replace old fixed 70% footer with shell-aligned sticky footer */
body.fc-ds.user-dashboard .account-sub-footer {
  position: sticky !important;
  right: auto !important;
  bottom: 0 !important;
  width: 100% !important;
  height: auto !important;
  min-height: var(--fc-acct-footer-height);
  border-top: 1px solid rgba(15, 42, 86, 0.12);
  box-shadow: 0 -6px 18px rgba(8, 27, 54, 0.08);
  z-index: 4;
}

body.fc-ds.user-dashboard .account-sub-footer-inner {
  min-height: var(--fc-acct-footer-height);
  display: inline-flex;
  align-items: center;
}

@media (max-width: 1200px) {
  body.fc-ds.user-dashboard .mn-header-nav-li.mn-is-firsttype {
    margin-left: 8px;
  }

  body.fc-ds.user-dashboard .mn-header-nav-link {
    padding-left: 6px;
    padding-right: 6px;
  }
}

@media (max-width: 991px) {
  body.fc-ds.user-dashboard {
    --fc-acct-header-height: 64px;
    --fc-acct-footer-height: 42px;
  }

  body.fc-ds.user-dashboard .mt-header-inner,
  body.fc-ds.user-dashboard .mn-header-navigation,
  body.fc-ds.user-dashboard .mn-header-nav,
  body.fc-ds.user-dashboard .mn-header-r-nav {
    min-height: var(--fc-acct-header-height);
  }

  body.fc-ds.user-dashboard .account-sub-footer {
    position: relative !important;
    bottom: auto !important;
  }
}

/* ------------------------------------------------------------------------- */
/* Professional shell reset (authoritative layout alignment)                 */
/* ------------------------------------------------------------------------- */
body.fc-ds.user-dashboard {
  --fc-shell-header-h: 72px;
  --fc-shell-gap: 16px;
}

/* Header */
body.fc-ds.user-dashboard .mt-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 1100 !important;
  min-height: var(--fc-shell-header-h) !important;
}

body.fc-ds.user-dashboard .mt-header-inner {
  min-height: var(--fc-shell-header-h) !important;
  margin: 0 1rem !important;
  align-items: center !important;
}

/* Main shell columns */
body.fc-ds.user-dashboard .mt-content-body,
body.fc-ds.user-dashboard .mt-content-body-inner {
  background: transparent !important;
}

body.fc-ds.user-dashboard .mt-content-body-inner {
  display: grid !important;
  grid-template-columns: minmax(300px, 30%) minmax(0, 1fr) !important;
  gap: var(--fc-shell-gap) !important;
  align-items: start !important;
}

body.fc-ds.user-dashboard .mt-sidebar-col,
body.fc-ds.user-dashboard .mt-main-content {
  width: auto !important;
}

body.fc-ds.user-dashboard .mt-main-content {
  min-width: 0 !important;
}

/* Sidebar: in-flow sticky (no overlap with body) */
body.fc-ds.user-dashboard .mt-sidebar-fixed {
  position: sticky !important;
  top: calc(var(--fc-shell-header-h) + 10px) !important;
  left: auto !important;
  bottom: auto !important;
  width: 100% !important;
  max-height: calc(100vh - var(--fc-shell-header-h) - 22px) !important;
  overflow: auto !important;
  border-radius: 16px !important;
}

/* Sidebar color harmony */
body.fc-ds.user-dashboard .mt-sidebar-fixed,
body.fc-ds.user-dashboard .mt-sbr-content,
body.fc-ds.user-dashboard .mt-sbr-accounts,
body.fc-ds.user-dashboard .mt-sbr-manage-card-inner {
  background:
    radial-gradient(220px 120px at 85% 0%, rgba(79, 70, 229, 0.06), transparent 72%),
    linear-gradient(180deg, #f2f6ff 0%, #f7faff 100%) !important;
  border-color: rgba(15, 42, 86, 0.12) !important;
}

/* Sticky sub-action row below header */
body.fc-ds.user-dashboard .mt-action-sub.mt-sticky {
  position: sticky !important;
  top: calc(var(--fc-shell-header-h) + 8px) !important;
  z-index: 30 !important;
  border-radius: 14px !important;
}

/* Dashboard row spacing and collision prevention */
body.fc-ds.user-dashboard .mt-dash-main,
body.fc-ds.user-dashboard .mt-dash-main.fc-dashboard-grid,
body.fc-ds.user-dashboard .mt-dash-ibox .row {
  row-gap: 1rem !important;
}

body.fc-ds.user-dashboard .mt-dash-main > [class*="col-"],
body.fc-ds.user-dashboard .mt-dash-main.fc-dashboard-grid > [class*="col-"],
body.fc-ds.user-dashboard .mt-dash-ibox .row > [class*="col-"] {
  display: flex !important;
  flex-direction: column !important;
}

body.fc-ds.user-dashboard .mt-dash-main .card,
body.fc-ds.user-dashboard .mt-dash-ibox .mt-info-box {
  width: 100% !important;
}

body.fc-ds.user-dashboard .dash-chart {
  padding-left: 15px !important;
}

/* Footer: keep aligned within main column */
body.fc-ds.user-dashboard .account-sub-footer {
  position: relative !important;
  right: auto !important;
  bottom: auto !important;
  width: 100% !important;
  height: auto !important;
  margin-top: 12px !important;
  border-radius: 12px !important;
}

@media (max-width: 1200px) {
  body.fc-ds.user-dashboard {
    --fc-shell-header-h: 68px;
  }

  body.fc-ds.user-dashboard .mt-content-body-inner {
    grid-template-columns: minmax(280px, 34%) minmax(0, 1fr) !important;
  }
}

@media (max-width: 991px) {
  body.fc-ds.user-dashboard {
    --fc-shell-header-h: 62px;
  }

  body.fc-ds.user-dashboard .mt-content-body-inner {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  body.fc-ds.user-dashboard .mt-sidebar-fixed,
  body.fc-ds.user-dashboard .card.mst-sticky,
  body.fc-ds.user-dashboard .mt-action-sub.mt-sticky {
    position: static !important;
    top: auto !important;
    max-height: none !important;
  }

  body.fc-ds.user-dashboard .dash-chart {
    padding-left: 15px !important;
  }
}

/* ------------------------------------------------------------------------- */
/* Professional polish pass: cleaner banking layout + restrained color       */
/* ------------------------------------------------------------------------- */
body.fc-ds.user-dashboard {
  --fc-pro-bg: #f4f7fb;
  --fc-pro-surface: #ffffff;
  --fc-pro-surface-soft: #f8fafc;
  --fc-pro-border: #d9e2ec;
  --fc-pro-ink: #102a43;
  --fc-pro-muted: #486581;
  --fc-pro-primary: var(--fc-theme-shell-bg, #1f4f8c);
  --fc-pro-primary-strong: var(--fc-theme-shell-hover, #173f72);
  --fc-pro-success: #1f7a5a;
  --fc-pro-danger: #b03a48;
  background: linear-gradient(180deg, #f5f4f0 0%, #faf9f6 45%, #fffdf8 100%) !important;
}

body.fc-ds.user-dashboard .mt-header {
  background: linear-gradient(180deg, var(--fc-theme-shell-bg, #12365f) 0%, var(--fc-theme-shell-hover, #143f73) 100%) !important;
  border-top: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 8px 20px rgba(16, 42, 67, 0.22) !important;
}

body.fc-ds.user-dashboard .mt-header::after {
  height: 1px !important;
  background: rgba(255, 255, 255, 0.2) !important;
}

body.fc-ds.user-dashboard .mn-header-nav-link,
body.fc-ds.user-dashboard .mn-header-r-nav-li,
body.fc-ds.user-dashboard .mn-header-r-nav-user {
  border-radius: 10px !important;
}

body.fc-ds.user-dashboard .mn-header-nav-li.active .mn-header-nav-link,
body.fc-ds.user-dashboard .mn-header-nav-link:hover {
  background: rgba(255, 255, 255, 0.14) !important;
}

body.fc-ds.user-dashboard .mt-content-body-inner {
  gap: 18px !important;
}

body.fc-ds.user-dashboard .mt-sidebar-fixed,
body.fc-ds.user-dashboard .mt-sbr-content,
body.fc-ds.user-dashboard .mt-sbr-accounts {
  background: var(--fc-pro-surface) !important;
  border-color: var(--fc-pro-border) !important;
}

body.fc-ds.user-dashboard .mt-sidebar-fixed {
  box-shadow: 0 8px 20px rgba(16, 42, 67, 0.08) !important;
}

/*
 * header.php legacy .nav-item.active::before/::after draws a tall rule + rotated square
 * meant for a full-height sidebar; on the compact icon rail it overlaps adjacent icons.
 */
body.fc-ds.user-dashboard .mt-smart-nav > .nav-item.active::before,
body.fc-ds.user-dashboard .mt-smart-nav > .nav-item.active::after {
  content: none !important;
  display: none !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  width: 0 !important;
  height: 0 !important;
}

body.fc-ds.user-dashboard .mt-sbr-nav .nav-item .nav-link {
  border-radius: 10px !important;
  background: transparent !important;
}

body.fc-ds.user-dashboard .mt-sbr-nav .nav-item.active .nav-link,
body.fc-ds.user-dashboard .mt-sbr-nav .nav-item .nav-link:hover {
  background: #edf3fb !important;
  box-shadow: inset 0 0 0 1px #c8d7ea !important;
  transform: none !important;
}

body.fc-ds.user-dashboard .mt-main-content {
  background: var(--fc-pro-surface) !important;
  border: 1px solid var(--fc-pro-border) !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 24px rgba(16, 42, 67, 0.08) !important;
}

body.fc-ds.user-dashboard .fc-dash-hero,
body.fc-ds.user-dashboard .mt-action-sub {
  background: var(--fc-pro-surface-soft) !important;
  border: 1px solid var(--fc-pro-border) !important;
  box-shadow: 0 4px 12px rgba(16, 42, 67, 0.06) !important;
}

body.fc-ds.user-dashboard .fc-dash-hero::before {
  opacity: 0 !important;
}

body.fc-ds.user-dashboard .fc-dash-hero h4,
body.fc-ds.user-dashboard .breadcrumb-item,
body.fc-ds.user-dashboard .breadcrumb-item a {
  color: var(--fc-pro-ink) !important;
}

body.fc-ds.user-dashboard .fc-balance-card .mt-info-box-inner {
  background: #ffffff !important;
  border: 1px solid var(--fc-pro-border) !important;
  border-radius: 14px !important;
  box-shadow: 0 6px 14px rgba(16, 42, 67, 0.06) !important;
}

body.fc-ds.user-dashboard .fc-balance-card--current .mt-info-box-inner::after {
  background: linear-gradient(90deg, #1f4f8c, #2b6cb0) !important;
}

body.fc-ds.user-dashboard .fc-balance-card--available .mt-info-box-inner::after {
  background: linear-gradient(90deg, #1f7a5a, #2d9b73) !important;
}

body.fc-ds.user-dashboard .fc-balance-card--spent .mt-info-box-inner::after {
  background: linear-gradient(90deg, #c98322, #d9a441) !important;
}

body.fc-ds.user-dashboard .fc-balance-card .mt-info-box-icon {
  background: #eff4fb !important;
  border: 1px solid #d4e0ef !important;
  color: var(--fc-pro-primary) !important;
}

body.fc-ds.user-dashboard .fc-balance-card .mt-info-box-icon svg,
body.fc-ds.user-dashboard .fc-balance-card .mt-info-box-icon path {
  color: var(--fc-pro-primary) !important;
  fill: var(--fc-pro-primary) !important;
}

body.fc-ds.user-dashboard .fc-dashboard-card {
  background: #ffffff !important;
  border: 1px solid var(--fc-theme-card-edge, var(--fc-pro-border)) !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 20px rgba(16, 42, 67, 0.07) !important;
}

body.fc-ds.user-dashboard .fc-dashboard-card .card-header {
  background: var(--fc-theme-card-header-bg, #f6f9fd) !important;
  border-bottom: 1px solid var(--fc-theme-card-edge, var(--fc-pro-border)) !important;
}

body.fc-ds.user-dashboard .sortbydate-submit,
body.fc-ds.user-dashboard .sortbydate-export-btn,
body.fc-ds.user-dashboard .btn.btn-primary {
  background: linear-gradient(180deg, var(--fc-pro-primary), var(--fc-pro-primary-strong)) !important;
  border-color: var(--fc-pro-primary-strong) !important;
  box-shadow: 0 4px 10px rgba(31, 79, 140, 0.25) !important;
}

body.fc-ds.user-dashboard .sortbydate-input,
body.fc-ds.user-dashboard .form-control {
  border: 1px solid #c8d5e6 !important;
  background: #ffffff !important;
}

body.fc-ds.user-dashboard .history-container {
  background: #f8fafd !important;
}

body.fc-ds.user-dashboard .mt-trs-li {
  background: #ffffff !important;
  border: 1px solid #dce5f0 !important;
  border-left-width: 3px !important;
  box-shadow: 0 3px 10px rgba(16, 42, 67, 0.05) !important;
}

body.fc-ds.user-dashboard .mt-trs-li.credit {
  border-left-color: #2d9b73 !important;
}

body.fc-ds.user-dashboard .mt-trs-li.debit {
  border-left-color: #2b6cb0 !important;
}

body.fc-ds.user-dashboard .mt-trs-li.failed {
  border-left-color: #d35d6e !important;
  background: #fff7f8 !important;
}

body.fc-ds.user-dashboard .mt-trs-li.credit .mt-trs-amt {
  color: var(--fc-pro-success) !important;
}

body.fc-ds.user-dashboard .mt-trs-li.debit .mt-trs-amt {
  color: var(--fc-pro-primary) !important;
}

body.fc-ds.user-dashboard .mt-trs-li.failed .mt-trs-amt {
  color: var(--fc-pro-danger) !important;
}

body.fc-ds.user-dashboard .progress-widget-box {
  background: #ffffff !important;
  border: 1px solid #dbe4ef !important;
  box-shadow: none !important;
}

body.fc-ds.user-dashboard .account-sub-footer {
  background: #f7fafd !important;
  border: 1px solid var(--fc-pro-border) !important;
  box-shadow: 0 2px 10px rgba(16, 42, 67, 0.05) !important;
}

body.fc-ds.user-dashboard .account-sub-footer-txt {
  color: var(--fc-pro-muted) !important;
}

/* ------------------------------------------------------------------------- */
/* Sidebar readability + richer gradients/icon accents                       */
/* ------------------------------------------------------------------------- */
body.fc-ds.user-dashboard {
  --fc-side-ink: #17324f;
  --fc-side-muted: #4d6480;
  --fc-side-active-bg: linear-gradient(145deg, #edf4ff 0%, #e6f0ff 55%, #eef7ff 100%);
  --fc-side-active-border: #bfd3ea;
}

body.fc-ds.user-dashboard .mt-sidebar-fixed {
  background:
    radial-gradient(220px 120px at 0% 0%, rgba(31, 79, 140, 0.1), transparent 72%),
    radial-gradient(240px 140px at 100% 100%, rgba(31, 122, 90, 0.08), transparent 75%),
    linear-gradient(180deg, #f4f8ff 0%, #f8fbff 100%) !important;
}

body.fc-ds.user-dashboard .mt-sbr-accounts-header,
body.fc-ds.user-dashboard .mt-sbr-manage-card-head {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(246, 250, 255, 0.92));
}

body.fc-ds.user-dashboard .mt-sbr-acc-dinfo-type,
body.fc-ds.user-dashboard .mtt-sbr-acc-bal,
body.fc-ds.user-dashboard .mt-sbr-manage-ch-title span,
body.fc-ds.user-dashboard .mt-sbr-manage-ch-title,
body.fc-ds.user-dashboard .sbr-ac-h-tls-txt {
  color: var(--fc-side-ink) !important;
}

body.fc-ds.user-dashboard .mtt-sbr-acc-bal-label,
body.fc-ds.user-dashboard .mt-sbr-manage-ch-desc,
body.fc-ds.user-dashboard .account-sub-footer-txt {
  color: var(--fc-side-muted) !important;
}

/* Left rail icon pills for stronger visual identity */
body.fc-ds.user-dashboard .mt-sbr-nav .nav-item .nav-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 52px;
  height: 52px;
  border-radius: 14px !important;
  border: 1px solid #d6e3f2 !important;
  background: linear-gradient(180deg, #ffffff 0%, #f4f8ff 100%) !important;
  box-shadow: 0 2px 8px rgba(16, 42, 67, 0.06);
}

body.fc-ds.user-dashboard .mt-sbr-nav .nav-item .nav-link svg {
  width: 22px;
  height: 22px;
}

body.fc-ds.user-dashboard .mt-sbr-nav .nav-item .nav-link svg,
body.fc-ds.user-dashboard .mt-sbr-nav .nav-item .nav-link path {
  fill: #2a5e96 !important;
  color: #2a5e96 !important;
}

body.fc-ds.user-dashboard .mt-sbr-nav .nav-item.active .nav-link,
body.fc-ds.user-dashboard .mt-sbr-nav .nav-item .nav-link:hover {
  background: var(--fc-side-active-bg) !important;
  border-color: var(--fc-side-active-border) !important;
  box-shadow: 0 6px 14px rgba(31, 79, 140, 0.18) !important;
}

body.fc-ds.user-dashboard .mt-sbr-nav .nav-item.active .nav-link svg,
body.fc-ds.user-dashboard .mt-sbr-nav .nav-item.active .nav-link path,
body.fc-ds.user-dashboard .mt-sbr-nav .nav-item .nav-link:hover svg,
body.fc-ds.user-dashboard .mt-sbr-nav .nav-item .nav-link:hover path {
  fill: #1d4f89 !important;
  color: #1d4f89 !important;
}

/* Account rows in sidebar */
body.fc-ds.user-dashboard .mt-sbr-accounts-row {
  border: 1px solid #d8e4f2 !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
  box-shadow: 0 2px 10px rgba(16, 42, 67, 0.05);
}

body.fc-ds.user-dashboard .mt-sbr-accounts-row.showing-account {
  background: linear-gradient(168deg, #fbfdff 0%, #f2f7fd 42%, #eaf1f9 100%) !important;
  border-color: rgba(190, 206, 226, 0.95) !important;
  box-shadow: 0 6px 16px rgba(16, 42, 67, 0.06) !important;
}

body.fc-ds.user-dashboard .mt-sbr-accounts-row.showing-account .mt-sbr-acc-dinfo-type,
body.fc-ds.user-dashboard .mt-sbr-accounts-row.showing-account .mtt-sbr-acc-bal {
  color: #153a64 !important;
}

body.fc-ds.user-dashboard .mt-sbr-accounts-row .mt-sbr-acc-dinfo-icon {
  border-radius: 10px;
  padding: 6px;
  background: linear-gradient(180deg, #f0f6ff, #e9f3ff);
  border: 1px solid #d4e2f2;
}

body.fc-ds.user-dashboard .mt-sbr-accounts-row .mt-sbr-acc-dinfo-icon svg {
  width: 30px;
  height: 30px;
}

/* Manage cards + buttons */
body.fc-ds.user-dashboard .mt-sbr-manage-card-inner {
  border: 1px solid #d6e2ef !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f7faff 100%) !important;
}

body.fc-ds.user-dashboard .mt-sbr-manage-ch-title svg {
  width: 26px;
  height: 26px;
  margin-right: 4px;
  padding: 4px;
  border-radius: 8px;
  background: linear-gradient(145deg, #e8f1ff, #eef7ff);
}

body.fc-ds.user-dashboard .mt-sbr-manage-card-btn {
  background: linear-gradient(180deg, #1f4f8c, #173f72) !important;
  border-color: #173f72 !important;
  color: #fff !important;
}

body.fc-ds.user-dashboard .mt-sbr-manage-card-btn:hover {
  background: linear-gradient(180deg, #245a9d, #1b467c) !important;
}

/* Extra subtle color accents across main cards/icons */
body.fc-ds.user-dashboard .fc-dashboard-card .card-header h6::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 8px;
  border-radius: 50%;
  background: linear-gradient(135deg, #1f4f8c, #1f7a5a);
}

body.fc-ds.user-dashboard .fc-balance-card .mt-info-box-icon {
  background: linear-gradient(
    145deg,
    color-mix(in srgb, var(--mt-theme-default-background, #133a69) 10%, var(--fc-theme-canvas-paper)),
    color-mix(in srgb, var(--mt-theme-default-background, #133a69) 14%, var(--fc-theme-canvas-paper))
  ) !important;
}

/* ------------------------------------------------------------------------- */
/* Neo Finance Dashboard (unique pattern)                                     */
/* ------------------------------------------------------------------------- */
body.fc-ds.user-dashboard.fc-neo {
  --fc-neo-bg-1: color-mix(in srgb, var(--mt-theme-hover, #0e2c52) 88%, #000000);
  --fc-neo-bg-2: color-mix(in srgb, var(--mt-theme-default-background, #133a69) 72%, #000000);
  --fc-neo-panel: color-mix(in srgb, var(--mt-theme-default-background, #133a69) 45%, rgba(0, 0, 0, 0.55));
  --fc-neo-panel-soft: color-mix(in srgb, var(--mt-theme-text, #ffffff) 10%, transparent);
  --fc-neo-border: color-mix(in srgb, var(--fc-theme-accent-violet, #6366f1) 22%, transparent);
  --fc-neo-ink: color-mix(in srgb, var(--mt-theme-text, #ffffff) 92%, var(--fc-theme-gold-light, #ffd466) 8%);
  --fc-neo-muted: color-mix(in srgb, var(--mt-theme-text, #ffffff) 58%, var(--mt-theme-default-background, #133a69));
  --fc-neo-cyan: var(--fc-theme-accent-mint, #33c3ff);
  --fc-neo-indigo: var(--fc-theme-accent-violet, #7288ff);
  --fc-neo-emerald: var(--fc-theme-accent-mint, #2ed39d);
  --fc-neo-amber: var(--fc-theme-gold-mid, #f4b860);
  background:
    radial-gradient(1000px 500px at 0% -5%, color-mix(in srgb, var(--fc-theme-accent-mint) 16%, transparent), transparent 58%),
    radial-gradient(920px 440px at 100% 0%, color-mix(in srgb, var(--fc-theme-accent-violet) 18%, transparent), transparent 55%),
    linear-gradient(140deg, var(--fc-neo-bg-1) 0%, var(--fc-neo-bg-2) 100%) !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-header {
  background: linear-gradient(135deg, var(--mt-theme-hover, #0e2c52), var(--mt-theme-default-background, #133a69)) !important;
  border-bottom: 1px solid color-mix(in srgb, var(--fc-theme-accent-violet, #6366f1) 34%, transparent) !important;
  box-shadow: 0 14px 34px color-mix(in srgb, var(--mt-theme-default-background, #133a69) 35%, transparent) !important;
}

body.fc-ds.user-dashboard.fc-neo .mn-header-nav-link,
body.fc-ds.user-dashboard.fc-neo .mn-header-r-nav-li,
body.fc-ds.user-dashboard.fc-neo .mn-header-r-nav-user {
  color: var(--fc-neo-ink) !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-content-body-inner {
  grid-template-columns: minmax(320px, 31%) minmax(0, 1fr) !important;
  gap: 18px !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-sidebar-fixed {
  border: 1px solid color-mix(in srgb, var(--fc-theme-accent-violet, #6366f1) 24%, transparent) !important;
  background:
    radial-gradient(220px 120px at 0% 0%, color-mix(in srgb, var(--fc-theme-accent-mint) 20%, transparent), transparent 74%),
    radial-gradient(260px 160px at 100% 100%, color-mix(in srgb, var(--fc-theme-gold-mid) 14%, transparent), transparent 76%),
    linear-gradient(170deg, color-mix(in srgb, var(--mt-theme-default-background, #133a69) 28%, transparent), color-mix(in srgb, var(--mt-theme-hover, #0e2c52) 26%, transparent)) !important;
  box-shadow: 0 22px 46px color-mix(in srgb, var(--mt-theme-default-background, #133a69) 34%, transparent) !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-nav .nav-item .nav-link {
  width: 54px;
  height: 54px;
  border-radius: 16px !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.04)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-nav .nav-item .nav-link svg,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-nav .nav-item .nav-link path {
  fill: color-mix(in srgb, var(--mt-theme-text, #ffffff) 82%, var(--fc-theme-accent-mint) 18%) !important;
  color: color-mix(in srgb, var(--mt-theme-text, #ffffff) 82%, var(--fc-theme-accent-mint) 18%) !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-nav .nav-item.active .nav-link,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-nav .nav-item .nav-link:hover {
  background: linear-gradient(135deg, color-mix(in srgb, var(--fc-theme-accent-mint) 30%, transparent), color-mix(in srgb, var(--fc-theme-accent-violet) 34%, transparent)) !important;
  border-color: color-mix(in srgb, var(--fc-theme-accent-violet) 48%, transparent) !important;
  box-shadow:
    0 10px 24px color-mix(in srgb, var(--fc-theme-accent-mint) 26%, transparent),
    inset 0 1px 0 color-mix(in srgb, var(--mt-theme-text, #ffffff) 32%, transparent) !important;
}

body.fc-ds.user-dashboard.fc-neo .sbr-ac-h-tls-txt,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-acc-dinfo-type,
body.fc-ds.user-dashboard.fc-neo .mtt-sbr-acc-bal,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-manage-ch-title,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-manage-ch-title span {
  color: var(--fc-neo-ink) !important;
}

body.fc-ds.user-dashboard.fc-neo .mtt-sbr-acc-bal-label,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-manage-ch-desc {
  color: var(--fc-neo-muted) !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-accounts-row,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-manage-card-inner {
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  background: linear-gradient(170deg, rgba(255, 255, 255, 0.11), rgba(255, 255, 255, 0.04)) !important;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2) !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-accounts-row.showing-account {
  border-color: color-mix(in srgb, var(--fc-theme-accent-mint) 58%, transparent) !important;
  background: linear-gradient(
    140deg,
    color-mix(in srgb, var(--fc-theme-accent-mint) 27%, transparent),
    color-mix(in srgb, var(--fc-theme-accent-violet) 24%, transparent),
    color-mix(in srgb, var(--fc-theme-gold-mid) 18%, transparent)
  ) !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-main-content {
  border: 1px solid color-mix(in srgb, var(--fc-theme-accent-violet) 30%, transparent) !important;
  background:
    radial-gradient(500px 220px at 0% 0%, color-mix(in srgb, var(--fc-theme-accent-mint) 12%, transparent), transparent 68%),
    linear-gradient(
      160deg,
      color-mix(in srgb, var(--mt-theme-default-background, #133a69) 35%, transparent),
      color-mix(in srgb, var(--mt-theme-hover, #0e2c52) 32%, transparent)
    ) !important;
  box-shadow: 0 24px 52px color-mix(in srgb, var(--mt-theme-default-background, #133a69) 35%, transparent) !important;
}

body.fc-ds.user-dashboard.fc-neo .fc-neo-hero {
  border: 1px solid color-mix(in srgb, var(--fc-theme-accent-violet) 34%, transparent) !important;
  background:
    radial-gradient(260px 140px at 0% 0%, color-mix(in srgb, var(--fc-theme-accent-mint) 24%, transparent), transparent 72%),
    linear-gradient(145deg, color-mix(in srgb, var(--mt-theme-text, #ffffff) 10%, transparent), color-mix(in srgb, var(--mt-theme-text, #ffffff) 5%, transparent)) !important;
  box-shadow: 0 18px 34px color-mix(in srgb, var(--mt-theme-default-background, #133a69) 22%, transparent) !important;
}

body.fc-ds.user-dashboard.fc-neo .fc-neo-hero h4,
body.fc-ds.user-dashboard.fc-neo .breadcrumb-item,
body.fc-ds.user-dashboard.fc-neo .breadcrumb-item a {
  color: var(--fc-neo-ink) !important;
}

body.fc-ds.user-dashboard.fc-neo .fc-neo-hero-sub {
  margin-top: 6px;
  color: var(--fc-neo-muted);
  font-size: 0.88rem;
}

body.fc-ds.user-dashboard.fc-neo .fc-neo-pill {
  margin-right: 10px;
  padding: 7px 12px;
  border-radius: 999px;
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--mt-theme-text, #ffffff) 88%, var(--fc-theme-accent-mint) 12%);
  border: 1px solid color-mix(in srgb, var(--fc-theme-accent-mint) 45%, transparent);
  background: linear-gradient(135deg, color-mix(in srgb, var(--fc-theme-accent-mint) 22%, transparent), color-mix(in srgb, var(--fc-theme-accent-violet) 18%, transparent));
}

body.fc-ds.user-dashboard.fc-neo .fc-balance-card .mt-info-box-inner {
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.05)) !important;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.22) !important;
}

body.fc-ds.user-dashboard.fc-neo .fc-balance-card .mt-info-box-content h5,
body.fc-ds.user-dashboard.fc-neo .fc-balance-card .mt-ibox-label,
body.fc-ds.user-dashboard.fc-neo .fc-balance-card .tx-color-03.tx-normal {
  color: var(--fc-neo-ink) !important;
}

body.fc-ds.user-dashboard.fc-neo .fc-balance-card .mt-info-box-icon {
  border: 1px solid color-mix(in srgb, var(--mt-theme-text, #ffffff) 22%, transparent) !important;
  background: linear-gradient(
    145deg,
    color-mix(in srgb, var(--fc-theme-accent-mint) 24%, transparent),
    color-mix(in srgb, var(--fc-theme-accent-violet) 24%, transparent)
  ) !important;
}

body.fc-ds.user-dashboard.fc-neo .fc-neo-kpi-note {
  margin-top: 6px;
  font-size: 12px;
  color: #a9bfdf;
}

body.fc-ds.user-dashboard.fc-neo .fc-dashboard-card {
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.04)) !important;
}

body.fc-ds.user-dashboard.fc-neo .fc-dashboard-card .card-header {
  background: var(
    --fc-theme-card-header-bg,
    linear-gradient(180deg, color-mix(in srgb, var(--fc-theme-accent-violet) 20%, transparent), color-mix(in srgb, var(--fc-theme-accent-mint) 10%, transparent))
  ) !important;
  border-bottom: 1px solid var(--fc-theme-card-edge, rgba(255, 255, 255, 0.16)) !important;
}

body.fc-ds.user-dashboard.fc-neo .fc-dashboard-card .card-header h6,
body.fc-ds.user-dashboard.fc-neo .link-03,
body.fc-ds.user-dashboard.fc-neo .sortbydate-export-btn span {
  color: var(--fc-neo-ink) !important;
}

body.fc-ds.user-dashboard.fc-neo .sortbydate-input {
  border: 1px solid color-mix(in srgb, var(--fc-theme-accent-violet) 42%, transparent) !important;
  background: color-mix(in srgb, var(--mt-theme-hover, #0e2c52) 62%, transparent) !important;
  color: var(--fc-neo-ink) !important;
}

body.fc-ds.user-dashboard.fc-neo .sortbydate-submit,
body.fc-ds.user-dashboard.fc-neo .sortbydate-export-btn {
  border: 1px solid color-mix(in srgb, var(--fc-theme-accent-violet) 52%, transparent) !important;
  background: linear-gradient(135deg, var(--mt-theme-hover, #0e2c52), var(--mt-theme-default-background, #133a69)) !important;
  color: var(--mt-theme-text, #eef5ff) !important;
  box-shadow: 0 10px 20px color-mix(in srgb, var(--mt-theme-default-background, #133a69) 24%, transparent) !important;
}

body.fc-ds.user-dashboard.fc-neo .history-container {
  background: rgba(6, 10, 24, 0.4) !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-trs-li {
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  background: linear-gradient(150deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.05)) !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-trs-details,
body.fc-ds.user-dashboard.fc-neo .mt-trs-date,
body.fc-ds.user-dashboard.fc-neo .mt-trs-status {
  color: #dce9ff !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-trs-li.credit {
  border-left: 4px solid var(--fc-neo-emerald) !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-trs-li.debit {
  border-left: 4px solid var(--fc-neo-cyan) !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-trs-li.failed {
  border-left: 4px solid #ff6d81 !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-trs-li.credit .mt-trs-amt {
  color: #59e7b9 !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-trs-li.debit .mt-trs-amt {
  color: color-mix(in srgb, var(--fc-theme-accent-mint) 72%, var(--mt-theme-text, #ffffff)) !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-trs-li.failed .mt-trs-amt {
  color: #ff9aaa !important;
}

body.fc-ds.user-dashboard.fc-neo .progress-widget-box {
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.05)) !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-progress-desc-label {
  color: #c8dbfb !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-progress-desc-amt {
  color: #f0f6ff !important;
}

body.fc-ds.user-dashboard.fc-neo .account-sub-footer {
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  background: linear-gradient(140deg, rgba(12, 18, 40, 0.9), rgba(8, 13, 30, 0.88)) !important;
}

body.fc-ds.user-dashboard.fc-neo .account-sub-footer-txt {
  color: #c6d8f7 !important;
}

@media (max-width: 991px) {
  body.fc-ds.user-dashboard.fc-neo .mt-content-body-inner {
    grid-template-columns: 1fr !important;
  }

  body.fc-ds.user-dashboard.fc-neo .mt-sidebar-fixed,
  body.fc-ds.user-dashboard.fc-neo .mt-action-sub.mt-sticky,
  body.fc-ds.user-dashboard.fc-neo .card.mst-sticky {
    position: static !important;
    top: auto !important;
    max-height: none !important;
  }
}

/* ------------------------------------------------------------------------- */
/* Neo contrast fix for light/white surfaces                                 */
/* ------------------------------------------------------------------------- */
body.fc-ds.user-dashboard.fc-neo {
  --fc-neo-light-ink: #102a43;
  --fc-neo-light-muted: #486581;
  --fc-neo-light-border: #d4deea;
}

/* Force readable text on all lighter surfaces */
body.fc-ds.user-dashboard.fc-neo .fc-neo-hero,
body.fc-ds.user-dashboard.fc-neo .fc-balance-card .mt-info-box-inner,
body.fc-ds.user-dashboard.fc-neo .fc-dashboard-card,
body.fc-ds.user-dashboard.fc-neo .history-container,
body.fc-ds.user-dashboard.fc-neo .mt-trs-li,
body.fc-ds.user-dashboard.fc-neo .progress-widget-box,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-accounts-row,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-manage-card-inner {
  background: linear-gradient(170deg, rgba(255, 255, 255, 0.95), rgba(248, 252, 255, 0.92)) !important;
  border-color: var(--fc-neo-light-border) !important;
}

body.fc-ds.user-dashboard.fc-neo .fc-neo-hero h4,
body.fc-ds.user-dashboard.fc-neo .fc-neo-hero-sub,
body.fc-ds.user-dashboard.fc-neo .breadcrumb-item,
body.fc-ds.user-dashboard.fc-neo .breadcrumb-item a,
body.fc-ds.user-dashboard.fc-neo .fc-balance-card .mt-info-box-content h5,
body.fc-ds.user-dashboard.fc-neo .fc-balance-card .mt-ibox-label,
body.fc-ds.user-dashboard.fc-neo .fc-balance-card .tx-color-03.tx-normal,
body.fc-ds.user-dashboard.fc-neo .fc-neo-kpi-note,
body.fc-ds.user-dashboard.fc-neo .fc-dashboard-card .card-header h6,
body.fc-ds.user-dashboard.fc-neo .link-03,
body.fc-ds.user-dashboard.fc-neo .mt-trs-details,
body.fc-ds.user-dashboard.fc-neo .mt-trs-amt,
body.fc-ds.user-dashboard.fc-neo .mt-progress-desc-label,
body.fc-ds.user-dashboard.fc-neo .mt-progress-desc-amt,
body.fc-ds.user-dashboard.fc-neo .sbr-ac-h-tls-txt,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-acc-dinfo-type,
body.fc-ds.user-dashboard.fc-neo .mtt-sbr-acc-bal,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-manage-ch-title,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-manage-ch-title span {
  color: var(--fc-neo-light-ink) !important;
}

body.fc-ds.user-dashboard.fc-neo .mtt-sbr-acc-bal-label,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-manage-ch-desc,
body.fc-ds.user-dashboard.fc-neo .mt-trs-date,
body.fc-ds.user-dashboard.fc-neo .mt-trs-status {
  color: var(--fc-neo-light-muted) !important;
}

/* Keep status semantics visible */
body.fc-ds.user-dashboard.fc-neo .mt-trs-li.credit {
  border-left: 4px solid #2f9f74 !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-trs-li.debit {
  border-left: 4px solid #2d6fbc !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-trs-li.failed {
  border-left: 4px solid #d25b6f !important;
  background: linear-gradient(180deg, #fff7f9, #ffffff) !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-trs-li.credit .mt-trs-amt {
  color: #1f7a5a !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-trs-li.debit .mt-trs-amt {
  color: #1f4f8c !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-trs-li.failed .mt-trs-amt {
  color: #b03a48 !important;
}

/* Inputs on light cards */
body.fc-ds.user-dashboard.fc-neo .sortbydate-input {
  background: #ffffff !important;
  color: var(--fc-neo-light-ink) !important;
  border-color: #c4d2e4 !important;
}

body.fc-ds.user-dashboard.fc-neo .sortbydate-input::placeholder {
  color: #7890ab !important;
}

/* ------------------------------------------------------------------------- */
/* Neo final balance tuning: dark/light harmony + colorful sidebar icons     */
/* ------------------------------------------------------------------------- */
body.fc-ds.user-dashboard.fc-neo {
  --fc-neo-shell-1: #0b1226;
  --fc-neo-shell-2: #121b35;
  --fc-neo-mid-panel: rgba(20, 31, 56, 0.72);
  --fc-neo-mid-border: rgba(154, 178, 228, 0.34);
  --fc-neo-soft-light: rgba(244, 249, 255, 0.88);
  --fc-neo-soft-light-2: rgba(237, 245, 255, 0.84);
  background:
    radial-gradient(1200px 560px at 0% -10%, rgba(51, 195, 255, 0.16), transparent 58%),
    radial-gradient(1020px 460px at 100% -5%, rgba(114, 136, 255, 0.2), transparent 56%),
    linear-gradient(145deg, var(--fc-neo-shell-1) 0%, var(--fc-neo-shell-2) 100%) !important;
}

/* Soften jump between dark shell and content surfaces */
body.fc-ds.user-dashboard.fc-neo .mt-main-content {
  border: 1px solid var(--fc-neo-mid-border) !important;
  background:
    radial-gradient(420px 180px at 0% 0%, rgba(51, 195, 255, 0.14), transparent 72%),
    linear-gradient(165deg, rgba(18, 28, 50, 0.88), rgba(14, 22, 44, 0.84)) !important;
}

body.fc-ds.user-dashboard.fc-neo .fc-neo-hero,
body.fc-ds.user-dashboard.fc-neo .fc-dashboard-card,
body.fc-ds.user-dashboard.fc-neo .fc-balance-card .mt-info-box-inner,
body.fc-ds.user-dashboard.fc-neo .history-container,
body.fc-ds.user-dashboard.fc-neo .progress-widget-box,
body.fc-ds.user-dashboard.fc-neo .mt-trs-li {
  background: linear-gradient(170deg, var(--fc-neo-soft-light), var(--fc-neo-soft-light-2)) !important;
  border-color: #c7d6ea !important;
}

/* Keep headers connected to shell */
body.fc-ds.user-dashboard.fc-neo .fc-dashboard-card .card-header {
  background: var(--fc-theme-card-header-bg, linear-gradient(120deg, rgba(210, 227, 249, 0.86), rgba(230, 240, 255, 0.84))) !important;
}

/* Sidebar: more balanced deep tone */
body.fc-ds.user-dashboard.fc-neo .mt-sidebar-fixed {
  border-color: rgba(150, 178, 228, 0.38) !important;
  background:
    radial-gradient(240px 130px at 0% 0%, rgba(70, 208, 255, 0.2), transparent 72%),
    radial-gradient(260px 150px at 100% 100%, rgba(114, 136, 255, 0.2), transparent 78%),
    linear-gradient(175deg, rgba(17, 28, 54, 0.93), rgba(11, 18, 38, 0.95)) !important;
}

/* Colorful, visible sidebar icon system */
body.fc-ds.user-dashboard.fc-neo .mt-sbr-nav .nav-item .nav-link {
  border: 1px solid rgba(205, 222, 255, 0.32) !important;
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.05)) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-nav .nav-item .nav-link svg,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-nav .nav-item .nav-link path,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-nav .nav-item .nav-link g {
  fill: #eff5ff !important;
  color: #eff5ff !important;
}

/* Per-item gradient identity for better visibility */
body.fc-ds.user-dashboard.fc-neo .mt-sbr-nav .nav-item:nth-child(1) .nav-link { background: linear-gradient(135deg, rgba(76, 155, 255, 0.45), rgba(67, 217, 255, 0.36)) !important; }
body.fc-ds.user-dashboard.fc-neo .mt-sbr-nav .nav-item:nth-child(2) .nav-link { background: linear-gradient(135deg, rgba(114, 136, 255, 0.45), rgba(158, 110, 255, 0.34)) !important; }
body.fc-ds.user-dashboard.fc-neo .mt-sbr-nav .nav-item:nth-child(3) .nav-link { background: linear-gradient(135deg, rgba(46, 211, 157, 0.45), rgba(64, 227, 197, 0.34)) !important; }
body.fc-ds.user-dashboard.fc-neo .mt-sbr-nav .nav-item:nth-child(4) .nav-link { background: linear-gradient(135deg, rgba(244, 184, 96, 0.45), rgba(255, 149, 112, 0.34)) !important; }
body.fc-ds.user-dashboard.fc-neo .mt-sbr-nav .nav-item:nth-child(5) .nav-link { background: linear-gradient(135deg, rgba(255, 123, 180, 0.42), rgba(255, 102, 140, 0.32)) !important; }
body.fc-ds.user-dashboard.fc-neo .mt-sbr-nav .nav-item:nth-child(6) .nav-link { background: linear-gradient(135deg, rgba(97, 189, 255, 0.45), rgba(114, 136, 255, 0.34)) !important; }
body.fc-ds.user-dashboard.fc-neo .mt-sbr-nav .nav-item:nth-child(7) .nav-link { background: linear-gradient(135deg, rgba(104, 222, 157, 0.45), rgba(56, 183, 130, 0.34)) !important; }
body.fc-ds.user-dashboard.fc-neo .mt-sbr-nav .nav-item:nth-child(8) .nav-link { background: linear-gradient(135deg, rgba(255, 169, 77, 0.45), rgba(255, 120, 97, 0.34)) !important; }
body.fc-ds.user-dashboard.fc-neo .mt-sbr-nav .nav-item:nth-child(9) .nav-link { background: linear-gradient(135deg, rgba(255, 116, 150, 0.42), rgba(222, 82, 132, 0.34)) !important; }
body.fc-ds.user-dashboard.fc-neo .mt-sbr-nav .nav-item:nth-child(10) .nav-link { background: linear-gradient(135deg, rgba(161, 139, 255, 0.42), rgba(117, 92, 255, 0.34)) !important; }

body.fc-ds.user-dashboard.fc-neo .mt-sbr-nav .nav-item.active .nav-link,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-nav .nav-item .nav-link:hover {
  border-color: rgba(233, 242, 255, 0.76) !important;
  box-shadow: 0 10px 24px rgba(78, 156, 255, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
  transform: translateY(-1px);
}

/* Sidebar cards: not too bright, not too dark */
body.fc-ds.user-dashboard.fc-neo .mt-sbr-accounts-row,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-manage-card-inner {
  background: linear-gradient(170deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.07)) !important;
  border-color: rgba(203, 219, 247, 0.25) !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-accounts-row.showing-account {
  background: linear-gradient(145deg, rgba(80, 166, 255, 0.38), rgba(121, 137, 255, 0.3), rgba(54, 210, 165, 0.26)) !important;
  border-color: rgba(206, 226, 255, 0.55) !important;
}

/* ------------------------------------------------------------------------- */
/* Neo reset: cohesive light system (remove dark / reduce sidebar intensity) */
/* ------------------------------------------------------------------------- */
body.fc-ds.user-dashboard.fc-neo {
  --fc-unified-bg: #f2f6fb;
  --fc-unified-surface: #ffffff;
  --fc-unified-surface-soft: #f7faff;
  --fc-unified-border: #d6e1ee;
  --fc-unified-ink: #102a43;
  --fc-unified-muted: #526b84;
  --fc-unified-primary: var(--fc-theme-shell-bg, #1f4f8c);
  --fc-unified-primary-soft: #eaf2fd;
  background: linear-gradient(180deg, #f5f4f0 0%, #faf9f6 45%, #fffdf8 100%) !important;
}

/* Header stays strong but not heavy/dark */
body.fc-ds.user-dashboard.fc-neo .mt-header {
  background: linear-gradient(180deg, var(--fc-theme-shell-bg, #1a487f) 0%, var(--fc-theme-shell-hover, #205690) 100%) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.18) !important;
  box-shadow: 0 8px 18px rgba(16, 42, 67, 0.2) !important;
}

/* Unified shell surfaces */
body.fc-ds.user-dashboard.fc-neo .mt-main-content,
body.fc-ds.user-dashboard.fc-neo .fc-neo-hero,
body.fc-ds.user-dashboard.fc-neo .fc-dashboard-card,
body.fc-ds.user-dashboard.fc-neo .fc-balance-card .mt-info-box-inner,
body.fc-ds.user-dashboard.fc-neo .history-container,
body.fc-ds.user-dashboard.fc-neo .mt-trs-li,
body.fc-ds.user-dashboard.fc-neo .progress-widget-box,
body.fc-ds.user-dashboard.fc-neo .account-sub-footer {
  background: linear-gradient(180deg, var(--fc-unified-surface), var(--fc-unified-surface-soft)) !important;
  border: 1px solid var(--fc-unified-border) !important;
  box-shadow: 0 6px 14px rgba(16, 42, 67, 0.06) !important;
}

body.fc-ds.user-dashboard.fc-neo .fc-dashboard-card .card-header {
  background: var(--fc-theme-card-header-bg, linear-gradient(180deg, #f4f8fe, #f8fbff)) !important;
  border-bottom: 1px solid var(--fc-theme-card-edge, var(--fc-unified-border)) !important;
}

/* Remove dark + over-styled sidebar; keep it very visible */
body.fc-ds.user-dashboard.fc-neo .mt-sidebar-fixed,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-content,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-accounts {
  background: linear-gradient(180deg, #f5f9ff 0%, #f9fbff 100%) !important;
  border-color: var(--fc-unified-border) !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-sidebar-fixed {
  box-shadow: 0 8px 18px rgba(16, 42, 67, 0.08) !important;
}

/* One consistent icon system (no rainbow per item) */
body.fc-ds.user-dashboard.fc-neo .mt-sbr-nav .nav-item .nav-link {
  width: 52px;
  height: 52px;
  border-radius: 12px !important;
  border: 1px solid #c7d8ec !important;
  background: linear-gradient(180deg, #ffffff, #edf4ff) !important;
  box-shadow: 0 3px 10px rgba(16, 42, 67, 0.08) !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-nav .nav-item .nav-link svg,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-nav .nav-item .nav-link path,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-nav .nav-item .nav-link g {
  fill: var(--fc-unified-primary) !important;
  color: var(--fc-unified-primary) !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-nav .nav-item.active .nav-link,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-nav .nav-item .nav-link:hover {
  background: linear-gradient(180deg, #e8f1ff, #dfeaff) !important;
  border-color: #a9c3e4 !important;
  box-shadow: inset 0 0 0 1px rgba(31, 79, 140, 0.12), 0 2px 8px rgba(31, 79, 140, 0.1) !important;
}

/* Cancel previous per-item color gradients */
body.fc-ds.user-dashboard.fc-neo .mt-sbr-nav .nav-item:nth-child(1) .nav-link,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-nav .nav-item:nth-child(2) .nav-link,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-nav .nav-item:nth-child(3) .nav-link,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-nav .nav-item:nth-child(4) .nav-link,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-nav .nav-item:nth-child(5) .nav-link,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-nav .nav-item:nth-child(6) .nav-link,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-nav .nav-item:nth-child(7) .nav-link,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-nav .nav-item:nth-child(8) .nav-link,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-nav .nav-item:nth-child(9) .nav-link,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-nav .nav-item:nth-child(10) .nav-link {
  background: linear-gradient(180deg, #ffffff, #edf4ff) !important;
}

/* Sidebar account/manage cards balanced and readable */
body.fc-ds.user-dashboard.fc-neo .mt-sbr-accounts-row,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-manage-card-inner {
  background: linear-gradient(180deg, #ffffff, #f6faff) !important;
  border: 1px solid #d7e3f1 !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-accounts-row.showing-account {
  background: linear-gradient(168deg, #fbfdff 0%, #f2f7fd 42%, #eaf1f9 100%) !important;
  border-color: rgba(190, 206, 226, 0.95) !important;
}

/* Global readable text on light surfaces */
body.fc-ds.user-dashboard.fc-neo .fc-neo-hero h4,
body.fc-ds.user-dashboard.fc-neo .fc-neo-hero-sub,
body.fc-ds.user-dashboard.fc-neo .breadcrumb-item,
body.fc-ds.user-dashboard.fc-neo .breadcrumb-item a,
body.fc-ds.user-dashboard.fc-neo .fc-balance-card .mt-info-box-content h5,
body.fc-ds.user-dashboard.fc-neo .fc-balance-card .mt-ibox-label,
body.fc-ds.user-dashboard.fc-neo .fc-balance-card .tx-color-03.tx-normal,
body.fc-ds.user-dashboard.fc-neo .fc-dashboard-card .card-header h6,
body.fc-ds.user-dashboard.fc-neo .mt-trs-details,
body.fc-ds.user-dashboard.fc-neo .mt-trs-amt,
body.fc-ds.user-dashboard.fc-neo .mt-progress-desc-label,
body.fc-ds.user-dashboard.fc-neo .mt-progress-desc-amt,
body.fc-ds.user-dashboard.fc-neo .sbr-ac-h-tls-txt,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-acc-dinfo-type,
body.fc-ds.user-dashboard.fc-neo .mtt-sbr-acc-bal,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-manage-ch-title,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-manage-ch-title span {
  color: var(--fc-unified-ink) !important;
}

body.fc-ds.user-dashboard.fc-neo .mtt-sbr-acc-bal-label,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-manage-ch-desc,
body.fc-ds.user-dashboard.fc-neo .mt-trs-date,
body.fc-ds.user-dashboard.fc-neo .mt-trs-status,
body.fc-ds.user-dashboard.fc-neo .account-sub-footer-txt {
  color: var(--fc-unified-muted) !important;
}

/* Inputs/buttons aligned with unified palette */
body.fc-ds.user-dashboard.fc-neo .sortbydate-input {
  background: #ffffff !important;
  color: var(--fc-unified-ink) !important;
  border: 1px solid #c4d4e7 !important;
}

body.fc-ds.user-dashboard.fc-neo .sortbydate-submit,
body.fc-ds.user-dashboard.fc-neo .sortbydate-export-btn {
  background: linear-gradient(180deg, #1f4f8c, #184373) !important;
  border-color: #184373 !important;
  color: #fff !important;
  box-shadow: 0 5px 12px rgba(31, 79, 140, 0.22) !important;
}

/* ------------------------------------------------------------------------- */
/* Neo visibility lock: enforce readable text on light areas                 */
/* ------------------------------------------------------------------------- */
body.fc-ds.user-dashboard.fc-neo .fc-neo-hero *,
body.fc-ds.user-dashboard.fc-neo .fc-dashboard-card *,
body.fc-ds.user-dashboard.fc-neo .fc-balance-card .mt-info-box-inner *,
body.fc-ds.user-dashboard.fc-neo .history-container *,
body.fc-ds.user-dashboard.fc-neo .progress-widget-box *,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-accounts-row *,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-manage-card-inner * {
  color: inherit;
}

body.fc-ds.user-dashboard.fc-neo .fc-neo-hero,
body.fc-ds.user-dashboard.fc-neo .fc-dashboard-card,
body.fc-ds.user-dashboard.fc-neo .fc-balance-card .mt-info-box-inner,
body.fc-ds.user-dashboard.fc-neo .history-container,
body.fc-ds.user-dashboard.fc-neo .progress-widget-box,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-accounts-row,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-manage-card-inner {
  color: var(--fc-unified-ink) !important;
}

body.fc-ds.user-dashboard.fc-neo .fc-neo-hero a,
body.fc-ds.user-dashboard.fc-neo .fc-dashboard-card a,
body.fc-ds.user-dashboard.fc-neo .history-container a {
  color: #1f4f8c !important;
}

/* Explicitly override legacy "showing-account" light-on-light text */
body.fc-ds.user-dashboard.fc-neo .mt-sbr-accounts-row.showing-account .mt-sbr-acc-dinfo-type,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-accounts-row.showing-account .mtt-sbr-acc-bal,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-accounts-row.showing-account .mtt-sbr-acc-bal-label,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-accounts-row.showing-account .mt-sbr-acc-more svg,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-accounts-row.showing-account .mt-sbr-acc-dinfo-icon svg g {
  color: #123a67 !important;
  fill: #123a67 !important;
}

/* Utility labels and tertiary text often rendered faint */
body.fc-ds.user-dashboard.fc-neo .tx-color-03,
body.fc-ds.user-dashboard.fc-neo .tx-12,
body.fc-ds.user-dashboard.fc-neo .tx-13,
body.fc-ds.user-dashboard.fc-neo .page-link,
body.fc-ds.user-dashboard.fc-neo .link-03,
body.fc-ds.user-dashboard.fc-neo .fc-neo-kpi-note {
  color: var(--fc-unified-muted) !important;
}

body.fc-ds.user-dashboard.fc-neo .fc-dashboard-card .card-header h6,
body.fc-ds.user-dashboard.fc-neo .fc-balance-card .tx-20,
body.fc-ds.user-dashboard.fc-neo .mt-trs-amt,
body.fc-ds.user-dashboard.fc-neo .mtt-sbr-acc-bal {
  color: var(--fc-unified-ink) !important;
}

/* ------------------------------------------------------------------------- */
/* Final UX fixes: compact hero + brighter sidebar account readability        */
/* ------------------------------------------------------------------------- */
body.fc-ds.user-dashboard.fc-neo .mt-action-sub.fc-neo-hero {
  padding: 10px 14px 8px !important;
  margin-bottom: 8px !important;
  border-radius: 12px !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-action-sub.fc-neo-hero .d-sm-flex.align-items-center.justify-content-between.mg-b-20.mg-lg-b-30 {
  margin-bottom: 0 !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-action-sub.fc-neo-hero h4 {
  font-size: 1.08rem !important;
  line-height: 1.2 !important;
  margin-bottom: 0 !important;
}

body.fc-ds.user-dashboard.fc-neo .fc-neo-hero-sub {
  display: block !important;
  margin-top: 1px !important;
  font-size: 0.74rem !important;
  line-height: 1.3 !important;
  color: var(--fc-unified-muted) !important;
}

/* ------------------------------------------------------------------------- */
/* Hard fix: active account card readability in sidebar                      */
/* ------------------------------------------------------------------------- */
body.fc-ds.user-dashboard.fc-neo .mt-sbr-accounts-row .mt-sbrnum-acc-dyn,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-accounts-row.showing-account .mt-sbrnum-acc-dyn {
  border: 1px solid #c7d7ea !important;
  border-radius: 10px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f5f9ff 100%) !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-accounts-row.showing-account {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

body.fc-ds.user-dashboard.fc-neo .mtt-sbr-acc-bal-flex,
body.fc-ds.user-dashboard.fc-neo .showing-account .mtt-sbr-acc-bal-flex {
  border-bottom: 1px solid #d5e1ef !important;
}

body.fc-ds.user-dashboard.fc-neo .mtt-sbr-acc-bal-label,
body.fc-ds.user-dashboard.fc-neo .mtt-sbr-acc-bal,
body.fc-ds.user-dashboard.fc-neo .showing-account .mtt-sbr-acc-bal-label,
body.fc-ds.user-dashboard.fc-neo .showing-account .mtt-sbr-acc-bal {
  background: transparent !important;
  color: #12395f !important;
  top: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-acc-dinfo-type,
body.fc-ds.user-dashboard.fc-neo .showing-account .mt-sbr-acc-dinfo-type {
  color: #0f3258 !important;
  font-weight: 700 !important;
}

body.fc-ds.user-dashboard.fc-neo .mtt-sbr-acc-bal {
  font-weight: 800 !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-acc-dinfo-icon svg,
body.fc-ds.user-dashboard.fc-neo .showing-account .mt-sbr-acc-dinfo-icon svg,
body.fc-ds.user-dashboard.fc-neo .showing-account .mt-sbr-acc-dinfo-icon svg g,
body.fc-ds.user-dashboard.fc-neo .showing-account .mt-sbr-acc-more svg {
  fill: #1a4f88 !important;
  color: #1a4f88 !important;
}

/* Darker gradient version for highlighted account card */
body.fc-ds.user-dashboard.fc-neo .mt-sbr-accounts-row.showing-account .mt-sbrnum-acc-dyn {
  border: 1px solid #3d6fa7 !important;
  background:
    radial-gradient(140px 70px at 92% 8%, rgba(244, 212, 122, 0.34), transparent 72%),
    linear-gradient(165deg, #123a67 0%, #1a4f88 56%, #2369a5 100%) !important;
  box-shadow: 0 10px 22px rgba(18, 58, 103, 0.28), inset 0 0 0 1px rgba(244, 212, 122, 0.16) !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-accounts-row.showing-account .mt-sbr-acc-dinfo-type,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-accounts-row.showing-account .mtt-sbr-acc-bal {
  color: #f6e6b8 !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-accounts-row.showing-account .mtt-sbr-acc-bal-label {
  color: #efd793 !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-accounts-row.showing-account .mt-sbr-acc-dinfo-icon svg,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-accounts-row.showing-account .mt-sbr-acc-dinfo-icon svg g,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-accounts-row.showing-account .mt-sbr-acc-more svg {
  fill: #e9f2ff !important;
  color: #e9f2ff !important;
}

/* ------------------------------------------------------------------------- */
/* Vibrance Layer: richer color shades and gradients                         */
/* ------------------------------------------------------------------------- */
body.fc-ds.user-dashboard.fc-neo {
  --fc-vibe-indigo: #5b6cff;
  --fc-vibe-cyan: #29c7df;
  --fc-vibe-sky: #67b7ff;
  --fc-vibe-emerald: #2ecf90;
  --fc-vibe-amber: #f1b458;
  --fc-vibe-rose: #e46a85;
}

body.fc-ds.user-dashboard.fc-neo .mt-header {
  background:
    radial-gradient(420px 120px at 10% 0%, rgba(103, 183, 255, 0.22), transparent 70%),
    radial-gradient(460px 130px at 100% 0%, rgba(241, 180, 88, 0.18), transparent 74%),
    linear-gradient(120deg, #1a3d70 0%, #245893 38%, #2a74a8 68%, #1f8aa4 100%) !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-action-sub.fc-neo-hero {
  background:
    radial-gradient(260px 130px at 0% 0%, rgba(91, 108, 255, 0.15), transparent 72%),
    radial-gradient(260px 130px at 100% 100%, rgba(46, 207, 144, 0.12), transparent 74%),
    linear-gradient(140deg, #ffffff 0%, #f4f9ff 55%, #fff8ef 100%) !important;
}

body.fc-ds.user-dashboard.fc-neo .fc-balance-card--current .mt-info-box-inner {
  background: linear-gradient(145deg, #e8eeff 0%, #f2f6ff 58%, #ecf8ff 100%) !important;
}

body.fc-ds.user-dashboard.fc-neo .fc-balance-card--available .mt-info-box-inner {
  background: linear-gradient(145deg, #e7fbf3 0%, #f1fdf7 60%, #ebf9ff 100%) !important;
}

body.fc-ds.user-dashboard.fc-neo .fc-balance-card--spent .mt-info-box-inner {
  background: linear-gradient(145deg, #fff2e2 0%, #fff8f0 60%, #fff1e8 100%) !important;
}

body.fc-ds.user-dashboard.fc-neo .fc-balance-card--current .mt-info-box-inner::after {
  background: linear-gradient(90deg, var(--fc-vibe-indigo), var(--fc-vibe-sky)) !important;
}

body.fc-ds.user-dashboard.fc-neo .fc-balance-card--available .mt-info-box-inner::after {
  background: linear-gradient(90deg, var(--fc-vibe-emerald), var(--fc-vibe-cyan)) !important;
}

body.fc-ds.user-dashboard.fc-neo .fc-balance-card--spent .mt-info-box-inner::after {
  background: linear-gradient(90deg, var(--fc-vibe-amber), #ff8f6a) !important;
}

body.fc-ds.user-dashboard.fc-neo .fc-dashboard-card {
  background:
    radial-gradient(200px 90px at 100% 0%, rgba(91, 108, 255, 0.09), transparent 72%),
    linear-gradient(180deg, #ffffff 0%, #f6faff 100%) !important;
}

body.fc-ds.user-dashboard.fc-neo .fc-dashboard-card .card-header {
  background: var(--fc-theme-card-header-bg, linear-gradient(120deg, rgba(91, 108, 255, 0.1), rgba(41, 199, 223, 0.08), rgba(241, 180, 88, 0.1))) !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-sidebar-fixed {
  background:
    radial-gradient(240px 130px at 0% 0%, rgba(103, 183, 255, 0.2), transparent 74%),
    radial-gradient(240px 130px at 100% 100%, rgba(91, 108, 255, 0.18), transparent 76%),
    linear-gradient(180deg, #f3f8ff 0%, #f8fbff 100%) !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-nav .nav-item .nav-link {
  background:
    radial-gradient(circle at 26% 22%, rgba(255, 255, 255, 0.85), transparent 38%),
    linear-gradient(145deg, #e7f1ff 0%, #dfeaff 55%, #edf6ff 100%) !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-nav .nav-item.active .nav-link,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-nav .nav-item .nav-link:hover {
  background:
    radial-gradient(circle at 20% 20%, rgba(255, 255, 255, 0.34), transparent 40%),
    linear-gradient(140deg, var(--fc-vibe-indigo) 0%, #4d88ff 45%, var(--fc-vibe-cyan) 100%) !important;
}

body.fc-ds.user-dashboard.fc-neo .sortbydate-submit,
body.fc-ds.user-dashboard.fc-neo .sortbydate-export-btn,
body.fc-ds.user-dashboard.fc-neo .btn.btn-primary {
  background: linear-gradient(135deg, #2d5ea3 0%, #3e79c0 38%, #2a96b2 72%, #1e7a95 100%) !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-trs-li.credit {
  background: linear-gradient(160deg, #f0fff8 0%, #f8fffc 100%) !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-trs-li.debit {
  background: linear-gradient(160deg, #f1f6ff 0%, #f8fbff 100%) !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-trs-li.failed {
  background: linear-gradient(160deg, #fff2f5 0%, #fff8fa 100%) !important;
}

/* ------------------------------------------------------------------------- */
/* Sidebar account info visibility fix (high contrast)                       */
/* ------------------------------------------------------------------------- */
body.fc-ds.user-dashboard.fc-neo .mt-sbr-accounts-row {
  background: linear-gradient(180deg, #ffffff 0%, #f4f8ff 100%) !important;
  border: 1px solid #cfdced !important;
  box-shadow: 0 6px 14px rgba(16, 42, 67, 0.07) !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-accounts-row .mt-sbr-acc-dinfo-type,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-accounts-row .mtt-sbr-acc-bal {
  color: #0f2f52 !important;
  text-shadow: none !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-accounts-row .mtt-sbr-acc-bal {
  font-weight: 800 !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-accounts-row .mtt-sbr-acc-bal-label {
  color: #446381 !important;
  font-weight: 700 !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-accounts-row .mt-sbr-acc-dinfo-icon,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-accounts-row .mt-sbr-acc-more {
  color: #1f4f8c !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-accounts-row .mt-sbr-acc-dinfo-icon svg,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-accounts-row .mt-sbr-acc-dinfo-icon svg g,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-accounts-row .mt-sbr-acc-dinfo-icon svg path,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-accounts-row .mt-sbr-acc-more svg,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-accounts-row .mt-sbr-acc-more svg path {
  fill: #1f4f8c !important;
  color: #1f4f8c !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-accounts-row.showing-account {
  background: linear-gradient(180deg, #e8f1ff 0%, #f0f6ff 100%) !important;
  border-color: #a9c3e4 !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-accounts-row.showing-account .mt-sbr-acc-dinfo-type,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-accounts-row.showing-account .mtt-sbr-acc-bal,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-accounts-row.showing-account .mtt-sbr-acc-bal-label {
  color: #0c2a49 !important;
}

/* Fine-grain readability tuning for account card text */
body.fc-ds.user-dashboard.fc-neo {
  --fc-sbr-type-color: #10365f;
  --fc-sbr-balance-color: #0b2a47;
  --fc-sbr-label-color: #567290;
  --fc-sbr-label-active-color: #3f5f7f;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-accounts-row .mt-sbr-acc-dinfo-type {
  color: var(--fc-sbr-type-color) !important;
  letter-spacing: 0.01em;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-accounts-row .mtt-sbr-acc-bal {
  color: var(--fc-sbr-balance-color) !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-accounts-row .mtt-sbr-acc-bal-label {
  color: var(--fc-sbr-label-color) !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-accounts-row.showing-account .mtt-sbr-acc-bal-label {
  color: var(--fc-sbr-label-active-color) !important;
}

body.fc-ds.user-dashboard.fc-neo .fc-neo-pill {
  padding: 4px 8px !important;
  font-size: 9px !important;
}

/* Sidebar account rows: stronger contrast for all account/balance texts */
body.fc-ds.user-dashboard.fc-neo .mt-sbr-accounts-row,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-accounts-row * {
  color: #133b68 !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-accounts-row .mt-sbr-acc-dinfo-type {
  color: #12355d !important;
  font-weight: 700 !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-accounts-row .mtt-sbr-acc-bal {
  color: #0f2f52 !important;
  font-weight: 800 !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-accounts-row .mtt-sbr-acc-bal-label {
  color: #3e5c79 !important;
  font-weight: 600 !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-accounts-row .mt-sbr-acc-more svg,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-accounts-row .mt-sbr-acc-dinfo-icon svg,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-accounts-row .mt-sbr-acc-dinfo-icon svg g,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-accounts-row .mt-sbr-acc-dinfo-icon svg path {
  color: #1a4e86 !important;
  fill: #1a4e86 !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-accounts-row.showing-account,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-accounts-row.showing-account * {
  color: #0d2d50 !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-accounts-row.showing-account .mtt-sbr-acc-bal {
  color: #0a2744 !important;
}

/* ------------------------------------------------------------------------- */
/* Blend pass: header menu + sidebar visual cohesion                         */
/* ------------------------------------------------------------------------- */
body.fc-ds.user-dashboard.fc-neo {
  --fc-blend-header-1: #1b467c;
  --fc-blend-header-2: #24639a;
  --fc-blend-accent: #2ea8bd;
  --fc-blend-panel: #f5f9ff;
  --fc-blend-line: #c9d9ec;
}

/* Header menu polish */
body.fc-ds.user-dashboard.fc-neo .mt-header {
  background:
    radial-gradient(380px 120px at 8% 0%, rgba(255, 255, 255, 0.14), transparent 70%),
    linear-gradient(118deg, var(--fc-blend-header-1) 0%, var(--fc-blend-header-2) 62%, var(--fc-blend-accent) 100%) !important;
}

body.fc-ds.user-dashboard.fc-neo .mn-header-nav-link {
  padding: 6px 10px !important;
  border-radius: 10px !important;
  border: 1px solid transparent;
  background: rgba(255, 255, 255, 0.08);
}

body.fc-ds.user-dashboard.fc-neo .mn-header-nav-li.active .mn-header-nav-link,
body.fc-ds.user-dashboard.fc-neo .mn-header-nav-link:hover {
  background: rgba(255, 255, 255, 0.18) !important;
  border-color: rgba(255, 255, 255, 0.24);
}

body.fc-ds.user-dashboard.fc-neo .mn-header-r-nav-li,
body.fc-ds.user-dashboard.fc-neo .mn-header-r-nav-user {
  background: rgba(255, 255, 255, 0.12) !important;
  border: 1px solid rgba(255, 255, 255, 0.24) !important;
}

/* Sidebar shell aligned with header hue */
body.fc-ds.user-dashboard.fc-neo .mt-sidebar-fixed {
  border-color: var(--fc-blend-line) !important;
  background:
    radial-gradient(220px 110px at 0% 0%, rgba(46, 168, 189, 0.16), transparent 72%),
    linear-gradient(180deg, #eef5ff 0%, var(--fc-blend-panel) 100%) !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-nav .nav-item .nav-link {
  border-color: #bed2e9 !important;
  background: linear-gradient(180deg, #ffffff, #e9f2ff) !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-nav .nav-item.active .nav-link,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-nav .nav-item .nav-link:hover {
  background: linear-gradient(140deg, #2f6faf 0%, #3690bf 58%, #2ea8bd 100%) !important;
  border-color: #7da8cf !important;
}

/* Sidebar card family consistency */
body.fc-ds.user-dashboard.fc-neo .mt-sbr-accounts-row,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-manage-card-inner {
  border-color: var(--fc-blend-line) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f2f8ff 100%) !important;
}

/* ------------------------------------------------------------------------- */
/* Creative Reboot: distinct premium layout language                         */
/* ------------------------------------------------------------------------- */
body.fc-ds.user-dashboard.fc-neo {
  --fc-cr-ink: #132338;
  --fc-cr-muted: #5f7288;
  --fc-cr-bg: #edf2f8;
  --fc-cr-bg-2: #f7f9fc;
  --fc-cr-line: #d3dce8;
  --fc-cr-dark: #1b2432;
  --fc-cr-accent-1: #7c5cff;
  --fc-cr-accent-2: #29c3d9;
  --fc-cr-accent-3: #e3b85c;
  --fc-cr-accent-4: #49b870;
  background:
    radial-gradient(900px 420px at -6% -8%, rgba(124, 92, 255, 0.12), transparent 58%),
    radial-gradient(780px 360px at 100% 0%, rgba(41, 195, 217, 0.1), transparent 56%),
    linear-gradient(180deg, var(--fc-cr-bg) 0%, var(--fc-cr-bg-2) 100%) !important;
}

/* Header becomes cleaner, bolder, intentionally different */
body.fc-ds.user-dashboard.fc-neo .mt-header {
  background: linear-gradient(120deg, #161d29 0%, #243047 100%) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.16) !important;
  box-shadow: 0 14px 30px rgba(10, 16, 28, 0.28) !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-header::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 3px;
  background: linear-gradient(90deg, var(--fc-cr-accent-1), var(--fc-cr-accent-2), var(--fc-cr-accent-3));
}

body.fc-ds.user-dashboard.fc-neo .mn-header-nav-link {
  border-radius: 9px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

body.fc-ds.user-dashboard.fc-neo .mn-header-nav-li.active .mn-header-nav-link,
body.fc-ds.user-dashboard.fc-neo .mn-header-nav-link:hover {
  background: rgba(255, 255, 255, 0.18) !important;
  border-color: rgba(255, 255, 255, 0.24) !important;
}

/* Sidebar and main cards share the same modern panel treatment */
body.fc-ds.user-dashboard.fc-neo .mt-sidebar-fixed,
body.fc-ds.user-dashboard.fc-neo .mt-main-content,
body.fc-ds.user-dashboard.fc-neo .fc-dashboard-card,
body.fc-ds.user-dashboard.fc-neo .fc-balance-card .mt-info-box-inner,
body.fc-ds.user-dashboard.fc-neo .mt-action-sub.fc-neo-hero {
  border-radius: 16px !important;
  border: 1px solid var(--fc-cr-line) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f7faff 100%) !important;
  box-shadow: 0 10px 24px rgba(19, 35, 56, 0.08) !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-sidebar-fixed {
  background:
    radial-gradient(220px 100px at 0% 0%, rgba(124, 92, 255, 0.08), transparent 72%),
    linear-gradient(180deg, #f7faff 0%, #ffffff 100%) !important;
}

/* Sidebar nav icons: colorful but disciplined */
body.fc-ds.user-dashboard.fc-neo .mt-sbr-nav .nav-item .nav-link {
  width: 50px;
  height: 50px;
  border-radius: 14px !important;
  border: 1px solid #cfdbeb !important;
  background: #f2f6fc !important;
  box-shadow: none !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-nav .nav-item:nth-child(1) .nav-link { background: linear-gradient(160deg, #ece8ff, #f3f1ff) !important; }
body.fc-ds.user-dashboard.fc-neo .mt-sbr-nav .nav-item:nth-child(2) .nav-link { background: linear-gradient(160deg, #e8f7ff, #effbff) !important; }
body.fc-ds.user-dashboard.fc-neo .mt-sbr-nav .nav-item:nth-child(3) .nav-link { background: linear-gradient(160deg, #e9fff5, #f0fff8) !important; }
body.fc-ds.user-dashboard.fc-neo .mt-sbr-nav .nav-item:nth-child(4) .nav-link { background: linear-gradient(160deg, #fff4e7, #fffaf1) !important; }
body.fc-ds.user-dashboard.fc-neo .mt-sbr-nav .nav-item:nth-child(5) .nav-link { background: linear-gradient(160deg, #ffeef3, #fff5f8) !important; }

body.fc-ds.user-dashboard.fc-neo .mt-sbr-nav .nav-item .nav-link svg,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-nav .nav-item .nav-link path,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-nav .nav-item .nav-link g {
  fill: #0f2847 !important;
  color: #0f2847 !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-nav .nav-item.active .nav-link,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-nav .nav-item .nav-link:hover {
  background: linear-gradient(145deg, var(--fc-cr-accent-1), #4f8cff, var(--fc-cr-accent-2)) !important;
  border-color: transparent !important;
  box-shadow: 0 10px 20px rgba(66, 100, 176, 0.24) !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-nav .nav-item.active .nav-link svg,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-nav .nav-item.active .nav-link path,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-nav .nav-item.active .nav-link g,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-nav .nav-item .nav-link:hover svg,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-nav .nav-item .nav-link:hover path,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-nav .nav-item .nav-link:hover g {
  fill: #ffffff !important;
  color: #ffffff !important;
  filter: drop-shadow(0 1px 1px rgba(4, 18, 52, 0.35));
}

/* Account info cards become a modern "statement card" style */
body.fc-ds.user-dashboard.fc-neo .mt-sbr-accounts-row .mt-sbrnum-acc-dyn {
  border-radius: 12px !important;
  border: 1px solid #ccd8e8 !important;
  background: linear-gradient(180deg, #ffffff 0%, #f5f9ff 100%) !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-accounts-row.showing-account .mt-sbrnum-acc-dyn {
  border: 1px solid #415d84 !important;
  background:
    radial-gradient(140px 70px at 92% 8%, rgba(227, 184, 92, 0.34), transparent 72%),
    linear-gradient(160deg, #1f2d44 0%, #2d3f5f 64%, #3a5678 100%) !important;
  box-shadow: 0 12px 24px rgba(18, 30, 48, 0.26) !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-accounts-row.showing-account .mt-sbr-acc-dinfo-type,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-accounts-row.showing-account .mtt-sbr-acc-bal {
  color: #f7e6be !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-accounts-row.showing-account .mtt-sbr-acc-bal-label {
  color: #e8d29d !important;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-accounts-row.showing-account .mt-sbr-acc-dinfo-icon svg,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-accounts-row.showing-account .mt-sbr-acc-dinfo-icon svg g,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-accounts-row.showing-account .mt-sbr-acc-more svg {
  fill: #f4e3bb !important;
  color: #f4e3bb !important;
}

/* Hero card gets an editorial strip style */
body.fc-ds.user-dashboard.fc-neo .mt-action-sub.fc-neo-hero {
  border-left: 5px solid var(--fc-cr-accent-1) !important;
  padding: 10px 14px 8px !important;
}

body.fc-ds.user-dashboard.fc-neo .fc-neo-hero-sub {
  font-size: 0.74rem !important;
  color: var(--fc-cr-muted) !important;
}

/* ------------------------------------------------------------------------- */
/* Experiment skin: fc-lab (easy rollback by removing class)                */
/* ------------------------------------------------------------------------- */
body.fc-ds.user-dashboard.fc-neo.fc-lab {
  --fc-lab-ink: #102746;
  --fc-lab-muted: #5f7696;
  --fc-lab-border: #c4d5ea;
  --fc-lab-royal: #2a4f98;
  --fc-lab-teal: #3a67b2;
  --fc-lab-accent-cyan: #3dbdd0;
  --fc-lab-accent-violet: #7569e6;
  --fc-lab-gold: #5f89cf;
  --fc-lab-bg: #f7f5ef;
  --fc-lab-card: #ffffff;
  background:
    radial-gradient(900px 420px at -8% -10%, rgba(42, 79, 152, 0.09), transparent 58%),
    radial-gradient(780px 360px at 100% 0%, rgba(58, 103, 178, 0.08), transparent 56%),
    linear-gradient(180deg, #f7f5ef 0%, #faf8f3 52%, #f6f4ee 100%) !important;
}

/* Header + menu */
body.fc-ds.user-dashboard.fc-neo.fc-lab .mt-header {
  background: linear-gradient(115deg, #132f5f 0%, #1f4688 56%, #2f61ac 100%) !important;
  box-shadow: 0 14px 30px rgba(15, 35, 69, 0.25) !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .mn-header-nav-link {
  border-radius: 10px !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  background: rgba(255, 255, 255, 0.08) !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .mn-header-nav-li.active .mn-header-nav-link,
body.fc-ds.user-dashboard.fc-neo.fc-lab .mn-header-nav-link:hover {
  background: linear-gradient(135deg, rgba(61, 189, 208, 0.22), rgba(117, 105, 230, 0.2)) !important;
  border-color: rgba(196, 208, 255, 0.46) !important;
}

/* Layout rhythm */
body.fc-ds.user-dashboard.fc-neo.fc-lab .mt-content-body-inner {
  gap: 20px !important;
}

/* Sidebar offset tuning: clear distance from header */
body.fc-ds.user-dashboard.fc-neo.fc-lab .mt-sidebar-fixed {
  top: calc(var(--fc-shell-header-h) + 22px) !important;
  max-height: calc(100vh - var(--fc-shell-header-h) - 34px) !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .mt-main-content,
body.fc-ds.user-dashboard.fc-neo.fc-lab .mt-sidebar-fixed {
  border-radius: 18px !important;
  border: 1px solid var(--fc-lab-border) !important;
  box-shadow: 0 10px 24px rgba(15, 35, 69, 0.08) !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .mt-main-content {
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .mt-sidebar-fixed {
  background:
    radial-gradient(220px 110px at 0% 0%, rgba(42, 79, 152, 0.12), transparent 72%),
    linear-gradient(180deg, #f0f6ff 0%, #f7faff 100%) !important;
}

/* Hero compact and balanced */
body.fc-ds.user-dashboard.fc-neo.fc-lab .mt-action-sub.fc-neo-hero {
  border-left: 4px solid var(--fc-lab-royal) !important;
  border-radius: 14px !important;
  padding: 10px 14px 8px !important;
  background:
    radial-gradient(260px 120px at 100% 0%, rgba(95, 137, 207, 0.2), transparent 70%),
    linear-gradient(135deg, #ffffff, #f3f8ff) !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .fc-neo-hero h4 {
  color: var(--fc-lab-ink) !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .fc-neo-hero-sub {
  color: var(--fc-lab-muted) !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .fc-neo-pill {
  color: #eaf3ff !important;
  background: linear-gradient(135deg, #264f98 0%, #355ea9 55%, var(--fc-lab-accent-violet) 100%) !important;
  border: 1px solid rgba(117, 105, 230, 0.36) !important;
  box-shadow: 0 8px 16px rgba(43, 68, 118, 0.2) !important;
}

/* Top hero action buttons: hard readability lock */
body.fc-ds.user-dashboard.fc-neo.fc-lab .mt-action-sub.fc-neo-hero .trs-action-btn {
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .mt-action-sub.fc-neo-hero .send-money-btn {
  color: #f4f8ff !important;
  background: linear-gradient(135deg, #22478e 0%, #315da8 56%, #4680ce 100%) !important;
  border: 1px solid #2f5ba2 !important;
  text-shadow: 0 1px 0 rgba(10, 24, 46, 0.35) !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .mt-action-sub.fc-neo-hero .add-fund-btn {
  color: #153d72 !important;
  background: linear-gradient(180deg, #ffffff 0%, #ecf4ff 100%) !important;
  border: 1px solid #9db8dc !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .mt-action-sub.fc-neo-hero .send-money-btn:hover,
body.fc-ds.user-dashboard.fc-neo.fc-lab .mt-action-sub.fc-neo-hero .send-money-btn:focus {
  color: #ffffff !important;
  filter: brightness(1.04) !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .mt-action-sub.fc-neo-hero .add-fund-btn:hover,
body.fc-ds.user-dashboard.fc-neo.fc-lab .mt-action-sub.fc-neo-hero .add-fund-btn:focus {
  color: #0f345f !important;
  background: linear-gradient(180deg, #f9fcff 0%, #e5efff 100%) !important;
  border-color: #7d9fcd !important;
}

/* Balance overview hero (fc-lab) */
body.fc-ds.user-dashboard.fc-neo.fc-lab .fc-balance-hero-inner {
  border-color: var(--fc-lab-border) !important;
  border-radius: 16px !important;
  background:
    radial-gradient(100% 90% at 100% 0%, rgba(42, 79, 152, 0.06), transparent 55%),
    linear-gradient(180deg, #ffffff 0%, #f7f9fd 100%) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.95) inset,
    0 12px 36px rgba(15, 35, 69, 0.07) !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .fc-balance-hero-inner::before {
  background: linear-gradient(180deg, var(--fc-lab-royal) 0%, var(--fc-lab-teal) 100%) !important;
  opacity: 0.92 !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .fc-balance-hero-ccy {
  border-color: var(--fc-lab-border) !important;
  color: var(--fc-lab-ink) !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .fc-balance-hero-subrow {
  background: rgba(255, 255, 255, 0.82) !important;
  border-color: var(--fc-lab-border) !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .fc-balance-hero-subrow-amount {
  color: #1a5c40 !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .fc-balance-hero-chart-caption {
  color: var(--fc-lab-muted) !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .fc-spend-insight .mt-info-box-inner {
  border-color: var(--fc-lab-border) !important;
  border-radius: 16px !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.95) inset,
    0 12px 36px rgba(15, 35, 69, 0.07) !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .fc-spend-insight .mt-info-box-inner::before {
  background: linear-gradient(180deg, var(--fc-lab-royal) 0%, var(--fc-lab-accent-cyan) 55%, var(--fc-lab-gold) 100%) !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .fc-spend-insight-date-badge {
  border-color: var(--fc-lab-border) !important;
  color: var(--fc-lab-ink) !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .fc-spend-insight-subrow {
  background: rgba(255, 255, 255, 0.82) !important;
  border-color: var(--fc-lab-border) !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .fc-spend-insight-stat {
  color: var(--fc-lab-muted) !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .fc-spend-insight-foot {
  color: var(--fc-lab-muted) !important;
}

/* KPI cards */
body.fc-ds.user-dashboard.fc-neo.fc-lab .fc-balance-card .mt-info-box-inner {
  border: 1px solid var(--fc-lab-border) !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 18px rgba(15, 35, 69, 0.07) !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .fc-balance-card--current .mt-info-box-inner {
  background: linear-gradient(145deg, #e7efff 0%, #f2f7ff 100%) !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .fc-balance-card--available .mt-info-box-inner {
  background: linear-gradient(145deg, #eaf2ff 0%, #f2f8ff 100%) !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .fc-balance-card--spent .mt-info-box-inner {
  background: linear-gradient(145deg, #edf3ff 0%, #f5f9ff 100%) !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .fc-balance-card--current .mt-info-box-inner::after {
  background: linear-gradient(90deg, #274b94, #4f79c8) !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .fc-balance-card--available .mt-info-box-inner::after {
  background: linear-gradient(90deg, #355ea9, #5d85cc) !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .fc-balance-card--spent .mt-info-box-inner::after {
  background: linear-gradient(90deg, #4c74bf, #7da0dc) !important;
}

/* Sidebar nav + account cards */
body.fc-ds.user-dashboard.fc-neo.fc-lab .mt-sbr-nav .nav-item .nav-link {
  border: 1px solid #c5d7ec !important;
  background: linear-gradient(180deg, #ffffff, #edf5ff) !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .mt-sbr-nav .nav-item.active .nav-link,
body.fc-ds.user-dashboard.fc-neo.fc-lab .mt-sbr-nav .nav-item .nav-link:hover {
  background: linear-gradient(140deg, #274e98 0%, #3763b2 58%, var(--fc-lab-accent-violet) 100%) !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .mt-sbr-accounts-row .mt-sbrnum-acc-dyn {
  border: 1px solid #c7d8ec !important;
  background: linear-gradient(180deg, #ffffff, #f4f8ff) !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .mt-sbr-accounts-row.showing-account .mt-sbrnum-acc-dyn {
  border: 1px solid #486ca6 !important;
  background:
    radial-gradient(130px 66px at 92% 8%, rgba(117, 105, 230, 0.34), transparent 72%),
    linear-gradient(160deg, #1e365c 0%, #2a497a 68%, #355b95 100%) !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .mt-sbr-accounts-row.showing-account .mt-sbr-acc-dinfo-type,
body.fc-ds.user-dashboard.fc-neo.fc-lab .mt-sbr-accounts-row.showing-account .mtt-sbr-acc-bal {
  color: #ebf3ff !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .mt-sbr-accounts-row.showing-account .mtt-sbr-acc-bal-label {
  color: #c9dbf4 !important;
}

/* Main table/card composition */
body.fc-ds.user-dashboard.fc-neo.fc-lab .fc-dashboard-card {
  border: 1px solid var(--fc-lab-border) !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .fc-dashboard-card .card-header {
  background: var(--fc-theme-card-header-bg, linear-gradient(120deg, rgba(42, 79, 152, 0.11), rgba(61, 189, 208, 0.09), rgba(117, 105, 230, 0.09))) !important;
}

/* Inputs and CTA consistency */
body.fc-ds.user-dashboard.fc-neo.fc-lab .sortbydate-input {
  border: 1px solid #c1d3e8 !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .sortbydate-submit,
body.fc-ds.user-dashboard.fc-neo.fc-lab .sortbydate-export-btn,
body.fc-ds.user-dashboard.fc-neo.fc-lab .btn.btn-primary {
  background: linear-gradient(135deg, #274e98 0%, #3565b4 56%, var(--fc-lab-accent-cyan) 100%) !important;
}

/* Flow chart card refinement */
body.fc-ds.user-dashboard.fc-neo.fc-lab .fc-flow-card .card-header h6 {
  color: #1b3f79 !important;
  letter-spacing: 0.01em !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .fc-flow-card .mt-rS-chart {
  padding: 4px 2px 6px !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .fc-flow-card .progress-widget-box {
  border: 1px solid #c0d2e8 !important;
  border-radius: 12px !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .fc-flow-card .income-progress {
  background: linear-gradient(150deg, #edf8ff 0%, #f5fbff 100%) !important;
  box-shadow: inset 0 0 0 1px rgba(61, 189, 208, 0.18) !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .fc-flow-card .expenses-progress {
  background: linear-gradient(150deg, #eef2ff 0%, #f7f9ff 100%) !important;
  box-shadow: inset 0 0 0 1px rgba(117, 105, 230, 0.16) !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .fc-flow-card .mt-progress-desc-label {
  color: #4b6590 !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
  text-transform: uppercase !important;
  font-size: 0.68rem !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .fc-flow-card .mt-progress-desc-amt {
  color: #123862 !important;
  font-weight: 800 !important;
  font-size: 0.97rem !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .fc-flow-card .income-progress .mt-pie-center {
  background: linear-gradient(180deg, #e8f8ff 0%, #dff5fb 100%) !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .fc-flow-card .expenses-progress .mt-pie-center {
  background: linear-gradient(180deg, #ecf1ff 0%, #e6ecff 100%) !important;
}

/* Strong visual refresh for flow card */
body.fc-ds.user-dashboard.fc-neo.fc-lab .fc-flow-card.fc-flow-card-v2 {
  border: 1px solid #b9cee8 !important;
  border-radius: 16px !important;
  background:
    radial-gradient(220px 110px at 100% -5%, rgba(61, 189, 208, 0.14), transparent 72%),
    radial-gradient(180px 90px at 0% 100%, rgba(117, 105, 230, 0.12), transparent 76%),
    linear-gradient(180deg, #f7fbff 0%, #f0f6ff 100%) !important;
  box-shadow: 0 12px 24px rgba(20, 52, 92, 0.12) !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .fc-flow-card.fc-flow-card-v2 .card-header {
  border-bottom: 1px solid #c3d6ec !important;
  background: linear-gradient(135deg, #e6f1ff 0%, #eaf8ff 52%, #f0ecff 100%) !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .fc-flow-card.fc-flow-card-v2 .card-header h6 {
  color: #153b74 !important;
  font-size: 0.9rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .fc-flow-card.fc-flow-card-v2 .mx-line {
  height: 1px !important;
  background: linear-gradient(90deg, rgba(39, 78, 152, 0), rgba(39, 78, 152, 0.45), rgba(39, 78, 152, 0)) !important;
  margin: 0.55rem 0 0.62rem !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .fc-flow-card.fc-flow-card-v2 .progress-widget-box {
  border-radius: 14px !important;
  padding: 0.68rem 0.72rem !important;
  border: 1px solid #b8cde7 !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .fc-flow-card.fc-flow-card-v2 .income-progress {
  background: linear-gradient(145deg, #e6f8ff 0%, #f2fcff 100%) !important;
  box-shadow: inset 0 0 0 1px rgba(61, 189, 208, 0.28) !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .fc-flow-card.fc-flow-card-v2 .expenses-progress {
  background: linear-gradient(145deg, #ecefff 0%, #f6f7ff 100%) !important;
  box-shadow: inset 0 0 0 1px rgba(117, 105, 230, 0.24) !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .fc-flow-card.fc-flow-card-v2 .mt-progress-desc-label {
  color: #375981 !important;
  font-size: 0.66rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .fc-flow-card.fc-flow-card-v2 .income-progress .mt-progress-desc-amt {
  color: #0f6e82 !important;
  font-size: 1.05rem !important;
  font-weight: 900 !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .fc-flow-card.fc-flow-card-v2 .expenses-progress .mt-progress-desc-amt {
  color: #3f49b6 !important;
  font-size: 1.05rem !important;
  font-weight: 900 !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .fc-flow-card.fc-flow-card-v2 .income-progress .mt-pie {
  --skin: #2ab6cb !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .fc-flow-card.fc-flow-card-v2 .expenses-progress .mt-pie {
  --skin: #6b62e8 !important;
}

/* Color shades boost: richer accents while preserving clarity */
body.fc-ds.user-dashboard.fc-neo.fc-lab {
  --fc-lab-accent-mint: #4bc7a6;
  --fc-lab-accent-coral: #f09178;
  --fc-lab-accent-lilac: #9b8cf2;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .fc-balance-card--current .mt-info-box-inner {
  background:
    radial-gradient(180px 90px at 100% 0%, rgba(61, 189, 208, 0.16), transparent 72%),
    linear-gradient(145deg, #eaf2ff 0%, #f4f8ff 100%) !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .fc-balance-card--available .mt-info-box-inner {
  background:
    radial-gradient(190px 96px at 100% 0%, rgba(75, 199, 166, 0.16), transparent 72%),
    linear-gradient(145deg, #ecfff8 0%, #f4fffb 100%) !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .fc-balance-card--spent .mt-info-box-inner {
  background:
    radial-gradient(190px 96px at 100% 0%, rgba(240, 145, 120, 0.14), transparent 72%),
    linear-gradient(145deg, #fff3ed 0%, #fff9f6 100%) !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .fc-balance-card--current .mt-info-box-icon {
  background: linear-gradient(155deg, #e8f8ff, #e9eeff) !important;
  color: #2f68b4 !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .fc-balance-card--available .mt-info-box-icon {
  background: linear-gradient(155deg, #e9fff7, #e9fff2) !important;
  color: #249074 !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .fc-balance-card--spent .mt-info-box-icon {
  background: linear-gradient(155deg, #fff2ea, #fff7f2) !important;
  color: #b15c45 !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .fc-dashboard-card .card-header {
  background: var(--fc-theme-card-header-bg, linear-gradient(120deg, rgba(42, 79, 152, 0.1), rgba(61, 189, 208, 0.1), rgba(155, 140, 242, 0.09), rgba(240, 145, 120, 0.08))) !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .mt-sbr-nav .nav-item:nth-child(1) .nav-link { background: linear-gradient(160deg, #e9f1ff, #eef4ff) !important; }
body.fc-ds.user-dashboard.fc-neo.fc-lab .mt-sbr-nav .nav-item:nth-child(2) .nav-link { background: linear-gradient(160deg, #e8fbff, #eefcff) !important; }
body.fc-ds.user-dashboard.fc-neo.fc-lab .mt-sbr-nav .nav-item:nth-child(3) .nav-link { background: linear-gradient(160deg, #e9fff6, #effff9) !important; }
body.fc-ds.user-dashboard.fc-neo.fc-lab .mt-sbr-nav .nav-item:nth-child(4) .nav-link { background: linear-gradient(160deg, #fff2eb, #fff8f2) !important; }
body.fc-ds.user-dashboard.fc-neo.fc-lab .mt-sbr-nav .nav-item:nth-child(5) .nav-link { background: linear-gradient(160deg, #f2efff, #f7f4ff) !important; }

/* Sidebar nav icons: higher-contrast fills per tile (fc-lab) */
body.fc-ds.user-dashboard.fc-neo.fc-lab .mt-sbr-nav .nav-item:nth-child(1) .nav-link svg,
body.fc-ds.user-dashboard.fc-neo.fc-lab .mt-sbr-nav .nav-item:nth-child(1) .nav-link path {
  fill: #123d86 !important;
  color: #123d86 !important;
}
body.fc-ds.user-dashboard.fc-neo.fc-lab .mt-sbr-nav .nav-item:nth-child(2) .nav-link svg,
body.fc-ds.user-dashboard.fc-neo.fc-lab .mt-sbr-nav .nav-item:nth-child(2) .nav-link path {
  fill: #0a5f78 !important;
  color: #0a5f78 !important;
}
body.fc-ds.user-dashboard.fc-neo.fc-lab .mt-sbr-nav .nav-item:nth-child(3) .nav-link svg,
body.fc-ds.user-dashboard.fc-neo.fc-lab .mt-sbr-nav .nav-item:nth-child(3) .nav-link path {
  fill: #0c6b4f !important;
  color: #0c6b4f !important;
}
body.fc-ds.user-dashboard.fc-neo.fc-lab .mt-sbr-nav .nav-item:nth-child(4) .nav-link svg,
body.fc-ds.user-dashboard.fc-neo.fc-lab .mt-sbr-nav .nav-item:nth-child(4) .nav-link path {
  fill: #a64a0c !important;
  color: #a64a0c !important;
}
body.fc-ds.user-dashboard.fc-neo.fc-lab .mt-sbr-nav .nav-item:nth-child(5) .nav-link svg,
body.fc-ds.user-dashboard.fc-neo.fc-lab .mt-sbr-nav .nav-item:nth-child(5) .nav-link path {
  fill: #4a2f92 !important;
  color: #4a2f92 !important;
}
body.fc-ds.user-dashboard.fc-neo.fc-lab .mt-sbr-nav .nav-item:nth-child(6) .nav-link svg,
body.fc-ds.user-dashboard.fc-neo.fc-lab .mt-sbr-nav .nav-item:nth-child(6) .nav-link path {
  fill: #8f2438 !important;
  color: #8f2438 !important;
}
body.fc-ds.user-dashboard.fc-neo.fc-lab .mt-sbr-nav .nav-item:nth-child(7) .nav-link svg,
body.fc-ds.user-dashboard.fc-neo.fc-lab .mt-sbr-nav .nav-item:nth-child(7) .nav-link path {
  fill: #2a3d8f !important;
  color: #2a3d8f !important;
}
body.fc-ds.user-dashboard.fc-neo.fc-lab .mt-sbr-nav .nav-item:nth-child(8) .nav-link svg,
body.fc-ds.user-dashboard.fc-neo.fc-lab .mt-sbr-nav .nav-item:nth-child(8) .nav-link path {
  fill: #55308a !important;
  color: #55308a !important;
}
body.fc-ds.user-dashboard.fc-neo.fc-lab .mt-sbr-nav .nav-item:nth-child(9) .nav-link svg,
body.fc-ds.user-dashboard.fc-neo.fc-lab .mt-sbr-nav .nav-item:nth-child(9) .nav-link path {
  fill: #055f72 !important;
  color: #055f72 !important;
}
body.fc-ds.user-dashboard.fc-neo.fc-lab .mt-sbr-nav .nav-item:nth-child(10) .nav-link svg,
body.fc-ds.user-dashboard.fc-neo.fc-lab .mt-sbr-nav .nav-item:nth-child(10) .nav-link path {
  fill: #9a2525 !important;
  color: #9a2525 !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .mt-sbr-nav .nav-item.active .nav-link svg,
body.fc-ds.user-dashboard.fc-neo.fc-lab .mt-sbr-nav .nav-item.active .nav-link path,
body.fc-ds.user-dashboard.fc-neo.fc-lab .mt-sbr-nav .nav-item.active .nav-link g,
body.fc-ds.user-dashboard.fc-neo.fc-lab .mt-sbr-nav .nav-item .nav-link:hover svg,
body.fc-ds.user-dashboard.fc-neo.fc-lab .mt-sbr-nav .nav-item .nav-link:hover path,
body.fc-ds.user-dashboard.fc-neo.fc-lab .mt-sbr-nav .nav-item .nav-link:hover g {
  fill: #ffffff !important;
  color: #ffffff !important;
  filter: drop-shadow(0 1px 2px rgba(2, 12, 40, 0.42));
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .mt-trs-li.credit {
  border-left: 4px solid #3eb58f !important;
  background: linear-gradient(160deg, #f0fff8 0%, #f7fffb 100%) !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .mt-trs-li.debit {
  border-left: 4px solid #3d81cc !important;
  background: linear-gradient(160deg, #f0f7ff 0%, #f8fbff 100%) !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .mt-trs-li.failed {
  border-left: 4px solid #d87183 !important;
  background: linear-gradient(160deg, #fff1f4 0%, #fff8fa 100%) !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .fc-neo-pill {
  background: linear-gradient(135deg, #245092 0%, #3566b2 45%, #3dbdd0 74%, #8a7ff0 100%) !important;
}

/* Compact + colorful recent transaction detail popup */
body.fc-ds.user-dashboard.fc-neo.fc-lab .master-popup-wrapper {
  background: rgba(8, 23, 52, 0.58) !important;
  z-index: 12050 !important;
  padding-top: calc(var(--fc-acct-header-height, 68px) + 10px) !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .master-popup-width {
  width: min(560px, 94vw) !important;
  margin: 0 auto 1.2rem !important;
  position: relative !important;
  z-index: 12051 !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .master-popup {
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 22px 42px rgba(8, 26, 60, 0.28) !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .mt-popup-header {
  height: 52px !important;
  border-bottom: 1px solid #c9daee !important;
  background: linear-gradient(130deg, #eef4ff 0%, #ebf8ff 58%, #f1edff 100%) !important;
  position: relative !important;
  z-index: 2 !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .mt-popup-title {
  padding: 11px 16px !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  color: #163d75 !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .mpopup-exit {
  right: 10px !important;
  top: 8px !important;
  width: 32px !important;
  height: 32px !important;
  border: 1px solid #bdd1ea !important;
  color: #2a4f91 !important;
  background: #ffffff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 12px rgba(24, 52, 95, 0.22) !important;
  z-index: 3 !important;
  pointer-events: auto !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .mpopup-exit svg {
  width: 19px !important;
  height: 19px !important;
}

@media (max-width: 767px) {
  body.fc-ds.user-dashboard.fc-neo.fc-lab .master-popup-wrapper {
    padding-top: calc(var(--fc-acct-header-height, 68px) + 8px) !important;
  }

  body.fc-ds.user-dashboard.fc-neo.fc-lab .master-popup-width {
    width: min(96vw, 560px) !important;
  }
}

body.fc-ds.user-dashboard.fc-neo.fc-lab #masterPopContent .mn-details-table table {
  border: 1px solid #cad9ec !important;
  border-radius: 10px !important;
  overflow: hidden !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab #masterPopContent .mn-details-table table td {
  padding: 0.46rem 0.6rem !important;
  font-size: 0.83rem !important;
  vertical-align: middle !important;
  border-color: #d5e2f1 !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab #masterPopContent .mn-details-table table .m-info-row-small {
  width: 34% !important;
  color: #2d4f77 !important;
  font-weight: 700 !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab #masterPopContent .mn-details-table table .m-info-row-big {
  color: #17395f !important;
  font-weight: 600 !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab #masterPopContent .trd-label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.4rem !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab #masterPopContent .trd-icon {
  width: 20px !important;
  height: 20px !important;
  border-radius: 6px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 0.62rem !important;
  font-weight: 800 !important;
  box-shadow: 0 3px 8px rgba(17, 45, 88, 0.2) !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab #masterPopContent .trd-icon-type { background: linear-gradient(145deg, #2f61b4, #4d82d6) !important; }
body.fc-ds.user-dashboard.fc-neo.fc-lab #masterPopContent .trd-icon-beneficiary { background: linear-gradient(145deg, #3d9cc8, #5bc4d9) !important; }
body.fc-ds.user-dashboard.fc-neo.fc-lab #masterPopContent .trd-icon-amount { background: linear-gradient(145deg, #2ea884, #58caa4) !important; }
body.fc-ds.user-dashboard.fc-neo.fc-lab #masterPopContent .trd-icon-balance { background: linear-gradient(145deg, #5d7be0, #8ea2f1) !important; }
body.fc-ds.user-dashboard.fc-neo.fc-lab #masterPopContent .trd-icon-details { background: linear-gradient(145deg, #8b76dd, #ad98ee) !important; }
body.fc-ds.user-dashboard.fc-neo.fc-lab #masterPopContent .trd-icon-reference { background: linear-gradient(145deg, #6178a0, #8497ba) !important; }
body.fc-ds.user-dashboard.fc-neo.fc-lab #masterPopContent .trd-icon-date { background: linear-gradient(145deg, #d18a3a, #e6ac60) !important; }
body.fc-ds.user-dashboard.fc-neo.fc-lab #masterPopContent .trd-icon-note { background: linear-gradient(145deg, #cf6f87, #e494aa) !important; }

body.fc-ds.user-dashboard.fc-neo.fc-lab #masterPopContent .trn-receipt-save {
  margin: 0 !important;
  padding: 0.42rem 0.56rem 0.72rem !important;
  border-top: 1px solid #dde8f4 !important;
  display: flex !important;
  justify-content: center !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab #masterPopContent .receipt-save {
  min-width: 148px !important;
  padding: 0.5rem 0.86rem !important;
  font-size: 0.76rem !important;
  font-weight: 700 !important;
  border-radius: 10px !important;
  background: linear-gradient(135deg, #274e98 0%, #3566b2 58%, #3dbdd0 100%) !important;
  border: 1px solid #2f61ac !important;
  color: #f4f9ff !important;
  text-align: center !important;
}

/* Professional banking receipt style for transaction modal */
body.fc-ds.user-dashboard.fc-neo.fc-lab .mt-popup-body {
  background: linear-gradient(180deg, #fbf9f3 0%, #f6f4ee 100%) !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab #masterPopContent .tr-receipt-shell {
  border: 1px solid #cfdced !important;
  border-radius: 12px !important;
  background:
    linear-gradient(180deg, #ffffff 0%, #fbfcff 100%) !important;
  box-shadow: 0 8px 18px rgba(22, 54, 96, 0.1) !important;
  overflow: hidden !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab #masterPopContent .tr-receipt-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.8rem !important;
  padding: 0.72rem 0.8rem !important;
  border-bottom: 1px solid #d6e3f0 !important;
  background: linear-gradient(135deg, #eef4ff 0%, #eaf8ff 52%, #f0ecff 100%) !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab #masterPopContent .tr-receipt-brand {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.6rem !important;
  min-width: 0 !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab #masterPopContent .tr-receipt-logo-wrap {
  width: 42px !important;
  height: 42px !important;
  border-radius: 10px !important;
  border: 1px solid #c5d8ed !important;
  background: #ffffff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0.2rem !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab #masterPopContent .tr-receipt-logo {
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab #masterPopContent .tr-receipt-logo-fallback {
  width: 100% !important;
  height: 100% !important;
  border-radius: 8px !important;
  display: inline-flex;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0.95rem !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  background: linear-gradient(145deg, #2f60b3, #3dbdd0) !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab #masterPopContent .tr-receipt-bank {
  color: #123c73 !important;
  font-size: 0.86rem !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 180px !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab #masterPopContent .tr-receipt-caption {
  color: #4c678d !important;
  font-size: 0.67rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab #masterPopContent .tr-receipt-meta {
  text-align: right !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab #masterPopContent .tr-receipt-status {
  display: inline-block !important;
  padding: 0.2rem 0.52rem !important;
  border-radius: 999px !important;
  font-size: 0.63rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: #0f6a54 !important;
  background: linear-gradient(145deg, #e5fbf2, #edfef7) !important;
  border: 1px solid #9bd8c2 !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab #masterPopContent .tr-receipt-ref {
  margin-top: 0.24rem !important;
  color: #31557f !important;
  font-size: 0.66rem !important;
  font-weight: 700 !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab #masterPopContent .mn-details-table {
  padding: 0.56rem !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab #masterPopContent .tr-receipt-notes {
  margin: 0 0.56rem 0.28rem !important;
  padding: 0.58rem 0.62rem !important;
  border: 1px solid #cfdded !important;
  border-radius: 10px !important;
  background: linear-gradient(180deg, #f8fbff 0%, #fdfefe 100%) !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab #masterPopContent .tr-receipt-notes-title {
  color: #234c83 !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  margin-bottom: 0.26rem !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab #masterPopContent .tr-receipt-tips {
  margin: 0 0 0.36rem !important;
  padding-left: 1rem !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab #masterPopContent .tr-receipt-tips li {
  color: #34587f !important;
  font-size: 0.71rem !important;
  line-height: 1.35 !important;
  margin-bottom: 0.16rem !important;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab #masterPopContent .tr-receipt-disclaimer {
  border-top: 1px dashed #c9d9ea !important;
  padding-top: 0.36rem !important;
  color: #587294 !important;
  font-size: 0.68rem !important;
  line-height: 1.32 !important;
}

/* Sidebar compact slider (under quick actions) */
body.fc-ds.user-dashboard.fc-neo .mt-sbr-mini-slider {
  margin-top: 0.7rem;
  border: 1px solid #c7d8eb;
  border-radius: 12px;
  overflow: hidden;
  background: #f5f9ff;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-mini-track {
  position: relative;
  height: 189px;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-mini-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.32s ease;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-mini-slide.is-active {
  opacity: 1;
  visibility: visible;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-mini-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-mini-overlay {
  position: absolute;
  inset: auto 0 0 0;
  padding: 0.48rem 0.54rem;
  background: linear-gradient(180deg, rgba(10, 25, 48, 0), rgba(10, 25, 48, 0.84) 62%);
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-mini-title {
  color: #f2f8ff;
  font-size: 0.76rem;
  font-weight: 700;
  line-height: 1.18;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-mini-desc {
  color: #d5e5fb;
  font-size: 0.64rem;
  margin-top: 0.12rem;
  line-height: 1.22;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-mini-dots {
  display: flex;
  justify-content: center;
  gap: 0.28rem;
  padding: 0.36rem 0.34rem 0.42rem;
  background: linear-gradient(180deg, #f8fbff, #f2f7ff);
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-mini-dot {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  border: 0;
  padding: 0;
  background: #a6bddc;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-mini-dot.is-active {
  width: 16px;
  background: linear-gradient(90deg, #2e56a2, #3dbdd0);
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .mt-sbr-mini-slider {
  border-color: #c4d5ea;
  background: linear-gradient(180deg, #f4f8ff, #eef4ff);
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-support-quick {
  margin-top: 0.68rem;
  border: 1px solid #bcd3eb;
  border-radius: 14px;
  background:
    radial-gradient(120% 100% at 100% 0%, rgba(73, 132, 218, 0.18), rgba(73, 132, 218, 0) 60%),
    linear-gradient(180deg, #ffffff, #f4f8ff);
  box-shadow: 0 8px 22px rgba(31, 72, 126, 0.12);
  padding: 0.68rem;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-support-quick-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.48rem;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-support-quick-title {
  font-size: 0.78rem;
  line-height: 1.2;
  font-weight: 700;
  color: #153258;
  letter-spacing: 0.01em;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-support-view-all {
  font-size: 0.61rem;
  font-weight: 700;
  color: #2b56a2;
  background: #e9f2ff;
  border: 1px solid #c5d8f1;
  border-radius: 999px;
  padding: 0.12rem 0.44rem;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-support-ticket-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.36rem;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-support-ticketid {
  font-size: 0.61rem;
  font-weight: 700;
  color: #234a79;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-support-status {
  font-size: 0.57rem;
  font-weight: 700;
  border-radius: 999px;
  padding: 0.14rem 0.44rem;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-support-status.is-active {
  color: #116b4f;
  background: #dff8ed;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-support-status.is-closed {
  color: #8e3131;
  background: #ffe7e7;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-support-dept {
  margin-top: 0.24rem;
  color: #2f5687;
  font-size: 0.64rem;
  font-weight: 600;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-support-message {
  margin-top: 0.24rem;
  color: #2e537f;
  font-size: 0.64rem;
  line-height: 1.36;
  background: #f7fbff;
  border: 1px solid #d7e6f7;
  border-radius: 9px;
  padding: 0.4rem 0.42rem;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-support-time {
  margin-top: 0.24rem;
  color: #5f7ea3;
  font-size: 0.59rem;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-support-empty {
  color: #4a668b;
  font-size: 0.64rem;
  line-height: 1.34;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-support-actions {
  margin-top: 0.52rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.36rem;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-support-btn {
  border: 1px solid #bfd6ed;
  border-radius: 10px;
  background: #f7fbff;
  color: #234e89;
  font-size: 0.62rem;
  font-weight: 700;
  padding: 0.38rem 0.34rem;
  line-height: 1.15;
  transition: all 0.2s ease;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-support-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(38, 83, 146, 0.17);
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-support-btn.is-wide {
  grid-column: 1 / -1;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-support-btn.is-primary {
  border-color: #3764b4;
  background: linear-gradient(130deg, #2f5aa8, #3f70c7);
  color: #f5faff;
}

body.fc-ds.user-dashboard.fc-neo.fc-lab .mt-sbr-support-quick {
  border-color: #c4d5ea;
  background: linear-gradient(180deg, #f9fbff, #f2f7ff);
}

body.fc-ds.user-dashboard.fc-neo .sidebar-support-modal .modal-content,
body.fc-ds.user-dashboard.fc-neo .sidebar-support-modal {
  border: 1px solid #b8d1ed;
  border-radius: 16px;
  box-shadow: 0 20px 44px rgba(22, 58, 104, 0.28);
  overflow: hidden;
}

body.fc-ds.user-dashboard.fc-neo #sidebarQuickReplyModal {
  z-index: 1600 !important;
}

body.fc-ds.user-dashboard.fc-neo .modal-backdrop.show {
  z-index: 1590 !important;
}

body.fc-ds.user-dashboard.fc-neo .sidebar-support-modal .modal-header {
  border-bottom: 1px solid #d7e6f6;
  background:
    radial-gradient(130% 100% at 100% 0%, rgba(69, 128, 215, 0.28), rgba(69, 128, 215, 0) 62%),
    linear-gradient(180deg, #fafdff, #f0f6ff);
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  padding: 0.7rem 0.82rem;
}

body.fc-ds.user-dashboard.fc-neo .sidebar-support-modal-title-wrap {
  display: flex;
  align-items: center;
  gap: 0.45rem;
}

body.fc-ds.user-dashboard.fc-neo .sidebar-support-modal-title-wrap .modal-title {
  font-size: 0.86rem;
  font-weight: 700;
  color: #123965;
  letter-spacing: 0.01em;
}

body.fc-ds.user-dashboard.fc-neo .sidebar-support-modal .modal-body {
  padding: 0.82rem;
  background: linear-gradient(180deg, #ffffff, #f7fbff);
}

body.fc-ds.user-dashboard.fc-neo .sidebar-support-modal-dept {
  font-size: 0.63rem;
  font-weight: 600;
  color: #2e5c92;
  margin-bottom: 0.5rem;
}

body.fc-ds.user-dashboard.fc-neo .sidebar-support-thread {
  max-height: 260px;
  overflow-y: auto;
  background: #f8fbff;
  border: 1px solid #d4e4f7;
  border-radius: 12px;
  padding: 0.56rem;
}

body.fc-ds.user-dashboard.fc-neo .sidebar-support-bubble {
  margin-bottom: 0.45rem;
  padding: 0.44rem 0.5rem;
  border-radius: 10px;
}

body.fc-ds.user-dashboard.fc-neo .sidebar-support-bubble.is-support {
  background: linear-gradient(180deg, #edf5ff, #e8f2ff);
  border: 1px solid #d5e4f7;
}

body.fc-ds.user-dashboard.fc-neo .sidebar-support-bubble.is-user {
  background: linear-gradient(180deg, #f0fbf4, #ebf8f1);
  border: 1px solid #d5eedf;
}

body.fc-ds.user-dashboard.fc-neo .sidebar-support-bubble-text {
  font-size: 0.675rem;
  line-height: 1.35;
  color: #284d77;
}

body.fc-ds.user-dashboard.fc-neo .sidebar-support-bubble-meta {
  margin-top: 0.2rem;
  font-size: 0.56rem;
  color: #6784a8;
}

body.fc-ds.user-dashboard.fc-neo .sidebar-support-empty-thread {
  color: #5b7698;
  font-size: 0.62rem;
}

body.fc-ds.user-dashboard.fc-neo .sidebar-support-reply-form {
  margin-top: 0.55rem;
}

body.fc-ds.user-dashboard.fc-neo .sidebar-support-reply-form textarea {
  border: 1px solid #c2d9f0;
  border-radius: 10px;
  font-size: 0.665rem;
  color: #1f466f;
  background: #fbfdff;
}

body.fc-ds.user-dashboard.fc-neo .sidebar-support-reply-actions {
  margin-top: 0.4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.45rem;
}

body.fc-ds.user-dashboard.fc-neo .sidebar-support-reply-result {
  font-size: 0.58rem;
  color: #4f6f95;
}

body.fc-ds.user-dashboard.fc-neo #sidebarQuickReplyBtn.btn.btn-primary.btn-sm {
  border: 1px solid #2f5ca9;
  border-radius: 9px;
  background: linear-gradient(132deg, #2f5ca8, #3e72ca);
  box-shadow: 0 7px 16px rgba(43, 89, 160, 0.28);
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  padding: 0.38rem 0.62rem;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-loan-inline {
  margin-top: 1.15rem;
  border: 1px solid #b9d0ea;
  border-radius: 14px;
  background:
    radial-gradient(140% 110% at 100% 0%, rgba(74, 132, 217, 0.17), rgba(74, 132, 217, 0) 62%),
    linear-gradient(180deg, #fbfdff, #f2f8ff);
  box-shadow: 0 12px 24px rgba(34, 76, 130, 0.12);
  padding: 0.72rem;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-loan-inline-head {
  margin-bottom: 0.58rem;
  border-bottom: 1px solid #d8e6f7;
  padding-bottom: 0.42rem;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-loan-inline-title {
  font-size: 0.72rem;
  font-weight: 800;
  color: #1e4778;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-loan-inline-sub {
  margin-top: 0.14rem;
  color: #5b7da3;
  font-size: 0.6rem;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-loan-inline-form {
  margin: 0;
}

body.fc-ds.user-dashboard.fc-neo .sidebar-loan-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.45rem;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-loan-inline .form-group label {
  color: #355b8d;
  font-size: 0.63rem;
  font-weight: 700;
  margin-bottom: 0.26rem;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-loan-inline .form-control {
  border: 1px solid #bdd4ed;
  border-radius: 10px;
  font-size: 0.66rem;
  color: #1f466f;
  background: #ffffff;
  height: 34px;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-loan-inline textarea.form-control,
body.fc-ds.user-dashboard.fc-neo .mt-sbr-loan-inline select.form-control {
  height: 36px;
}

body.fc-ds.user-dashboard.fc-neo .mt-sbr-loan-inline select.form-control {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 1.7rem;
  background-image:
    linear-gradient(45deg, transparent 50%, #3f6ca8 50%),
    linear-gradient(135deg, #3f6ca8 50%, transparent 50%);
  background-position:
    calc(100% - 14px) calc(50% - 2px),
    calc(100% - 9px) calc(50% - 2px);
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
}

body.fc-ds.user-dashboard.fc-neo .sidebar-loan-actions {
  margin-top: 0.48rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.45rem;
}

body.fc-ds.user-dashboard.fc-neo .sidebar-loan-result {
  font-size: 0.59rem;
  color: #3f6290;
}

body.fc-ds.user-dashboard.fc-neo #sidebarLoanRequestBtn.btn.btn-primary.btn-sm {
  border: 1px solid #2f5ca9;
  border-radius: 10px;
  background: linear-gradient(132deg, #2e5ca8, #3f75cf);
  box-shadow: 0 8px 18px rgba(43, 89, 160, 0.3);
  font-size: 0.63rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  padding: 0.42rem 0.74rem;
}

@media (max-width: 640px) {
  body.fc-ds.user-dashboard.fc-neo.fc-lab #masterPopContent .tr-receipt-head {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  body.fc-ds.user-dashboard.fc-neo.fc-lab #masterPopContent .tr-receipt-meta {
    text-align: left !important;
  }
}