@import url("https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&display=swap");

:root {
  --dc-primary: #087f5b;
  --dc-primary-dark: #066d4f;
  --dc-primary-light: #e9f4ee;
  --dc-accent: #0b8b68;
  --dc-success: #10B981;
  --dc-warning: #F59E0B;
  --dc-danger: #EF4444;
  --dc-dark: #102542;
  --dc-slate: #334155;
  --dc-muted: #64748B;
  --dc-border: #E2E8F0;
  --dc-bg: #F8FAFC;
  --dc-white: #FFFFFF;
  --dc-radius: 16px;
  --dc-radius-sm: 10px;
  --dc-radius-lg: 24px;
  --dc-shadow: 0 4px 24px rgba(15, 23, 42, 0.08);
  --dc-shadow-lg: 0 12px 40px rgba(15, 23, 42, 0.12);
  --dc-font: "Libre Baskerville", Georgia, "Times New Roman", serif;
  --dc-navy: #102542;
  --dc-navy-2: #102542;
  --dc-green: #087f5b;
  --dc-green-dark: #066d4f;
  --dc-gold: #D4AE55;
  --dc-gold-soft: #F6F0DF;
  --dc-ink: #102542;
  --dc-cream: #FAF8F2;
  --dc-a-navy: #102542;
  --dc-a-green: #087f5b;
  --dc-a-gold: #D4AE55;
  --dc-a-cream: #FAF8F2;
  --dc-heading-font: "Libre Baskerville", Georgia, "Times New Roman", serif;
  --dc-font-page-title: 42px;
  --dc-font-section-title: 32px;
  --dc-font-card-title: 20px;
  --dc-font-small-heading: 16px;
  --primary-color: #087f5b;
  --bs-primary: #087f5b;
  --bs-link-color: #087f5b;
  --bs-link-hover-color: #066d4f;
  --dc-update-green: #087f5b;
  --dc-font-body: 15px;
  --dc-para-color: #42546a;
}

* { box-sizing: border-box; }
html {
  overflow-y: scroll !important;
  height: auto !important;
}
body {
  font-family: "Libre Baskerville", Georgia, serif !important;
  color: var(--dc-slate);
  background: var(--dc-bg);
  margin: 0;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* visible overflow so position:sticky on header works */
  overflow-x: visible !important;
  overflow-y: auto !important;
  height: auto !important;
  min-height: 100%;
  position: static !important;
  touch-action: auto !important;
}
body.dc-nav-open {
  overflow-y: auto !important;
}

a { text-decoration: none; color: inherit; transition: color .2s; }
img { max-width: 100%; height: auto; display: block; }
ul { list-style: none; margin: 0; padding: 0; }

/* ---------- Utility ---------- */
.dc-container { width: min(100% - 56px, 1180px); max-width: none; margin: 0 auto; padding: 0; }

@media (max-width: 1120px) {
  .dc-container { width: min(100% - 40px, 1050px); }
}

@media (max-width: 680px) {
  .dc-container { width: min(100% - 28px, 620px); }
}
.dc-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  padding: 12px 28px; border-radius: 999px; font-weight: 600; font-size: 15px;
  border: none; cursor: pointer; transition: all .25s ease;
}
.dc-btn-primary {
  background: linear-gradient(135deg, var(--dc-primary), var(--dc-accent));
  color: #fff; box-shadow: 0 4px 14px rgba(11, 139, 104, 0.28);
}
.dc-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(11, 139, 104, 0.36);
  color: #fff;
}
.dc-btn-outline {
  background: transparent; border: 2px solid var(--dc-primary); color: var(--dc-primary);
}
.dc-btn-outline:hover { background: var(--dc-primary); color: #fff; }
.dc-btn-ghost { background: transparent; color: var(--dc-slate); }
.dc-btn-ghost:hover { color: var(--dc-primary); }
.dc-btn-sm { padding: 8px 18px; font-size: 13px; }
.dc-btn-block { width: 100%; }

/* ---------- Promo Banner (top strip) ---------- */
.dc-promo-bar {
  background: linear-gradient(90deg, #0F172A 0%, #0b8b68 50%, #13a57c 100%);
  color: #fff; text-align: center; padding: 10px 16px; font-size: 14px; font-weight: 500;
  position: relative; z-index: 1001;
}
.dc-promo-bar a { color: #FEF08A; text-decoration: underline; font-weight: 700; }
.dc-promo-bar .dc-promo-close {
  position: absolute; right: 16px; top: 50%; transform: translateY(-50%);
  background: none; border: none; color: #fff; font-size: 18px; cursor: pointer; opacity: .7;
}
.dc-promo-bar .dc-promo-close:hover { opacity: 1; }

/* ---------- Promo bar (scrolls away) + sticky header ---------- */
.dc-promo-bar {
  position: relative;
  z-index: 1200;
}

/* ---------- Header (pins via JS .is-pinned after promo scrolls away) ---------- */
.dc-header {
  background: rgba(255, 255, 255, 0.98) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--dc-border);
  position: relative;
  z-index: 1100;
  box-shadow: 0 1px 3px rgba(0,0,0,.06);
  width: 100%;
}

/* legacy wrappers no longer used */
.dc-sticky-top { position: static; }
.dc-sticky-spacer { display: none !important; height: 0 !important; }

.dc-header-inner {
  display: flex; align-items: center; justify-content: space-between;
  height: 72px; gap: 24px;
}
.dc-logo { display: flex; align-items: center; gap: 10px; font-weight: 800; font-size: 22px; color: var(--dc-dark); }
.dc-logo img {
  height: 40px !important;
  width: auto !important;
  max-width: 180px !important;
  object-fit: contain !important;
  display: block !important;
}
.dc-logo span { display: none !important; }
.dc-nav,
.dc-nav-desktop {
  display: flex;
  align-items: center;
  gap: 28px;
}
.dc-nav a,
.dc-nav-desktop a {
  font-size: 14.5px; font-weight: 500; color: var(--dc-slate); position: relative;
}
.dc-nav a:hover, .dc-nav a.active,
.dc-nav-desktop a:hover, .dc-nav-desktop a.active { color: var(--dc-primary); }
.dc-nav a.active::after,
.dc-nav-desktop a.active::after {
  content: ""; position: absolute; bottom: -6px; left: 0; right: 0;
  height: 2px; background: var(--dc-primary); border-radius: 2px;
}
.dc-header-actions { display: flex; align-items: center; gap: 12px; }
.dc-mobile-toggle {
  display: none; background: none; border: none; font-size: 22px; color: var(--dc-dark);
  cursor: pointer; width: 44px; height: 44px; border-radius: 10px;
  align-items: center; justify-content: center;
}
.dc-desktop-only { display: inline-flex; }

/* Mobile drawer – hidden on desktop */
.dc-mobile-drawer,
.dc-nav-backdrop {
  display: none;
}
/* scroll lock handled above */


/* ---------- Hero / Get Started ---------- */
.dc-hero {
  background: linear-gradient(165deg, #f3fbf8 0%, #FFFFFF 45%, #F8FAFC 100%);
  padding: 32px 0 40px; position: relative; overflow: hidden;
}
.dc-hero::before {
  content: ""; position: absolute; top: -20%; right: -10%; width: 50%; height: 80%;
  /* background: radial-gradient(circle, rgba(11,139,104,.08) 0%, transparent 70%); */
  pointer-events: none;
}
.dc-hero-grid {
  display: grid !important;
  grid-template-columns: 1.05fr 0.95fr !important;
  gap: 28px 36px !important;
  align-items: start !important;
  position: relative;
  z-index: 1;
}
.dc-hero-badge {
  display: inline-flex; align-items: center; gap: 6px;
  background: #e8f5f1; color: #0b8b68;
  padding: 6px 14px; border-radius: 999px; font-size: 12px; font-weight: 600;
  margin-bottom: 16px; letter-spacing: .3px;
}
.dc-hero h1 {
  font-size: 38px; font-weight: 800; color: var(--dc-dark);
  line-height: 1.15; margin: 0 0 16px;
}
.dc-hero h1 span { color: var(--dc-primary); }
.dc-hero-sub {
  font-size: 17px; color: var(--dc-muted); margin-bottom: 24px; max-width: 480px;
}
.dc-converter-card {
  background: var(--dc-white); border-radius: var(--dc-radius-lg);
  box-shadow: var(--dc-shadow-lg); padding: 24px; border: 1px solid var(--dc-border);
  max-width: 440px;
}
.dc-converter-card .dc-tabs {
  display: flex; background: var(--dc-bg); border-radius: 12px; padding: 4px; margin-bottom: 20px;
}
.dc-converter-card .dc-tab {
  flex: 1; text-align: center; padding: 10px; border-radius: 10px;
  font-weight: 600; font-size: 14px; cursor: pointer; color: var(--dc-muted); border: none; background: none;
}
.dc-converter-card .dc-tab.active {
  background: var(--dc-white); color: var(--dc-primary); box-shadow: 0 2px 8px rgba(0,0,0,.06);
}
.dc-field { margin-bottom: 16px; }
.dc-field label { display: block; font-size: 13px; font-weight: 600; color: var(--dc-slate); margin-bottom: 6px; }
.dc-field-row {
  display: flex; align-items: center; background: var(--dc-bg); border: 1.5px solid var(--dc-border);
  border-radius: var(--dc-radius-sm); overflow: hidden; transition: border-color .2s;
}
.dc-field-row:focus-within { border-color: var(--dc-primary); }
.dc-field-row input {
  flex: 1; border: none; background: transparent; padding: 14px 16px;
  font-size: 18px; font-weight: 700; color: var(--dc-dark); outline: none; width: 100%; min-width: 0;
}
.dc-field-row .dc-currency {
  display: flex; align-items: center; gap: 6px; padding: 0 14px;
  font-weight: 700; font-size: 14px; color: var(--dc-dark); border-left: 1px solid var(--dc-border);
  background: #fff; height: 100%; min-height: 52px; white-space: nowrap;
}
.dc-rate-info {
  text-align: center; font-size: 13px; margin: 12px 0;
  padding: 8px; background: var(--dc-primary-light); border-radius: 8px; color: var(--dc-primary); font-weight: 500;
}

/* Hero right: script + globe + families card */
.dc-hero-side {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding-top: 4px;
}
.dc-hero-visual {
  width: 100%;
  max-width: 460px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.dc-hero-script {
  font-family: var(--dc-heading-font) !important;
  font-size: clamp(28px, 3.5vw, 40px) !important;
  font-weight: 700 !important;
  color: #0b8b68 !important;
  text-align: right !important;
  line-height: 1.2 !important;
  transform: rotate(-6deg);
  transform-origin: right center;
  margin: 0 0 8px auto !important;
  letter-spacing: 0.5px;
  position: relative;
  z-index: 3;
}
.dc-hero-script::after {
  content: "";
  display: block;
  width: 90px;
  height: 4px;
  margin: 8px 0 0 auto;
  background: linear-gradient(90deg, #bfe8da, #0b8b68);
  border-radius: 4px;
}
.dc-globe-wrap {
  width: 100%;
  max-width: 420px;
  margin: 0 auto;
  position: relative;
}
.dc-globe-img {
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  object-fit: contain !important;
  background: transparent !important;
  display: block;
}

/* Hide leftover flag text (PK BD IN NP PH) and old floating badges */
.dc-flag-pin,
.dc-globe-wrap > span,
.dc-floating-badge,
.dc-badge-security,
.dc-badge-families {
  display: none !important;
}

.dc-families-card {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #fff;
  border-radius: 16px;
  padding: 14px 18px;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.1);
  margin: 12px auto 0;
  width: fit-content;
  max-width: 100%;
}
.dc-families-icon {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: linear-gradient(135deg, #e0f2fe, #dbeafe);
  color: #0b8b68;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 16px;
}
.dc-families-card strong {
  display: block;
  font-size: 14px;
  font-weight: 700;
  color: #0f172a;
  line-height: 1.3;
}
.dc-families-card span {
  display: block;
  font-size: 12px;
  color: #64748b;
  margin-top: 2px;
}

/* Old illustration class (keep for compatibility) */
.dc-hero-illustration {
  max-width: 420px; position: relative;
}
.dc-hero-illustration img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* ---------- Stats Bar ---------- */
.dc-stats {
  background: var(--dc-white);
  border-radius: 20px;
  box-shadow: 0 8px 30px rgba(15, 23, 42, 0.06);
  margin: 36px auto 0;
  position: relative;
  z-index: 5;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  border: 1px solid var(--dc-border);
  overflow: hidden;
  align-items: stretch;
}
.dc-stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 28px 16px;
  border-right: 1px solid var(--dc-border);
  min-height: 140px;
  box-sizing: border-box;
}
.dc-stat:last-child { border-right: none; }
.dc-stat-icon {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  background: var(--dc-primary-light);
  color: var(--dc-primary);
  font-size: 20px;
  flex-shrink: 0;
}
.dc-stat h3 {
  font-size: 22px;
  font-weight: 800;
  color: var(--dc-dark);
  margin: 0 0 6px;
  line-height: 1.2;
  letter-spacing: -0.02em;
}
.dc-stat p {
  font-size: 13px;
  color: var(--dc-muted);
  margin: 0;
  line-height: 1.35;
  max-width: 140px;
}

/* ---------- Section Common ---------- */
.dc-section { padding: 80px 0; }
.dc-section-sm { padding: 48px 0; }
.dc-section-title {
  text-align: center; margin-bottom: 48px;
}
.dc-section-title .dc-label {
  display: inline-block; font-size: 12px; font-weight: 700; text-transform: uppercase;
  letter-spacing: 1px; color: var(--dc-primary); margin-bottom: 8px;
}
.dc-section-title h2 {
  font-size: 24px; font-weight: 800; color: var(--dc-dark); margin: 0 0 12px;
}
.dc-section-title p { color: var(--dc-muted); max-width: 560px; margin: 0 auto; font-size: 15px; }

/* ---------- Features ---------- */
.dc-features-grid {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px;
}
.dc-feature-card {
  background: var(--dc-white); border-radius: var(--dc-radius); padding: 28px 24px;
  border: 1px solid var(--dc-border); transition: all .3s; text-align: center;
}
.dc-feature-card:hover {
  transform: translateY(-4px); box-shadow: var(--dc-shadow-lg); border-color: transparent;
}
.dc-feature-icon {
  width: 56px; height: 56px; border-radius: 16px; display: inline-flex;
  align-items: center; justify-content: center; font-size: 24px; margin-bottom: 16px;
  background: #e8f5f1; color: #0b8b68;
}
.dc-feature-card h4 { font-size: 16px; font-weight: 700; color: var(--dc-dark); margin: 0 0 8px; }
.dc-feature-card p { font-size: 13.5px; color: var(--dc-muted); margin: 0; line-height: 1.5; }

/* ---------- How it Works ---------- */
.dc-steps {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; position: relative;
}
.dc-step {
  text-align: center; position: relative; padding: 0 16px;
}
.dc-step-num {
  width: 56px; height: 56px; border-radius: 50%; background: var(--dc-primary);
  color: #fff; font-size: 22px; font-weight: 800; display: inline-flex;
  align-items: center; justify-content: center; margin-bottom: 20px;
  box-shadow: 0 6px 20px rgba(11,139,104,.28);
}
.dc-step h4 { font-size: 18px; font-weight: 700; color: var(--dc-dark); margin: 0 0 8px; }
.dc-step p { font-size: 14px; color: var(--dc-muted); margin: 0; }

/* ---------- Promo / Download Banner ---------- */
.dc-promo-banner {
  background: linear-gradient(135deg, #0F172A 0%, #0f4f40 40%, #0b8b68 100%);
  border-radius: var(--dc-radius-lg); padding: 48px; color: #fff;
  display: grid; grid-template-columns: 1.2fr 1fr; gap: 40px; align-items: center;
  position: relative; overflow: hidden;
}
.dc-promo-banner::before {
  content: ""; position: absolute; top: -50%; right: -20%; width: 60%; height: 200%;
  /* background: radial-gradient(circle, rgba(255,255,255,.08) 0%, transparent 60%); */
}
.dc-promo-banner h2 { font-size: 28px; font-weight: 800; margin: 0 0 12px; position: relative; color: white;}
.dc-promo-banner p { font-size: 15px; opacity: .9; margin: 0 0 24px; position: relative; max-width: 420px; }
.dc-promo-banner .dc-promo-cta { position: relative; display: flex; gap: 12px; flex-wrap: wrap; }
.dc-promo-badge {
  display: inline-block; background: rgba(254, 240, 138, 0.2); color: #FEF08A;
  padding: 4px 12px; border-radius: 999px; font-size: 12px; font-weight: 700;
  margin-bottom: 12px; position: relative;
}
.dc-app-buttons { display: flex; gap: 12px; flex-wrap: wrap; position: relative; }
.dc-app-btn {
  display: flex; align-items: center; gap: 10px; background: #fff; color: var(--dc-dark);
  padding: 10px 18px; border-radius: 12px; font-size: 13px; font-weight: 600;
  transition: transform .2s;
}
.dc-app-btn:hover { transform: scale(1.04); color: var(--dc-dark); }
.dc-app-btn i { font-size: 24px; }
.dc-app-btn small { display: block; font-size: 10px; font-weight: 400; opacity: .7; }
.dc-promo-banner img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* ---------- Trust / Security ---------- */
.dc-trust-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;
}
.dc-trust-card {
  background: var(--dc-white); border: 1px solid var(--dc-border); border-radius: var(--dc-radius);
  padding: 28px; text-align: center;
}
.dc-trust-card .dc-trust-icon {
  width: 52px; height: 52px; border-radius: 14px; margin: 0 auto 16px;
  display: flex; align-items: center; justify-content: center; font-size: 22px;
  background: #e8f5f1; color: #0b8b68;
}
.dc-trust-card h4 { font-size: 16px; font-weight: 700; color: var(--dc-dark); margin: 0 0 8px; }
.dc-trust-card p { font-size: 13.5px; color: var(--dc-muted); margin: 0; }

/* ---------- Testimonials ---------- */
.dc-testimonials {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;
}
.dc-testimonial-card {
  background: var(--dc-white); border-radius: var(--dc-radius); padding: 28px;
  border: 1px solid var(--dc-border); box-shadow: var(--dc-shadow);
}
.dc-testimonial-card .stars { color: #FBBF24; margin-bottom: 12px; font-size: 14px; }
.dc-testimonial-card p {
  font-size: 14px; color: var(--dc-slate); margin: 0 0 20px; line-height: 1.6; font-style: italic;
}
.dc-testimonial-author { display: flex; align-items: center; gap: 12px; }
.dc-testimonial-author .avatar {
  width: 44px; height: 44px; border-radius: 50%; background: var(--dc-primary-light);
  display: flex; align-items: center; justify-content: center; font-weight: 700; color: var(--dc-primary);
}
.dc-testimonial-author strong { display: block; font-size: 14px; color: var(--dc-dark); }
.dc-testimonial-author span { font-size: 12px; color: var(--dc-muted); }

/* ---------- FAQ ---------- */
.dc-faq-list { max-width: 1150px; margin: 0 auto; }
.dc-faq-item {
  background: var(--dc-white); border: 1px solid var(--dc-border); border-radius: var(--dc-radius-sm);
  margin-bottom: 12px; overflow: hidden;
}
.dc-faq-item summary {
  padding: 18px 24px; font-weight: 600; font-size: 15px; color: var(--dc-dark);
  cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center;
}
.dc-faq-item summary::-webkit-details-marker { display: none; }
.dc-faq-item summary::after {
  content: "+"; font-size: 20px; color: var(--dc-primary); font-weight: 400;
}
.dc-faq-item[open] summary::after { content: "−"; }
.dc-faq-item .dc-faq-body {
  padding: 0 24px 18px; font-size: 14px; color: var(--dc-muted); line-height: 1.6;
}

/* ---------- Auth Pages (Login / Register) ---------- */
.dc-auth-page {
  min-height: calc(100vh - 72px); display: grid; grid-template-columns: 1fr 1fr;
  background: var(--dc-bg);
}
.dc-auth-visual {
  background: linear-gradient(160deg, #eaf7f2 0%, #f3fbf8 50%, #FFFFFF 100%);
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  padding: 48px; position: relative; overflow: hidden;
}
.dc-auth-visual h2 {
  font-size: 28px; font-weight: 800; color: var(--dc-dark); text-align: center; margin: 0 0 8px;
}
.dc-auth-visual p { color: var(--dc-muted); text-align: center; max-width: 360px; margin-bottom: 32px; }
.dc-auth-phone {
  max-width: 280px; position: relative; z-index: 2;
}
.dc-auth-phone img {
  max-width: 100%;
  height: auto;
  display: block;
}
.dc-auth-stats {
  display: flex; gap: 32px; margin-top: 40px; position: relative; z-index: 2;
}
.dc-auth-stats .item { text-align: center; }
.dc-auth-stats .item strong { display: block; font-size: 22px; font-weight: 800; color: var(--dc-dark); }
.dc-auth-stats .item span { font-size: 12px; color: var(--dc-muted); }
.dc-auth-form-wrap {
  display: flex; align-items: center; justify-content: center; padding: 48px 40px;
  background: var(--dc-white);
}
.dc-auth-form {
  width: 100%; max-width: 400px;
}
.dc-auth-form .dc-tabs {
  display: flex; background: var(--dc-bg); border-radius: 12px; padding: 4px; margin-bottom: 28px;
}
.dc-auth-form .dc-tab {
  flex: 1; text-align: center; padding: 10px; border-radius: 10px;
  font-weight: 600; font-size: 14px; cursor: pointer; color: var(--dc-muted);
  border: none; background: none; text-decoration: none;
}
.dc-auth-form .dc-tab.active {
  background: var(--dc-white); color: var(--dc-primary); box-shadow: 0 2px 8px rgba(0,0,0,.06);
}
.dc-auth-form h3 {
  font-size: 24px; font-weight: 800; color: var(--dc-dark); margin: 0 0 6px;
}
.dc-auth-form .dc-subtitle {
  font-size: 14px; color: var(--dc-muted); margin-bottom: 28px;
}
.dc-input-group { margin-bottom: 18px; }
.dc-input-group label {
  display: block; font-size: 13px; font-weight: 600; color: var(--dc-slate); margin-bottom: 6px;
}
.dc-input-group .dc-input-wrap {
  position: relative; display: flex; align-items: center;
}
.dc-input-group input, .dc-input-group select, .dc-input-group textarea {
  width: 100%; padding: 13px 16px 13px 44px; border: 1.5px solid var(--dc-border);
  border-radius: var(--dc-radius-sm); font-size: 14.5px; color: var(--dc-dark);
  background: var(--dc-bg); outline: none; transition: border-color .2s, background .2s;
  font-family: inherit;
}
.dc-input-group input:focus, .dc-input-group select:focus, .dc-input-group textarea:focus {
  border-color: #0b8b68; background: #fff;
}
.dc-input-group .dc-input-icon {
  position: absolute; left: 14px; color: var(--dc-muted); font-size: 16px; pointer-events: none;
}
.dc-input-group .dc-toggle-pass {
  position: absolute; right: 14px; background: none; border: none; color: var(--dc-muted);
  cursor: pointer; font-size: 16px;
}
.dc-input-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.dc-phone-country-row {display:flex;align-items:stretch;gap:8px;width:100%;min-width:0;}
.dc-phone-country-row>select {flex:0 0 40%;width:40%;max-width:40%;min-width:0;}
.dc-phone-country-row>input {flex:1 1 60%;width:60%;min-width:0;}
.dc-input-group .dc-phone-country-row>select,
.dc-input-group .dc-phone-country-row>input {padding:13px 16px;}
.dc-phone-hint {display:block;margin-top:6px;color:#718394;font-size:11px;line-height:1.5;}
.dc-approved-form-grid>.dc-contact-phone-field,
.dc-approved-form-grid>.dc-contact-subject-field {grid-column:1/-1;}
.dc-check-row {
  display: flex; justify-content: space-between; margin-bottom: 20px; font-size: 13.5px;
}
.dc-check-row label { display: flex; align-items: center; gap: 8px; cursor: pointer; color: var(--dc-slate); }
.dc-check-row label input {width: 28px;}
.dc-check-row a { color: var(--dc-primary); font-weight: 600; }
.dc-auth-footer {
  text-align: center; margin-top: 24px; font-size: 14px; color: var(--dc-muted);
}
.dc-auth-footer a { color: var(--dc-primary); font-weight: 600; }

/* ---------- Contact Page ---------- */
.dc-contact-hero {
  background: linear-gradient(165deg, #edf5f0 0%, #FFFFFF 100%);
  padding: 60px 0 40px; text-align: center;
}
.dc-contact-hero h1 { font-size: 36px; font-weight: 800; color: var(--dc-dark); margin: 0 0 12px; }
.dc-contact-hero p { color: var(--dc-muted); max-width: 520px; margin: 0 auto; }
.dc-contact-grid {
  display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 40px; margin-top: 40px;
}
.dc-contact-form-card, .dc-contact-info-card {
  background: var(--dc-white); border-radius: var(--dc-radius-lg);
  padding: 36px; border: 1px solid var(--dc-border); box-shadow: var(--dc-shadow);
}
.dc-contact-form-card h3, .dc-contact-info-card h3 {
  font-size: 20px; font-weight: 700; color: var(--dc-dark); margin: 0 0 24px;
}
.dc-contact-info-item {
  display: flex; gap: 14px; margin-bottom: 24px;
}
.dc-contact-info-item .icon {
  width: 44px; height: 44px; border-radius: 12px; background: #e8f5f1;
  color: #0b8b68; display: flex; align-items: center; justify-content: center;
  flex-shrink: 0; font-size: 18px;
}
.dc-contact-info-item strong { display: block; font-size: 14px; color: var(--dc-dark); margin-bottom: 2px; }
.dc-contact-info-item span { font-size: 13.5px; color: var(--dc-muted); }
.dc-help-cards {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 48px;
}
.dc-help-card {
  background: var(--dc-white); border: 1px solid var(--dc-border); border-radius: var(--dc-radius);
  padding: 28px; text-align: center; transition: all .25s;
}
.dc-help-card:hover { transform: translateY(-3px); box-shadow: var(--dc-shadow); }
.dc-help-card .icon {
  width: 48px; height: 48px; border-radius: 14px; margin: 0 auto 14px;
  display: flex; align-items: center; justify-content: center; font-size: 20px;
  background: #e8f5f1; color: #0b8b68;
}
.dc-help-card h4 { font-size: 15px; font-weight: 700; color: var(--dc-dark); margin: 0 0 6px; }
.dc-help-card p { font-size: 13px; color: var(--dc-muted); margin: 0 0 14px; }
.dc-help-card a { font-size: 13px; font-weight: 600; color: #0b8b68; }

/* ---------- User Dashboard ---------- */
.dc-dash-layout {
  display: grid; grid-template-columns: 260px 1fr; min-height: 100vh; background: var(--dc-bg);
}
.dc-sidebar {
  background: var(--dc-white); border-right: 1px solid var(--dc-border);
  padding: 20px 14px; position: sticky; top: 0; height: 100vh; overflow-y: auto;
  display: flex; flex-direction: column;
}
.dc-sidebar .dc-logo { margin-bottom: 28px; padding: 0 10px; }
.dc-side-nav { flex: 1; }
.dc-side-nav .nav-label {
  font-size: 11px; font-weight: 700; text-transform: uppercase;
  letter-spacing: .8px; color: var(--dc-muted); padding: 16px 14px 8px;
}
.dc-side-nav a {
  display: flex; align-items: center; gap: 12px; padding: 11px 14px;
  border-radius: 10px; font-size: 14px; font-weight: 500; color: var(--dc-slate);
  margin-bottom: 2px; transition: all .2s;
}
.dc-side-nav a:hover, .dc-side-nav a.active {
  background: #e8f5f1; color: #0b8b68;
}
.dc-side-nav a i { width: 20px; text-align: center; font-size: 17px; }
.dc-side-help {
  margin-top: auto; background: var(--dc-primary-light); border-radius: 14px;
  padding: 18px; text-align: center;
}
.dc-side-help h4 { font-size: 14px; font-weight: 700; color: var(--dc-dark); margin: 0 0 4px; }
.dc-side-help p { font-size: 12px; color: var(--dc-muted); margin: 0 0 12px; }

.dc-dash-main { display: flex; flex-direction: column; min-height: 100vh; }
.dc-dash-topbar {
  background: var(--dc-white); border-bottom: 1px solid var(--dc-border);
  padding: 14px 28px; display: flex; align-items: center; justify-content: space-between;
  gap: 16px; position: sticky; top: 0; z-index: 50;
}
.dc-dash-topbar .left { display: flex; align-items: center; gap: 14px; }
.dc-sidebar-toggle {
  display: none; background: none; border: none; font-size: 20px; color: var(--dc-dark); cursor: pointer;
}
.dc-breadcrumb { font-size: 14px; color: var(--dc-muted); }
.dc-breadcrumb a { color: var(--dc-primary); font-weight: 500; }
.dc-breadcrumb span { color: var(--dc-dark); font-weight: 600; }
.dc-dash-topbar .right { display: flex; align-items: center; gap: 14px; }
.dc-notif-btn {
  width: 40px; height: 40px; border-radius: 10px; border: 1px solid var(--dc-border);
  background: var(--dc-bg); display: flex; align-items: center; justify-content: center;
  cursor: pointer; position: relative; color: var(--dc-slate);
}
.dc-notif-btn .badge {
  position: absolute; top: -4px; right: -4px; width: 16px; height: 16px;
  border-radius: 50%; background: var(--dc-danger); color: #fff; font-size: 10px;
  display: flex; align-items: center; justify-content: center;
}
.dc-user-chip {
  display: flex; align-items: center; gap: 10px; padding: 6px 12px 6px 6px;
  border-radius: 999px; border: 1px solid var(--dc-border); background: var(--dc-bg); cursor: pointer;
}
.dc-user-chip .avatar {
  width: 32px; height: 32px; border-radius: 50%; background: var(--dc-primary-light);
  color: var(--dc-primary); display: flex; align-items: center; justify-content: center;
  font-weight: 700; font-size: 13px;
}
.dc-user-chip strong { font-size: 13px; color: var(--dc-dark); }
.dc-profile-dropdown {position:relative;flex:none;}
.dc-profile-dropdown-panel {position:absolute;top:calc(100% + 12px);right:0;width:200px;padding:7px;background:#fff;border:1px solid #e0e7e5;border-radius:12px;box-shadow:0 12px 35px #10254220;z-index:60;}
.dc-profile-dropdown-panel[hidden] {display:none!important;}
.dc-profile-dropdown-panel a,.dc-profile-dropdown-panel button {display:flex;align-items:center;gap:11px;width:100%;padding:12px;border:0;border-radius:7px;background:transparent;text-align:left;color:#112744;font:600 13px/1.4 Arial,sans-serif;cursor:pointer;text-decoration:none;}
.dc-profile-dropdown-panel a:hover,.dc-profile-dropdown-panel button:hover {background:#eaf3ee;color:#087f5b;}
.dc-profile-dropdown-panel i {width:18px;text-align:center;}
.dc-profile-dropdown .dc-user-chip>i {font-size:10px;color:#657791;}
.dc-profile-dropdown .dc-user-chip:focus-visible,.dc-profile-dropdown-panel :focus-visible {outline:3px solid #087f5b;outline-offset:3px;}
.dc-dash-layout :is(.dc-customer-avatar,.avatar,.dc-reference-profile-avatar,.dc-profile-picture-preview) {overflow:hidden;}
.dc-dash-layout :is(.dc-customer-avatar,.avatar,.dc-reference-profile-avatar,.dc-profile-picture-preview)>img {display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit;}
.dc-dash-layout :is(.dc-customer-avatar,.avatar,.dc-reference-profile-avatar,.dc-profile-picture-preview)>[hidden] {display:none!important;}
.dc-dash-layout .dc-profile-picture-card {grid-column:1/-1;display:flex;align-items:flex-start;gap:24px;}
.dc-dash-layout .dc-profile-picture-preview {display:flex;align-items:center;justify-content:center;width:88px;height:88px;flex:none;border-radius:50%;background:#e8f2ee;color:#087f5b;font-size:24px;font-weight:700;}
.dc-dash-layout .dc-profile-picture-card form {flex:1;min-width:0;}
.dc-dash-layout .dc-profile-picture-card input[type="file"] {height:auto;padding:10px;font-size:12px;}
.dc-dash-layout .dc-profile-picture-card input::file-selector-button {padding:7px 10px;margin-right:10px;border:0;border-radius:5px;background:#e8f2ee;color:#087f5b;cursor:pointer;}
@media(max-width:600px) {.dc-dash-layout .dc-profile-picture-card {flex-direction:column;gap:16px;}.dc-dash-layout .dc-profile-picture-card form {width:100%;}}
.dc-dash-body { padding: 28px 32px; flex: 1; }
.dc-dash-content { padding: 28px 32px; }

.dc-page-header {
  display: flex; align-items: center; justify-content: space-between;
  flex-wrap: wrap; gap: 16px; margin-bottom: 24px;
}
.dc-page-header h2 { font-size: 22px; font-weight: 800; color: var(--dc-dark); margin: 0; }
.dc-page-header p { font-size: 14px; color: var(--dc-muted); margin: 4px 0 0; }

.dc-dash-greeting h2 {
  font-size: 24px; font-weight: 800; color: var(--dc-dark); margin: 0 0 4px;
}
.dc-dash-greeting p { color: var(--dc-muted); font-size: 14px; margin: 0 0 28px; }
.dc-dash-cards {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-bottom: 28px;
}
.dc-dash-card {
  background: var(--dc-white); border-radius: var(--dc-radius); padding: 22px;
  border: 1px solid var(--dc-border); box-shadow: var(--dc-shadow);
}
.dc-dash-card .label { font-size: 12px; color: var(--dc-muted); font-weight: 500; margin-bottom: 6px; }
.dc-dash-card .value { font-size: 22px; font-weight: 800; color: var(--dc-dark); }
.dc-dash-card .sub { font-size: 12px; color: var(--dc-success); margin-top: 4px; }
.dc-dash-card .icon-wrap {
  float: right; width: 40px; height: 40px; border-radius: 10px;
  background: #e8f5f1; color: #0b8b68;
  display: flex; align-items: center; justify-content: center; font-size: 18px;
}
.dc-quick-actions {
  display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 28px;
}
.dc-quick-actions .dc-btn { border-radius: 12px; }
.dc-dash-panels {
  display: grid; grid-template-columns: 1.4fr 1fr; gap: 24px;
}
.dc-panel {
  background: var(--dc-white); border-radius: var(--dc-radius);
  border: 1px solid var(--dc-border); box-shadow: var(--dc-shadow); overflow: hidden;
}
.dc-panel-header {
  display: flex; align-items: center; justify-content: space-between;
  padding: 18px 22px; border-bottom: 1px solid var(--dc-border);
}
.dc-panel-header h3 { font-size: 16px; font-weight: 700; color: var(--dc-dark); margin: 0; }
.dc-panel-header a { font-size: 13px; color: var(--dc-primary); font-weight: 600; }
.dc-panel-body { padding: 8px 0; }
.dc-tx-row {
  display: flex; align-items: center; justify-content: space-between;
  padding: 14px 22px; border-bottom: 1px solid var(--dc-border); transition: background .15s;
}
.dc-tx-row:last-child { border-bottom: none; }
.dc-tx-row:hover { background: var(--dc-bg); }
.dc-tx-info { display: flex; align-items: center; gap: 12px; }
.dc-tx-avatar {
  width: 40px; height: 40px; border-radius: 50%; background: var(--dc-primary-light);
  display: flex; align-items: center; justify-content: center; font-weight: 700;
  color: var(--dc-primary); font-size: 13px;
}
.dc-tx-info strong { display: block; font-size: 14px; color: var(--dc-dark); }
.dc-tx-info span { font-size: 12px; color: var(--dc-muted); }
.dc-tx-amount { text-align: right; }
.dc-tx-amount strong { display: block; font-size: 14px; color: var(--dc-dark); }
.dc-tx-amount .status {
  display: inline-block; font-size: 11px; font-weight: 600; padding: 2px 8px;
  border-radius: 999px; margin-top: 2px;
}
.dc-tx-amount .status.completed { background: #ECFDF5; color: var(--dc-success); }
.dc-tx-amount .status.pending { background: #FFFBEB; color: var(--dc-warning); }
.dc-tx-amount .status.review { background: #EFF6FF; color: var(--dc-primary); }
.dc-rate-row {
  display: flex; align-items: center; justify-content: space-between;
  padding: 12px 22px; border-bottom: 1px solid var(--dc-border);
}
.dc-rate-row:last-child { border-bottom: none; }
.dc-rate-row .flag-code { display: flex; align-items: center; gap: 10px; font-weight: 600; font-size: 14px; color: var(--dc-dark); }
.dc-rate-row .rate { font-size: 14px; color: var(--dc-slate); font-weight: 500; }

/* ---------- Data table ---------- */
.dc-table-wrap {
  background: var(--dc-white); border-radius: var(--dc-radius);
  border: 1px solid var(--dc-border); box-shadow: var(--dc-shadow); overflow: hidden;
}
.dc-table-toolbar {
  display: flex; align-items: center; justify-content: space-between;
  padding: 16px 20px; border-bottom: 1px solid var(--dc-border); gap: 12px; flex-wrap: wrap;
}
.dc-search-input {
  display: flex; align-items: center; gap: 8px; background: var(--dc-bg);
  border: 1.5px solid var(--dc-border); border-radius: 10px; padding: 8px 14px; min-width: 240px;
}
.dc-search-input input {
  border: none; background: transparent; outline: none; font-size: 14px; width: 100%; color: var(--dc-dark);
}
.dc-table { width: 100%; border-collapse: collapse; }
.dc-table th {
  text-align: left; padding: 12px 20px; font-size: 12px; font-weight: 700;
  text-transform: uppercase; letter-spacing: .4px; color: var(--dc-muted);
  background: var(--dc-bg); border-bottom: 1px solid var(--dc-border);
}
.dc-table td {
  padding: 14px 20px; font-size: 14px; color: var(--dc-slate);
  border-bottom: 1px solid var(--dc-border); vertical-align: middle;
}
.dc-table tr:last-child td { border-bottom: none; }
.dc-table tr:hover td { background: #F8FAFC; }
.dc-badge {
  display: inline-block; padding: 3px 10px; border-radius: 999px; font-size: 11px; font-weight: 600;
}
.dc-badge-success { background: #ECFDF5; color: var(--dc-success); }
.dc-badge-warning { background: #FFFBEB; color: var(--dc-warning); }
.dc-badge-danger { background: #FEF2F2; color: var(--dc-danger); }
.dc-badge-info { background: #EFF6FF; color: var(--dc-primary); }
.dc-badge-muted { background: var(--dc-bg); color: var(--dc-muted); }

/* ---------- Forms ---------- */
.dc-form-card {
  background: var(--dc-white); border-radius: var(--dc-radius);
  border: 1px solid var(--dc-border); box-shadow: var(--dc-shadow); padding: 28px;
}
.dc-form-card h3 {
  font-size: 18px; font-weight: 700; color: var(--dc-dark); margin: 0 0 20px;
}
.dc-form-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 18px;
}
.dc-form-grid .full { grid-column: 1 / -1; }
.dc-steps-bar {
  display: flex; gap: 8px; margin-bottom: 28px;
}
.dc-steps-bar .step {
  flex: 1; text-align: center; padding: 12px 8px; border-radius: 10px;
  font-size: 13px; font-weight: 600; background: var(--dc-bg); color: var(--dc-muted);
  border: 1.5px solid var(--dc-border);
}
.dc-steps-bar .step.active {
  background: var(--dc-primary-light); color: var(--dc-primary); border-color: var(--dc-primary);
}
.dc-steps-bar .step.done {
  background: #ECFDF5; color: var(--dc-success); border-color: var(--dc-success);
}

/* ---------- Cards grid ---------- */
.dc-cards-grid {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 20px;
}
.dc-person-card {
  background: var(--dc-white); border: 1px solid var(--dc-border); border-radius: var(--dc-radius);
  padding: 22px; box-shadow: var(--dc-shadow); transition: all .25s;
}
.dc-person-card:hover {
  transform: translateY(-3px); box-shadow: var(--dc-shadow-lg);
}
.dc-person-card .head {
  display: flex; align-items: center; gap: 14px; margin-bottom: 14px;
}
.dc-person-card .avatar {
  width: 48px; height: 48px; border-radius: 50%; background: var(--dc-primary-light);
  color: var(--dc-primary); display: flex; align-items: center; justify-content: center;
  font-weight: 700; font-size: 18px; flex-shrink: 0;
}
.dc-person-card h4 { font-size: 15px; font-weight: 700; color: var(--dc-dark); margin: 0 0 2px; }
.dc-person-card .meta { font-size: 12px; color: var(--dc-muted); }
.dc-person-card .actions {
  display: flex; gap: 8px; margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--dc-border);
}

/* ---------- Public page hero ---------- */
.dc-page-hero {
  background: linear-gradient(165deg, #f3fbf8 0%, #FFFFFF 100%);
  padding: 56px 0 40px; text-align: center;
}
.dc-page-hero .dc-label {
  display: inline-block; font-size: 12px; font-weight: 700; text-transform: uppercase;
  letter-spacing: 1px; color: var(--dc-primary); margin-bottom: 10px;
}
.dc-page-hero h1 {
  font-size: clamp(28px, 3.5vw, 40px); font-weight: 800; color: var(--dc-dark); margin: 0 0 12px;
}
.dc-page-hero p {
  color: var(--dc-muted); max-width: 1095px; margin: 0 auto; font-size: 16px;
}

/* ---------- Content cards / journal ---------- */
.dc-content-grid {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 24px;
}
.dc-content-card {
  background: var(--dc-white); border-radius: var(--dc-radius); border: 1px solid var(--dc-border);
  overflow: hidden; box-shadow: var(--dc-shadow); transition: all .25s;
}
.dc-content-card:hover {
  transform: translateY(-4px); box-shadow: var(--dc-shadow-lg);
}
.dc-content-card .thumb {
  height: 180px; background: var(--dc-primary-light); overflow: hidden;
}
.dc-content-card .thumb img {
  width: 100%; height: 100%; object-fit: cover;
}
.dc-content-card .body { padding: 20px; }
.dc-content-card .cat {
  font-size: 11px; font-weight: 700; text-transform: uppercase; color: var(--dc-primary); letter-spacing: .5px;
}
.dc-content-card h3 {
  font-size: 17px; font-weight: 700; color: var(--dc-dark); margin: 6px 0 8px; line-height: 1.35;
}
.dc-content-card p {
  font-size: 13.5px; color: var(--dc-muted); margin: 0 0 14px; line-height: 1.5;
}
.dc-content-card a.read { font-size: 13px; font-weight: 600; color: var(--dc-primary); }

/* ---------- Empty state ---------- */
.dc-empty {
  text-align: center; padding: 60px 24px; color: var(--dc-muted);
}
.dc-empty i {
  font-size: 48px; opacity: .3; margin-bottom: 16px; display: block;
}
.dc-empty h3 { font-size: 18px; color: var(--dc-dark); margin: 0 0 8px; }
.dc-empty p { font-size: 14px; margin: 0 0 20px; }

/* ---------- Alert boxes ---------- */
.dc-alert {
  padding: 14px 18px; border-radius: 12px; font-size: 14px; margin-bottom: 20px;
  display: flex; align-items: flex-start; gap: 12px;
}
.dc-alert-info { background: #eaf7f2; color: #0b6b50; border: 1px solid #b9e3d6; }
.dc-alert-success { background: #ECFDF5; color: #065F46; border: 1px solid #A7F3D0; }
.dc-alert-warning { background: #FFFBEB; color: #92400E; border: 1px solid #FDE68A; }

/* ---------- Footer ---------- */
.dc-footer {
  background: var(--dc-dark); color: #94A3B8; padding: 60px 0 0;
}
.dc-footer-grid {
  display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr 1.2fr; gap: 40px; padding-bottom: 48px;
}
.dc-footer-brand{
  position: relative;
  bottom: 10px;
}
.dc-footer-brand .dc-logo { color: #fff; margin-bottom: 16px; }
.dc-footer-brand p { font-size: 14px; line-height: 1.6; margin-bottom: 20px; }
.dc-footer-social { display: flex; gap: 12px; }
.dc-footer-social a {
  width: 36px; height: 36px; border-radius: 8px; background: rgba(255,255,255,.08);
  display: flex; align-items: center; justify-content: center; color: #fff; font-size: 14px;
  transition: background .2s;
}
.dc-footer-social a:hover { background: var(--dc-primary); }
.dc-footer h4 {
  color: #fff; font-size: 14px; font-weight: 700; margin: 0 0 18px; text-transform: uppercase;
  letter-spacing: .5px;
}
.dc-footer ul li { margin-bottom: 10px; }
.dc-footer ul a { font-size: 14px; color: #94A3B8; transition: color .2s; }
.dc-footer ul a:hover { color: #fff; }
.dc-footer-apps { display: flex; flex-direction: column; gap: 10px; }
.dc-footer-apps .dc-app-btn {
  background: rgba(255,255,255,.1); color: #fff; border: 1px solid rgba(255,255,255,.15);
}
.dc-footer-apps .dc-app-btn:hover { background: rgba(255,255,255,.18); color: #fff; }
.dc-footer-bottom {
  border-top: 1px solid rgba(255,255,255,.08); padding: 20px 0;
  display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px;
  font-size: 13px;
}
.dc-footer-bottom a { color: #94A3B8; margin-left: 16px; }
.dc-footer-bottom a:hover { color: #fff; }

/* ---------- Floating Promo ---------- */
.dc-float-promo {
  position: fixed; bottom: 24px; right: 24px; z-index: 999;
  background: linear-gradient(135deg, var(--dc-primary), var(--dc-accent));
  color: #fff; border-radius: 16px; padding: 18px 22px; max-width: 300px;
  box-shadow: 0 12px 40px rgba(11,139,104,.32); animation: dcSlideIn .5s ease;
}
.dc-float-promo h4 { font-size: 15px; font-weight: 700; margin: 0 0 4px; }
.dc-float-promo p { font-size: 13px; opacity: .9; margin: 0 0 12px; }
.dc-float-promo .dc-btn {
  background: #fff; color: var(--dc-primary); padding: 8px 16px; font-size: 13px;
}
.dc-float-promo .close-float {
  position: absolute; top: 8px; right: 12px; background: none; border: none;
  color: #fff; opacity: .7; cursor: pointer; font-size: 16px;
}
@keyframes dcSlideIn {
  from { transform: translateY(40px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}

/* ---------- Preloader hide ---------- */
.preloader,
.cssload-preloader,
.cssload-preloader-box {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}
body > .dc-logo { display: none; }

/* ---------- Admin ---------- */
body.dc-admin {
  font-family: var(--dc-font) !important;
  background: var(--dc-bg) !important;
  color: var(--dc-slate);
}
.dc-admin .page-wrapper { background: var(--dc-bg) !important; }
.dc-admin-sidebar {
  background: var(--dc-white) !important;
  border-right: 1px solid var(--dc-border);
  width: 260px;
}
.dc-admin-sidebar .sidebar-logo {
  padding: 20px 18px; border-bottom: 1px solid var(--dc-border);
}
.dc-admin-sidebar .sidebar-menu .sidebar-menu-item a {
  border-radius: 10px !important; margin: 2px 10px; font-weight: 500; color: var(--dc-slate) !important;
}
.dc-admin-sidebar .sidebar-menu .sidebar-menu-item a:hover,
.dc-admin-sidebar .sidebar-menu .sidebar-menu-item.active > a {
  background: var(--dc-primary-light) !important; color: var(--dc-primary) !important;
}
.dc-admin .main-wrapper { background: var(--dc-bg) !important; }
.dc-admin .header-wrapper,
.dc-admin .navbar-wrapper {
  background: var(--dc-white) !important;
  border-bottom: 1px solid var(--dc-border) !important;
  box-shadow: none !important;
}
.dc-admin .custom-card,
.dc-admin .card {
  background: var(--dc-white) !important;
  border: 1px solid var(--dc-border) !important;
  border-radius: var(--dc-radius) !important;
  box-shadow: var(--dc-shadow) !important;
}
.dc-admin .btn--base,
.dc-admin .btn-primary {
  background: linear-gradient(135deg, var(--dc-primary), var(--dc-accent)) !important;
  border: none !important; border-radius: 999px !important; font-weight: 600 !important;
  box-shadow: 0 4px 14px rgba(11,139,104,.24) !important;
}
.dc-admin .form--control,
.dc-admin .form-control {
  border: 1.5px solid var(--dc-border) !important;
  border-radius: 10px !important; background: var(--dc-bg) !important;
}
.dc-admin .form--control:focus,
.dc-admin .form-control:focus {
  border-color: var(--dc-primary) !important; background: #fff !important;
  box-shadow: 0 0 0 3px rgba(11,139,104,.12) !important;
}
.dc-admin .table thead th {
  background: var(--dc-bg) !important; color: var(--dc-muted) !important;
  font-size: 12px !important; text-transform: uppercase; letter-spacing: .4px;
  font-weight: 700 !important; border-bottom: 1px solid var(--dc-border) !important;
}
.dc-admin .table td {
  border-color: var(--dc-border) !important; vertical-align: middle;
}
.dc-admin .dashboard-header-wrapper .title,
.dc-admin h1, .dc-admin h2, .dc-admin h3, .dc-admin h4 {
  color: var(--dc-dark) !important; font-weight: 700 !important;
}

.dc-admin-auth {
  min-height: 100vh; display: flex; align-items: center; justify-content: center;
  background: linear-gradient(165deg, #f3fbf8 0%, #FFFFFF 50%, #F8FAFC 100%); padding: 24px;
}
.dc-admin-auth-card {
  width: 100%; max-width: 420px; background: #fff; border-radius: 20px;
  border: 1px solid var(--dc-border); box-shadow: var(--dc-shadow-lg); padding: 40px 36px;
}
.dc-admin-auth-card .logo { text-align: center; margin-bottom: 28px; }
.dc-admin-auth-card .logo img { height: 40px; }
.dc-admin-auth-card h3 {
  font-size: 22px; font-weight: 800; color: var(--dc-dark); text-align: center; margin: 0 0 6px;
}
.dc-admin-auth-card .sub {
  text-align: center; color: var(--dc-muted); font-size: 14px; margin-bottom: 28px;
}

/* ---------- Error pages ---------- */
.dc-error-page {
  min-height: 100vh; display: flex; align-items: center; justify-content: center;
  background: linear-gradient(165deg, #f3fbf8, #FFFFFF); text-align: center;
  padding: 40px 20px; font-family: var(--dc-font);
}
.dc-error-page .code {
  font-size: 96px; font-weight: 800; color: var(--dc-primary); line-height: 1; margin-bottom: 8px;
}
.dc-error-page h1 {
  font-size: 28px; font-weight: 800; color: var(--dc-dark); margin: 0 0 12px;
}
.dc-error-page p {
  color: var(--dc-muted); max-width: 420px; margin: 0 auto 28px;
}

/* ---------- Mail ---------- */
.dc-mail {
  font-family:var(--dc-heading-font); background: #F8FAFC; padding: 32px 16px;
}
.dc-mail-card {
  max-width: 560px; margin: 0 auto; background: #fff; border-radius: 16px;
  border: 1px solid #E2E8F0; overflow: hidden;
}
.dc-mail-header {
  background: linear-gradient(135deg, #0b8b68, #13a57c); padding: 28px 32px; color: #fff;
}
.dc-mail-header h1 { margin: 0; font-size: 20px; font-weight: 700; }
.dc-mail-body { padding: 32px; color: #334155; font-size: 15px; line-height: 1.6; }
.dc-mail-body h2 { color: #0F172A; font-size: 18px; margin: 0 0 12px; }
.dc-mail-btn {
  display: inline-block; background: #0b8b68; color: #fff !important;
  padding: 12px 28px; border-radius: 999px; text-decoration: none; font-weight: 600; margin: 16px 0;
}
.dc-mail-footer {
  padding: 20px 32px; background: #F8FAFC; font-size: 12px; color: #94A3B8;
  text-align: center; border-top: 1px solid #E2E8F0;
}

/* ---------- PDF ---------- */
.dc-pdf {
  font-family: DejaVu Sans, sans-serif; color: #334155; font-size: 12px;
}
.dc-pdf-header {
  border-bottom: 3px solid #0b8b68; padding-bottom: 16px; margin-bottom: 24px;
}
.dc-pdf-header h1 { color: #0b8b68; font-size: 22px; margin: 0; }
.dc-pdf table { width: 100%; border-collapse: collapse; margin: 16px 0; }
.dc-pdf th, .dc-pdf td { border: 1px solid #E2E8F0; padding: 8px 12px; text-align: left; }
.dc-pdf th { background: #f3fbf8; color: #0F172A; }

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
  .dc-hero-grid, .dc-auth-page, .dc-contact-grid, .dc-dash-panels , .dc-promo-banner {
    grid-template-columns: 1fr !important;
  }}

@media (max-width: 1024px) {
  .dc-auth-page, .dc-contact-grid, .dc-dash-panels {
    grid-template-columns: 1fr !important;
  }
  .dc-auth-visual { display: none; }
  .dc-features-grid, .dc-stats, .dc-dash-cards { grid-template-columns: repeat(2, 1fr); }
  .dc-stats .dc-stat:nth-child(2n) { border-right: none; }
  .dc-stats .dc-stat:nth-child(-n/**/+2) { border-bottom: 1px solid var(--dc-border); }
  .dc-steps, .dc-trust-grid, .dc-testimonials, .dc-help-cards { grid-template-columns: 1fr; }
  .dc-footer-grid { grid-template-columns: 1fr 1fr; }
  .dc-dash-layout { grid-template-columns: 1fr; }
  .dc-sidebar {
    position: fixed; left: -280px; top: 0; z-index: 200; width: 260px;
    transition: left .3s; box-shadow: var(--dc-shadow-lg); display: flex;
  }
  .dc-sidebar.open { left: 0; }
  .dc-sidebar-toggle { display: block; }
  .dc-form-grid { grid-template-columns: 1fr; }
  .dc-dash-body, .dc-dash-content { padding: 20px 16px; }
  .dc-dash-topbar { padding: 12px 16px; }
  .dc-hero-visual { align-items: center; }
  .dc-hero-script {
    align-self: center !important;
    text-align: center !important;
    transform: none !important;
  }
  .dc-hero-script::after {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
/* =====================================================
   Mobile drawer (all pages)
   ===================================================== */
.dc-nav-backdrop {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(15, 23, 42, 0.5);
  z-index: 3000;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
}
.dc-nav-backdrop.show {
  display: block;
}

.dc-mobile-drawer {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  width: min(320px, 88vw);
  height: 100%;
  height: 100dvh;
  background: #ffffff;
  z-index: 3001;
  flex-direction: column;
  box-shadow: -12px 0 40px rgba(15, 23, 42, 0.18);
  transform: translateX(100%);
  transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.dc-mobile-drawer.is-open {
  transform: translateX(0);
}

.dc-mobile-drawer-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 18px;
  border-bottom: 1px solid #E2E8F0;
  flex-shrink: 0;
}
.dc-mobile-drawer-head .dc-logo img {
  height: 36px !important;
  width: auto !important;
}
.dc-nav-close {
  width: 42px;
  height: 42px;
  border: none;
  background: #F1F5F9;
  border-radius: 12px;
  font-size: 18px;
  color: #0F172A;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.dc-mobile-drawer-links {
  display: flex;
  flex-direction: column;
  padding: 12px;
  gap: 4px;
  flex: 1;
}
.dc-mobile-drawer-links a {
  display: block;
  padding: 14px 16px;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 600;
  color: #334155 !important;
  text-decoration: none;
  background: transparent;
}
.dc-mobile-drawer-links a:hover,
.dc-mobile-drawer-links a:active {
  background: #eaf7f2;
  color: #0b8b68 !important;
}

.dc-mobile-drawer-auth {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 16px 18px 28px;
  border-top: 1px solid #E2E8F0;
  flex-shrink: 0;
}
.dc-mobile-drawer-auth .dc-btn {
  text-align: center;
  justify-content: center;
}

@media (max-width: 768px) {
  .dc-nav-desktop { display: none !important; }
  .dc-desktop-only { display: none !important; }
  .dc-mobile-toggle { display: inline-flex !important; }

  .dc-mobile-drawer { display: none !important; }
  .dc-mobile-drawer.is-open { display: flex !important; }

  /* Hero script straight on mobile */
  .dc-hero-script {
    align-self: center !important;
    text-align: center !important;
    transform: none !important;
    margin: 0 auto 12px !important;
    font-size: clamp(26px, 7vw, 34px) !important;
    line-height: 1.25 !important;
  }
  .dc-hero-script::after {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .dc-hero-visual { align-items: center !important; }

  .dc-stats, .dc-features-grid, .dc-dash-cards { grid-template-columns: 1fr 1fr; }
  .dc-input-row { grid-template-columns: 1fr; }
  .dc-footer-grid { grid-template-columns: 1fr; }
  .dc-hero { padding: 28px 0 20px; }
  .dc-section { padding: 48px 0; }
  .dc-converter-card { max-width: 100%; }
}
@media (max-width: 480px) {
  .dc-stats, .dc-features-grid, .dc-dash-cards { grid-template-columns: 1fr; }
  .dc-header-actions .dc-btn-outline { display: none; }
  .dc-hero-script {
    text-align: center !important;
    transform: none !important;
  }
}


/* =====================================================
   Auth pages – match design reference (register / login)
   ===================================================== */
.dc-auth-hero {
  text-align: center;
  padding: 40px 0 12px;
  background: linear-gradient(180deg, #f3fbf8 0%, #FFFFFF 100%);
}
.dc-auth-eyebrow {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--dc-primary);
  margin: 0 0 10px;
}
.dc-auth-hero h1 {
  font-size: clamp(28px, 4vw, 40px);
  font-weight: 800;
  color: var(--dc-dark);
  margin: 0 0 12px;
  line-height: 1.2;
}
.dc-auth-hero h1 span { color: var(--dc-primary); }
.dc-auth-lead {
  font-size: 16px;
  color: var(--dc-muted);
  max-width: 520px;
  margin: 0 auto;
}

.dc-auth-main {
  padding: 24px 0 48px;
  background: #fff;
}
.dc-auth-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  align-items: stretch;
  max-width: 1100px;
  margin: 0 auto;
}

.dc-auth-visual-card {
  background: linear-gradient(165deg, #f3fbf8 0%, #FFFFFF 70%);
  border: 1px solid var(--dc-border);
  border-radius: 24px;
  padding: 36px 28px 28px;
  text-align: center;
  height: 100%;
  box-shadow: var(--dc-shadow);
}
.dc-auth-visual-card h2 {
  font-size: clamp(26px, 3vw, 34px);
  font-weight: 800;
  color: var(--dc-dark);
  margin: 0 0 8px;
  line-height: 1.15;
}
.dc-auth-visual-sub {
  font-size: 14px;
  color: var(--dc-muted);
  margin: 0 0 24px;
}
.dc-auth-phone {
  max-width: 260px;
  margin: 0 auto 16px;
}
.dc-auth-phone img {
  width: 100%;
  border-radius: 20px;
  /* box-shadow: 0 20px 50px rgba(11, 139, 104, 0.18); */
}
.dc-auth-script {
  font-family: var(--dc-heading-font);
  font-size: 22px;
  font-weight: 700;
  color: var(--dc-primary);
  margin: 8px 0 28px;
  line-height: 1.25;
}
.dc-auth-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  border-top: 1px solid var(--dc-border);
  padding-top: 20px;
  margin-top: 8px;
}
.dc-auth-stats .item {
  text-align: center;
}
.dc-auth-stats .icon {
  width: 36px;
  height: 36px;
  margin: 0 auto 8px;
  border-radius: 10px;
  background: var(--dc-primary-light);
  color: var(--dc-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
.dc-auth-stats strong {
  display: block;
  font-size: 18px;
  font-weight: 800;
  color: var(--dc-dark);
}
.dc-auth-stats span {
  font-size: 11px;
  color: var(--dc-muted);
}

.dc-auth-form-card {
  background: #fff;
  border: 1px solid var(--dc-border);
  border-radius: 24px;
  padding: 32px 28px;
  box-shadow: var(--dc-shadow-lg);
  height: 100%;
}
.dc-auth-form-card .dc-tabs {
  display: flex;
  background: var(--dc-bg);
  border-radius: 12px;
  padding: 4px;
  margin-bottom: 24px;
}
.dc-auth-form-card .dc-tab {
  flex: 1;
  text-align: center;
  padding: 11px;
  border-radius: 10px;
  font-weight: 600;
  font-size: 14px;
  color: var(--dc-muted);
  text-decoration: none;
  border: none;
  background: none;
}
.dc-auth-form-card .dc-tab.active {
  background: #fff;
  color: var(--dc-primary);
  box-shadow: 0 2px 8px rgba(0,0,0,.06);
}
.dc-auth-form-card h3 {
  font-size: 24px;
  font-weight: 800;
  color: var(--dc-dark);
  margin: 0 0 6px;
}
.dc-auth-form-card .dc-subtitle {
  font-size: 14px;
  color: var(--dc-muted);
  margin: 0 0 24px;
}

.dc-auth-trust {
  background: var(--dc-bg);
  border-top: 1px solid var(--dc-border);
}

@media (max-width: 992px) {
  .dc-auth-split {
    grid-template-columns: 1fr;
  }
  .dc-auth-left { order: 2; }
  .dc-auth-right { order: 1; }
}

/* =====================================================
   Auth split – make left + right feel like ONE unit
   ===================================================== */
.dc-auth-main {
  padding: 16px 0 40px !important;
  /* background: linear-gradient(180deg, #f3fbf8 0%, #FFFFFF 40%) !important; */
}
.dc-auth-split {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 0 !important;
  align-items: stretch !important;
  max-width: 1150px !important;
  margin: 0 auto !important;
  background: #fff !important;
  border: 1px solid var(--dc-border) !important;
  border-radius: 28px !important;
  box-shadow: 0 16px 50px rgba(15, 23, 42, 0.08) !important;
  overflow: hidden !important;
}
.dc-auth-left,
.dc-auth-right {
  min-height: 100%;
}
.dc-auth-visual-card {
  background: linear-gradient(165deg, #f3fbf8 0%, #FFFFFF 75%) !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  height: 100% !important;
  padding: 40px 32px 32px !important;
}
.dc-auth-form-card {
  background: #fff !important;
  border: none !important;
  border-left: 1px solid var(--dc-border) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  height: 100% !important;
  padding: 36px 32px !important;
}
.dc-auth-hero {
  padding: 32px 0 20px !important;
  /* background: transparent !important; */
}

@media (max-width: 992px) {
  .dc-auth-split {
    grid-template-columns: 1fr !important;
    border-radius: 20px !important;
  }
  .dc-auth-form-card {
    border-left: none !important;
    border-top: 1px solid var(--dc-border) !important;
  }
  .dc-auth-left { order: 2; }
  .dc-auth-right { order: 1; }
}


/* ---------- Social auth buttons (Google / Apple) ---------- */
.dc-social-auth {
  margin-top: 22px;
}
.dc-social-divider {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  color: var(--dc-muted);
  font-size: 13px;
}
.dc-social-divider::before,
.dc-social-divider::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--dc-border);
}
.dc-social-divider span {
  white-space: nowrap;
}
.dc-social-buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.dc-social-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 16px;
  border-radius: 12px;
  border: 1.5px solid var(--dc-border);
  background: #fff;
  font-size: 14px;
  font-weight: 600;
  color: var(--dc-dark);
  transition: all .2s ease;
  text-decoration: none;
}
.dc-social-btn:hover {
  border-color: #cbd5e1;
  background: var(--dc-bg);
  color: var(--dc-dark);
  transform: translateY(-1px);
  box-shadow: var(--dc-shadow);
}
.dc-social-btn svg {
  flex-shrink: 0;
}
.dc-social-apple {
  background: #0f172a;
  color: #fff;
  border-color: #0f172a;
}
.dc-social-apple:hover {
  background: #1e293b;
  color: #fff;
  border-color: #1e293b;
}
@media (max-width: 480px) {
  .dc-social-buttons {
    grid-template-columns: 1fr;
  }
}

/* Converter – fixed AUD + receiver country select */
.dc-currency-fixed {
  min-width: 88px;
  justify-content: center;
  gap: 6px;
  cursor: default;
  user-select: none;
}
.dc-currency-select-wrap {
  padding: 0 !important;
  background: #fff !important;
  min-width: 140px;
  max-width: 180px;
}
.dc-currency-select {
  width: 100%;
  height: 100%;
  min-height: 52px;
  border: none;
  outline: none;
  background: transparent;
  font-weight: 700;
  font-size: 13px;
  color: var(--dc-dark);
  padding: 0 10px;
  cursor: pointer;
  font-family: inherit;
  appearance: auto;
}
.dc-currency-select:focus {
  outline: none;
}
#dcReceiveAmount {
  background: var(--dc-bg);
  cursor: default;
}

/* ===== Converter currency pills & select (clean UI) ===== */
.dc-currency-pill {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 96px;
  padding: 0 14px;
  height: 100%;
  min-height: 52px;
  background: #F1F5F9;
  border-left: 1px solid var(--dc-border);
  font-weight: 800;
  font-size: 14px;
  color: var(--dc-dark);
  letter-spacing: 0.02em;
}
.dc-cur-flag {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  object-fit: cover;
}
.dc-cur-emoji { font-size: 16px; line-height: 1; }
.dc-cur-code { font-weight: 800; }

.dc-currency-select-box {
  position: relative;
  min-width: 90px;
  max-width: 200px;
  height: 100%;
  min-height: 52px;
  background: #F8FAFC;
  border-left: 1px solid var(--dc-border);
  display: flex;
  align-items: stretch;
}
.dc-currency-select-box select {
  width: 100%;
  border: none;
  outline: none;
  background: transparent;
  padding: 0 28px 0 12px;
  font-size: 13px;
  font-weight: 700;
  color: var(--dc-dark);
  font-family: inherit;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2364748B' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
}
.dc-currency-select-box select:focus {
  background-color: #EEF5FF;
}

.dc-field-row input#dcSendAmount,
.dc-field-row input#dcReceiveAmount {
  font-size: 20px;
  font-weight: 800;
  letter-spacing: -0.02em;
}
.dc-field-row input#dcReceiveAmount {
  background: #F8FAFC;
  color: var(--dc-dark);
}

/* =====================================================
   Smooth tab panels (Send / Track + Auth)
   Card height follows active tab (short for Track Money).
   .dc-converter-slot reserves Send-panel height so stats stay fixed.
   ===================================================== */
.dc-converter-slot {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  /* min-height is set by JS from the Send panel */
}
.dc-converter-card .dc-tab-panel {
  display: none;
  opacity: 0;
  transform: translateY(6px);
}
.dc-converter-card .dc-tab-panel.is-active {
  display: block;
  animation: dcPanelIn 0.3s ease forwards;
}

/* Auth panels */
.dc-auth-panel {
  display: none !important;
  opacity: 0;
  pointer-events: none;
}
.dc-auth-panel.is-active {
  display: block !important;
  opacity: 1;
  pointer-events: auto;
  animation: dcPanelIn 0.35s ease forwards;
}

/* Auth tabs – always clickable */
.dc-auth-tabs {
  position: relative;
  z-index: 5;
  pointer-events: auto !important;
}
.dc-auth-tabs .dc-tab {
  position: relative;
  z-index: 6;
  pointer-events: auto !important;
  cursor: pointer !important;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}
@keyframes dcPanelIn {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Tab button smooth underline / pill */
.dc-tabs .dc-tab {
  transition: color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease, transform 0.2s ease;
}
.dc-tabs .dc-tab:active {
  transform: scale(0.97);
}
.dc-converter-card .dc-tabs .dc-tab.active,
.dc-auth-form-card .dc-tabs .dc-tab.active {
  transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Auth tab buttons (not links) */
.dc-auth-tabs .dc-tab {
  flex: 1;
  border: none;
  background: transparent;
  cursor: pointer;
  font-family: inherit;
  font-weight: 600;
  font-size: 14px;
  color: var(--dc-muted, #64748b);
  padding: 11px;
  border-radius: 10px;
}
.dc-auth-tabs .dc-tab.active {
  background: #fff;
  color: var(--dc-primary, #0b8b68);
  box-shadow: 0 2px 8px rgba(0,0,0,.06);
}

/* =====================================================
   Float promo – attention-grabbing (hard to ignore)
   ===================================================== */
.dc-float-promo {
  position: fixed !important;
  bottom: 24px !important;
  right: 24px !important;
  z-index: 9999 !important;
  background: linear-gradient(135deg, #0b8b68, #13a57c) !important;
  color: #fff !important;
  border-radius: 18px !important;
  padding: 18px 22px !important;
  max-width: 300px !important;
  box-shadow:
    0 12px 40px rgba(11, 139, 104, 0.36),
    0 0 0 0 rgba(11, 139, 104, 0.42) !important;
  animation:
    dcFloatEnter 0.6s cubic-bezier(0.22, 1, 0.36, 1) both,
    dcFloatPulse 2.5s ease-in-out 0.6s infinite,
    dcFloatShake 2.5s ease-in-out 1s infinite !important;
}
.dc-float-promo::before {
  content: "";
  position: absolute;
  inset: -3px;
  border-radius: 20px;
  background: linear-gradient(135deg, #48b99a, #2fb68d, #0b8b68);
  z-index: -1;
  opacity: 0.7;
  animation: dcFloatGlow 2s ease-in-out infinite alternate;
}
.dc-float-promo h4 {
  font-size: 16px !important;
  font-weight: 800 !important;
  margin: 0 0 6px !important;
  letter-spacing: 0.02em;
}
.dc-float-promo p {
  font-size: 13px !important;
  opacity: 0.95 !important;
  margin: 0 0 14px !important;
  line-height: 1.4;
}
.dc-float-promo .dc-btn {
  background: #fff !important;
  color: #0b8b68 !important;
  font-weight: 700 !important;
  padding: 10px 18px !important;
  border-radius: 999px !important;
  animation: dcBtnPulse 1.8s ease-in-out infinite;
  box-shadow: 0 4px 14px rgba(0,0,0,0.15) !important;
}
.dc-float-promo .close-float {
  position: absolute !important;
  top: 8px !important;
  right: 12px !important;
  background: none !important;
  border: none !important;
  color: #fff !important;
  opacity: 0.75 !important;
  cursor: pointer !important;
  font-size: 16px !important;
  line-height: 1 !important;
}
.dc-float-promo .close-float:hover { opacity: 1 !important; }

@keyframes dcFloatEnter {
  from {
    opacity: 0;
    transform: translateY(40px) scale(0.9);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes dcFloatPulse {
  0%, 100% {
    box-shadow:
      0 12px 40px rgba(11, 139, 104, 0.36),
      0 0 0 0 rgba(11, 139, 104, 0.36);
    transform: translateY(0);
  }
  50% {
    box-shadow:
      0 16px 48px rgba(11, 139, 104, 0.44),
      0 0 0 12px rgba(11, 139, 104, 0);
    transform: translateY(-4px);
  }
}
@keyframes dcFloatShake {
  /* quiet most of the cycle, then a clear shake every ~2.5s */
  0%, 75% {
    transform: translateX(0) rotate(0deg);
  }
  80% {
    transform: translateX(-6px) rotate(-2.5deg);
  }
  85% {
    transform: translateX(6px) rotate(2.5deg);
  }
  90% {
    transform: translateX(-5px) rotate(-1.5deg);
  }
  95% {
    transform: translateX(4px) rotate(1deg);
  }
  100% {
    transform: translateX(0) rotate(0deg);
  }
}
@keyframes dcFloatGlow {
  from { opacity: 0.4; filter: blur(4px); }
  to { opacity: 0.85; filter: blur(8px); }
}
@keyframes dcBtnPulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.04); }
}

@media (max-width: 480px) {
  .dc-float-promo {
    left: 16px !important;
    right: 16px !important;
    max-width: none !important;
    bottom: 16px !important;
  }
}
/* =====================================================
   Clickability fixes – overlays must not block links
   ===================================================== */
.body-overlay {
  pointer-events: none !important;
  z-index: 4 !important;
}
.body-overlay.active {
  pointer-events: auto !important;
  background: rgba(15, 23, 42, 0.35);
}

.preloader,
.cssload-preloader {
  pointer-events: none !important;
  display: none !important;
}

/* Ensure all main navigation & footer links are clickable */
.dc-header,
.dc-header a,
.dc-nav,
.dc-nav a,
.dc-header-actions a,
.dc-footer,
.dc-footer a,
.dc-footer-bottom a,
.dc-logo {
  pointer-events: auto !important;
  cursor: pointer;
  position: relative;
  z-index: 10;
}

.dc-header {
  /* fixed via .dc-sticky-top parent */
  position: relative !important;
}
.dc-footer {
  position: relative;
  z-index: 20;
}

/* Float promo should not cover the whole screen */
.dc-float-promo {
  pointer-events: auto;
  max-width: 300px !important;
}
.dc-float-promo::before {
  pointer-events: none !important;
}

/* Body overlay must never trap scroll when inactive */
.body-overlay {
  pointer-events: none !important;
  visibility: hidden !important;
}
.body-overlay.active {
  pointer-events: auto !important;
  visibility: visible !important;
}

/* Converter tabs – always clickable */
.dc-converter-card .dc-tabs {
  position: relative;
  z-index: 5;
  pointer-events: auto !important;
}
.dc-converter-card .dc-tab {
  position: relative;
  z-index: 6;
  pointer-events: auto !important;
  cursor: pointer !important;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}
.dc-converter-card .dc-tab-panel {
  display: none !important;
  pointer-events: none;
}
.dc-converter-card .dc-tab-panel.is-active {
  display: block !important;
  pointer-events: auto;
}


/* Override style.css overflow for sticky header */
html, body {
  overflow-x: visible !important;
}
/* sticky overridden by .is-pinned fixed approach */

/* ---------- Header pin (works even when sticky fails) ---------- */
.dc-header {
  background: rgba(255, 255, 255, 0.98) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--dc-border);
  position: relative;
  top: auto;
  z-index: 1100;
  box-shadow: 0 1px 3px rgba(0,0,0,.06);
  width: 100%;
}
.dc-header.is-pinned {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 1100 !important;
  width: 100% !important;
  box-shadow: 0 4px 20px rgba(15, 23, 42, 0.08) !important;
}
.dc-header-spacer {
  display: none;
  width: 100%;
  height: 0;
  pointer-events: none;
}
.dc-promo-bar {
  position: relative;
  z-index: 1;
}
/* Careers benefits grid – responsive */
.dc-careers-benefits {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.dc-careers-benefits .dc-feature-card {
  text-align: left;
  padding: 24px;
}
.dc-careers-benefits .dc-feature-icon {
  width: 48px;
  height: 48px;
  font-size: 20px;
  margin-bottom: 14px;
}
@media (max-width: 992px) {
  .dc-careers-benefits {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .dc-careers-benefits {
    grid-template-columns: 1fr !important;
  }
}

/* Active nav link underline */
.dc-nav-desktop a.active,
.dc-nav a.active {
  color: var(--dc-primary) !important;
  font-weight: 600;
}
.dc-nav-desktop a.active::after,
.dc-nav a.active::after {
  content: "" !important;
  position: absolute;
  bottom: -6px;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--dc-primary);
  border-radius: 2px;
  display: block !important;
}
.dc-mobile-drawer-links a.active {
  background: var(--dc-primary-light, #eaf7f2) !important;
  color: var(--dc-primary) !important;
}

@media (max-width:768px) {
  .dc-auth-stats{
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
/* Auth mobile: no extra bottom space when switching Login / Create Account */
@media (max-width: 992px) {
  .dc-auth-split {
    height: auto !important;
    min-height: 0 !important;
    align-items: start !important;
  }
  .dc-auth-left,
  .dc-auth-right,
  .dc-auth-form-card,
  .dc-auth-visual-card {
    height: auto !important;
    min-height: 0 !important;
  }
  .dc-auth-form-card {
    padding-bottom: 28px !important;
  }
  .dc-auth-panel:not(.is-active) {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
  .dc-auth-panel.is-active {
    display: block !important;
    position: relative !important;
    visibility: visible !important;
    height: auto !important;
  }
}
/* Header business tagline */
.dc-brand {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.dc-tagline {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: var(--dc-primary, #0b8b68);
  white-space: nowrap;
  padding-left: 12px;
  border-left: 1px solid var(--dc-border, #E2E8F0);
  line-height: 1.2;
  display: none;
}
@media (max-width: 768px) {
  .dc-tagline { display: none; }
}

/* Footer legal / regulatory notice */
.dc-footer-legal {
  /* border-top: 1px solid rgba(255,255,255,.08); */
  padding: 24px 0 8px;
  max-width: 920px;
}
.dc-footer-legal p {
  font-size: 12px;
  line-height: 1.65;
  color: #94A3B8;
  margin: 0 0 12px;
}
.dc-footer-legal p:last-child { margin-bottom: 0; }

@media (max-width: 320px) {
  .dc-promo-banner{
    display:flex;
    flex-direction:column;
    justify-content:center;
  }
}

/* v11 - homepage quote card currency flags/alignment */
.dc-approved-moneybox{
  justify-content:space-between;
}
.dc-approved-currency-fixed,
.dc-approved-currency-select-wrap{
  align-self:stretch;
  display:flex;
  align-items:center;
  gap:7px;
  padding:0 10px;
  border-left:1px solid #ccd3db;
  background:#fff;
  box-sizing:border-box;
}
.dc-approved-currency-fixed{
  flex:0 0 116px;
  min-width:116px;
  justify-content:center;
}
.dc-approved-currency-flag{
  width:20px;
  height:20px;
  border-radius:50%;
  object-fit:cover;
  flex:0 0 20px;
}
.dc-approved-currency-code{
  font-size:14px;
  font-weight:800;
  color:var(--dc-a-navy);
  line-height:1;
  letter-spacing:.01em;
}
.dc-approved-currency-select-wrap{
  position:relative;
  display:grid;
  align-items:center;
  grid-template-columns:20px minmax(35px,1fr);
  gap:7px;
  padding-right:22px;
}
.dc-approved-currency-select-wrap select{
  display:block;
  width:100%;
  min-width:0;
  max-width:100%;
  height:100%;
  padding:0 !important;
  border:0;
  background:transparent;
  font-weight:800 !important;
  font-size:12px !important;
  color:var(--dc-a-navy);
  appearance:none;
  -webkit-appearance:none;
  line-height:1.2;
  white-space:nowrap;
  cursor:pointer;
  box-sizing:border-box;
}
.dc-approved-currency-select-wrap:after{
  content:"";
  position:absolute;
  right:8px;
  top:50%;
  width:10px;
  height:6px;
  transform:translateY(-50%);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23102542' d='M1 1l4 4 4-4'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-size:10px 6px;
  pointer-events:none;
}
.dc-approved-currency-select-wrap select:focus{outline:none}
.dc-approved-moneybox > strong,
.dc-approved-moneybox > select{display:none !important}
@media(max-width:560px){
  .dc-approved-currency-fixed{flex-basis:100px;min-width:100px;padding:0 8px;gap:6px}
  .dc-approved-currency-select-wrap{padding:0 20px 0 8px;gap:6px}
  .dc-approved-currency-code{font-size:13px}
}


/* v12 - final global Dash Cash button hover behaviour */
.dc-btn-primary:hover,
.dc-approved-btn-primary:hover,
a.dc-btn-primary:hover,
button.dc-btn-primary:hover,
a.dc-approved-btn-primary:hover,
button.dc-approved-btn-primary:hover,
.btn--base:not(.active):hover {
  background: #ffffff !important;
  background-image: none !important;
  color: #087F5B !important;
  border-color: #087F5B !important;
  box-shadow: none !important;
  transform: translateY(-1px);
}

.dc-btn-outline:hover,
.dc-approved-btn-outline:hover,
a.dc-btn-outline:hover,
button.dc-btn-outline:hover,
a.dc-approved-btn-outline:hover,
button.dc-approved-btn-outline:hover,
.btn--base.active:hover {
  background: #087F5B !important;
  background-image: none !important;
  color: #ffffff !important;
  border-color: #087F5B !important;
  box-shadow: none !important;
  transform: translateY(-1px);
}

.dc-btn-primary:hover i,
.dc-btn-primary:hover span,
.dc-approved-btn-primary:hover i,
.dc-approved-btn-primary:hover span,
.btn--base:not(.active):hover i,
.btn--base:not(.active):hover span {
  color: #087F5B !important;
}

.dc-btn-outline:hover i,
.dc-btn-outline:hover span,
.dc-approved-btn-outline:hover i,
.dc-approved-btn-outline:hover span,
.btn--base.active:hover i,
.btn--base.active:hover span {
  color: #ffffff !important;
}

/* =========================================================
   DASH CASH GLOBAL BRAND OVERRIDES — 2026-10-08
   Navy: #102542 | Green: #087F5B | Gold: #D4AE55 | Cream: #FAF8F2
   ========================================================= */


/* Main page and section heading colour only. Alignment stays page-specific. */
main h1,
main h2,
.dc-page-hero h1,
.dc-approved-page-hero h1,
.dc-section-title h2,
.dc-approved-section-head h2,
.dc-auth-form h3,
.dc-auth-visual h2 {
  color: #102542 !important;
}

/* Keep text readable on dark sections. */
.dc-approved-section-navy h1,
.dc-approved-section-navy h2,
.dc-approved-section-navy h3,
.dc-promo-banner h1,
.dc-promo-banner h2,
.dc-footer h1,
.dc-footer h2,
.dc-footer h3,
.dc-approved-footer h1,
.dc-approved-footer h2,
.dc-approved-footer h3 {
  color: #ffffff !important;
}

/* Footer uses the approved navy. */
.dc-footer,
.dc-approved-footer {
  background: #102542 !important;
}

/* Selected section backgrounds use the approved cream. */
.dc-approved-section-alt,
.dc-approved-section-mint,
.dc-section-alt,
.dc-page-hero,
.dc-approved-page-hero,
.dc-about-values-section {
  background: #FAF8F2 !important;
}

/* Small highlights and accents use gold. */
.dc-eyebrow,
.dc-approved-eyebrow,
.dc-auth-eyebrow,
.dc-section-title .dc-label,
.dc-approved-step .num,
.dc-approved-note,
.dc-footer h4,
.dc-approved-footer h4 {
  color: #D4AE55 !important;
}
.dc-approved-note {
  border-left-color: #D4AE55 !important;
}
.dc-footer-rule,
.dc-approved-footer-legal {
  border-color: rgba(212,174,85,.28) !important;
}

/* Main actions use the approved green. */
.dc-btn-primary,
a.dc-btn-primary,
button.dc-btn-primary,
.dc-approved-btn-primary,
a.dc-approved-btn-primary,
button.dc-approved-btn-primary,
.btn--base:not(.active) {
  background: #087F5B !important;
  background-image: none !important;
  border: 2px solid #087F5B !important;
  color: #ffffff !important;
}

.dc-btn-outline,
a.dc-btn-outline,
button.dc-btn-outline,
.dc-approved-btn-outline,
a.dc-approved-btn-outline,
button.dc-approved-btn-outline,
.btn--base.active {
  background: #ffffff !important;
  background-image: none !important;
  border: 2px solid #087F5B !important;
  color: #087F5B !important;
}

/* Requested inverse hover behaviour. */
.dc-btn-primary:hover,
a.dc-btn-primary:hover,
button.dc-btn-primary:hover,
.dc-approved-btn-primary:hover,
a.dc-approved-btn-primary:hover,
button.dc-approved-btn-primary:hover,
.btn--base:not(.active):hover {
  background: #ffffff !important;
  background-image: none !important;
  border-color: #087F5B !important;
  color: #087F5B !important;
}

.dc-btn-outline:hover,
a.dc-btn-outline:hover,
button.dc-btn-outline:hover,
.dc-approved-btn-outline:hover,
a.dc-approved-btn-outline:hover,
button.dc-approved-btn-outline:hover,
.btn--base.active:hover {
  background: #087F5B !important;
  background-image: none !important;
  border-color: #087F5B !important;
  color: #ffffff !important;
}

.dc-btn-primary:hover i,
.dc-btn-primary:hover span,
.dc-approved-btn-primary:hover i,
.dc-approved-btn-primary:hover span,
.btn--base:not(.active):hover i,
.btn--base:not(.active):hover span {
  color: #087F5B !important;
}

.dc-btn-outline:hover i,
.dc-btn-outline:hover span,
.dc-approved-btn-outline:hover i,
.dc-approved-btn-outline:hover span,
.btn--base.active:hover i,
.btn--base.active:hover span {
  color: #ffffff !important;
}

/* Active navigation and common links stay green. */
.dc-nav a:hover,
.dc-nav a.active,
.dc-nav-desktop a:hover,
.dc-nav-desktop a.active,
.dc-approved-nav a:hover,
.dc-approved-nav a.active,
.dc-approved-link,
.dc-btn-ghost:hover {
  color: #087F5B !important;
}
.dc-nav a.active::after,
.dc-nav-desktop a.active::after,
.dc-approved-nav a.active::after {
  background: #087F5B !important;
}

/* Form focus also follows the green brand action colour. */
.dc-field-row:focus-within,
.dc-input-group input:focus,
.dc-input-group select:focus,
.dc-input-group textarea:focus {
  border-color: #087F5B !important;
}


/* =========================================================
   DASH CASH TYPOGRAPHY SYSTEM — 2026-10-08
   One serif heading family + consistent heading scale.
   ========================================================= */


/* Use the same serif family for text and interactive form controls throughout the site. */
body, button, input, select, textarea, label, summary {
  font-family: var(--dc-heading-font) !important;
}

/* All semantic headings use the same serif family. */
h1, h2, h3, h4, h5, h6,
.dc-home-copy h1,
.dc-quote-card h2,
.dc-heart-copy h2,
.dc-benefit-card h3,
.dc-inner-intro h1,
.dc-moments h2,
.dc-moment-item h3,
.dc-process-card h3,
.dc-security-hero h1,
.dc-security-card h3,
.dc-values-grid h3,
.dc-ack-card h3,
.dc-careers-hero h1,
.dc-careers-content > h2,
.dc-job-grid h3,
.dc-help-grid h3,
.dc-auth-hero h1,
.dc-auth-visual-card h2,
.dc-auth-form-card h3,
.dc-contact-hero h1,
.dc-contact-form-card h3,
.dc-contact-info-card h3,
.dc-page-header h2,
.dc-dash-greeting h2,
.dc-panel-header h3,
.dc-form-card h3,
.dc-person-card h4,
.dc-page-hero h1,
.dc-content-card h3,
.dc-empty h3,
.dc-approved-hero-copy h1,
.dc-approved-quote h2,
.dc-approved-family-copy h2,
.dc-approved-family-copy h3,
.dc-approved-page-hero h1,
.dc-approved-section-head h2,
.dc-approved-card h3,
.dc-approved-list-item h3,
.dc-approved-step h3,
.dc-approved-contact-preview h3,
.dc-approved-help-group h2,
.dc-approved-policy h2,
.dc-approved-policy h3,
.dc-approved-auth-card h1,
.dc-approved-auth-card h2,
.dc-approved-auth-card h3,
.dc-footer h4,
.dc-approved-footer h4 {
  font-family: var(--dc-heading-font) !important;
}

/* Page titles: same size everywhere. */
.dc-home-copy h1,
.dc-inner-intro h1,
.dc-security-hero h1,
.dc-careers-hero h1,
.dc-contact-hero h1,
.dc-page-hero h1,
.dc-auth-hero h1,
.dc-approved-hero-copy h1,
.dc-approved-page-hero h1,
.dc-approved-auth-card h1,
main > section:first-child h1 {
  font-size: var(--dc-font-page-title) !important;
  line-height: 1.16 !important;
  letter-spacing: -0.025em !important;
}

/* Main section titles: same size everywhere. */
.dc-section-title h2,
.dc-heart-copy h2,
.dc-moments h2,
.dc-careers-content > h2,
.dc-page-header h2,
.dc-dash-greeting h2,
.dc-approved-section-head h2,
.dc-approved-family-copy h2,
.dc-approved-help-group h2,
.dc-approved-policy h2,
.dc-auth-visual h2,
.dc-auth-visual-card h2 {
  font-size: var(--dc-font-section-title) !important;
  font-weight: 700 !important;
  line-height: 1.22 !important;
  letter-spacing: -0.015em !important;
}

/* Card/subsection titles: one consistent scale. */
.dc-benefit-card h3,
.dc-moment-item h3,
.dc-process-card h3,
.dc-security-card h3,
.dc-values-grid h3,
.dc-ack-card h3,
.dc-job-grid h3,
.dc-help-grid h3,
.dc-contact-form-card h3,
.dc-contact-info-card h3,
.dc-panel-header h3,
.dc-form-card h3,
.dc-content-card h3,
.dc-empty h3,
.dc-approved-card h3,
.dc-approved-list-item h3,
.dc-approved-step h3,
.dc-approved-contact-preview h3,
.dc-approved-policy h3,
.dc-approved-auth-card h2,
.dc-approved-auth-card h3,
.dc-auth-form h3,
.dc-auth-form-card h3,
.dc-approved-quote h2 {
  font-size: var(--dc-font-card-title) !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}

/* Footer/utility headings keep a compact size but use the same serif. */
.dc-footer h4,
.dc-approved-footer h4,
.dc-help-card h4,
.dc-side-help h4,
.dc-person-card h4 {
  font-size: var(--dc-font-small-heading) !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}

@media (max-width: 820px) {
  :root {
    --dc-font-page-title: 36px;
    --dc-font-section-title: 28px;
    --dc-font-card-title: 19px;
    --dc-font-small-heading: 15px;
  }
}

@media (max-width: 560px) {
  :root {
    --dc-font-page-title: 32px;
    --dc-font-section-title: 26px;
    --dc-font-card-title: 18px;
    --dc-font-small-heading: 14px;
  }
}


/* =========================================================
   HOME PAGE ONLY — heading/button alignment
   Do not reuse these rules on standalone/footer-linked pages.
   ========================================================= */
#how-it-works .dc-approved-section-head,
#security .dc-approved-section-head,
#faqs .dc-approved-section-head {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

#security .dc-approved-actions {
  justify-content: center;
}


/* v19 - Footer-linked public pages: center major heading blocks, not card titles. */
.dc-footer-linked-page .dc-approved-page-hero .dc-approved-shell {
  text-align: center;
}
.dc-footer-linked-page .dc-approved-page-hero p {
  margin-left: auto;
  margin-right: auto;
}
.dc-footer-linked-page .dc-approved-section-head {
  width: 100%;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.dc-footer-linked-page .dc-approved-section-head p {
  margin-left: auto;
  margin-right: auto;
}
.dc-footer-linked-page .dc-approved-help-group > h2 {
  text-align: center;
}
/* ================================================================
   DASH CASH – CUSTOMER ACCOUNT DESIGN (PDF desktop 1–26, mobile 27–52)
   Scoped to .dc-dash-layout. Uses the existing dashcash-new.css file.
   No prototype customer names, amounts, or promotional figures are used.
   ================================================================ */
.dc-dash-layout {
  --dc-primary: #087f5b; --dc-primary-dark: #066d4f;
  --dc-dark: #112744; --dc-slate: #3d506b; --dc-muted: #657791;
  --dc-bg: #f5f7f6; --dc-border: #e0e7e5; --dc-primary-light: #e9f3ee;
  display: grid; grid-template-columns: 228px minmax(0,1fr);
  background: var(--dc-bg); color: var(--dc-dark); min-height:100vh;
  font-family: "Libre Baskerville",Georgia,serif; letter-spacing: normal;
}
.dc-dash-layout * { box-sizing:border-box; }
.dc-dash-layout button,.dc-dash-layout input,.dc-dash-layout select,.dc-dash-layout textarea { font:inherit; }
.dc-dash-layout h1,.dc-dash-layout h2,.dc-dash-layout h3 { color:#112744; }
.dc-dash-layout a:focus-visible,.dc-dash-layout button:focus-visible,
.dc-mobile-bottom-nav a:focus-visible {outline:3px solid #d4ae55;outline-offset:3px;}
.dc-dash-layout .dc-btn {border-radius:10px; font-size:13px; padding:11px 17px; font-weight:700; background-image:none; box-shadow:none;}
.dc-dash-layout .dc-btn-primary {background:#087f5b;color:#fff;border:1px solid #087f5b;}
.dc-dash-layout .dc-btn-primary:hover {background:#fff;color:#087f5b;box-shadow:0 6px 14px #087f5b22; transform:translateY(-1px);}
.dc-dash-layout .dc-btn-outline {background:#fff;color:#087f5b;border:1px solid #087f5b;}
.dc-dash-layout .dc-btn-outline:hover {color:#fff;background:#087f5b;}
.dc-dash-layout .dc-sidebar {position:sticky;top:0;left:auto;box-shadow:none;
  height:100dvh; min-height:0; width:auto; background:#fff; overflow-y:auto;
  padding:23px 18px; border-right:1px solid #e0e7e5; z-index:100; }
.dc-dash-layout .dc-sidebar .dc-logo {margin:0 0 34px; padding:0;}
.dc-dash-layout .dc-sidebar .dc-logo img {max-width:144px!important;width:auto;height:38px!important;object-fit:contain;}
.dc-dash-layout .dc-side-nav .nav-label {font-size:11px;font-weight:800;letter-spacing:.14em;color:#72829a;padding:3px 12px 11px;}
.dc-dash-layout .dc-side-nav a,.dc-dash-layout .dc-sidebar-logout {display:flex;width:100%;gap:13px;align-items:center;padding:12px 13px;
  margin-bottom:3px;border:0;border-radius:10px;background:transparent;text-align:left;color:#52627c;font-size:13px;font-weight:600;}
.dc-dash-layout .dc-side-nav a.active,.dc-dash-layout .dc-side-nav a:hover,
.dc-dash-layout .dc-sidebar-logout:hover {background:#eaf3ee;color:#087f5b;}
.dc-dash-layout .dc-side-nav a i,.dc-dash-layout .dc-sidebar-logout i {width:18px;min-width:18px;text-align:center;font-size:16px;}
.dc-dash-layout .dc-sidebar-logout {cursor:pointer;}
.dc-dash-layout .dc-side-help {background:transparent;border-top:1px solid #e0e7e5;border-radius:0;padding:19px 12px 4px;text-align:left;display:flex;flex-direction:column;gap:5px;}
.dc-dash-layout .dc-side-help strong {font-size:12px;color:#112744;line-height:1.3;}
.dc-dash-layout .dc-side-help span {font-size:11px;color:#657791;}
.dc-dash-layout .dc-side-help a {font-size:11px;color:#087f5b;font-weight:700;}
.dc-dash-layout .dc-dash-main {width:100%;min-width:0;}
.dc-dash-layout .dc-dash-topbar {position:sticky;top:0;z-index:51;background:#fff;box-shadow:none;
  min-height:83px;padding:12px clamp(17px,2.7vw,42px);border-bottom:1px solid #e5e9e8;gap:15px;}
.dc-dash-layout .dc-customer-identification {display:flex;align-items:center;gap:12px;min-width:0;}
.dc-dash-layout .dc-customer-avatar,.dc-dash-layout .dc-user-chip .avatar {display:flex;align-items:center;justify-content:center;flex:none;width:40px;height:40px;
  border-radius:50%;background:#e8f2ee;color:#087f5b;font-weight:800;font-size:12px;}
.dc-dash-layout .dc-customer-avatar {width:43px;height:43px;}
.dc-dash-layout .dc-identification-copy {display:flex;flex-direction:column;min-width:0;gap:3px;}
.dc-dash-layout .dc-identification-copy strong {color:#112744;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dc-dash-layout .dc-identification-copy>span {font-size:11px;color:#6b7e94;display:flex;align-items:center;gap:9px;}
.dc-dash-layout .dc-verified {font-size:10px;background:#e4f6e8;border-radius:999px;padding:2px 8px;color:#087f5b;font-weight:700;white-space:nowrap;}
.dc-dash-layout .dc-customer-top-actions {display:flex;gap:13px;align-items:center;}
.dc-dash-layout .dc-header-support {display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#112744;font-weight:700;}
.dc-dash-layout .dc-notif-btn {width:39px;height:39px;flex:none;border-radius:50%;background:#fff;}
.dc-dash-layout .dc-user-chip {background:none;border:none;padding:0;}
.dc-dash-layout .dc-user-chip .avatar {width:36px;height:36px;}
.dc-dash-layout .dc-dash-body {padding:0; min-width:0;}
.dc-dash-layout .dc-customer-page {padding:clamp(20px,2.7vw,41px);width:100%;max-width:1560px;margin:0 auto;}
.dc-dash-layout .dc-customer-page-head {display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px;}
.dc-dash-layout .dc-customer-page-head h1 {font-family:Georgia,"Times New Roman",serif;font-weight:700;line-height:1.15;font-size:clamp(23px,2.25vw,34px);margin:0 0 7px;}
.dc-dash-layout .dc-customer-page-head p {color:#657791;font-size:13px;margin:0;}
.dc-dash-layout .dc-overview-top,.dc-dash-layout .dc-overview-middle {display:grid;grid-template-columns:minmax(0,1.4fr) minmax(290px,.9fr);gap:19px;margin-bottom:24px;align-items:stretch;}
.dc-dash-layout .dc-overview-hero {position:relative;background:#112744;color:#fff;padding:clamp(23px,2.7vw,36px);border-radius:15px;min-height:255px;overflow:hidden;isolation:isolate;}
.dc-dash-layout .dc-overview-hero::after {content:"";position:absolute;width:300px;height:300px;border-radius:50%;border:1px solid #ffffff13;right:-30px;top:-25px;box-shadow:0 0 0 50px #ffffff03,0 0 0 95px #ffffff04;z-index:-1;}
.dc-dash-layout .dc-mini-eyebrow {display:block;color:#e0b45a;letter-spacing:.17em;font-weight:800;font-size:10px;margin-bottom:17px;}
.dc-dash-layout .dc-overview-hero h2 {font-family:Georgia,"Times New Roman",serif;font-weight:400;color:#fff;font-size:clamp(23px,2.1vw,34px);line-height:1.22;margin:0 0 12px;}
.dc-dash-layout .dc-overview-hero p {color:#d8e0e9;font-size:12px;line-height:1.8;max-width:390px;margin-bottom:22px;}
.dc-dash-layout .dc-overview-hero-btn {display:inline-flex;padding:12px 17px;background:#fff;color:#112744;border-radius:9px;font-size:12px;font-weight:800;gap:17px;align-items:center;}
.dc-dash-layout .dc-overview-hero-btn:hover {background:#e9f3ee;color:#087f5b;}
.dc-dash-layout .dc-overview-rate,.dc-dash-layout .dc-latest-card,.dc-dash-layout .dc-people-card {background:white;border:1px solid #e1e6e5;border-radius:14px;padding:24px;min-width:0;}
.dc-dash-layout .dc-card-eyebrow {display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;letter-spacing:.12em;font-weight:800;text-transform:uppercase;color:#75849b;}
.dc-dash-layout .dc-rate-country-codes {display:inline-flex;align-items:center;gap:9px;flex-shrink:0;font-family:"Libre Baskerville",Georgia,serif;font-size:16px;font-weight:700;letter-spacing:.06em;color:#112744;line-height:1.4;}
.dc-dash-layout .dc-rate-country-codes i {font-size:11px;color:#087f5b;}
.dc-dash-layout .dc-rate-number {margin:23px 0 4px;font-size:35px;font-weight:800;color:#112744;letter-spacing:-.035em;}
.dc-dash-layout .dc-rate-number small {font-size:12px;letter-spacing:0;}
.dc-dash-layout .dc-rate-unavailable {margin:24px 0 8px;font-size:19px;font-weight:700;color:#112744;}
.dc-dash-layout .dc-overview-rate p {margin:0 0 20px;color:#647791;font-size:12px;line-height:1.6;}
.dc-dash-layout .dc-rate-footer {display:flex;justify-content:space-between;gap:12px;padding:17px 0 7px;border-top:1px solid #e2e9e6;font-size:12px;}
.dc-dash-layout .dc-rate-footer strong {color:#087f5b;white-space:nowrap;}
.dc-dash-layout .dc-overview-rate>a {color:#087f5b;font-size:12px;font-weight:700;}
.dc-dash-layout .dc-panel-section-title {display:flex;align-items:center;justify-content:space-between;gap:12px;margin:2px 0 13px;}
.dc-dash-layout .dc-panel-section-title h2 {font-size:15px;font-weight:800;margin:0;font-family:"Libre Baskerville",Georgia,serif;}
.dc-dash-layout .dc-panel-section-title a {color:#087f5b;font-size:12px;font-weight:700;}
.dc-dash-layout .dc-latest-person {display:flex;align-items:center;gap:11px;margin-bottom:20px;}
.dc-dash-layout .dc-initial-pill {display:flex;align-items:center;justify-content:center;flex:none;background:#eaf2ee;border-radius:9px;width:40px;height:40px;font-size:12px;color:#087f5b;font-weight:800;}
.dc-dash-layout .dc-latest-person>div {min-width:0;flex:1;}
.dc-dash-layout .dc-latest-person>div strong,.dc-dash-layout .dc-latest-person>div span {display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dc-dash-layout .dc-latest-person>div strong {font-size:13px;color:#112744;}
.dc-dash-layout .dc-latest-person>div span {font-size:11px;color:#647791;margin-top:4px;}
.dc-dash-layout .dc-state {font-size:10px;font-weight:700;border-radius:999px;padding:5px 9px;white-space:nowrap;display:inline-block;background:#f1f3f5;color:#647791;}
.dc-dash-layout .dc-state-success {background:#e7f5ed;color:#087f5b;}
.dc-dash-layout .dc-state-review {background:#fff5df;color:#936819;}
.dc-dash-layout .dc-state-pending {background:#fff3d9;color:#936819;}
.dc-dash-layout .dc-state-danger {background:#fde9e8;color:#bf473e;}
.dc-dash-layout .dc-latest-amounts {display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.dc-dash-layout .dc-latest-amounts>div {min-width:0;}
.dc-dash-layout .dc-latest-amounts span {display:block;font-size:11px;color:#647791;margin-bottom:5px;}
.dc-dash-layout .dc-latest-amounts strong {font-size:22px;letter-spacing:-.03em;color:#112744;overflow-wrap:anywhere;}
.dc-dash-layout .dc-latest-amounts small {font-size:11px;letter-spacing:0;}
.dc-dash-layout .dc-stage-note {color:#647791;font-size:11px;margin:17px 0;padding:12px 0;border-top:1px solid #e5ece9;}
.dc-dash-layout .dc-latest-card-foot {display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid #e5ece9;padding-top:14px;font-size:11px;color:#647791;}
.dc-dash-layout .dc-latest-card-foot a {color:#087f5b;font-weight:700;}
.dc-dash-layout .dc-panel-heading h3 {font-size:15px;font-weight:800;margin:0 0 3px;}
.dc-dash-layout .dc-panel-heading p {font-size:11px;color:#657791;margin:0 0 12px;}
.dc-dash-layout .dc-person-link {display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #e8edec;}
.dc-dash-layout .dc-person-link .dc-initial-pill {width:35px;height:35px;}
.dc-dash-layout .dc-person-text {display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;}
.dc-dash-layout .dc-person-text strong {color:#112744;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dc-dash-layout .dc-person-text small {color:#657791;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dc-dash-layout .dc-person-link>i {color:#087f5b;background:#eaf3ee;border-radius:8px;padding:10px;}
.dc-dash-layout .dc-person-link:hover strong {color:#087f5b;}
.dc-dash-layout .dc-inline-action {display:block;padding-top:15px;font-size:12px;color:#087f5b;font-weight:700;}
.dc-dash-layout .dc-people-empty {color:#657791;font-size:12px;padding:15px 0;line-height:1.6;}
.dc-dash-layout .dc-empty-card {text-align:center;padding:28px 10px;}
.dc-dash-layout .dc-empty-card i {font-size:23px;color:#087f5b;}
.dc-dash-layout .dc-empty-card h3 {font-size:16px;}
.dc-dash-layout .dc-empty-card p {color:#647791;font-size:12px;}
.dc-dash-layout .dc-empty-card a {color:#087f5b;font-weight:700;}
.dc-dash-layout .dc-dashboard-table {border:1px solid #e0e7e5;border-radius:14px;background:#fff;overflow:hidden;}
.dc-dash-layout .dc-dashboard-table table {border-collapse:collapse;width:100%;font-size:12px;}
.dc-dash-layout .dc-dashboard-table th {text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:800;color:#647791;background:#f8faf9;padding:15px;text-align:left;}
.dc-dash-layout .dc-dashboard-table td {border-top:1px solid #e8edec;padding:15px;vertical-align:middle;color:#33455f;}
.dc-dash-layout .dc-dashboard-table td strong {color:#112744;}
.dc-dash-layout .dc-dashboard-table td small {color:#647791;}
.dc-dash-layout .dc-dashboard-table td a {color:#087f5b;font-weight:700;}
.dc-dash-layout .dc-table-mobile {display:none;}
.dc-dash-layout .dc-customer-reminder {display:flex;gap:14px;align-items:center;padding:17px 22px;margin-top:20px;border:1px solid #eee5d7;border-radius:13px;background:#fcf9f3;}
.dc-dash-layout .dc-customer-reminder i {color:#c39a41;font-size:22px;}
.dc-dash-layout .dc-customer-reminder div {display:flex;flex-direction:column;gap:3px;}
.dc-dash-layout .dc-customer-reminder strong {font-size:12px;color:#112744;}
.dc-dash-layout .dc-customer-reminder span {font-size:11px;color:#657791;}
.dc-dash-layout .dc-notification-preview {margin-top:20px;padding:22px;background:white;border:1px solid #e0e7e5;border-radius:14px;}
.dc-dash-layout .dc-notification-preview h2 {font-size:16px;}
.dc-dash-layout .dc-notification-preview p {font-size:12px;color:#647791;}
.dc-dash-layout .dc-notification-preview-header {display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;}
.dc-dash-layout .dc-notification-preview-header h2 {margin:0;}
.dc-dash-layout .dc-notification-view-all {display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 12px;font-size:12px;white-space:nowrap;text-decoration:none;}
.dc-dash-layout .dc-notification-preview .dc-notification-empty {color:#687a89;margin:0;}
@media(max-width:480px){.dc-dash-layout .dc-notification-preview-header {align-items:flex-start;flex-wrap:wrap;}.dc-dash-layout .dc-notification-view-all {white-space:normal;}}
.dc-dash-layout .dc-page-header {margin-bottom:22px;align-items:center;}
.dc-dash-layout .dc-page-header h2 {font-family:Georgia,"Times New Roman",serif;font-size:clamp(25px,2vw,32px);font-weight:700;}
.dc-dash-layout .dc-page-header p {font-size:13px;}
.dc-dash-layout .dc-table-wrap,.dc-dash-layout .dc-form-card,.dc-dash-layout .dc-person-card {background:#fff;border:1px solid #e0e7e5;border-radius:15px;box-shadow:none;}
.dc-dash-layout .dc-table-wrap {overflow-x:auto;}
.dc-dash-layout .dc-table thead th {background:#f8faf9;color:#62758e;font-size:10px;letter-spacing:.1em;text-transform:uppercase;}
.dc-dash-layout .dc-form-card h3 {font-size:16px;}
.dc-dash-layout .dc-dash-body > div[style*="grid-template-columns:1.2fr"] {gap:22px!important;}
.dc-dash-layout .dc-steps-bar {display:flex;flex-wrap:wrap;gap:8px;background:transparent;}
.dc-dash-layout .dc-steps-bar .step {border-radius:9px;font-size:12px;}
.dc-dash-layout .dc-sidebar-toggle {border:0;background:transparent;border-radius:9px;padding:8px;}
.dc-mobile-bottom-nav {display:none;}
@media(max-width:1200px){
  .dc-dash-layout {grid-template-columns:205px minmax(0,1fr);}
  .dc-dash-layout .dc-customer-page {padding:25px;}
  .dc-dash-layout .dc-overview-top,.dc-dash-layout .dc-overview-middle {grid-template-columns:minmax(0,1.15fr) minmax(270px,.9fr);}
  .dc-dash-layout .dc-latest-amounts strong {font-size:18px;}
}
@media(max-width:1024px){
 .dc-dash-layout {grid-template-columns:minmax(0,1fr);}
 .dc-dash-layout .dc-sidebar {position:fixed;left:-290px;top:0;height:100dvh;width:265px;box-shadow:0 12px 35px #0f294026;transition:left .23s ease;}
 .dc-dash-layout .dc-sidebar.open {left:0;}
 .dc-dash-layout .dc-sidebar-toggle {display:inline-flex;align-items:center;justify-content:center;}
 .dc-dash-layout .dc-overview-top,.dc-dash-layout .dc-overview-middle {grid-template-columns:minmax(0,1.2fr) minmax(255px,.9fr);}
}
@media(max-width:720px){
 .dc-dash-layout .dc-dash-topbar {padding:10px 14px;min-height:65px;}
 .dc-dash-layout .dc-header-support span {display:none;}
 .dc-dash-layout .dc-identification-copy strong {font-size:12px;}
 .dc-dash-layout .dc-identification-copy>span {font-size:10px;}
 .dc-dash-layout .dc-customer-avatar {width:33px;height:33px;}
 .dc-dash-layout .dc-customer-top-actions {gap:6px;}
 .dc-dash-layout .dc-notif-btn {width:33px;height:33px;}
 .dc-dash-layout .dc-customer-page {padding:18px 14px 100px;}
 .dc-dash-layout .dc-customer-page-head {align-items:start;margin-bottom:17px;}
 .dc-dash-layout .dc-customer-page-head h1 {font-size:25px;}
 .dc-dash-layout .dc-customer-page-head .dc-btn {padding:10px 12px;white-space:nowrap;font-size:11px;}
 .dc-dash-layout .dc-overview-top,.dc-dash-layout .dc-overview-middle {grid-template-columns:minmax(0,1fr);gap:12px;margin-bottom:19px;}
 .dc-dash-layout .dc-overview-hero {min-height:0;padding:23px 21px;}
 .dc-dash-layout .dc-overview-hero h2 {font-size:26px;}
 .dc-dash-layout .dc-overview-rate,.dc-dash-layout .dc-latest-card,.dc-dash-layout .dc-people-card {padding:18px;}
 .dc-dash-layout .dc-latest-amounts strong {font-size:19px;}
 .dc-dash-layout .dc-table-desktop {display:none;}
 .dc-dash-layout .dc-table-mobile {display:block;}
 .dc-dash-layout .dc-dashboard-table {border:0;background:none;border-radius:0;}
 .dc-dash-layout .dc-mobile-tx {display:block;padding:16px;margin-bottom:10px;background:white;border:1px solid #e0e7e5;border-radius:12px;color:#112744;}
 .dc-dash-layout .dc-mobile-tx>div {display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;}
 .dc-dash-layout .dc-mobile-tx strong {font-size:13px;}
 .dc-dash-layout .dc-mobile-tx small {display:block;font-size:11px;color:#667891;margin:6px 0;}
 .dc-dash-layout .dc-mobile-tx .dc-state {font-size:9px;}
 .dc-mobile-bottom-nav {position:fixed;bottom:0;left:0;right:0;z-index:1090;display:flex;justify-content:space-between;align-items:end;background:#fff;border-top:1px solid #e0e7e5;padding:7px max(7px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom));box-shadow:0 -2px 15px #1025420d;}
 .dc-mobile-bottom-nav a {display:flex;flex:1;min-width:0;flex-direction:column;gap:5px;align-items:center;justify-content:center;color:#687992;font-size:9px;font-weight:700;text-align:center;}
 .dc-mobile-bottom-nav i {font-size:16px;}
 .dc-mobile-bottom-nav a.active {color:#087f5b;}
 .dc-mobile-bottom-nav a.dc-mobile-send i {border-radius:13px;padding:12px;background:#087f5b;color:white;margin-top:-17px;box-shadow:0 5px 10px #087f5b22;}
 .dc-dash-layout .dc-page-header {margin:0 0 20px;}
 .dc-dash-layout .dc-page-header h2 {font-size:24px;}
 .dc-dash-layout .dc-dash-body > div[style*="grid-template-columns:1.2fr"] {grid-template-columns:minmax(0,1fr)!important;}
 .dc-dash-layout .dc-dash-body > div[style*="grid-template-columns:1fr 1fr"] {grid-template-columns:minmax(0,1fr)!important;}
 .dc-dash-layout .dc-dash-body > div[style*="grid-template-columns:1fr 1fr"] .dc-form-card {min-width:0;}
 .dc-dash-layout .dc-form-grid {grid-template-columns:minmax(0,1fr);}
 .dc-dash-layout .dc-cards-grid {grid-template-columns:minmax(0,1fr);}
}
@media(max-width:390px){
 .dc-dash-layout .dc-customer-page-head {gap:9px;}
 .dc-dash-layout .dc-customer-page-head h1 {font-size:22px;}
 .dc-dash-layout .dc-customer-page-head .dc-btn {padding:9px 10px;}
 .dc-dash-layout .dc-header-support {display:none;}
 .dc-dash-layout .dc-latest-amounts strong {font-size:17px;}
 .dc-mobile-bottom-nav a {font-size:8px;}
}
@media(prefers-reduced-motion:reduce){
 .dc-dash-layout *,.dc-mobile-bottom-nav * {animation:none!important;transition:none!important;scroll-behavior:auto!important;}
}
/* Customer dashboard continuation — all rules scoped to signed-in account pages. */
.dc-dash-layout .dc-customer-transfers .dc-history-panel {background:#fff;border:1px solid #e0e7e5;border-radius:15px;overflow:hidden;}
.dc-dash-layout .dc-history-toolbar {padding:18px 20px;display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #e8edec;}
/* Shared account search: one actual input and a reliable inline SVG icon.
   The accessible name is on the input, not a visible visually-hidden label. */
.dc-dash-layout .dc-history-search {
  display:flex;flex-direction:row;align-items:center;gap:11px;
  flex:0 1 420px;width:100%;max-width:420px;min-width:0;min-height:48px;
  margin:0;box-sizing:border-box;background:#fff;border:1px solid #d9e4df;
  border-radius:11px;padding:0 14px;color:#087f5b;cursor:text;
  transition:border-color .15s ease,box-shadow .15s ease;
}
.dc-dash-layout .dc-history-search:hover {border-color:#9acbb8;}
.dc-dash-layout .dc-history-search:focus-within {border-color:#087f5b;box-shadow:0 0 0 3px #087f5b1f;outline:0;}
.dc-dash-layout .dc-history-search .dc-search-icon {display:block;flex:0 0 18px;width:18px;height:18px;color:#087f5b;}
.dc-dash-layout .dc-history-search input[type="search"] {
  display:block;flex:1 1 auto;width:100%;min-width:0;height:46px;min-height:0;
  margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
  outline:0!important;box-shadow:none!important;background:transparent!important;
  appearance:none;-webkit-appearance:none;font-family:inherit;font-size:13px;
  font-weight:400;line-height:1.4;color:#102542;
}
.dc-dash-layout .dc-history-search input[type="search"]:focus {outline:0!important;box-shadow:none!important;}
.dc-dash-layout .dc-history-search input[type="search"]::placeholder {color:#708396;opacity:1;}
.dc-dash-layout .dc-history-count {font-size:12px;font-weight:600;color:#667891;white-space:nowrap;}
.dc-dash-layout .dc-history-table {width:100%;border-collapse:collapse;font-size:12px;}
.dc-dash-layout .dc-history-table th {font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:#697a8d;text-align:left;background:#f7f9f8;padding:15px 16px;}
.dc-dash-layout .dc-history-table td {padding:17px 16px;border-top:1px solid #e7edeb;color:#41536b;}
.dc-dash-layout .dc-history-table td strong {color:#102542;}
.dc-dash-layout .dc-history-table td small {display:block;margin-top:4px;font-size:11px;color:#6a7a8e;}
.dc-dash-layout .dc-history-table td a {font-size:12px;color:#087f5b;font-weight:700;white-space:nowrap;}
.dc-dash-layout .dc-history-table tr[hidden],.dc-dash-layout .dc-beneficiary-card[hidden],.dc-dash-layout .dc-mobile-tx[hidden] {display:none!important;}
.dc-dash-layout .dc-no-filter-result {padding:15px 20px;font-size:13px;color:#63758a;}
.dc-dash-layout .dc-beneficiary-search {margin:0 0 20px;background:#fff;}
.dc-dash-layout .dc-beneficiaries-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.dc-dash-layout .dc-beneficiary-card {border:1px solid #e0e7e5;border-radius:14px;padding:20px;background:#fff;display:flex;flex-direction:column;min-width:0;box-shadow:0 8px 25px #10254205;}
.dc-dash-layout .dc-beneficiary-heading {display:flex;align-items:flex-start;gap:11px;min-width:0;}
.dc-dash-layout .dc-beneficiary-heading>div {min-width:0;display:flex;flex-direction:column;justify-content:flex-start;gap:0;}
.dc-dash-layout .dc-beneficiary-heading h2 {font-family:"Libre Baskerville",Georgia,serif;font-size:14px;font-weight:800;line-height:1.3;margin:0;overflow-wrap:anywhere;}
.dc-dash-layout .dc-beneficiary-heading span:not(.dc-initial-pill) {display:block;margin:1px 0 0;font-size:11px;line-height:1.3;color:#697d8b;overflow-wrap:anywhere;}
.dc-dash-layout .dc-beneficiary-heading .dc-initial-pill {font-size:17px;font-weight:900;}
.dc-dash-layout .dc-beneficiary-card p {color:#67778e;font-size:12px;line-height:1.5;margin:20px 0 0;overflow-wrap:anywhere;}
.dc-dash-layout .dc-beneficiary-card-actions {border-top:1px solid #e9edec;margin-top:auto;padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:10px;}
.dc-dash-layout .dc-beneficiary-card-actions>a:first-child {font-size:12px;color:#087f5b;font-weight:700;}
.dc-dash-layout .dc-beneficiary-card-actions .dc-btn {font-size:11px;padding:9px 12px;white-space:nowrap;}
.dc-dash-layout .dc-beneficiaries-empty {grid-column:1/-1;max-width:490px;gap:12px;}
.dc-dash-layout .dc-beneficiaries-empty h2 {font-size:18px;}
.dc-dash-layout .dc-beneficiaries-empty p {margin:0;}
.dc-dash-layout .dc-account-form-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;}
.dc-dash-layout .dc-account-shortcuts {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 20px;}
.dc-dash-layout .dc-account-shortcuts a {display:flex;gap:10px;align-items:center;background:#fff;border:1px solid #e0e7e5;border-radius:10px;padding:14px;color:#102542;font-size:12px;font-weight:700;}
.dc-dash-layout .dc-account-shortcuts a:hover {border-color:#087f5b;color:#087f5b;}
.dc-dash-layout .dc-account-shortcuts i {color:#087f5b;}
.dc-dash-layout .dc-flow-page {padding:clamp(18px,2.9vw,39px);max-width:1230px;margin:0 auto;min-width:0;}
.dc-dash-layout .dc-flow-intro {margin-bottom:22px;}
.dc-dash-layout .dc-flow-intro h1 {font:700 clamp(24px,2.5vw,34px) "Libre Baskerville",Georgia,serif;margin:0 0 7px;color:#112744;}
.dc-dash-layout .dc-flow-intro p {font-size:13px;color:#64758d;margin:0;}
.dc-dash-layout .dc-flow-page .body-wrapper,.dc-dash-layout .dc-flow-page .card-body {min-width:0;}
.dc-dash-layout .dc-flow-page .custom-card {background:#fff;border:1px solid #e0e7e5;border-radius:15px;padding:0;box-shadow:none;}
.dc-dash-layout .dc-flow-page .dashboard-header-wrapper {padding:17px 20px 0;}
.dc-dash-layout .dc-flow-page .dashboard-header-wrapper h4 {font-size:16px;color:#112744;}
.dc-dash-layout .dc-flow-page .card-body {padding:20px;}
.dc-dash-layout .dc-flow-page .form--control {width:100%;min-width:0;max-width:100%;border:1px solid #dbe4e1;border-radius:9px;}
.dc-dash-layout .dc-flow-page .form-group label {font-size:12px;font-weight:700;color:#24364e;}
.dc-dash-layout .dc-flow-page img {max-width:100%;height:auto;}
.dc-dash-layout .dc-account-page .dc-form-card {min-width:0;}
.dc-dash-layout .dc-account-page .dc-input-group input {min-width:0;width:100%;max-width:100%;}
.dc-dash-layout .dc-dash-body>.dc-page-header,.dc-dash-layout .dc-dash-body>.dc-table-wrap {margin-left:clamp(17px,2.7vw,42px);margin-right:clamp(17px,2.7vw,42px);}
.dc-dash-layout .dc-dash-body>.dc-page-header {margin-top:clamp(18px,2.9vw,40px);}
.dc-dash-layout .dc-dash-body>.dc-table-wrap {margin-bottom:28px;}
.dc-dash-layout .dc-dash-body>.dc-page-header+div[style*="display:grid"],.dc-dash-layout .dc-dash-body>.dc-page-header~div[style*="display:grid"] {margin-left:clamp(17px,2.7vw,42px);margin-right:clamp(17px,2.7vw,42px);}
.dc-dash-layout .dc-dash-body>div[style*="display:grid"] {min-width:0;}
.dc-dash-layout .dc-form-card {min-width:0;}
.dc-dash-layout .dc-dash-body .dc-form-card input,.dc-dash-layout .dc-dash-body .dc-form-card select {max-width:100%;}
@media(max-width:1100px){.dc-dash-layout .dc-beneficiaries-grid {grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:760px){
 .dc-dash-layout .dc-beneficiaries-grid,.dc-dash-layout .dc-account-form-grid {grid-template-columns:minmax(0,1fr);}
 .dc-dash-layout .dc-account-shortcuts {grid-template-columns:minmax(0,1fr);}
 .dc-dash-layout .dc-history-toolbar {padding:13px 14px;flex-wrap:wrap;}
 .dc-dash-layout .dc-history-search {flex:1 1 100%;max-width:none;}
 .dc-dash-layout .dc-history-table {min-width:650px;}
 .dc-dash-layout .dc-flow-page {padding:18px 14px 102px;}
 .dc-dash-layout .dc-flow-page .card-body {padding:15px;}
 .dc-dash-layout .dc-flow-page .dashboard-header-wrapper {padding:15px 15px 0;}
 .dc-dash-layout .dc-dash-body>.dc-page-header,.dc-dash-layout .dc-dash-body>.dc-table-wrap,.dc-dash-layout .dc-dash-body>.dc-page-header+div[style*="display:grid"],.dc-dash-layout .dc-dash-body>.dc-page-header~div[style*="display:grid"] {margin-left:14px;margin-right:14px;}
 .dc-dash-layout .dc-dash-body>.dc-page-header+div[style*="grid-template-columns"],.dc-dash-layout .dc-dash-body>.dc-page-header~div[style*="grid-template-columns"] {grid-template-columns:minmax(0,1fr)!important;}
 .dc-dash-layout .dc-dash-body>.dc-table-wrap {margin-bottom:102px;}
 .dc-dash-layout .dc-beneficiary-card-actions {gap:7px;}
}
@media(max-width:360px){.dc-dash-layout .dc-beneficiary-card-actions {align-items:stretch;flex-direction:column;}.dc-dash-layout .dc-beneficiary-card-actions .dc-btn {justify-content:center;text-align:center;}}

/* Customer-only refinements: accessible focus and preserved beneficiary actions. */
.dc-dash-layout .dc-beneficiary-delete {margin-top:11px;text-align:right;}
.dc-dash-layout .dc-beneficiary-delete button {border:0;background:transparent;color:#a33e3e;font-size:11px;font-weight:650;cursor:pointer;padding:5px 0;}
.dc-dash-layout .dc-beneficiary-delete button:hover {color:#801b1b;text-decoration:underline;}
.dc-dash-layout a:focus-visible,.dc-dash-layout button:focus-visible,.dc-mobile-bottom-nav a:focus-visible {outline:3px solid #087f5b;outline-offset:3px;}
.dc-dash-layout .dc-customer-page-head,.dc-dash-layout .dc-overview-top,.dc-dash-layout .dc-overview-middle,.dc-dash-layout .dc-beneficiaries-grid,.dc-dash-layout .dc-account-form-grid {min-width:0;}
@media(max-width:720px){.dc-dash-layout .dc-beneficiary-delete {text-align:left;}.dc-dash-layout .dc-dash-main {min-width:0;}.dc-dash-layout .dc-dash-body {min-width:0;}}

/* Desktop customer scrolling is owned by the master-design layout below. */
.dc-dash-layout .dc-sidebar {display:flex;flex-direction:column;min-height:0;max-height:100dvh;}
.dc-dash-layout .dc-sidebar .dc-logo {flex:none;}
.dc-dash-layout .dc-side-nav {flex:none;min-width:0;}
.dc-dash-layout .dc-side-help {margin-top:auto;flex:none;}
.dc-dash-layout .dc-side-nav a,.dc-dash-layout .dc-sidebar-logout {min-width:0;overflow-wrap:anywhere;line-height:1.35;}
.dc-dash-layout .dc-dash-topbar {display:flex;align-items:center;justify-content:space-between;min-width:0;}
.dc-dash-layout .dc-dash-main,.dc-dash-layout .dc-dash-body {min-width:0;}
.dc-dash-layout .dc-customer-meta {display:flex;gap:7px;align-items:center;flex-wrap:wrap;min-width:0;}
.dc-dash-layout .dc-customer-phone {white-space:nowrap;}
.dc-dash-layout .dc-customer-top-actions a {white-space:nowrap;}
.dc-dash-layout .dc-customer-page {max-width:1310px;}
.dc-dash-layout .dc-support-cards {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.dc-dash-layout .dc-support-card {background:#fff;border:1px solid #dfe8e5;border-radius:13px;padding:24px;min-width:0;}
.dc-dash-layout .dc-support-card>i {color:#087f5b;font-size:19px;display:block;margin-bottom:18px;}
.dc-dash-layout .dc-support-card h2 {font:700 14px "Libre Baskerville",Georgia,serif;margin:0 0 11px;}
.dc-dash-layout .dc-support-card p {font-size:12px;line-height:1.6;color:#687891;margin:0 0 17px;}
.dc-dash-layout .dc-support-card a,.dc-dash-layout .dc-support-card .dc-support-action {font-size:12px;font-weight:700;color:#087f5b;}
.dc-dash-layout .dc-support-card .dc-support-action {background:transparent;border:0;padding:0;display:inline;cursor:pointer;text-align:left;}
.dc-dash-layout .dc-support-card .dc-support-action:focus-visible {outline:2px solid #087f5b;outline-offset:4px;}
.dc-dash-layout .dc-support-composer {margin:22px 0 28px;background:#fff;border:1px solid #dfe8e5;border-radius:13px;padding:25px;}
.dc-dash-layout .dc-support-composer[hidden] {display:none;}
.dc-dash-layout .dc-support-composer-heading {display:flex;align-items:start;justify-content:space-between;gap:14px;margin-bottom:22px;}
.dc-dash-layout .dc-support-composer-heading h2 {font-size:19px;margin:0 0 5px;color:#102542;}
.dc-dash-layout .dc-support-composer-heading p {font-size:12px;color:#63778a;margin:0;line-height:1.7;}
.dc-dash-layout .dc-support-close {background:transparent;border:1px solid #dfe8e5;color:#657791;border-radius:8px;padding:9px 12px;cursor:pointer;}
.dc-dash-layout .dc-support-form-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.dc-dash-layout .dc-support-form-grid .full {grid-column:1/-1;}
.dc-dash-layout .dc-support-form-grid .dc-input-group {margin:0;min-width:0;}
.dc-dash-layout .dc-support-form-grid input,.dc-dash-layout .dc-support-form-grid textarea {display:block;width:100%;min-width:0;}
.dc-dash-layout .dc-support-form-grid small {display:block;margin-top:7px;color:#63778a;font-size:11px;line-height:1.6;}
.dc-dash-layout .dc-support-form-actions {display:flex;gap:12px;margin-top:20px;flex-wrap:wrap;}
.dc-dash-layout .dc-support-validation {background:#fff4ef;color:#9b342b;border:1px solid #e8b8aa;padding:12px 16px;margin:14px 0;border-radius:9px;font-size:12px;}
@media(max-width:600px){.dc-dash-layout .dc-support-composer {padding:18px 14px;}.dc-dash-layout .dc-support-form-grid {grid-template-columns:minmax(0,1fr);}}
.dc-dash-layout .dc-support-subtitle {font:700 15px "Libre Baskerville",Georgia,serif;margin:28px 0 12px;}
.dc-dash-layout .dc-support-links {background:#fff;padding:8px 22px;border:1px solid #dfe8e5;border-radius:13px;}
.dc-dash-layout .dc-support-links>a {display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px;color:#64758b;padding:16px 0;border-bottom:1px solid #e7ebe9;}
.dc-dash-layout .dc-support-links>a:last-child {border-bottom:0;}
.dc-dash-layout .dc-support-links>a span:last-child {color:#087f5b;text-decoration:underline;text-underline-offset:2px;white-space:nowrap;}
.dc-dash-layout .dc-support-links small {font-size:11px;color:#7c899a;display:block;margin-top:4px;}
.dc-dash-layout .dc-transfer-header {margin-bottom:20px;}
.dc-dash-layout .dc-transfer-progress {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;list-style:none;padding:0;margin:0 0 21px;}
.dc-dash-layout .dc-transfer-progress li {display:flex;align-items:center;gap:9px;color:#738397;font-size:12px;white-space:nowrap;}
.dc-dash-layout .dc-transfer-progress li>span {width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#edf2f0;color:#718195;font-weight:800;flex:none;}
.dc-dash-layout .dc-transfer-progress li.active {color:#087f5b;font-weight:800;}
.dc-dash-layout .dc-transfer-progress li.active>span {color:#fff;background:#087f5b;}
.dc-dash-layout .dc-transfer-grid {display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.8fr);gap:18px;align-items:start;}
.dc-dash-layout .dc-transfer-form,.dc-dash-layout .dc-transfer-summary {padding:24px;min-width:0;}
.dc-dash-layout .dc-transfer-form h2,.dc-dash-layout .dc-transfer-summary h2 {font:700 17px "Libre Baskerville",Georgia,serif;margin:0 0 8px;}
.dc-dash-layout .dc-transfer-subtitle {margin:0 0 18px;color:#64758d;font-size:12px;}
.dc-dash-layout .dc-receiving-fieldset {border:0;margin:0 0 17px;padding:0;min-width:0;}
.dc-dash-layout .dc-receiving-fieldset legend {font-size:12px;color:#26384d;font-weight:800;margin-bottom:10px;}
.dc-dash-layout .dc-receiving-methods {display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;}
.dc-dash-layout .dc-receiving-option {position:relative;margin:0;cursor:pointer;}
.dc-dash-layout .dc-receiving-option input {position:absolute;width:1px;height:1px;opacity:0;}
.dc-dash-layout .dc-receiving-option-content {display:flex;align-items:center;gap:10px;padding:14px;border:1px solid #dfe7e4;border-radius:9px;color:#263a4f;font-size:12px;height:100%;}
.dc-dash-layout .dc-receiving-option-content i {font-size:19px;color:#087f5b;}
.dc-dash-layout .dc-receiving-option input:checked+.dc-receiving-option-content {border-color:#087f5b;background:#e9f4ef;box-shadow:0 0 0 1px #087f5b22;}
.dc-dash-layout .dc-receiving-option input:focus-visible+.dc-receiving-option-content {outline:3px solid #d4ae55;outline-offset:2px;}
.dc-dash-layout .dc-transfer-amount-fields {display:grid;gap:12px;}
.dc-dash-layout .dc-amount-field>span:first-child {display:block;font-size:12px;font-weight:700;color:#34495b;margin:0 0 6px;}
.dc-dash-layout .dc-amount-control {display:flex;align-items:center;gap:8px;padding:0 14px;border:1px solid #dce6e2;border-radius:9px;min-height:59px;min-width:0;}
.dc-dash-layout .dc-amount-control:focus-within {border-color:#087f5b;box-shadow:0 0 0 2px #087f5b15;}
.dc-dash-layout .dc-amount-control input {border:0!important;outline:0!important;box-shadow:none!important;width:100%;min-width:0;font:700 23px "Libre Baskerville",Georgia,serif;color:#112744;background:transparent;padding:8px 0;appearance:textfield;}
.dc-dash-layout .dc-amount-control input::-webkit-inner-spin-button,.dc-dash-layout .dc-amount-control input::-webkit-outer-spin-button {-webkit-appearance:none;margin:0;}
.dc-dash-layout .dc-amount-control strong {flex:none;font:700 12px "Libre Baskerville",Georgia,serif;white-space:nowrap;}
.dc-dash-layout .dc-amount-output {background:#fafcfb;}
.dc-dash-layout .dc-transfer-rate-note,.dc-dash-layout .dc-transfer-summary>p {font-size:11px;color:#6c7d8d;line-height:1.6;margin:14px 0 0;}
.dc-dash-layout .dc-transfer-error {font-size:12px;color:#a22e2e;margin:10px 0;}
.dc-dash-layout .dc-transfer-form-actions {display:flex;align-items:center;justify-content:space-between;margin-top:22px;gap:10px;}
.dc-dash-layout .dc-transfer-form-actions .dc-btn {min-width:112px;}
.dc-dash-layout .dc-transfer-summary-heading {display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:17px;}
.dc-dash-layout .dc-transfer-summary-heading h2 {margin:0;}
.dc-dash-layout .dc-estimate-indicator {color:#087f5b;font-size:10px;background:#e9f4ee;padding:5px 8px;border-radius:20px;}
.dc-dash-layout .dc-transfer-summary dl {margin:0;}
.dc-dash-layout .dc-transfer-summary dl>div {display:flex;align-items:center;justify-content:space-between;gap:13px;margin:0;padding:13px 0;border-bottom:1px solid #edf1ef;}
.dc-dash-layout .dc-transfer-summary dl dt {font:400 12px "Libre Baskerville",Georgia,serif;color:#63768d;}
.dc-dash-layout .dc-transfer-summary dl dd {font:700 12px "Libre Baskerville",Georgia,serif;margin:0;text-align:right;color:#112744;overflow-wrap:anywhere;}
.dc-dash-layout .dc-transfer-summary dl .dc-transfer-summary-total dd {font-size:19px;}
.dc-dash-layout .dc-transfer-summary dl .dc-transfer-summary-total {border-bottom:0;padding-top:19px;}
.dc-dash-layout .dc-transfer-notice {border-radius:10px;padding:13px;background:#fff9ec;color:#7b5b23;font-size:12px;margin-bottom:13px;}
@media(max-width:1200px){
 .dc-dash-layout .dc-transfer-grid {grid-template-columns:minmax(0,1.25fr) minmax(245px,.85fr);}
}
@media(max-width:1024px){
 .dc-dash-layout {display:block;padding-left:0;}
 .dc-dash-layout .dc-sidebar {position:fixed;top:0;bottom:0;left:0;max-height:100dvh;transform:translateX(-105%);transition:transform .2s ease;width:min(280px,85vw);height:100dvh;z-index:1150;overflow-x:hidden;overflow-y:auto;}
 .dc-dash-layout .dc-sidebar.open {left:0;transform:translateX(0);}
 .dc-dash-layout .dc-dash-topbar {z-index:101;}
 body.dc-menu-open {overflow:hidden;}
}
@media(max-width:760px){
 .dc-dash-layout .dc-support-cards {grid-template-columns:minmax(0,1fr);gap:11px;}
 .dc-dash-layout .dc-support-card {padding:20px;}
 .dc-dash-layout .dc-transfer-grid {display:flex;flex-direction:column;gap:13px;}
 .dc-dash-layout .dc-transfer-summary {order:-1;width:100%;padding:18px;}
 .dc-dash-layout .dc-transfer-form {width:100%;padding:18px;}
 .dc-dash-layout .dc-transfer-progress {gap:3px;}
 .dc-dash-layout .dc-transfer-progress li {font-size:9px;flex-direction:column;text-align:center;gap:6px;}
 .dc-dash-layout .dc-transfer-progress li>span {width:26px;height:26px;}
 .dc-dash-layout .dc-transfer-header {align-items:flex-start;gap:8px;}
 .dc-dash-layout .dc-transfer-exit {padding:8px 10px;font-size:11px;}
 .dc-dash-layout .dc-customer-page-head h1 {line-height:1.22;}
 .dc-dash-layout .dc-support-links {padding:4px 16px;}
}
@media(max-width:400px){
 .dc-dash-layout .dc-identification-copy {max-width:calc(100vw - 190px);}
 .dc-dash-layout .dc-customer-phone {display:none;}
 .dc-dash-layout .dc-user-chip .avatar {width:31px;height:31px;}
 .dc-dash-layout .dc-customer-top-actions {gap:3px;}
 .dc-dash-layout .dc-transfer-form-actions .dc-btn {min-width:0;}
}
@media(prefers-reduced-motion:reduce){
 .dc-dash-layout .dc-sidebar {transition:none;}
}
/* Keep account header visible during scroll regardless of legacy ancestor layout. */
.dc-dash-layout .dc-dash-topbar {
  position: fixed;
  top: 0;
  left: 228px;
  right: 0;
  width: auto;
  min-height: 83px;
  z-index: 101;
}
.dc-dash-layout .dc-dash-body {padding-top:83px;}
body.dc-menu-open {overflow:hidden!important;}
@media (max-width:1200px) and (min-width:1025px) {
  .dc-dash-layout {padding-left:205px;}
  .dc-dash-layout .dc-sidebar {width:205px;}
  .dc-dash-layout .dc-dash-topbar {left:205px;}
}
@media(max-width:1024px) {
  .dc-dash-layout .dc-dash-topbar {left:0;right:0;}
}
@media(max-width:720px) {
  .dc-dash-layout .dc-dash-topbar {min-height:65px;}
  .dc-dash-layout .dc-dash-body {padding-top:65px;padding-bottom:72px;}
}

.dc-dash-layout .dc-flow-progress {margin-bottom:24px;max-width:1060px;}
.dc-dash-layout .dc-flow-page .body-wrapper {width:100%;max-width:1060px;padding:0;margin:0;min-width:0;}
.dc-dash-layout .dc-flow-page .custom-card {overflow:visible;}
@media(max-width:760px){
 .dc-dash-layout .dc-flow-progress {padding:0;margin-bottom:16px;}
 .dc-dash-layout .dc-flow-page {padding:16px 14px 100px;}
 .dc-dash-layout .dc-flow-page .card-body {padding:15px;}
 .dc-dash-layout .dc-flow-page .form-group {min-width:0;}
}

/* Dash Cash UI hotfix: existing Australia/Pakistan flag artwork + safe beneficiary submit button. */
.dc-dash-layout .dc-country-corridor {display:flex;align-items:center;gap:11px;flex-wrap:wrap;}
.dc-dash-layout .dc-country-corridor>span {display:inline-flex;align-items:center;gap:7px;}
.dc-dash-layout .dc-country-corridor>i {font-size:11px;color:#8796a4;}
.dc-dash-layout .dc-country-corridor img,
.dc-dash-layout .dc-currency-label img {display:block;width:27px;height:18px;object-fit:cover;border-radius:3px;border:1px solid #dde5e8;flex:none;}
.dc-dash-layout .dc-currency-label {display:inline-flex;align-items:center;justify-content:flex-end;gap:7px;font:700 12px "Libre Baskerville",Georgia,serif;white-space:nowrap;flex:none;}
.dc-dash-layout .dc-recipient-send-form {display:inline-flex;margin:0;}
.dc-dash-layout .dc-recipient-send-form .dc-btn {cursor:pointer;font:inherit;}
@media(max-width:390px) {
    .dc-dash-layout .dc-currency-label {gap:5px;}
    .dc-dash-layout .dc-currency-label img {width:24px;height:16px;}
}

/* DASH CASH CUSTOMER UI - design alignment and accessible controls; scoped to signed-in pages.
   Reference: desktop PDF screens 13, 21-22; mobile 39-40, 47-48. */
.dc-dash-layout .dc-review-page {max-width:1140px;margin-inline:auto;}
.dc-dash-layout .dc-review-page .dc-transfer-header {margin-bottom:20px;}
.dc-dash-layout .dc-transfer-progress .dc-complete {color:#087f5b;font-weight:750;}
.dc-dash-layout .dc-transfer-progress .dc-complete>span {background:#087f5b;color:white;}
.dc-dash-layout .dc-review-grid {display:grid;grid-template-columns:minmax(0,1.55fr) minmax(270px,.95fr);gap:18px;align-items:start;}
.dc-dash-layout .dc-review-form,.dc-dash-layout .dc-review-summary {min-width:0;background:white;border:1px solid #e0e7e5;border-radius:14px;box-shadow:none;padding:22px;}
.dc-dash-layout .dc-review-form h2,.dc-dash-layout .dc-review-summary h2 {font:700 17px "Libre Baskerville",Georgia,serif;line-height:1.4;margin:0;color:#102542;}
.dc-dash-layout .dc-review-panel-title p {font-size:12px;line-height:1.5;color:#718196;margin:8px 0 0;}
.dc-dash-layout .dc-review-section {padding:22px 0;border-bottom:1px solid #e8eeeb;}
.dc-dash-layout .dc-review-section h3 {font:700 12px "Libre Baskerville",Georgia,serif;color:#112744;line-height:1.5;margin:0 0 13px;}
.dc-dash-layout .dc-review-section-title {display:flex;gap:12px;justify-content:space-between;align-items:center;}
.dc-dash-layout .dc-review-edit {border:0;background:transparent;padding:4px 0;color:#087f5b;font-size:12px;font-weight:700;cursor:pointer;}
.dc-dash-layout .dc-review-person {display:flex;align-items:center;gap:12px;min-width:0;}
.dc-dash-layout .dc-review-person-avatar {display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:11px;color:#087f5b;background:#e9f3ee;font-size:12px;font-weight:800;flex:none;}
.dc-dash-layout .dc-review-person>div {display:flex;flex-direction:column;min-width:0;}
.dc-dash-layout .dc-review-person strong {font-size:13px;color:#102542;overflow-wrap:anywhere;}
.dc-dash-layout .dc-review-person small {font-size:11px;color:#65758b;overflow-wrap:anywhere;}
.dc-dash-layout .dc-review-detail {font-size:12px;color:#42546c;line-height:1.4;margin:7px 0 0;}
.dc-dash-layout .dc-review-method {display:flex;gap:12px;align-items:center;border:1px solid #b4d9ca;background:#edf6f1;border-radius:10px;padding:13px;color:#087f5b;}
.dc-dash-layout .dc-review-method i {font-size:17px;flex:none;}
.dc-dash-layout .dc-review-method div {display:flex;flex-direction:column;min-width:0;}
.dc-dash-layout .dc-review-method strong {font-size:12px;font-weight:800;color:#112744;}
.dc-dash-layout .dc-review-method small {font-size:11px;color:#667a8c;}
.dc-dash-layout .dc-review-pricing,.dc-dash-layout .dc-review-summary dl {margin:0;}
.dc-dash-layout .dc-review-pricing>div,.dc-dash-layout .dc-review-summary dl>div {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:14px;padding:12px 0;border-bottom:1px solid #e7eeea;}
.dc-dash-layout .dc-review-pricing dt,.dc-dash-layout .dc-review-summary dt {font:400 12px "Libre Baskerville",Georgia,serif;color:#65758b;line-height:1.5;}
.dc-dash-layout .dc-review-pricing dd,.dc-dash-layout .dc-review-summary dd {font:700 12px "Libre Baskerville",Georgia,serif;color:#102542;line-height:1.5;text-align:right;margin:0;overflow-wrap:anywhere;min-width:0;}
.dc-dash-layout .dc-review-pricing .dc-review-total,.dc-dash-layout .dc-review-summary .dc-review-summary-total {padding-top:17px;border-bottom:0;}
.dc-dash-layout .dc-review-pricing .dc-review-total dd {font-size:15px;}
.dc-dash-layout .dc-review-summary .dc-review-summary-total dd {font-size:19px;}
.dc-dash-layout .dc-review-summary>p,.dc-dash-layout .dc-review-note {font-size:11px;line-height:1.6;color:#718196;margin:13px 0 0;}
.dc-dash-layout .dc-review-summary>p:first-of-type {margin-top:22px;}
.dc-dash-layout .dc-review-consents {display:grid;gap:15px;padding:20px 0;border-bottom:1px solid #e7eeea;}
.dc-dash-layout .dc-review-consent {min-width:0;}
.dc-dash-layout .dc-review-consent label {display:grid!important;grid-template-columns:17px minmax(0,1fr)!important;gap:12px;align-items:start;width:100%;max-width:none;padding:0;margin:0;cursor:pointer;}
.dc-dash-layout .dc-review-consent label input[type=checkbox] {display:block!important;position:static!important;float:none!important;appearance:auto!important;inline-size:16px!important;block-size:16px!important;flex:none;margin:2px 0 0!important;padding:0!important;opacity:1!important;accent-color:#087f5b;visibility:visible!important;}
.dc-dash-layout .dc-review-consent label span {display:block;font:400 12px/1.6 "Libre Baskerville",Georgia,serif;color:#283c55;white-space:normal;min-width:0;}
.dc-dash-layout .dc-review-consent label a {font-weight:650;color:#087f5b;text-decoration:underline;text-underline-offset:2px;}
.dc-dash-layout .dc-review-consent .dc-approved-error {margin:7px 0 0 29px;font-size:12px;}
.dc-dash-layout .dc-review-actions {display:flex;justify-content:space-between;align-items:center;gap:14px;padding-top:20px;}
.dc-dash-layout .dc-review-actions .dc-btn {min-width:112px;display:inline-flex;align-items:center;justify-content:center;gap:8px;}
.dc-dash-layout .dc-beneficiary-page {max-width:740px;}
.dc-dash-layout .dc-beneficiary-dialog-shell {width:100%;max-width:580px;margin:0 auto;}
.dc-dash-layout .dc-beneficiary-dialog-shell>.row {margin-left:0;margin-right:0;}
.dc-dash-layout .dc-beneficiary-dialog-shell>.row>div {padding:0;flex:0 0 100%;max-width:100%;}
.dc-dash-layout .dc-beneficiary-dialog {border:1px solid #e0e7e5;border-radius:16px;box-shadow:0 12px 40px rgba(16,37,66,.06);overflow:visible;background:#fff;}
.dc-dash-layout .dc-beneficiary-dialog .dc-beneficiary-dialog-header {display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:24px 24px 0;}
.dc-dash-layout .dc-beneficiary-dialog-header .title {font:700 21px/1.35 "Libre Baskerville",Georgia,serif;color:#102542;margin:0;}
.dc-dash-layout .dc-beneficiary-dialog-header p {font-size:12px;line-height:1.6;color:#687a91;margin:9px 0 0;}
.dc-dash-layout .dc-dialog-close {display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex:none;border-radius:8px;color:#5a6a7d;background:#f5f7f7;font-size:14px;}
.dc-dash-layout .dc-dialog-close:hover {color:#087f5b;background:#e9f3ee;}
.dc-dash-layout .dc-beneficiary-dialog .card-body {padding:21px 24px 25px;}
.dc-dash-layout .dc-beneficiary-fields {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:15px 14px;margin:0;}
.dc-dash-layout .dc-beneficiary-fields>div {float:none;width:100%;max-width:none;min-width:0;flex:none!important;padding:0;margin:0;}
.dc-dash-layout .dc-beneficiary-fields>div:nth-child(1) {order:1;}
.dc-dash-layout .dc-beneficiary-fields>div:nth-child(2) {order:2;}
.dc-dash-layout .dc-beneficiary-fields>div:nth-child(4) {order:3;}
.dc-dash-layout .dc-beneficiary-fields>.dc-beneficiary-phone {grid-column:auto;order:4;}
.dc-dash-layout .dc-beneficiary-fields>.dc-beneficiary-bank-name {order:5;}
.dc-dash-layout .dc-beneficiary-fields>.dc-beneficiary-relationship {order:6;}
.dc-dash-layout .dc-beneficiary-fields.dc-beneficiary-without-bank-details>.dc-beneficiary-relationship {grid-column:1/-1;}
.dc-dash-layout .dc-beneficiary-fields>.dc-beneficiary-country {order:7;}
.dc-dash-layout .dc-beneficiary-fields>.dc-beneficiary-state {order:8;}
.dc-dash-layout .dc-beneficiary-fields>.dc-beneficiary-location-row {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-column:1/-1;gap:15px 14px;order:7;}
.dc-dash-layout .dc-beneficiary-location-row>.form-group {width:100%;min-width:0;margin:0;}
.dc-dash-layout .dc-beneficiary-phone-row {display:flex;align-items:stretch;gap:8px;}
.dc-dash-layout .dc-beneficiary-phone .dc-phone-hint {display:block;margin-top:6px;color:#718394;font-size:11px;line-height:1.5;}
.dc-dash-layout .dc-beneficiary-fields>.transaction-type {grid-column:1/-1;order:9;}
.dc-dash-layout .dc-beneficiary-fields>.trx-inputs:not(.bt-view) {grid-column:1/-1;order:10;}
.dc-dash-layout .dc-beneficiary-fields>div:last-child {grid-column:1/-1;order:10;}
.dc-dash-layout .dc-beneficiary-fields>.trx-inputs>.row {margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 14px;}
.dc-dash-layout .dc-beneficiary-fields>.trx-inputs>.row>div {flex:none;max-width:100%;width:100%;padding:0;margin:0;min-width:0;}
.dc-dash-layout .dc-beneficiary-fields>.dc-beneficiary-bank-details>.dc-beneficiary-bank-details-row {grid-template-columns:minmax(0,1fr);}
.dc-dash-layout .dc-beneficiary-dialog .form-group label {display:block;font:700 12px/1.5 "Libre Baskerville",Georgia,serif;color:#112744;margin:0 0 6px;}
.dc-dash-layout .dc-beneficiary-dialog .form--control,.dc-dash-layout .dc-beneficiary-dialog input:not([type=checkbox]),.dc-dash-layout .dc-beneficiary-dialog select,.dc-dash-layout .dc-beneficiary-dialog textarea {height:auto;min-height:43px;width:100%;max-width:100%;padding:10px 12px;border:1px solid #dce5e1;border-radius:9px;background:#fff;font-size:13px;color:#273953;}
.dc-dash-layout .dc-beneficiary-dialog textarea {min-height:75px!important;resize:vertical;}
.dc-dash-layout .dc-beneficiary-dialog .select2-container {max-width:100%!important;min-width:0;width:100%!important;}
.dc-dash-layout .dc-beneficiary-dialog .select2-selection--single {height:43px!important;min-height:43px!important;border:1px solid #dce5e1!important;border-radius:9px!important;padding:6px 5px!important;}
.dc-dash-layout .dc-beneficiary-dialog .select2-selection__rendered {line-height:30px!important;padding-inline-start:8px!important;font-size:13px;}
.dc-dash-layout .dc-beneficiary-dialog .select2-selection__arrow {height:40px!important;}
.dc-dash-layout .dc-beneficiary-dialog .form--control:focus,.dc-dash-layout .dc-beneficiary-dialog input:focus {border-color:#087f5b;outline:2px solid #087f5b33;}
.dc-dash-layout .dc-beneficiary-dialog .dc-beneficiary-actions {display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:19px 0 0;border-top:1px solid #e8eeeb;margin-top:20px;}
.dc-dash-layout .dc-beneficiary-privacy {font-size:11px;line-height:1.6;color:#667a8c;margin:0;}
.dc-dash-layout .dc-beneficiary-dialog .dc-beneficiary-save {display:inline-flex!important;align-items:center;justify-content:center;gap:9px;width:auto!important;min-width:165px;max-width:100%;padding:11px 18px;border-radius:9px;line-height:1.3;font-size:13px;}
@media (max-width:1100px){
 .dc-dash-layout .dc-review-grid {grid-template-columns:minmax(0,1.3fr) minmax(240px,.8fr);gap:12px;}
 .dc-dash-layout .dc-review-form,.dc-dash-layout .dc-review-summary {padding:18px;}
}
@media (max-width:820px){
 .dc-dash-layout .dc-review-grid {display:flex;flex-direction:column;gap:13px;}
 .dc-dash-layout .dc-review-summary {order:-1;width:100%;}
 .dc-dash-layout .dc-review-form {width:100%;}
 .dc-dash-layout .dc-review-page {padding-bottom:100px;}
}
@media (max-width:520px){
 .dc-dash-layout .dc-review-form,.dc-dash-layout .dc-review-summary {padding:16px;border-radius:12px;}
 .dc-dash-layout .dc-review-form h2,.dc-dash-layout .dc-review-summary h2 {font-size:16px;}
 .dc-dash-layout .dc-review-actions {gap:9px;}
 .dc-dash-layout .dc-review-actions .dc-btn {font-size:11px;padding:10px 12px;min-width:76px;}
 .dc-dash-layout .dc-review-consent label span {font-size:12px;}
 .dc-dash-layout .dc-beneficiary-page {padding:16px 12px 105px;}
 .dc-dash-layout .dc-beneficiary-dialog .dc-beneficiary-dialog-header {padding:18px 15px 0;}
 .dc-dash-layout .dc-beneficiary-dialog .card-body {padding:18px 15px;}
 .dc-dash-layout .dc-beneficiary-fields {grid-template-columns:minmax(0,1fr);gap:13px;}
 .dc-dash-layout .dc-beneficiary-fields>.trx-inputs>.row {grid-template-columns:minmax(0,1fr);gap:13px;}
 .dc-dash-layout .dc-beneficiary-fields>.dc-beneficiary-location-row {grid-template-columns:minmax(0,1fr);gap:13px;}
 .dc-dash-layout .dc-beneficiary-fields>div {grid-column:1/-1;}
 .dc-dash-layout .dc-beneficiary-dialog .dc-beneficiary-save {width:100%!important;}
}
/* Type and controls: override legacy theme styles only within the adjusted customer cards. */
.dc-dash-layout .dc-review-form h2,
.dc-dash-layout .dc-review-summary h2,
.dc-dash-layout .dc-review-section h3,
.dc-dash-layout .dc-beneficiary-dialog-header .title,
.dc-dash-layout .dc-review-actions .dc-btn,
.dc-dash-layout .dc-beneficiary-dialog .dc-beneficiary-save {font-family:"Libre Baskerville",Georgia,serif!important;}
.dc-dash-layout .dc-review-form h2,.dc-dash-layout .dc-review-summary h2 {font-size:17px!important;font-weight:750!important;}
.dc-dash-layout .dc-review-section h3 {font-size:13px!important;font-weight:750!important;}
.dc-dash-layout .dc-beneficiary-dialog-header .title {font-size:21px!important;line-height:1.3!important;}
.dc-dash-layout .dc-review-actions .dc-btn,.dc-dash-layout .dc-beneficiary-dialog .dc-beneficiary-save {font-size:13px!important;font-weight:700!important;}
.dc-dash-layout .dc-beneficiary-dialog .form-group label,
.dc-dash-layout .dc-beneficiary-dialog .form--control,
.dc-dash-layout .dc-beneficiary-dialog .form-group input,
.dc-dash-layout .dc-beneficiary-dialog .form-group select,
.dc-dash-layout .dc-beneficiary-dialog .form-group textarea {font-family:"Libre Baskerville",Georgia,serif!important;}
.dc-dash-layout .dc-review-consent label span {font-family:"Libre Baskerville",Georgia,serif!important;}

/* Restored mobile customer menu, with the existing five-tab bottom navigation. */
.dc-menu-scrim {position:fixed;inset:0;z-index:1140;border:0;margin:0;padding:0;
 background:rgba(8,24,38,.56);cursor:pointer;}
.dc-menu-scrim[hidden] {display:none!important;}
@media(max-width:1024px) {
  .dc-dash-layout .dc-sidebar {display:flex!important;max-width:min(280px,85vw);
    padding-bottom:calc(20px + env(safe-area-inset-bottom));}
  .dc-dash-layout .dc-sidebar-toggle {display:inline-flex!important;align-items:center;justify-content:center;
    min-width:36px;min-height:36px;font-size:19px;color:#112744;}
  .dc-dash-layout .dc-dash-topbar {left:0!important;right:0!important;}
  .dc-dash-layout .dc-dash-body {padding-bottom:max(82px,env(safe-area-inset-bottom));}
}
@media(min-width:1025px) {
  .dc-menu-scrim {display:none!important;}
  .dc-dash-layout .dc-sidebar-toggle {display:none!important;}
}
/* Keep the same five-tab mobile navigation available on narrow tablets, so
   there is never a width range without account navigation. */
@media (min-width:721px) and (max-width:1024px) {
    .dc-mobile-bottom-nav { position:fixed;bottom:0;left:0;right:0;z-index:1090;display:flex;
       justify-content:space-between;align-items:end;background:#fff;border-top:1px solid #e0e7e5;
       padding:7px 14px calc(7px + env(safe-area-inset-bottom));
       box-shadow:0 -2px 15px #1025420d; }
    .dc-mobile-bottom-nav a { display:flex;flex:1;min-width:0;flex-direction:column;gap:5px;
       align-items:center;justify-content:center;color:#687992;font-size:10px;font-weight:700;text-align:center; }
    .dc-mobile-bottom-nav i { font-size:16px; }
    .dc-mobile-bottom-nav a.active { color:#087f5b; }
    .dc-mobile-bottom-nav a.dc-mobile-send i { border-radius:13px;padding:12px;background:#087f5b;
       color:white;margin-top:-17px;box-shadow:0 5px 10px #087f5b22; }
}

/* Beneficiary form polish: matches the reference's restrained one-card layout.
   All existing fields and their backend names remain untouched. */
.dc-dash-layout .dc-beneficiary-page {width:100%;max-width:100%;padding:clamp(16px,2.4vw,32px) 16px 115px;}
.dc-dash-layout .dc-beneficiary-dialog-shell.body-wrapper {width:100%!important;max-width:560px!important;margin-left:auto!important;margin-right:auto!important;}
.dc-dash-layout .dc-beneficiary-dialog {border-radius:14px;box-shadow:0 8px 25px rgba(16,37,66,.035);}
.dc-dash-layout .dc-beneficiary-dialog .dc-beneficiary-dialog-header {padding:24px 24px 0;}
.dc-dash-layout .dc-beneficiary-fields {row-gap:14px;column-gap:12px;}
.dc-dash-layout .dc-beneficiary-fields>.trx-inputs>.row {grid-template-columns:minmax(0,1fr);gap:13px;}
.dc-dash-layout .dc-beneficiary-dialog .form-group {min-width:0;}
.dc-dash-layout .dc-beneficiary-dialog .form-group label {margin-bottom:6px;}
.dc-dash-layout .dc-beneficiary-dialog .form--control,
.dc-dash-layout .dc-beneficiary-dialog .form-group input:not([type=checkbox]),
.dc-dash-layout .dc-beneficiary-dialog .form-group select {min-height:44px;}
.dc-dash-layout .dc-beneficiary-dialog .card-body {padding:19px 24px 24px;}
.dc-dash-layout .dc-beneficiary-dialog .dc-beneficiary-actions {gap:14px;margin-top:19px;padding-top:15px;}
@media(max-width:520px) {
  .dc-dash-layout .dc-beneficiary-page {padding:12px 12px 104px;}
  .dc-dash-layout .dc-beneficiary-dialog .dc-beneficiary-dialog-header {padding:20px 16px 0;}
  .dc-dash-layout .dc-beneficiary-dialog .card-body {padding:17px 16px 20px;}
  .dc-dash-layout .dc-beneficiary-fields {row-gap:13px;}
  .dc-dash-layout .dc-beneficiary-dialog .dc-beneficiary-save {width:auto!important;max-width:100%;min-width:155px;}
}
/* Accessible close control for the restored mobile menu. */
.dc-dash-layout .dc-sidebar-close {display:none;}
@media(max-width:1024px) {
  .dc-dash-layout .dc-sidebar-close {display:flex!important;align-items:center;justify-content:center;
    position:absolute;top:23px;right:13px;z-index:2;width:34px;height:34px;
    border:1px solid #e0e7e5;border-radius:9px;background:#fff;color:#102542;cursor:pointer;}
  .dc-dash-layout .dc-sidebar-close:focus-visible {outline:3px solid #d4ae55;outline-offset:3px;}
  .dc-dash-layout .dc-sidebar .dc-logo {margin-right:38px;}
}

/* Shared website theme, font, forms and responsive corrections. */
/* Dash Cash brand continuity and responsive fixes — public frontend + customer pages.
   Loaded LAST so older theme/Bootstrap and page-level styles cannot restore purple/blue.
   Icon fonts are deliberately excluded from font-family overrides. */

body.dc-theme,
body.dc-theme .dc-dash-layout,
body.dc-theme .dc-auth-form-card,
body.dc-theme .dc-approved-nav,
body.dc-theme button,
body.dc-theme input,
body.dc-theme select,
body.dc-theme textarea,
body.dc-theme optgroup,
body.dc-theme .dc-dash-layout .dc-review-consent label span,
body.dc-theme .dc-dash-layout .dc-beneficiary-dialog .form-group textarea {
  font-family: var(--dc-font) !important;
}
/* Icon glyphs must never inherit the site's Libre Baskerville text font.
   The legacy .fa class is still used by password-eye buttons and checklist
   markers; including it here fixes missing squares on onboarding pages. */
body.dc-theme :is(.fa,.fas,.fa-solid),
body.dc-theme i[class^="fa-"],body.dc-theme i[class*=" fa-"] {
  font-family:"Font Awesome 5 Free" !important;
  font-style:normal;
  font-weight:900 !important;
}
body.dc-theme :is(.far,.fa-regular) {
  font-family:"Font Awesome 5 Free" !important;
  font-style:normal;
  font-weight:400 !important;
}
body.dc-theme :is(.fab,.fa-brands) {
  font-family:"Font Awesome 5 Brands" !important;
  font-style:normal;
  font-weight:400 !important;
}
body.dc-theme :is(.las,.la-solid) {
  font-family:"Line Awesome Free" !important;
  font-style:normal;
  font-weight:900 !important;
}
body.dc-theme :is(.lar,.la-regular) {
  font-family:"Line Awesome Free" !important;
  font-style:normal;
  font-weight:400 !important;
}
body.dc-theme :is(.lab,.la-brands) {
  font-family:"Line Awesome Brands" !important;
  font-style:normal;
  font-weight:400 !important;
}

/* Checkboxes stay beside a single, natural-wrapping text container (including links). */
body.dc-theme .dc-acceptance-check,
body.dc-theme .dc-checkbox-row {min-width:0;max-width:100%;}
body.dc-theme .dc-acceptance-check label,
body.dc-theme .dc-checkbox-row label.dc-checkbox,
body.dc-theme .dc-dash-layout .dc-review-consent label {
  display:grid !important;
  grid-template-columns:20px minmax(0,1fr) !important;
  align-items:start;
  column-gap:11px;
  width:100%;
  min-width:0;
  max-width:100%;
  margin:0;
  text-align:left;
  line-height:1.65;
  cursor:pointer;
}
body.dc-theme .dc-acceptance-check label > input[type="checkbox"],
body.dc-theme .dc-checkbox-row label.dc-checkbox > input[type="checkbox"],
body.dc-theme .dc-dash-layout .dc-review-consent label > input[type="checkbox"] {
  position:static !important;
  display:block !important;
  appearance:auto !important;
  width:19px !important;
  height:19px !important;
  min-width:19px;
  margin:2px 0 0 !important;
  padding:0 !important;
  float:none !important;
  opacity:1 !important;
  accent-color:#087f5b !important;
}
body.dc-theme .dc-consent-text,
body.dc-theme .dc-checkbox-row label.dc-checkbox > span,
body.dc-theme .dc-dash-layout .dc-review-consent label > span {
  display:block;
  min-width:0;
  overflow-wrap:break-word;
  white-space:normal;
  color:#183a2b;
  line-height:1.65;
}
body.dc-theme .dc-acceptance-check a,
body.dc-theme .dc-checkbox-row a,
body.dc-theme .dc-dash-layout .dc-review-consent a {color:#087f5b !important;text-decoration:underline;text-underline-offset:2px;}
body.dc-theme input[type="checkbox"],body.dc-theme input[type="radio"] {accent-color:#087f5b;}
body.dc-theme input:focus-visible,body.dc-theme select:focus-visible,
body.dc-theme textarea:focus-visible,body.dc-theme button:focus-visible,
body.dc-theme a:focus-visible {outline-color:#087f5b;}

/* Legacy Bootstrap actions and information hues should not override brand green. */
body.dc-theme .btn-primary,body.dc-theme .btn--base:not(.active):not(.bg-danger):not(.bg-warning):not(.bg-success),
body.dc-theme .dc-btn-primary,body.dc-theme .dc-approved-btn-primary,
body.dc-theme .page-item.active .page-link,
body.dc-theme .badge-primary,body.dc-theme .bg-primary {
  background-color:#087f5b !important;
  border-color:#087f5b !important;
  color:#fff !important;
}
body.dc-theme .btn-primary:hover,body.dc-theme .btn-primary:focus,
body.dc-theme .btn--base:not(.active):not(.bg-danger):not(.bg-warning):not(.bg-success):hover,
body.dc-theme .dc-btn-primary:hover,body.dc-theme .dc-btn-primary:focus-visible,
body.dc-theme .dc-approved-btn-primary:hover {
  background-color:#fff !important;border-color:#087f5b !important;color:#087f5b !important;
}
body.dc-theme .btn-outline-primary,body.dc-theme .dc-btn-outline {
  border-color:#087f5b !important;color:#087f5b !important;
}
body.dc-theme .btn-outline-primary:hover,body.dc-theme .dc-btn-outline:hover {
  background-color:#087f5b !important;border-color:#087f5b !important;color:#fff !important;
}
body.dc-theme .text-primary,body.dc-theme .text--info,
body.dc-theme .page-link,body.dc-theme .breadcrumb a,
body.dc-theme .alert-primary a {color:#087f5b !important;}
body.dc-theme .alert-primary,body.dc-theme .dc-alert-theme,
body.dc-theme .bg-info {background:#e9f4ee !important;color:#183a2b !important;border-color:#c5e5d8 !important;}
body.dc-theme .border-primary {border-color:#087f5b !important;}
body.dc-theme .form-control:focus,body.dc-theme .form--control:focus,
body.dc-theme .form-check-input:focus,body.dc-theme .form-check-input:checked {
  border-color:#087f5b !important;
  box-shadow:0 0 0 .17rem rgba(8,127,91,.14);
}
body.dc-theme .form-check-input:checked {background-color:#087f5b !important;}
body.dc-theme .dc-alert-theme {padding:13px 16px;border:1px solid #c5e5d8;border-radius:10px;}

/* Prevent minimum-content widths from pushing phone-sized screens horizontally. */
body.dc-theme .dc-dash-layout,body.dc-theme .dc-dash-main,
body.dc-theme .dc-dash-body,body.dc-theme .dc-customer-page,
body.dc-theme .dc-flow-page,body.dc-theme .dc-flow-page .body-wrapper,
body.dc-theme .dc-review-grid,body.dc-theme .dc-transfer-grid,
body.dc-theme .dc-approved-grid-2,body.dc-theme .dc-approved-grid-3,
body.dc-theme .dc-approved-grid-4 {min-width:0;max-width:100%;}
body.dc-theme img,body.dc-theme video,body.dc-theme svg {max-width:100%;}
body.dc-theme .dc-invite-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start;}
body.dc-theme .dc-table-wrap,body.dc-theme .table-responsive,
body.dc-theme .custom-table-wrapper {max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
body.dc-theme table {max-width:100%;}
@media (max-width:900px) {
  body.dc-theme .dc-invite-grid {grid-template-columns:minmax(0,1fr);gap:16px;}
  body.dc-theme .dc-transfer-grid,body.dc-theme .dc-review-grid {grid-template-columns:minmax(0,1fr);}
}
@media (max-width:600px) {
  body.dc-theme .dc-input-row {grid-template-columns:minmax(0,1fr);}
  body.dc-theme .dc-auth-form-card {max-width:100%;min-width:0;}
  body.dc-theme .dc-acceptance-check {padding:12px;}
  body.dc-theme .dc-customer-page-head {flex-wrap:wrap;gap:12px;}
  body.dc-theme .dc-customer-page-head > div {min-width:0;}
  body.dc-theme .dc-customer-page-head .dc-btn {max-width:100%;white-space:normal;text-align:center;}
  body.dc-theme .dc-review-actions,body.dc-theme .dc-transfer-form-actions {flex-wrap:wrap;}
  body.dc-theme .dc-approved-grid-2,body.dc-theme .dc-approved-grid-3,
  body.dc-theme .dc-approved-grid-4 {grid-template-columns:minmax(0,1fr);}
}
@media (max-width:380px) {
  body.dc-theme .dc-dash-layout .dc-review-form,body.dc-theme .dc-dash-layout .dc-review-summary {padding:14px;}
  body.dc-theme .dc-dash-layout .dc-transfer-form,body.dc-theme .dc-dash-layout .dc-transfer-summary {padding:14px;}
}

/* Design tokens: shared hierarchy, spacing and readable text across the public
   pages, registration flow, standalone OTP pages and signed-in account area. */
body.dc-theme {
  --dc-primary:#087f5b;
  --dc-primary-dark:#066d4f;
  --dc-primary-light:#e9f4ee;
  --dc-accent:#0b8b68;
  --dc-a-green:#087f5b;
  --dc-update-green:#087f5b;
  --dc-heading-font:var(--dc-font);
  --dc-font-page-title:42px;
  --dc-font-section-title:32px;
  --dc-font-card-title:20px;
  --dc-font-small-heading:16px;
  --dc-font-body:15px;
  --dc-ink:#102542;
  --dc-para-color:#42546a;
  font-family:var(--dc-font)!important;
  font-size:var(--dc-font-body);
  line-height:1.65;
}
body.dc-theme :is(h1,h2,h3,h4,h5,h6) {
  font-family:var(--dc-heading-font)!important;
  font-weight:700!important;
  overflow-wrap:break-word;
}
body.dc-theme :is(p,li,dd,dt,blockquote) {overflow-wrap:break-word;}
body.dc-standalone .account .title {font-size:var(--dc-font-page-title)!important;line-height:1.18!important;font-weight:700!important;letter-spacing:-.02em;}
/* Account uses the same type family/weight and an intentionally compact app scale. */
body.dc-user {
  --dc-font-page-title:26px;
  --dc-font-section-title:22px;
  --dc-font-card-title:17px;
  --dc-font-small-heading:14px;
  --dc-font-body:15px;
}
body.dc-user :is(.dc-page-header h2,.dc-dash-greeting h2,.dc-customer-page-head h1,.dc-customer-page-head h2,.dc-transfer-title) {
  font-size:var(--dc-font-page-title)!important;font-weight:700!important;line-height:1.3!important;
}
body.dc-user :is(.dc-panel-header h3,.dc-form-card h3,.dc-review-form h2,.dc-review-summary h2,.dc-transfer-form h2,.dc-transfer-summary h2) {
  font-size:var(--dc-font-section-title)!important;font-weight:700!important;line-height:1.35!important;
}
body.dc-user :is(.dc-review-section h3,.dc-dash-card .value,.dc-beneficiary-dialog-header .title,.dc-support-page .dc-ticket-history__subject) {
  font-weight:700!important;
}
body.dc-theme :is(.dc-acceptance-check label,.dc-checkbox-row label.dc-checkbox,.dc-review-consent label) {
  font-size:13px;line-height:1.65;
}

/* Prevent legacy button/link classes restoring Bootstrap blue or purple. Keep
   errors and destructive actions red, warnings amber and native brand logos intact. */
body.dc-theme :is(.btn-info,.btn-outline-info,.text-info,.link-primary,.link-info,.bg--primary,
                  .btn--primary,.badge--primary,.badge-info,.bg--info) {border-color:#087f5b!important;}
body.dc-theme :is(.btn-info,.btn--primary,.bg--primary,.badge--primary,.badge-info,.bg--info) {
  background:#087f5b!important;color:#fff!important;
}
body.dc-theme :is(.btn-outline-info,.text-info,.link-primary,.link-info) {color:#087f5b!important;}
body.dc-theme .dc-side-nav a:hover,
body.dc-theme .dc-side-nav a.active {color:#087f5b!important;background-color:#e9f4ee!important;}
body.dc-theme .mfp-wrap {z-index:3100!important;}
body.dc-theme .mfp-bg {z-index:3090!important;}
body.dc-theme .mfp-content {max-width:min(100%,560px);}
body.dc-theme .white-popup {max-width:calc(100vw - 24px);box-sizing:border-box;}
body.dc-theme .mfp-wrap .btn--base:not(.bg-danger):not(.bg-warning) {
  border-color:#087f5b!important;background:#087f5b!important;color:#fff!important;
}
body.dc-theme .mfp-wrap .btn--base.bg-danger {background:#dc3545!important;border-color:#dc3545!important;color:#fff!important;}

/* Responsive overflow: long identifiers, grid children, links, cards and forms. */
body.dc-theme .dc-dash-layout {grid-template-columns:260px minmax(0,1fr);}
body.dc-theme :is(.dc-dash-main,.dc-dash-body,.dc-dash-card,.dc-panel,.dc-form-card,
 .dc-approved-card,.dc-auth-right,.dc-auth-form-card,.dc-transfer-page,.dc-review-page,
 .dc-customer-page,.dc-input-group,.dc-input-wrap,.dc-client-figure,.dc-approved-grid-2 > *,
 .dc-approved-grid-3 > *,.dc-approved-grid-4 > *) {min-width:0;}
body.dc-theme :is(.dc-dash-body,.dc-customer-page,.dc-review-page,.dc-transfer-page) {
 overflow-wrap:break-word;
}
body.dc-theme :is(.dc-dash-body,.dc-customer-page,.dc-review-page,.dc-transfer-page) input:not([type=checkbox]):not([type=radio]),
body.dc-theme :is(.dc-dash-body,.dc-customer-page,.dc-review-page,.dc-transfer-page) :is(textarea,select) {
 max-width:100%;min-width:0;
}
body.dc-theme :is(.dc-approved-actions,.dc-content-link-row,.dc-review-actions,.dc-transfer-form-actions) {
 max-width:100%;row-gap:12px;
}
body.dc-theme .dc-dash-layout :is(.dc-transfer-progress,.dc-tabs,.nav-tabs) {
 overflow-x:auto;overscroll-behavior-inline:contain;
 scrollbar-width:thin;
}
body.dc-theme .dc-dash-layout :is(.table-responsive,.dc-table-wrap,.custom-table-wrapper) {
 width:100%;overflow-x:auto;
}
body.dc-theme :is(.otp-group) {display:flex;justify-content:center;gap:clamp(5px,2vw,12px);width:100%;max-width:100%;}
body.dc-theme :is(.otp-group .otp) {min-width:0!important;flex:0 1 48px;max-width:48px;}
body.dc-theme :is(.account-wrapper,.account-form,.account-area) {max-width:100%;min-width:0;}

@media (max-width:1024px) {
  body.dc-user .dc-dash-layout {display:block;}
  body.dc-user .dc-dash-body {width:100%;padding:83px 20px 92px;}
  body.dc-user .dc-dash-topbar {min-width:0;}
}
@media (max-width:820px) {
  body.dc-theme {--dc-font-page-title:36px;--dc-font-section-title:28px;--dc-font-card-title:19px;}
  body.dc-user {--dc-font-page-title:24px;--dc-font-section-title:20px;--dc-font-card-title:17px;}
  body.dc-theme .dc-invite-grid {grid-template-columns:minmax(0,1fr);}
  body.dc-theme .dc-approved-grid-2 {grid-template-columns:minmax(0,1fr);}
  body.dc-theme .dc-approved-grid-3 {grid-template-columns:repeat(2,minmax(0,1fr));}
  body.dc-theme .dc-approved-grid-4 {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:720px) {
  body.dc-user .dc-dash-body {padding-top:65px;}
}
@media (max-width:600px) {
  body.dc-theme {--dc-font-page-title:32px;--dc-font-section-title:26px;--dc-font-card-title:18px;--dc-font-body:14px;}
  body.dc-user {--dc-font-page-title:22px;--dc-font-section-title:19px;--dc-font-card-title:16px;}
  body.dc-theme .dc-approved-grid-3,body.dc-theme .dc-approved-grid-4,
  body.dc-theme .dc-funding-grid,body.dc-theme .dc-trust-nav-grid {grid-template-columns:minmax(0,1fr);}
  body.dc-user .dc-dash-body {padding:65px 12px 94px;}
  body.dc-theme .dc-dash-topbar {padding-inline:12px;gap:8px;}
  body.dc-theme .dc-customer-top-actions {gap:6px;}
  body.dc-theme .dc-auth-split,body.dc-theme .dc-auth-main .dc-container {min-width:0;max-width:100%;}
  body.dc-theme .dc-auth-form-card {padding:clamp(16px,4vw,24px);}
  body.dc-theme .dc-acceptance-check label {grid-template-columns:19px minmax(0,1fr)!important;}
  body.dc-theme .dc-review-actions > *,body.dc-theme .dc-transfer-form-actions > * {min-width:0;}
  body.dc-theme .dc-review-actions .dc-btn {white-space:normal;}
}
@media (max-width:380px) {
  body.dc-user .dc-dash-body {padding-inline:10px;}
  body.dc-theme .dc-auth-form-card {padding-inline:13px;}
  body.dc-theme .dc-approved-grid-2,body.dc-theme .dc-approved-grid-3,
  body.dc-theme .dc-approved-grid-4 {grid-template-columns:minmax(0,1fr);}
  body.dc-theme .mfp-wrap .foot {flex-wrap:wrap;gap:10px;}
  body.dc-theme .mfp-wrap .foot > button {flex:1 1 100%;}
}
@media (prefers-reduced-motion:reduce) {
  body.dc-theme .dc-sidebar,body.dc-theme .dc-btn {transition:none!important;}
}

/* Standalone OTP links, legacy account forms and dashboard module titles. */
body.dc-theme .account .account-wrapper .account-form :is(a,.account-control-btn) {color:#087f5b;}
body.dc-theme .account .account-wrapper .account-form input:focus {border-color:#087f5b!important;}
body.dc-user .dc-panel-section-title h2 {font-size:var(--dc-font-card-title)!important;font-weight:700!important;line-height:1.35!important;}
body.dc-user .dc-dash-card .label {font-weight:400;}
body.dc-user .dc-page-header p,body.dc-user .dc-dash-greeting p {font-size:var(--dc-font-body);line-height:1.65;}

/* Signed-in transfer screens previously missed the public policy-consent panel style. */
body.dc-user .dc-acceptance-check {
  margin:14px 0 20px;
  padding:14px 16px;
  border:1px solid #d4e5dc;
  border-radius:11px;
  background:#f4fbf7;
}
@media(max-width:600px) { body.dc-user {--dc-font-body:14px;} }

/* Customer transfer flow: scoped components. Keep all shared branding in dashcash-new.css. */
.dc-dash-layout .dc-customer-name-row {display:flex;align-items:center;gap:8px;min-width:0;max-width:100%;}
.dc-dash-layout .dc-customer-name-row strong {min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;}
.dc-dash-layout .dc-customer-name-row .dc-verified {display:inline-flex;align-items:center;gap:4px;flex:none;line-height:1.3;}
.dc-dash-layout .dc-identification-copy .dc-customer-meta {display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:11px;line-height:1.5;}
.dc-dash-layout .dc-recipient-index {width:100%;max-width:1560px;margin-inline:auto;padding:clamp(20px,2.7vw,41px);}
.dc-dash-layout .dc-recipient-index .dc-page-header {display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:0 0 20px;}
.dc-dash-layout .dc-recipient-index .dc-page-header h2 {margin:0 0 7px;font-size:clamp(23px,2.25vw,34px);font-family:"Libre Baskerville",Georgia,serif;font-weight:700;}
.dc-dash-layout .dc-recipient-index .dc-page-header p {margin:0;font-size:13px;line-height:1.6;}
.dc-dash-layout .dc-recipient-index .dc-cards-grid {width:100%;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,315px),1fr));gap:18px;}
.dc-dash-layout .dc-recipient-index .dc-person-card {min-width:0;margin:0;padding:20px;}
.dc-dash-layout .dc-recipient-index .dc-person-card .head>div:last-child {min-width:0;overflow-wrap:anywhere;}
.dc-dash-layout .dc-recipient-index .dc-person-card .actions {display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.dc-dash-layout .dc-recipient-index .dc-recipient-send-form {margin:0;}
.dc-dash-layout .dc-flow-page .dc-flow-content {max-width:1060px;width:100%;margin:0;min-width:0;}
.dc-dash-layout .dc-flow-page .dc-flow-form-card {background:#fff;border:1px solid #e0e7e5;border-radius:15px;overflow:visible;min-width:0;}
.dc-dash-layout .dc-flow-page .dc-flow-card-header {padding:23px 26px 0;}
.dc-dash-layout .dc-flow-page .dc-flow-card-header h2 {margin:0 0 7px;font:700 19px/1.4 "Libre Baskerville",Georgia,serif;color:#112744;}
.dc-dash-layout .dc-flow-page .dc-flow-card-header p {margin:0;color:#64758d;font-size:12px;line-height:1.7;}
.dc-dash-layout .dc-flow-page .dc-flow-form {padding:23px 26px 26px;min-width:0;}
.dc-dash-layout .dc-flow-page .dc-flow-form-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;min-width:0;}
.dc-dash-layout .dc-flow-page .dc-flow-field {min-width:0;display:flex;flex-direction:column;gap:8px;}
.dc-dash-layout .dc-flow-page .dc-flow-field-full {grid-column:1/-1;}
.dc-dash-layout .dc-flow-page .dc-flow-field label {display:block;margin:0;font:700 12px/1.5 "Libre Baskerville",Georgia,serif;color:#112744;}
.dc-dash-layout .dc-flow-page .dc-required {color:#b13636;}
.dc-dash-layout .dc-flow-page .dc-field-optional {font-weight:400;color:#657791;}
.dc-dash-layout .dc-flow-page .dc-field-error {color:#b13636;font-size:11px;line-height:1.4;}
.dc-dash-layout .dc-flow-page .dc-flow-field :is(select.form--control,textarea.form--control) {width:100%;max-width:100%;min-width:0;min-height:48px;height:auto;margin:0;border:1px solid #d8e4df;border-radius:9px;background:#fff;color:#112744;font:400 13px/1.5 "Libre Baskerville",Georgia,serif;padding:12px 14px;outline:none;box-shadow:none;}
.dc-dash-layout .dc-flow-page .dc-flow-field textarea.form--control {min-height:105px;resize:vertical;}
.dc-dash-layout .dc-flow-page .dc-flow-field :is(select.form--control,textarea.form--control):focus {border-color:#087f5b;box-shadow:0 0 0 3px #087f5b20;}
.dc-dash-layout .dc-flow-page .dc-flow-field .select2-container {width:100%!important;max-width:100%!important;min-width:0;display:block;}
.dc-dash-layout .dc-flow-page .dc-flow-field .select2-container .select2-selection--single {height:48px!important;min-height:48px!important;border:1px solid #d8e4df!important;border-radius:9px!important;background:#fff!important;display:flex;align-items:center;}
.dc-dash-layout .dc-flow-page .dc-flow-field .select2-selection__rendered {line-height:1.4!important;padding:0 36px 0 14px!important;font-size:13px!important;color:#112744!important;max-width:100%;}
.dc-dash-layout .dc-flow-page .dc-flow-field .select2-selection__arrow {height:46px!important;top:0!important;right:10px!important;}
.dc-dash-layout .dc-flow-page .dc-flow-field .select2-container--focus .select2-selection--single {border-color:#087f5b!important;box-shadow:0 0 0 3px #087f5b20!important;}
.dc-dash-layout .dc-flow-page .dc-flow-form-actions {display:flex;justify-content:flex-end;align-items:center;margin-top:24px;padding-top:20px;border-top:1px solid #e5ebe7;}
.dc-dash-layout .dc-flow-page .dc-flow-confirm {display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:185px;min-height:46px;font-size:13px;line-height:1.4;border-radius:10px;}
.dc-dash-layout .dc-review-flow .dc-review-card {width:100%;min-width:0;}
.dc-dash-layout .dc-review-flow .dc-review-card-header {padding:22px 25px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.dc-dash-layout .dc-review-flow .dc-review-card-header .title {margin:0;color:#112744;font:700 19px/1.4 "Libre Baskerville",Georgia,serif;}
.dc-dash-layout .dc-review-flow .dc-review-back {display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;padding:10px 15px;}
.dc-dash-layout .dc-review-flow .dc-review-card>.card-body,.dc-dash-layout .dc-review-flow .dc-review-card form>.card-body {padding:21px 25px 26px;}
.dc-dash-layout .dc-review-flow .dc-preview-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px;min-width:0;}
.dc-dash-layout .dc-review-flow .dc-preview-column {min-width:0;max-width:100%;width:100%;}
.dc-dash-layout .dc-review-flow :is(.dc-preview-column,.dc-preview-payment-section)>.preview-list-wrapper {height:100%;min-width:0;}
.dc-dash-layout .dc-review-flow .preview-list-wrapper {background:#fafcfb;border:1px solid #e2eae6;border-radius:12px;padding:18px 18px 8px;overflow:hidden;min-width:0;}
.dc-dash-layout .dc-review-flow .summary-item {margin:0 0 7px;padding-bottom:8px;}
.dc-dash-layout .dc-review-flow .summary-item h4 {margin:0;color:#112744;font:700 15px/1.45 "Libre Baskerville",Georgia,serif;}
.dc-dash-layout .dc-review-flow .preview-list-item {display:flex;align-items:flex-start;justify-content:space-between;gap:14px;border:0;border-bottom:1px solid #e2eae6;padding:13px 0;min-width:0;}
.dc-dash-layout .dc-review-flow .preview-list-item:last-child {border-bottom:0;}
.dc-dash-layout .dc-review-flow .preview-list-left {min-width:0;flex:1 1 52%;}
.dc-dash-layout .dc-review-flow .preview-list-user-wrapper {display:flex;align-items:center;gap:10px;min-width:0;}
.dc-dash-layout .dc-review-flow .preview-list-user-icon {display:inline-flex;align-items:center;justify-content:center;flex:none;width:30px;height:30px;border-radius:50%;border:1px solid #a0cdbd;background:#eaf5ef;color:#087f5b;font-size:14px;}
.dc-dash-layout .dc-review-flow .preview-list-user-content {min-width:0;padding:0;}
.dc-dash-layout .dc-review-flow .preview-list-user-content :is(span,div) {display:block;color:#52657b;font-size:11px;line-height:1.5;overflow-wrap:anywhere;}
.dc-dash-layout .dc-review-flow .preview-list-right {min-width:0;max-width:55%;flex:1 1 45%;color:#112744;text-align:right;font-size:12px;font-weight:700;line-height:1.65;overflow-wrap:anywhere;}
.dc-dash-layout .dc-review-flow .preview-list-right span {color:inherit;}
.dc-dash-layout .dc-review-flow .preview-list-right .text--success {color:#087f5b;}
.dc-dash-layout .dc-review-flow .dc-preview-payment-section {min-width:0;margin-bottom:20px;}
.dc-dash-layout .dc-review-flow .dc-review-submit-row {display:flex;justify-content:flex-end;margin-top:19px;}
.dc-dash-layout .dc-review-flow .dc-review-submit {display:inline-flex;justify-content:center;align-items:center;gap:10px;min-width:210px;min-height:48px;border-radius:10px;font-size:13px;}
@media(max-width:760px){
  .dc-dash-layout .dc-recipient-index {padding:18px 14px 96px;}
  .dc-dash-layout .dc-flow-page .dc-flow-form-grid,.dc-dash-layout .dc-review-flow .dc-preview-grid {grid-template-columns:minmax(0,1fr);gap:14px;}
  .dc-dash-layout .dc-flow-page .dc-flow-card-header,.dc-dash-layout .dc-review-flow .dc-review-card-header {padding:18px 16px 0;}
  .dc-dash-layout .dc-flow-page .dc-flow-form,.dc-dash-layout .dc-review-flow .dc-review-card form>.card-body {padding:18px 16px 20px;}
  .dc-dash-layout .dc-review-flow .preview-list-wrapper {padding:15px 14px 5px;}
  .dc-dash-layout .dc-review-flow .preview-list-item {gap:9px;}
}
@media(max-width:440px){
  .dc-dash-layout .dc-customer-name-row {gap:5px;}
  .dc-dash-layout .dc-customer-name-row .dc-verified {font-size:9px;padding:2px 5px;}
  .dc-dash-layout .dc-recipient-index .dc-page-header .dc-btn {max-width:100%;}
  .dc-dash-layout .dc-flow-page .dc-flow-confirm,.dc-dash-layout .dc-review-flow .dc-review-submit {width:100%;}
  .dc-dash-layout .dc-review-flow .dc-review-submit-row,.dc-dash-layout .dc-flow-page .dc-flow-form-actions {justify-content:stretch;}
  .dc-dash-layout .dc-review-flow .preview-list-item {align-items:flex-start;}
  .dc-dash-layout .dc-review-flow .preview-list-user-content span {font-size:10px;}
  .dc-dash-layout .dc-review-flow .preview-list-right {font-size:11px;}
}

/* DashCash manual payment step — uses the same serif/green customer design tokens. */
body.dc-user .dc-manual-payment{width:100%;max-width:1230px;min-width:0;margin:0 auto;padding:clamp(18px,2.9vw,39px);}
body.dc-user .dc-manual-payment .dc-manual-card{width:100%;min-width:0;background:#fff;border:1px solid #dfe8e4;border-radius:16px;padding:clamp(18px,2.5vw,32px);box-shadow:0 5px 25px rgba(17,39,68,.035);}
body.dc-user .dc-manual-payment .dc-manual-heading{display:flex;align-items:center;gap:16px;padding-bottom:22px;border-bottom:1px solid #e5ece9;}
body.dc-user .dc-manual-payment .dc-manual-heading-icon{display:grid;place-items:center;flex:none;width:46px;height:46px;background:#e9f5ef;border:1px solid #cde7da;border-radius:12px;color:#087f5b;font-size:19px;}
body.dc-user .dc-manual-payment .dc-manual-heading h2{margin:0 0 6px;font:700 19px/1.45 "Libre Baskerville",Georgia,serif;color:#112744;}
body.dc-user .dc-manual-payment .dc-manual-heading p{margin:0;color:#63768b;font-size:12px;line-height:1.65;}
body.dc-user .dc-manual-payment .dc-manual-guidance{display:flex;gap:11px;align-items:flex-start;margin:22px 0;padding:15px 17px;background:#eff8f3;border:1px solid #d2e9dc;border-radius:11px;color:#234a3b;font-size:12px;line-height:1.75;}
body.dc-user .dc-manual-payment .dc-manual-guidance i{color:#087f5b;font-size:17px;flex:none;margin-top:3px;}
body.dc-user .dc-manual-payment .dc-manual-description{min-width:0;width:100%;padding:21px 24px;border-radius:12px;border:1px solid #e1eae6;background:#fafcfb;color:#213850;font:400 13px/1.95 "Libre Baskerville",Georgia,serif;overflow-wrap:anywhere;white-space:normal;}
body.dc-user .dc-manual-payment .dc-manual-description :is(p,div,ul,ol){max-width:100%;margin-top:0;margin-bottom:14px;line-height:1.95;}
body.dc-user .dc-manual-payment .dc-manual-description :is(p,div,ul,ol):last-child{margin-bottom:0;}
body.dc-user .dc-manual-payment .dc-manual-description :is(b,strong){font-weight:700;color:#112744;}
body.dc-user .dc-manual-payment .dc-manual-description :is(a,a:visited){color:#087f5b;text-decoration:underline;}
body.dc-user .dc-manual-payment .dc-manual-description :is(table,pre){max-width:100%;overflow-x:auto;}
body.dc-user .dc-manual-payment .dc-manual-form-heading{padding:27px 0 14px;}
body.dc-user .dc-manual-payment .dc-manual-form-heading h3{margin:0 0 6px;font:700 16px/1.5 "Libre Baskerville",Georgia,serif;color:#112744;}
body.dc-user .dc-manual-payment .dc-manual-form-heading p{margin:0;color:#64758d;font-size:12px;}
body.dc-user .dc-manual-payment .dc-manual-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 20px;padding:0 0 10px;}
body.dc-user .dc-manual-payment .dc-manual-field{min-width:0;margin:0;display:flex;flex-direction:column;gap:8px;}
body.dc-user .dc-manual-payment .dc-manual-field label{margin:0;color:#112744;font-weight:700;font-size:12px;}
body.dc-user .dc-manual-payment .dc-manual-field .form--control{box-sizing:border-box;display:block;width:100%;max-width:100%;min-width:0;min-height:47px;padding:11px 13px;border:1px solid #d8e4df;border-radius:9px;background:#fff;color:#112744;font:400 13px/1.6 "Libre Baskerville",Georgia,serif;box-shadow:none;}
body.dc-user .dc-manual-payment .dc-manual-field textarea.form--control{min-height:105px;resize:vertical;}
body.dc-user .dc-manual-payment .dc-manual-field .form--control:focus{outline:2px solid #a2d3ba;outline-offset:0;border-color:#087f5b;}
body.dc-user .dc-manual-payment .dc-manual-actions{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:24px;padding-top:23px;border-top:1px solid #e1eae6;}
body.dc-user .dc-manual-payment .dc-manual-actions p{display:flex;align-items:center;gap:8px;flex:1 1 270px;margin:0;color:#66778b;font-size:11px;line-height:1.65;}
body.dc-user .dc-manual-payment .dc-manual-actions p i{color:#087f5b;}
body.dc-user .dc-manual-payment .dc-manual-submit{display:inline-flex;gap:12px;align-items:center;justify-content:center;flex:none;min-width:210px;min-height:48px;border:0;border-radius:10px;padding:13px 22px;background:#087f5b;color:#fff;font:700 12px/1.5 "Libre Baskerville",Georgia,serif;cursor:pointer;}
body.dc-user .dc-manual-payment .dc-manual-submit:hover{background:#056b4c;color:#fff;}
@media(max-width:700px){body.dc-user .dc-manual-payment{padding:16px 14px 100px;}body.dc-user .dc-manual-payment .dc-manual-fields{grid-template-columns:minmax(0,1fr);}body.dc-user .dc-manual-payment .dc-manual-description{padding:17px;}body.dc-user .dc-manual-payment .dc-manual-heading{gap:12px;}body.dc-user .dc-manual-payment .dc-manual-actions{flex-direction:column;align-items:stretch;}body.dc-user .dc-manual-payment .dc-manual-submit{width:100%;}}
@media(max-width:440px){body.dc-user .dc-manual-payment .dc-manual-heading h2{font-size:16px;}body.dc-user .dc-manual-payment .dc-manual-description{font-size:12px;line-height:1.9;}body.dc-user .dc-manual-payment .dc-manual-heading-icon{width:40px;height:40px;}}

/* Discreet progress indicator while compatible Blade pages load in place. */
/* In-place navigation errors must be visible without covering account content. */
.dc-navigation-error{position:fixed;z-index:2147483645;bottom:24px;left:50%;transform:translateX(-50%);max-width:min(92vw,660px);background:#102542;color:#fff;border-radius:12px;padding:14px 18px;display:flex;align-items:center;gap:18px;box-shadow:0 8px 25px #10254230;font-size:14px;line-height:1.45;}
.dc-navigation-error a{color:#fff;text-decoration:underline;font-weight:700;white-space:nowrap;}
@media(max-width:600px){.dc-navigation-error{flex-wrap:wrap;gap:8px;bottom:80px;}}
html.dc-is-navigating::before{content:"";position:fixed;top:0;left:0;height:3px;width:100%;background:linear-gradient(90deg,#087f5b 0%,#62bd91 48%,#087f5b 100%);background-size:180% 100%;animation:dc-page-loading 1s linear infinite;z-index:2147483646;pointer-events:none;}
@keyframes dc-page-loading{from{background-position:100% 0}to{background-position:-100% 0}}
@media(prefers-reduced-motion:reduce){html.dc-is-navigating::before{animation:none}}

/* Customer account security and verification: presentation-only refresh.
   Do not modify the existing 2FA/KYC routes, secrets, document sources or
   submission behaviour. Keep all styles in the shared dashcash-new.css. */
body.dc-user .dc-account-security-page,
body.dc-user .dc-kyc-list-page {
  --dc-account-border:#dfe8e4;
  --dc-account-muted:#63758a;
  --dc-account-ink:#102542;
  width:100%;max-width:1260px;
  margin-inline:auto;
}
body.dc-user :is(.dc-account-security-page,.dc-kyc-list-page) .dc-page-header {
  display:flex;justify-content:space-between;align-items:flex-start;
  flex-wrap:wrap;gap:16px;margin-bottom:24px;
}
body.dc-user :is(.dc-account-security-page,.dc-kyc-list-page) .dc-page-header h2 {
  font-family:var(--dc-font)!important;font-size:var(--dc-font-page-title)!important;
  line-height:1.28!important;margin:0 0 8px;
  color:var(--dc-account-ink);
}
body.dc-user :is(.dc-account-security-page,.dc-kyc-list-page) .dc-page-header p {
  margin:0;max-width:670px;color:var(--dc-account-muted);line-height:1.65;
}
body.dc-user .dc-account-security-grid {
  display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
  gap:22px;align-items:start;
}
body.dc-user .dc-account-security-card,
body.dc-user .dc-kyc-empty,
body.dc-user .dc-kyc-document {
  background:#fff;border:1px solid var(--dc-account-border);
  border-radius:16px;box-shadow:0 8px 28px rgba(16,37,66,.035);min-width:0;
}
body.dc-user .dc-account-security-card {overflow:hidden;}
body.dc-user .dc-account-security-card-head {
  display:flex;align-items:flex-start;gap:14px;padding:24px 24px 20px;
  border-bottom:1px solid #edf1ef;
}
body.dc-user .dc-account-security-card-head > div {flex:1;min-width:0;}
body.dc-user .dc-account-security-icon,
body.dc-user .dc-kyc-document-icon,
body.dc-user .dc-kyc-empty-icon {
  display:flex;align-items:center;justify-content:center;flex:none;
  background:#e9f4ee;color:#087f5b;border-radius:12px;
}
body.dc-user .dc-account-security-icon {width:44px;height:44px;font-size:18px;}
body.dc-user .dc-account-security-card-head h3,
body.dc-user .dc-kyc-empty h3 {
  font-size:var(--dc-font-card-title)!important;line-height:1.35!important;
  font-weight:700!important;margin:0 0 7px;color:var(--dc-account-ink);
}
body.dc-user .dc-account-security-card-head p,
body.dc-user .dc-kyc-empty p,
body.dc-user .dc-account-security-hint {
  font-size:13px;line-height:1.7;color:var(--dc-account-muted);margin:0;
}
body.dc-user .dc-account-security-card-body {padding:24px;min-width:0;}
body.dc-user .dc-account-security-label {display:block;font-size:13px;font-weight:700;color:#203651;margin:0 0 9px;}
body.dc-user .dc-account-security-key {
  display:flex;align-items:stretch;min-width:0;border:1px solid #d7e3df;
  border-radius:10px;overflow:hidden;background:#fbfcfc;
}
body.dc-user .dc-account-security-key:focus-within {
  border-color:#087f5b;box-shadow:0 0 0 3px rgba(8,127,91,.12);
}
body.dc-user .dc-account-security-key input {
  width:100%;min-width:0;flex:1;border:0!important;outline:0!important;
  background:transparent;color:#102542;padding:12px 14px;
  font-size:13px;letter-spacing:.02em;box-shadow:none!important;
  text-overflow:ellipsis;
}
body.dc-user .dc-account-security-copy {
  flex:none;display:flex;gap:7px;align-items:center;justify-content:center;
  padding:10px 14px;background:#087f5b;color:white;border:0;
  font-size:12px;font-weight:700;cursor:pointer;
}
body.dc-user .dc-account-security-copy:hover {background:#066d4f;}
body.dc-user .dc-account-security-feedback {margin:5px 0 0;color:#087f5b;font-size:12px;min-height:19px;}
body.dc-user .dc-account-security-qr {
  display:flex;align-items:center;justify-content:center;
  width:100%;min-height:220px;margin:10px 0 22px;
  padding:20px;background:#fbfcfb;border:1px dashed #d7e3df;border-radius:12px;
}
body.dc-user .dc-account-security-qr img {display:block;max-width:100%;width:auto;height:auto;max-height:220px;object-fit:contain;}
body.dc-user .dc-account-security-qr img[hidden] {display:none;}
body.dc-user .dc-account-security-qr-fallback {max-width:340px;text-align:center;color:#647791;}
body.dc-user .dc-account-security-qr-fallback[hidden] {display:none;}
body.dc-user .dc-account-security-qr-fallback i {font-size:36px;color:#087f5b;}
body.dc-user .dc-account-security-qr-fallback p {font-size:13px;line-height:1.6;margin:12px 0 0;}
body.dc-user .dc-account-security-submit {display:flex;align-items:center;justify-content:center;text-align:center;width:100%;min-height:46px;}
body.dc-user .dc-account-security-hint {margin-top:12px;}
body.dc-user .dc-account-security-help {
  background:#f5f8f6;border-radius:12px;padding:19px 20px;margin-bottom:18px;
}
body.dc-user .dc-account-security-help h4 {font-size:14px!important;line-height:1.4;margin:0 0 10px;color:#102542;}
body.dc-user .dc-account-security-help ol {list-style:decimal;margin:0;padding-left:20px;}
body.dc-user .dc-account-security-help li {font-size:13px;line-height:1.75;color:#455a6c;padding:0 0 8px;}
body.dc-user .dc-account-security-help li:last-child {padding-bottom:0;}
body.dc-user .dc-account-security-store {
  display:flex!important;justify-content:center;align-items:center;gap:10px;
  margin-top:11px;min-height:44px;text-align:center;width:100%;
}
body.dc-user .dc-kyc-list-heading .dc-btn {display:inline-flex;align-items:center;gap:9px;flex:none;}
body.dc-user .dc-kyc-empty {
  max-width:900px;margin:0 auto;padding:clamp(26px,6vw,64px) 22px;
  text-align:center;display:flex;flex-direction:column;align-items:center;
}
body.dc-user .dc-kyc-empty-icon {width:68px;height:68px;font-size:28px;margin-bottom:20px;}
body.dc-user .dc-kyc-empty h3 {margin:0 0 10px;}
body.dc-user .dc-kyc-empty p {max-width:520px;margin-bottom:24px;}
body.dc-user .dc-kyc-empty .dc-btn {display:inline-flex;align-items:center;justify-content:center;gap:9px;max-width:100%;text-align:center;}
body.dc-user .dc-kyc-documents {display:grid;gap:15px;}
body.dc-user .dc-kyc-document {overflow:hidden;}
body.dc-user .dc-kyc-document-summary {
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:18px 22px;cursor:pointer;list-style:none;
}
body.dc-user .dc-kyc-document-summary::-webkit-details-marker {display:none;}
body.dc-user .dc-kyc-document-summary:focus-visible {outline:3px solid #d4ae55;outline-offset:-3px;}
body.dc-user .dc-kyc-document-headline,
body.dc-user .dc-kyc-document-end {display:flex;align-items:center;gap:14px;min-width:0;}
body.dc-user .dc-kyc-document-headline>span:last-child {min-width:0;}
body.dc-user .dc-kyc-document-icon {width:43px;height:43px;font-size:18px;}
body.dc-user .dc-kyc-document-headline strong,
body.dc-user .dc-kyc-document-headline small {display:block;overflow-wrap:anywhere;}
body.dc-user .dc-kyc-document-headline strong {font-size:14px;line-height:1.45;color:#102542;}
body.dc-user .dc-kyc-document-headline small {margin-top:3px;font-size:12px;color:#63758a;}
body.dc-user .dc-kyc-status {
  border-radius:99px;padding:7px 12px;font-size:11px;font-weight:700;
  white-space:nowrap;background:#fff5df;color:#835900;
}
body.dc-user .dc-kyc-status-approved {background:#e9f4ee;color:#087f5b;}
body.dc-user .dc-kyc-status-rejected {background:#fff0ee;color:#b42318;}
body.dc-user .dc-kyc-chevron {color:#63758a;font-size:12px;transition:transform .2s ease;}
body.dc-user .dc-kyc-document[open] .dc-kyc-chevron {transform:rotate(180deg);}
body.dc-user .dc-kyc-document-content {border-top:1px solid #edf1ef;padding:22px;}
body.dc-user .dc-kyc-details {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 20px;margin:0;}
body.dc-user .dc-kyc-details>div {min-width:0;}
body.dc-user .dc-kyc-details dt {font-size:12px;font-weight:700;color:#667990;line-height:1.5;margin:0 0 5px;}
body.dc-user .dc-kyc-details dd {font-size:13px;color:#102542;line-height:1.6;margin:0;overflow-wrap:anywhere;}
body.dc-user .dc-kyc-images {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px;}
body.dc-user .dc-kyc-images:empty {display:none;}
body.dc-user .dc-kyc-images figure {margin:0;min-width:0;}
body.dc-user .dc-kyc-images figcaption {font-size:12px;font-weight:700;color:#102542;margin-bottom:8px;}
body.dc-user .dc-kyc-images img {display:block;max-width:100%;max-height:300px;width:auto;height:auto;object-fit:contain;border:1px solid #e1e9e5;border-radius:10px;}
@media(max-width:850px) {
  body.dc-user .dc-account-security-grid {grid-template-columns:minmax(0,1fr);gap:16px;}
}
@media(max-width:600px) {
  body.dc-user .dc-account-security-card-head {padding:18px 16px;gap:11px;}
  body.dc-user .dc-account-security-card-body {padding:17px 16px;}
  body.dc-user .dc-account-security-icon {width:38px;height:38px;font-size:16px;}
  body.dc-user .dc-account-security-qr {min-height:190px;padding:14px;}
  body.dc-user .dc-kyc-list-heading .dc-btn {width:100%;justify-content:center;}
  body.dc-user .dc-kyc-document-summary {padding:16px 13px;gap:10px;}
  body.dc-user .dc-kyc-document-end {gap:8px;}
  body.dc-user .dc-kyc-document-icon {width:36px;height:36px;}
  body.dc-user .dc-kyc-document-content {padding:17px 14px;}
  body.dc-user .dc-kyc-details,
  body.dc-user .dc-kyc-images {grid-template-columns:minmax(0,1fr);}
}
@media(max-width:380px) {
  body.dc-user .dc-account-security-copy span {display:none;}
  body.dc-user .dc-kyc-status {padding:6px 8px;font-size:10px;}
  body.dc-user .dc-kyc-document-headline {gap:8px;}
}
@media(prefers-reduced-motion:reduce) {
  body.dc-user .dc-kyc-chevron {transition:none;}
}
 
/* =======================================================================
  Client master design alignment (15 Oct 2026): customer interface ONLY.
  Reference: Dash_Cash_Customer_Design_Updated_Master/index.html.
  Keep the project's existing Libre Baskerville everywhere. Never use
  prototype transactions, rates, banking details, or demo form handlers.
  ======================================================================= */
body.dc-reference-master {--dcm-navy:#102542;--dcm-green:#087f5b;--dcm-line:#e4e9e7;--dcm-cream:#faf8f2;--dcm-pale:#edf6f1;--dcm-muted:#6b7889;--dcm-background:#f4f6f5;background:var(--dcm-background);font-family:"Libre Baskerville",Georgia,serif;color:var(--dcm-navy)}
body.dc-reference-master .dc-dash-layout {--dc-dark:var(--dcm-navy);--dc-muted:var(--dcm-muted);--dc-border:var(--dcm-line);--dc-bg:var(--dcm-background);--dc-primary:var(--dcm-green);background:var(--dcm-background);grid-template-columns:228px minmax(0,1fr);font-family:"Libre Baskerville",Georgia,serif}
body.dc-reference-master .dc-dash-layout :is(button,input,select,textarea) {font-family:inherit}
body.dc-reference-master .dc-dash-layout :is(h1,h2,h3,h4,h5,h6) {font-family:"Libre Baskerville",Georgia,serif;color:var(--dcm-navy);letter-spacing:-.025em}
body.dc-reference-master .dc-dash-layout :is(p,li,dt,dd,label) {line-height:1.65}
body.dc-reference-master .dc-dash-layout a:not(.dc-btn):not(.btn--base) {text-underline-offset:3px}
body.dc-reference-master .dc-dash-layout a:not(.dc-btn):not(.btn--base):hover {color:var(--dcm-green)}
body.dc-reference-master .dc-dash-layout .dc-sidebar {padding:29px 20px 20px;border-color:var(--dcm-line);background:#fff;width:auto}
body.dc-reference-master .dc-dash-layout .dc-sidebar .dc-logo {margin:0 0 30px}
body.dc-reference-master .dc-dash-layout .dc-sidebar .dc-logo img {height:auto!important;max-height:40px}
body.dc-reference-master .dc-dash-layout .dc-side-nav .nav-label {letter-spacing:.16em;color:var(--dcm-muted);font-size:10px;font-weight:700;text-transform:uppercase;margin:0 0 8px;padding:10px 13px}
body.dc-reference-master .dc-dash-layout .dc-side-nav > a,body.dc-reference-master .dc-dash-layout .dc-sidebar-logout,body.dc-reference-master .dc-account-main-link {min-height:44px;padding:11px 13px;margin-bottom:5px;gap:12px;font-size:12px;font-weight:700;border-radius:10px;text-decoration:none;color:var(--dcm-muted)}
body.dc-reference-master .dc-dash-layout .dc-side-nav a.active,body.dc-reference-master .dc-dash-layout .dc-side-nav a:hover,body.dc-reference-master .dc-dash-layout .dc-sidebar-logout:hover {background:var(--dcm-pale);color:var(--dcm-green)}
body.dc-reference-master .dc-dash-layout .dc-side-nav i {color:inherit}
body.dc-reference-master .dc-dash-layout .dc-side-help {margin-top:auto;padding:20px 13px 5px;border-color:var(--dcm-line)}
body.dc-reference-master .dc-dash-layout .dc-side-help strong {color:var(--dcm-navy);font-size:11px}
body.dc-reference-master .dc-dash-layout .dc-dash-topbar {min-height:80px;padding:14px clamp(20px,2.75vw,36px);background:#fff;border-color:var(--dcm-line)}
body.dc-reference-master .dc-dash-layout .dc-customer-avatar {width:45px;height:45px}
body.dc-reference-master .dc-dash-layout .dc-user-chip .avatar {width:38px;height:38px}
body.dc-reference-master .dc-dash-layout .dc-dash-body {max-width:100%;min-width:0}
body.dc-reference-master .dc-dash-layout .dc-customer-page {max-width:1332px;padding:32px clamp(20px,2.75vw,36px) 60px}
body.dc-reference-master .dc-dash-layout .dc-flow-page {max-width:1332px;padding:32px clamp(20px,2.75vw,36px) 60px}
body.dc-reference-master .dc-dash-layout .dc-customer-page-head,body.dc-reference-master .dc-dash-layout .dc-page-header {margin-bottom:25px;align-items:center;gap:18px;min-width:0}
body.dc-reference-master .dc-dash-layout :is(.dc-customer-page-head h1,.dc-page-header h2,.dc-flow-intro h1) {font-size:clamp(23px,2.2vw,29px);line-height:1.27;font-weight:700;margin:0 0 9px;letter-spacing:-.04em}
body.dc-reference-master .dc-dash-layout :is(.dc-customer-page-head p,.dc-page-header p,.dc-flow-intro p) {color:var(--dcm-muted);font-size:12px;line-height:1.6;margin:0}
body.dc-reference-master .dc-dash-layout :is(.dc-form-card,.dc-panel,.dc-beneficiary-card,.dc-person-card,.dc-support-card,.dc-overview-rate,.dc-latest-card,.dc-people-card,.custom-card,.dc-reference-profile-summary) {background:#fff;border:1px solid var(--dcm-line);border-radius:14px;box-shadow:none;min-width:0}
body.dc-reference-master .dc-dash-layout :is(.dc-form-card,.dc-panel,.dc-beneficiary-card,.dc-person-card,.dc-support-card) {padding:24px}
body.dc-reference-master .dc-dash-layout :is(.dc-form-card h3,.dc-panel h3,.dc-person-card h4,.dc-support-card h2) {font-size:16px;font-weight:700;line-height:1.5;margin-bottom:12px}
body.dc-reference-master .dc-dash-layout .dc-btn,body.dc-reference-master .dc-dash-layout .btn--base,body.dc-reference-master .dc-dash-layout .dc-flow-confirm {display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;max-width:100%;border-radius:9px;padding:11px 18px;text-align:center;font-weight:700;font-size:12px;line-height:1.35;text-decoration:none;box-shadow:none}
body.dc-reference-master .dc-dash-layout :is(.dc-btn-primary,.btn--base,.dc-flow-confirm) {background:var(--dcm-green);color:#fff;border:1px solid var(--dcm-green)}
body.dc-reference-master .dc-dash-layout :is(.dc-btn-primary,.btn--base,.dc-flow-confirm):hover {background:#066e50;color:white;transform:none;box-shadow:none}
body.dc-reference-master .dc-dash-layout .dc-btn-outline {background:white;color:var(--dcm-green);border:1px solid var(--dcm-green)}
body.dc-reference-master .dc-dash-layout .dc-btn-outline:hover {background:var(--dcm-pale);color:var(--dcm-green)}
body.dc-reference-master .dc-dash-layout :is(.dc-input-group input,.dc-input-group select,.dc-input-group textarea,.dc-flow-field input,.dc-flow-field select,.dc-flow-field textarea,input.form--control,select.form--control,textarea.form--control,.form--control) {max-width:100%;min-width:0;min-height:45px;border:1px solid #dce6e1;border-radius:9px;padding:11px 13px;background:#fff;color:var(--dcm-navy);font-size:12px;box-shadow:none}
body.dc-reference-master .dc-dash-layout textarea.form--control,body.dc-reference-master .dc-dash-layout textarea {height:auto;min-height:90px}
body.dc-reference-master .dc-dash-layout :is(input,select,textarea):focus-visible {outline:none;border-color:var(--dcm-green);box-shadow:0 0 0 3px rgba(8,127,91,.12)}
body.dc-reference-master .dc-dash-layout :is(.dc-input-group label,.dc-flow-field label,.form-group label) {display:block;color:var(--dcm-navy);font-size:12px;font-weight:700;margin-bottom:7px}
body.dc-reference-master .dc-dash-layout .dc-history-search {border-color:var(--dcm-line);max-width:390px;border-radius:9px;background:#fff}
body.dc-reference-master .dc-dash-layout .dc-overview-top {grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:20px}
body.dc-reference-master .dc-dash-layout .dc-overview-middle {gap:20px}
body.dc-reference-master .dc-dash-layout .dc-overview-hero {background:var(--dcm-navy);min-height:242px;padding:29px;border-radius:14px}
body.dc-reference-master .dc-dash-layout .dc-overview-hero h2 {font-size:clamp(22px,2.1vw,28px);font-weight:400;color:#fff;line-height:1.4}
body.dc-reference-master .dc-dash-layout .dc-overview-rate {padding:24px}
body.dc-reference-master .dc-dash-layout .dc-dashboard-table,body.dc-reference-master .dc-dash-layout .dc-ticket-history__list {background:#fff;border:1px solid var(--dcm-line);border-radius:14px;overflow:hidden}
body.dc-reference-master .dc-dash-layout :is(.dc-dashboard-table,.dc-table-wrap) {max-width:100%;overflow-x:auto}
body.dc-reference-master .dc-dash-layout .dc-dashboard-table th {background:#f8faf9}
body.dc-reference-master .dc-dash-layout .dc-account-form-grid,body.dc-reference-master .dc-dash-layout .dc-invite-grid {gap:20px}
body.dc-reference-master .dc-dash-layout .dc-flow-form-card {border-radius:14px;border:1px solid var(--dcm-line)}
body.dc-reference-master .dc-dash-layout .dc-transfer-progress {max-width:100%;gap:12px;min-width:0}
body.dc-reference-master .dc-dash-layout .dc-reference-account-links {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 24px}
body.dc-reference-master .dc-dash-layout .dc-reference-account-links a {display:flex;align-items:center;gap:12px;min-height:85px;padding:17px 18px;background:#fff;border:1px solid var(--dcm-line);border-radius:12px;text-decoration:none;color:var(--dcm-navy);min-width:0}
body.dc-reference-master .dc-dash-layout .dc-reference-account-links a:hover {border-color:#91c3ac;background:#fcfefd;box-shadow:0 4px 14px rgba(16,37,66,.05)}
body.dc-reference-master .dc-dash-layout .dc-reference-account-links a>span:nth-child(2) {flex:1;min-width:0}
body.dc-reference-master .dc-dash-layout .dc-reference-account-links strong {display:block;font-size:12px;font-weight:700;line-height:1.5}
body.dc-reference-master .dc-dash-layout .dc-reference-account-links small {display:block;font-size:10px;color:var(--dcm-muted);line-height:1.5;margin-top:4px}
body.dc-reference-master .dc-dash-layout .dc-reference-account-links a>i {color:var(--dcm-green)}
body.dc-reference-master .dc-dash-layout .dc-reference-account-icon {display:grid;place-items:center;border-radius:10px;background:var(--dcm-pale);color:var(--dcm-green);width:42px;height:42px;flex:none}
body.dc-reference-master .dc-dash-layout .dc-reference-profile-summary {display:flex;align-items:center;gap:16px;padding:22px 24px;margin:0 0 20px}
body.dc-reference-master .dc-dash-layout .dc-reference-profile-summary>div:last-child {min-width:0}
body.dc-reference-master .dc-dash-layout .dc-reference-profile-summary h3 {font-size:15px;margin:0 0 6px;overflow-wrap:anywhere}
body.dc-reference-master .dc-dash-layout .dc-reference-profile-summary p {font-size:11px;color:var(--dcm-muted);margin:0 0 7px;overflow-wrap:anywhere}
body.dc-reference-master .dc-dash-layout .dc-reference-profile-avatar {background:var(--dcm-pale);color:var(--dcm-green);display:grid;place-items:center;border-radius:50%;width:54px;height:54px;flex:none;font-weight:700}
body.dc-reference-master .dc-dash-layout .dc-reference-status {font-size:10px;color:var(--dcm-green);display:inline-block;border-radius:40px;background:var(--dcm-pale);padding:5px 9px}
body.dc-reference-master .dc-dash-layout .dc-account-form-grid>.dc-form-card {scroll-margin-top:105px}
body.dc-reference-master .dc-account-nav-row {display:flex;align-items:center;position:relative;gap:2px}
body.dc-reference-master .dc-account-nav-row>.dc-account-main-link {flex:1;min-width:0;margin:0}
body.dc-reference-master .dc-account-nav-toggle {flex:none;border:0;background:transparent;min-width:32px;width:32px;height:38px;display:flex;justify-content:center;align-items:center;color:var(--dcm-muted);border-radius:8px;padding:0}
body.dc-reference-master .dc-account-nav-toggle:hover {background:var(--dcm-pale);color:var(--dcm-green)}
body.dc-reference-master .dc-account-nav-toggle[aria-expanded="true"] i {transform:rotate(180deg)}
body.dc-reference-master .dc-account-nav-submenu {padding:6px 0 10px 27px}
body.dc-reference-master .dc-account-nav-submenu[hidden] {display:none!important}
body.dc-reference-master .dc-account-nav-submenu a {display:block;padding:8px 11px;margin:1px 0;font-size:10px;color:var(--dcm-muted);border-left:2px solid var(--dcm-line);border-radius:0 6px 6px 0;text-decoration:none}
body.dc-reference-master .dc-account-nav-submenu a:hover {border-color:var(--dcm-green);background:var(--dcm-pale);color:var(--dcm-green)}
body.dc-reference-master .dc-dash-body>.body-wrapper,body.dc-reference-master .dc-dash-body>.dashboard-area,body.dc-reference-master .dc-dash-body>.container.mx-auto {max-width:1260px;margin:0 auto;padding:30px clamp(20px,2.75vw,36px) 50px;width:100%;min-width:0}
body.dc-reference-master .dc-dash-layout .dc-dash-body>.dc-page-header {max-width:1260px;margin:30px auto 20px;padding-inline:clamp(20px,2.75vw,36px)}
body.dc-reference-master .dc-dash-layout .dc-dash-body>.dc-page-header~.dc-invite-grid,body.dc-reference-master .dc-dash-layout .dc-dash-body>.dc-page-header~.dc-form-card,body.dc-reference-master .dc-dash-layout .dc-dash-body>.dc-page-header~.dc-table-wrap {max-width:1188px;margin-inline:auto;min-width:0}
body.dc-reference-master .dc-dash-layout .dc-dash-body>.dc-page-header+.dc-invite-grid {padding:0 20px 40px}
body.dc-reference-master .dc-dash-layout .dc-dash-body>.dc-page-header~.dc-invite-grid .dc-form-card {min-width:0}
body.dc-reference-master .dc-dash-layout .dc-customer-name-row {min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:7px}
body.dc-reference-master .dc-dash-layout .dc-customer-name-row strong {color:var(--dcm-navy)}
body.dc-reference-master .dc-dash-layout .dc-verified {background:var(--dcm-pale);color:var(--dcm-green)}
body.dc-reference-master .dc-dash-layout .dc-mobile-bottom-nav a.active,body.dc-reference-master .dc-mobile-bottom-nav a.active {color:var(--dcm-green)}
@media (max-width:1024px) {
 body.dc-reference-master .dc-dash-layout {grid-template-columns:minmax(0,1fr)}
 body.dc-reference-master .dc-dash-layout .dc-sidebar {width:min(290px,88vw);position:fixed;top:0;bottom:0;left:0;height:100dvh;z-index:1200;box-shadow:16px 0 36px rgba(16,37,66,.14);padding:25px 18px}
 body.dc-reference-master .dc-dash-layout .dc-dash-topbar {min-height:70px;padding-inline:20px}
 body.dc-reference-master .dc-dash-layout .dc-overview-top,body.dc-reference-master .dc-dash-layout .dc-overview-middle {grid-template-columns:minmax(0,1fr)}
 body.dc-reference-master .dc-dash-layout .dc-customer-page,body.dc-reference-master .dc-dash-layout .dc-flow-page {padding:25px 20px 35px}
 body.dc-reference-master .dc-dash-layout .dc-dash-body>.body-wrapper {padding:25px 20px 35px}
}
@media (max-width:767px) {
 body.dc-reference-master .dc-dash-layout .dc-customer-page,body.dc-reference-master .dc-dash-layout .dc-flow-page {padding:20px 15px 95px}
 body.dc-reference-master .dc-dash-layout .dc-customer-page-head,body.dc-reference-master .dc-dash-layout .dc-page-header {align-items:flex-start;flex-wrap:wrap}
 body.dc-reference-master .dc-dash-layout .dc-reference-account-links {grid-template-columns:minmax(0,1fr);gap:10px}
 body.dc-reference-master .dc-dash-layout .dc-reference-account-links a {min-height:73px;padding:14px}
 body.dc-reference-master .dc-dash-layout .dc-reference-profile-summary {padding:18px 16px}
 body.dc-reference-master .dc-dash-layout :is(.dc-form-card,.dc-panel,.dc-beneficiary-card,.dc-person-card,.dc-support-card) {padding:18px}
 body.dc-reference-master .dc-dash-layout .dc-overview-hero {padding:23px;min-height:228px}
 body.dc-reference-master .dc-dash-layout .dc-dash-body>.body-wrapper,body.dc-reference-master .dc-dash-layout .dc-dash-body>.dashboard-area,body.dc-reference-master .dc-dash-layout .dc-dash-body>.container.mx-auto {padding:20px 15px 95px}
 body.dc-reference-master .dc-dash-layout .dc-dash-body>.dc-page-header {padding:20px 15px 0;margin:0 auto 18px}
 body.dc-reference-master .dc-dash-layout .dc-dash-body>.dc-page-header~.dc-invite-grid {padding:0 15px 95px}
 body.dc-reference-master .dc-dash-layout .dc-customer-page-head .dc-btn {width:auto;max-width:100%}
 body.dc-reference-master .dc-dash-layout :is(.dc-form-grid,.dc-flow-form-grid,.dc-transfer-amount-fields) {grid-template-columns:minmax(0,1fr)}
 body.dc-reference-master .dc-dash-layout .dc-form-card :is(input,select,textarea) {width:100%}
}
@media (max-width:420px) {
 body.dc-reference-master .dc-dash-layout .dc-dash-topbar {padding-inline:12px;gap:8px}
 body.dc-reference-master .dc-dash-layout .dc-customer-top-actions {gap:7px}
 body.dc-reference-master .dc-dash-layout .dc-customer-meta {font-size:10px}
 body.dc-reference-master .dc-dash-layout .dc-customer-page-head .dc-btn {width:100%}
 body.dc-reference-master .dc-dash-layout .dc-reference-profile-summary {align-items:flex-start}
 body.dc-reference-master .dc-dash-layout .dc-receiving-methods {grid-template-columns:minmax(0,1fr)}
}

/* Client master: remaining connected/legacy customer screens. */
body.dc-reference-master .dc-dash-layout .dc-master-payment-success {max-width:950px}
body.dc-reference-master .dc-dash-layout .dc-master-payment-success .payment-area {max-width:760px;margin:0 auto;background:#fff;border:1px solid var(--dcm-line);border-radius:14px;padding:clamp(22px,4vw,40px);box-shadow:none}
body.dc-reference-master .dc-dash-layout .dc-master-payment-success :is(.payment-loader,.payment-recipt,.conformation-footer) {margin:0 auto}
body.dc-reference-master .dc-dash-layout .dc-master-payment-success .payment-area h1 {font-size:clamp(20px,2.5vw,28px);margin:10px 0 12px;line-height:1.5}
body.dc-reference-master .dc-dash-layout .dc-master-payment-success .payment-area>p {color:var(--dcm-muted);font-size:12px;margin:0 auto 14px;max-width:500px}
body.dc-reference-master .dc-dash-layout .dc-master-payment-success .payment-area .input-group {display:flex;align-items:stretch;width:100%;max-width:100%;min-width:0;border-radius:9px;overflow:hidden}
body.dc-reference-master .dc-dash-layout .dc-master-payment-success .payment-area .input-group>input {min-width:0;flex:1;border-radius:9px 0 0 9px;line-height:1.5}
body.dc-reference-master .dc-dash-layout .dc-master-payment-success .payment-area .copy {flex:none;border:1px solid var(--dcm-green);background:var(--dcm-pale);color:var(--dcm-green);min-width:48px;display:grid;place-items:center;border-radius:0 9px 9px 0;cursor:pointer}
body.dc-reference-master .dc-dash-layout .dc-master-payment-success .payment-area .conformation-footer .row {gap:12px 0;justify-content:center}
body.dc-reference-master .dc-dash-layout .dc-master-payment-success .payment-area .conformation-footer a {width:100%;white-space:normal;line-height:1.5}
body.dc-reference-master .dc-dash-layout .dc-master-stripe-payment {max-width:1020px}
body.dc-reference-master .dc-dash-layout .dc-master-stripe-payment .dash-payment-item {background:#fff;border:1px solid var(--dcm-line);border-radius:14px;padding:clamp(18px,3vw,28px);box-shadow:none}
body.dc-reference-master .dc-dash-layout .dc-master-stripe-payment .dash-payment-title-area {padding:0 0 18px;border-bottom:1px solid var(--dcm-line);margin-bottom:21px}
body.dc-reference-master .dc-dash-layout .dc-master-stripe-payment .dash-payment-title-area .title {font-size:19px;margin:0}
body.dc-reference-master .dc-dash-layout .dc-master-stripe-payment .dash-payment-body {padding:0;min-width:0}
body.dc-reference-master .dc-dash-layout .dc-master-stripe-payment .row {row-gap:16px}
body.dc-reference-master .dc-dash-layout .dc-master-stripe-payment .input-group {min-width:0}
body.dc-reference-master .dc-dash-layout .dc-master-stripe-payment :is(input.form--control,.form-control) {width:100%;max-width:100%;min-width:0}
body.dc-reference-master .dc-dash-layout .dc-reference-wallet {max-width:1260px}
body.dc-reference-master .dc-dash-layout .dc-reference-wallet .body-wrapper {padding:0;margin:0;max-width:100%}
body.dc-reference-master .dc-dash-layout .dc-reference-wallet .custom-card {padding:0;border-radius:14px;overflow:visible}
body.dc-reference-master .dc-dash-layout .dc-reference-wallet .dashboard-header-wrapper {padding:23px 24px 0}
body.dc-reference-master .dc-dash-layout .dc-reference-wallet .dashboard-header-wrapper h4 {font-size:19px;margin:0}
body.dc-reference-master .dc-dash-layout .dc-reference-wallet .card-body {padding:24px}
body.dc-reference-master .dc-dash-layout .dc-reference-wallet .card-form .row {gap:14px 0}
body.dc-reference-master .dc-dash-layout .dc-reference-wallet :is(.col-xl-4,.col-lg-4,.col-md-6) {min-width:0}
body.dc-reference-master .dc-dash-layout .dc-reference-legacy-kyc {max-width:1260px;padding:32px clamp(20px,2.75vw,36px) 55px;margin:0 auto;min-width:0}
body.dc-reference-master .dc-dash-layout .dc-reference-legacy-kyc>.dashboard-area {margin-bottom:18px}
body.dc-reference-master .dc-dash-layout .dc-reference-legacy-kyc .dashboard-header-wrapper {padding:0}
body.dc-reference-master .dc-dash-layout .dc-reference-legacy-kyc .dashboard-header-wrapper h3 {font-size:clamp(23px,2.2vw,29px);margin:0 0 10px}
body.dc-reference-master .dc-dash-layout .dc-reference-legacy-kyc .dash-payment-item {padding:24px;background:#fff;border:1px solid var(--dcm-line);border-radius:14px;box-shadow:none}
body.dc-reference-master .dc-dash-layout .dc-reference-legacy-kyc .dash-payment-title-area {margin-bottom:20px}
body.dc-reference-master .dc-dash-layout .dc-reference-legacy-kyc .dash-payment-title-area .title {font-size:16px}
body.dc-reference-master .dc-dash-layout :is(.dc-reference-kyc-submit,.dc-reference-invite) {max-width:1260px}
body.dc-reference-master .dc-dash-layout .dc-reference-kyc-submit .dc-page-header,body.dc-reference-master .dc-dash-layout .dc-reference-invite .dc-page-header {margin:0 0 24px;padding:0}
body.dc-reference-master .dc-dash-layout .dc-reference-kyc-submit .dc-alert {display:flex;align-items:flex-start;gap:12px;padding:15px 18px;border:1px solid #cde3d5;background:var(--dcm-pale);color:var(--dcm-navy);border-radius:12px;margin-bottom:22px;font-size:12px}
body.dc-reference-master .dc-dash-layout .dc-reference-kyc-submit .dc-form-card {max-width:760px!important}
/* Refer a friend: match the customer design reference without mock tracking or a separate override stylesheet. */
body.dc-user.dc-reference-master .dc-dash-layout .dc-dash-body > .dc-reference-invite.dc-referral-page {
  width:100%;max-width:934px;padding:34px 20px 68px;
  margin-left:max(0px, calc((100% - 1120px) / 2));margin-right:auto;min-width:0;
}
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-back {
  display:inline-flex;align-items:center;gap:7px;margin-bottom:16px;color:#087f5b;
  text-decoration:none;font-size:12px;font-weight:700;
}
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-back:hover,
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-email-link:hover {text-decoration:underline;}
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-header {margin:0 0 22px;}
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-header h1 {
  font-family:"Libre Baskerville",Georgia,serif;font-weight:700;font-size:clamp(23px,2.3vw,30px);
  color:#102542;line-height:1.3;margin:0 0 8px;
}
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-header p {font-size:13px;color:#677b92;margin:0;}
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-tabs {
  display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:0 0 20px;
}
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-tabs a {
  border:1px solid #e1e8e5;background:#fff;color:#718398;border-radius:999px;
  padding:7px 12px;line-height:1.5;text-decoration:none;font-size:11px;
}
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-tabs a:hover,
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-tabs a:focus-visible {color:#087f5b;background:#eaf4ef;border-color:#a9d0bd;}
body.dc-reference-master .dc-dash-layout .dc-reference-invite.dc-referral-page .dc-invite-grid {
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch;
}
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-card {
  min-width:0;background:#fff;border:1px solid #e1e8e5;border-radius:13px;
  padding:22px;box-shadow:none;
}
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-gift {
  display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;
  border-radius:10px;background:#eaf4ef;color:#087f5b;font-size:17px;margin-bottom:16px;
}
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-card h2 {
  font-size:16px;font-weight:700;line-height:1.45;color:#102542;margin:0 0 12px;
}
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-card > p {
  color:#74869c;font-size:12px;line-height:1.8;margin:0 0 16px;
}
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-code-box {
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:17px;border-radius:11px;background:#f5f8f6;
  border:1px dashed #b5d5c3;margin:16px 0;
}
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-url-copy {min-width:0;overflow:hidden;}
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-url-copy span {
  display:block;margin-bottom:6px;color:#8798a9;font-size:10px;letter-spacing:.04em;
}
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-url-copy strong {
  display:block;color:#102542;font-size:17px;letter-spacing:.02em;overflow-wrap:anywhere;line-height:1.4;
}
body.dc-reference-master .dc-dash-layout .dc-referral-page :is(.dc-referral-primary-btn,.dc-referral-outline-btn) {
  display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:41px;
  border-radius:8px;padding:9px 14px;font-size:12px;font-weight:700;
  text-decoration:none;cursor:pointer;line-height:1.4;
}
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-primary-btn {
  background:#087f5b;color:#fff;border:1px solid #087f5b;
}
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-primary-btn:hover {background:#066d4f;border-color:#066d4f;}
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-outline-btn {
  background:#fff;color:#102542;border:1px solid #dfe7e3;
}
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-outline-btn:hover {border-color:#087f5b;color:#087f5b;}
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-actions {
  display:flex;flex-wrap:wrap;gap:8px;margin:0 0 13px;
}
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-note {font-size:11px!important;margin:0 0 12px!important;line-height:1.6!important;}
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-email-link {
  background:none;border:0;cursor:pointer;color:#087f5b;font-size:12px;font-weight:700;padding:4px 0;
}
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-feedback {font-size:12px;color:#087f5b;}
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-how {
  background:#faf8f2;border-color:#eee1c7;
}
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-how h2 {margin-bottom:17px;}
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-step {
  display:flex;gap:14px;border-bottom:1px solid #e2e6e5;padding:0 0 17px;margin:0 0 17px;
}
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-step-number {
  width:27px;height:27px;border-radius:50%;background:#eaf4ef;color:#087f5b;
  font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex:none;
}
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-step strong {font-size:12px;color:#102542;}
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-step p {font-size:11px;color:#7890a7;line-height:1.7;margin:6px 0 0;}
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-how-note {font-size:11px!important;line-height:1.7!important;margin:0!important;}
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-dialog {
  width:min(100% - 24px,490px);max-height:min(90vh,750px);overflow-y:auto;
  padding:22px;border:1px solid #dfe7e3;border-radius:14px;background:#fff;
  color:#102542;box-shadow:0 14px 60px rgba(16,37,66,.2);
}
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-dialog::backdrop {background:rgba(16,37,66,.55);}
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-dialog-heading {display:flex;justify-content:space-between;align-items:center;gap:10px;}
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-dialog-heading h2 {font-size:20px;margin:0;color:#102542;}
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-dialog-close {font-size:27px;line-height:1;border:0;background:none;color:#64748b;cursor:pointer;}
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-dialog-intro {font-size:12px;color:#718398;margin:10px 0 20px;}
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-field {display:flex;flex-direction:column;gap:7px;margin-bottom:16px;}
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-field label {font-size:12px;font-weight:700;color:#102542;}
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-field label span {font-weight:400;color:#718398;}
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-field :is(input,textarea) {
  display:block;width:100%;padding:11px 12px;border-radius:9px;border:1px solid #d9e4df;
  background:#fff;color:#102542;font:inherit;font-size:13px;
}
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-field :is(input,textarea):focus {outline:2px solid #087f5b;outline-offset:1px;}
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-dialog-actions {display:flex;gap:9px;flex-wrap:wrap;}
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-form-errors {background:#fff0f0;border:1px solid #df9898;border-radius:9px;padding:12px;margin-bottom:15px;font-size:12px;color:#7b2323;}
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-form-errors ul {margin:8px 0 0;padding-left:18px;}

/* Referral tracking: integrate with the existing account reference design. */
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-live-url {display:block;margin-top:6px;font-size:10px;color:#64748b;overflow-wrap:anywhere;line-height:1.5;}
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-history {margin-top:22px;}
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-history-head {display:flex;align-items:end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:12px;}
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-history-head h2 {font-size:19px;color:#102542;margin:0 0 4px;}
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-history-head p {font-size:12px;color:#74869c;margin:0;}
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-stats {display:flex;gap:10px;flex-wrap:wrap;}
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-stats span {display:flex;gap:9px;align-items:center;background:#fff;border:1px solid #e1e8e5;border-radius:9px;padding:8px 12px;color:#607287;font-size:12px;}
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-stats strong {color:#087f5b;font-size:18px;}
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-history-card {background:#fff;border:1px solid #e1e8e5;border-radius:13px;padding:19px 22px;}
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-history-card h3 {font-size:14px;color:#102542;margin:0 0 12px;}
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-history-row {display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #edf1ee;}
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-history-row div {display:flex;flex-direction:column;gap:4px;min-width:0;}
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-history-row strong {font-size:12px;color:#102542;overflow-wrap:anywhere;}
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-history-row small {font-size:11px;color:#74869c;overflow-wrap:anywhere;}
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-state {font-size:11px;padding:5px 10px;white-space:nowrap;border-radius:20px;background:#f4f0e7;color:#8b753d;}
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-state.is-registered {background:#eaf4ef;color:#087f5b;}
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-state.is-failed {background:#fff0f0;color:#a23434;}
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-empty {font-size:12px;color:#74869c;margin:12px 0;line-height:1.7;}
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-pagination {display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;align-items:center;padding:15px 0 5px;font-size:11px;color:#718398;}
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-pagination a {color:#087f5b;font-weight:700;text-decoration:none;}
body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-direct-heading {padding-top:16px;margin-top:16px!important;border-top:1px solid #edf1ee;}
@media(max-width:900px){
  body.dc-reference-master .dc-dash-layout .dc-reference-invite.dc-referral-page .dc-invite-grid {grid-template-columns:minmax(0,1fr);}
}
@media(max-width:600px){
  body.dc-user.dc-reference-master .dc-dash-layout .dc-dash-body > .dc-reference-invite.dc-referral-page {padding:22px 14px 95px;}
  body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-card {padding:18px;}
  body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-code-box {align-items:flex-start;flex-direction:column;}
  body.dc-reference-master .dc-dash-layout .dc-referral-page .dc-referral-actions > button {flex:1 1 145px;}
}
@media(max-width:767px) {
 body.dc-reference-master .dc-dash-layout .dc-reference-wallet .card-body {padding:18px 16px}
 body.dc-reference-master .dc-dash-layout .dc-reference-wallet .dashboard-header-wrapper {padding:18px 16px 0}
 body.dc-reference-master .dc-dash-layout .dc-reference-legacy-kyc {padding:20px 15px 95px}
 body.dc-reference-master .dc-dash-layout .dc-reference-legacy-kyc .dash-payment-item {padding:18px}
 body.dc-reference-master .dc-dash-layout .dc-master-payment-success .payment-area {padding:21px 16px}
 body.dc-reference-master .dc-dash-layout .dc-master-payment-success .payment-area .conformation-footer .col-lg-6 {width:100%}
}

/* Client reference parity: one fixed sidebar and one right-side scroll region.
   The viewport never scrolls on desktop; top navigation sticks inside main. */
@media (min-width:1025px) {
 body.dc-user.dc-reference-master {height:100dvh;overflow:hidden;}
 body.dc-reference-master .dc-dash-layout {--dc-sidebar-width:clamp(205px,16vw,228px);display:grid;grid-template-columns:var(--dc-sidebar-width) minmax(0,1fr);height:100dvh;min-height:0;overflow:hidden;padding-left:0;}
 body.dc-reference-master .dc-dash-layout .dc-sidebar {position:fixed;left:0;top:0;bottom:0;width:var(--dc-sidebar-width);height:100dvh;min-width:0;max-width:none;transform:none;grid-column:1;grid-row:1;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;}
 body.dc-reference-master .dc-dash-layout .dc-dash-main {grid-column:2;grid-row:1;min-width:0;min-height:0;max-height:100dvh;width:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;}
 body.dc-reference-master .dc-dash-layout .dc-dash-topbar {position:sticky;top:0;left:auto;right:auto;width:100%;height:auto;min-height:80px;z-index:101;}
 body.dc-reference-master .dc-dash-layout .dc-dash-body {padding-top:0;}
}
body.dc-reference-master .dc-dash-layout .dc-client-account {max-width:1216px;padding:32px clamp(20px,2.75vw,36px) 55px;}
body.dc-reference-master .dc-dash-layout .dc-client-account .dc-page-header {margin-bottom:23px;}
body.dc-reference-master .dc-dash-layout .dc-client-account .dc-page-header h1 {font-size:clamp(24px,2.2vw,30px);margin:0 0 7px;}
body.dc-reference-master .dc-dash-layout .dc-client-account-banner {display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff;border:1px solid var(--dcm-line);border-radius:14px;padding:22px 25px;min-width:0;margin-bottom:22px;}
body.dc-reference-master .dc-dash-layout .dc-client-account-person {display:flex;align-items:center;gap:15px;min-width:0;}
body.dc-reference-master .dc-dash-layout .dc-client-account-person .dc-reference-profile-avatar {width:59px;height:59px;font-size:15px;}
body.dc-reference-master .dc-dash-layout .dc-client-person-copy {min-width:0;}
body.dc-reference-master .dc-dash-layout .dc-client-person-copy h2 {font-size:15px;margin:0 0 6px;line-height:1.4;overflow-wrap:anywhere;}
body.dc-reference-master .dc-dash-layout .dc-client-person-copy p {font-size:11px;color:var(--dcm-muted);margin:0 0 6px;line-height:1.4;}
body.dc-reference-master .dc-dash-layout .dc-client-account-meta {display:flex;align-items:center;gap:20px;margin:0;min-width:0;}
body.dc-reference-master .dc-dash-layout .dc-client-account-meta div {min-width:0;}
body.dc-reference-master .dc-dash-layout .dc-client-account-meta dt {font-size:10px;font-weight:400;color:var(--dcm-muted);margin-bottom:5px;}
body.dc-reference-master .dc-dash-layout .dc-client-account-meta dd {font-size:11px;font-weight:700;margin:0;color:var(--dcm-navy);overflow-wrap:anywhere;}
body.dc-reference-master .dc-dash-layout .dc-client-referral {display:flex;align-items:center;gap:14px;min-width:0;padding:18px 21px;margin-bottom:28px;background:var(--dcm-cream);border:1px solid #e9dfcb;border-radius:14px;}
body.dc-reference-master .dc-dash-layout .dc-client-referral-icon {width:42px;height:42px;display:grid;place-items:center;background:#f3e9cf;color:#9c7c34;flex:none;border-radius:10px;}
body.dc-reference-master .dc-dash-layout .dc-client-referral>div {flex:1;min-width:0;}
body.dc-reference-master .dc-dash-layout .dc-client-referral strong {font-size:12px;font-weight:700;}
body.dc-reference-master .dc-dash-layout .dc-client-referral p {font-size:11px;color:var(--dcm-muted);margin:5px 0 0;}
body.dc-reference-master .dc-dash-layout .dc-client-account-group {margin-bottom:26px;}
body.dc-reference-master .dc-dash-layout .dc-client-account-group>h2 {font-size:16px;font-weight:700;line-height:1.4;margin:0 0 12px;}
body.dc-reference-master .dc-dash-layout .dc-client-account-tiles {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
body.dc-reference-master .dc-dash-layout .dc-client-account-tile {display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--dcm-line);border-radius:12px;min-height:106px;padding:17px;text-decoration:none;color:var(--dcm-navy);min-width:0;transition:border-color .15s ease,box-shadow .15s ease;}
body.dc-reference-master .dc-dash-layout .dc-client-account-tile:hover {border-color:#a7cbb8;box-shadow:0 4px 14px rgba(16,37,66,.05);}
body.dc-reference-master .dc-dash-layout .dc-client-account-tile:focus-visible {outline:3px solid var(--dcm-green);outline-offset:2px;}
body.dc-reference-master .dc-dash-layout .dc-client-account-tile .dc-reference-account-icon {width:43px;height:43px;flex:none;font-size:16px;}
body.dc-reference-master .dc-dash-layout .dc-client-tile-copy {flex:1;min-width:0;}
body.dc-reference-master .dc-dash-layout .dc-client-tile-copy strong {display:block;font-size:14px;font-weight:700;color:var(--dcm-navy);line-height:1.45;}
body.dc-reference-master .dc-dash-layout .dc-client-tile-copy small {display:block;margin-top:5px;color:var(--dcm-muted);font-size:12px;line-height:1.5;}
body.dc-reference-master .dc-dash-layout .dc-client-tile-copy .dc-client-tile-status {color:var(--dcm-green);margin-top:4px;}
body.dc-reference-master .dc-dash-layout .dc-client-account-tile>i {flex:none;font-size:10px;color:#a2aea9;}
body.dc-reference-master .dc-dash-layout .dc-client-account-footer {display:flex;justify-content:space-between;align-items:center;gap:16px;margin:26px 0 0;}
body.dc-reference-master .dc-dash-layout .dc-client-account-footer>a {font-size:12px;color:var(--dcm-green);font-weight:700;}
body.dc-reference-master .dc-dash-layout .dc-client-account-footer .logout-btn {background:#fff;color:var(--dcm-navy);border:1px solid var(--dcm-line);}
body.dc-reference-master .dc-dash-layout .dc-account-details-panel {display:none;scroll-margin-top:86px;margin:0;padding:0;border:0;}
body.dc-reference-master .dc-dash-layout .dc-account-details-panel:target {display:block;}
body.dc-reference-master .dc-dash-layout .dc-account-details-panel .dc-account-form-grid {grid-template-columns:repeat(2,minmax(0,1fr));margin:0;gap:18px;align-items:start;}
body.dc-reference-master .dc-dash-layout .dc-client-account-back {display:inline-flex;align-items:center;gap:8px;color:var(--dcm-green);font-size:14px;font-weight:700;}
body.dc-reference-master .dc-dash-layout .dc-account-method-icon {width:41px;height:41px;border-radius:10px;background:#e8f3ed;color:#087f5b;display:grid;place-items:center;flex:none;font-size:17px;}

/* My Account > Payment methods: single reference-style content card. */
body.dc-reference-master .dc-dash-layout .dc-account-payment-card {max-width:940px; padding:clamp(20px,2.5vw,30px);background:#fff; border:1px solid #e0e7e5; border-radius:14px; box-shadow:none;}
body.dc-reference-master .dc-dash-layout .dc-account-payment-card>h4,body.dc-reference-master .dc-dash-layout .dc-account-payment-bank>h4 {font-size:16px;font-weight:700;color:#102542;margin:0 0 15px;line-height:1.5;}
body.dc-reference-master .dc-dash-layout .dc-account-payment-text {font-size:13px;line-height:1.8;color:#536981;margin:0 0 14px;}
body.dc-reference-master .dc-dash-layout .dc-account-payment-hint {font-size:12px;line-height:1.8;color:#64778c;margin:0 0 18px;}
body.dc-reference-master .dc-dash-layout .dc-account-payment-unavailable {margin:0;opacity:.65;cursor:not-allowed;}
body.dc-reference-master .dc-dash-layout .dc-account-payment-coming-soon {color:#758392;font-size:11px;line-height:1.6;margin:8px 0 0;}
body.dc-reference-master .dc-dash-layout .dc-account-payment-bank {padding-top:23px;margin-top:20px;border-top:1px solid #e0e7e5;}
body.dc-reference-master .dc-dash-layout .dc-account-payment-bank .dc-account-link {display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#087f5b;margin-top:3px;text-decoration:none;}
body.dc-reference-master .dc-dash-layout .dc-account-payment-bank .dc-account-link:hover {text-decoration:underline;}
body.dc-reference-master .dc-dash-layout .dc-account-payment-fee {background:#faf8f2;border:1px solid #eee3c9;border-radius:9px;padding:15px;margin-top:24px;color:#776139;font-size:12px;line-height:1.65;}

body.dc-reference-master .dc-dash-layout .dc-account-notices {display:grid;gap:11px;}
body.dc-reference-master .dc-dash-layout .dc-account-notice time {font-size:11px;color:#687891;margin-top:6px;display:block;}
body.dc-reference-master .dc-dash-layout .dc-account-notice-empty {text-align:center;padding:28px;color:#687891;font-size:12px;}
body.dc-reference-master .dc-dash-layout .dc-account-notice-empty i {display:block;font-size:24px;color:#087f5b;margin-bottom:12px;}
body.dc-reference-master .dc-dash-layout .dc-account-panel-intro {margin:16px 0 18px;}
body.dc-reference-master .dc-dash-layout .dc-account-panel-intro h3 {font:700 clamp(22px,2.1vw,28px) "Libre Baskerville",Georgia,serif;color:var(--dcm-navy);margin:0 0 9px;line-height:1.35;}
body.dc-reference-master .dc-dash-layout .dc-account-panel-intro p {color:var(--dcm-muted);font-size:12px;margin:0;line-height:1.65;}
body.dc-reference-master .dc-dash-layout .dc-account-mini-tabs {display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid var(--dcm-line);margin:0 0 24px;}
body.dc-reference-master .dc-dash-layout .dc-account-mini-tabs a {display:inline-block;border:1px solid transparent;border-radius:8px;color:var(--dcm-muted);text-decoration:none;font-size:11px;font-weight:650;line-height:1.35;padding:9px 12px;}
body.dc-reference-master .dc-dash-layout .dc-account-mini-tabs a:is(:hover,[aria-current="page"]) {background:var(--dcm-pale);border-color:#badbc9;color:var(--dcm-green);}
body.dc-reference-master .dc-dash-layout .dc-account-mini-tabs a:focus-visible {outline:2px solid var(--dcm-green);outline-offset:2px;}
body.dc-reference-master .dc-dash-layout .dc-client-account-detail-panels .dc-form-card {padding:24px;}
body.dc-reference-master .dc-dash-layout .dc-client-account-detail-panels .dc-form-card h4,body.dc-reference-master .dc-dash-layout .dc-client-account-detail-panels .dc-account-guide-card>h4 {font-size:16px;font-weight:700;margin:0 0 13px;color:var(--dcm-navy);}
body.dc-reference-master .dc-dash-layout .dc-account-person-mini {display:flex;align-items:center;gap:14px;padding-bottom:17px;border-bottom:1px solid var(--dcm-line);margin-bottom:8px;}
body.dc-reference-master .dc-dash-layout .dc-account-person-mini .dc-reference-profile-avatar {flex:none;width:50px;height:50px;}
body.dc-reference-master .dc-dash-layout .dc-account-person-mini strong,body.dc-reference-master .dc-dash-layout .dc-account-person-mini small {display:block;}
body.dc-reference-master .dc-dash-layout .dc-account-person-mini strong {font-size:14px;color:var(--dcm-navy);}
body.dc-reference-master .dc-dash-layout .dc-account-person-mini small {font-size:11px;color:var(--dcm-muted);margin-top:5px;}
body.dc-reference-master .dc-dash-layout .dc-account-data-list {margin:0 0 18px;}
body.dc-reference-master .dc-dash-layout .dc-account-data-list>div {display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid var(--dcm-line);padding:15px 0;min-width:0;}
body.dc-reference-master .dc-dash-layout .dc-account-data-list dt {font-size:12px;color:var(--dcm-muted);}
body.dc-reference-master .dc-dash-layout .dc-account-data-list dd {margin:0;text-align:right;font-size:12px;color:var(--dcm-navy);font-weight:700;overflow-wrap:anywhere;min-width:0;}
body.dc-reference-master .dc-dash-layout .dc-account-state {display:inline-block;border-radius:20px;background:#f2f4f3;color:#6c7c84;padding:6px 10px;font-size:11px;font-weight:700;}
body.dc-reference-master .dc-dash-layout .dc-account-state.is-verified {background:#e8f3ed;color:var(--dcm-green);}
body.dc-reference-master .dc-dash-layout .dc-account-state.is-rejected {background:#fff0ed;color:#a93226;}
body.dc-reference-master .dc-dash-layout .dc-account-kyc-rejection {margin:14px 0;padding:14px 16px;border:1px solid #f0c9c2;border-left:4px solid #b9382b;border-radius:8px;background:#fff8f6;}
body.dc-reference-master .dc-dash-layout .dc-account-kyc-rejection strong {display:block;color:#8f2e25;font-size:12px;}
body.dc-reference-master .dc-dash-layout .dc-account-kyc-rejection p {margin:7px 0 10px;color:#493b39;font-size:12px;line-height:1.7;white-space:pre-line;overflow-wrap:anywhere;}
body.dc-reference-master .dc-dash-layout .dc-account-helper {font-size:12px;line-height:1.75;color:var(--dcm-muted);margin:12px 0 18px;}
body.dc-reference-master .dc-dash-layout .dc-account-link {font-size:12px;color:var(--dcm-green);font-weight:700;line-height:1.6;text-decoration:none;}
body.dc-reference-master .dc-dash-layout .dc-account-address-text {line-height:1.85;color:var(--dcm-navy);font-size:13px;margin:8px 0 19px;overflow-wrap:anywhere;}
body.dc-reference-master .dc-dash-layout .dc-account-rate-value {font:700 clamp(24px,3vw,35px) "Libre Baskerville",Georgia,serif;color:var(--dcm-green);margin:20px 0 8px;}
body.dc-reference-master .dc-dash-layout .dc-account-rate-value span {display:block;font:600 12px system-ui,sans-serif;color:var(--dcm-muted);margin-top:9px;}
body.dc-reference-master .dc-dash-layout .dc-account-document-row {display:flex;align-items:center;gap:13px;padding:19px 0;border-top:1px solid var(--dcm-line);border-bottom:1px solid var(--dcm-line);margin:8px 0 18px;}
body.dc-reference-master .dc-dash-layout .dc-account-document-row strong,body.dc-reference-master .dc-dash-layout .dc-account-document-row small {display:block;}
body.dc-reference-master .dc-dash-layout .dc-account-document-row strong {font-size:13px;}
body.dc-reference-master .dc-dash-layout .dc-account-document-row small {font-size:11px;color:var(--dcm-muted);margin-top:6px;line-height:1.65;}
body.dc-reference-master .dc-dash-layout .dc-account-security-help {border-top:1px solid var(--dcm-line);margin-top:20px;padding-top:22px;}
body.dc-reference-master .dc-dash-layout .dc-account-security-help strong {font-size:13px;}

/* Account reference: request dialog, optional preferences, and security/help cards. */
body.dc-user .dc-client-account .dc-account-link-button {background:none;border:0;padding:0;cursor:pointer;text-align:left;font:inherit;color:#087f5b;font-weight:700;}
body.dc-user .dc-client-account .dc-account-reference-grid {grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;}
body.dc-user .dc-client-account .dc-account-security-aside {background:#faf8f2;border-color:#eee3c9;display:flex;flex-direction:column;gap:16px;align-items:flex-start;}
body.dc-user .dc-client-account .dc-account-security-aside p {color:#485c70;font-size:13px;line-height:1.8;margin:0;}
body.dc-user .dc-client-account .dc-account-security-aside .dc-account-link {margin-top:4px;}
body.dc-user .dc-client-account .dc-account-action-gap {margin-top:17px;}
body.dc-user .dc-client-account .dc-account-preference {display:flex;gap:18px;justify-content:space-between;align-items:center;padding:19px 0;border-bottom:1px solid #e2e8e5;}
body.dc-user .dc-client-account .dc-account-preference strong {font-size:13px;font-weight:700;color:#102542;}
body.dc-user .dc-client-account .dc-account-preference p {font-size:12px;color:#63758a;line-height:1.7;margin:7px 0 0;}
body.dc-user .dc-client-account .dc-account-essential {border-bottom:0;}
body.dc-user .dc-client-account .dc-account-essential .dc-account-state {flex:none;}
body.dc-user .dc-client-account .dc-account-switch {appearance:none;display:block;position:relative;flex:none;width:47px;height:28px;border-radius:100px;background:#cfd7da;border:0;padding:0;cursor:pointer;transition:background .2s ease;}
body.dc-user .dc-client-account .dc-account-switch[aria-checked="true"] {background:#087f5b;}
body.dc-user .dc-client-account .dc-account-switch-thumb {display:block;position:absolute;top:4px;left:4px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #001b1438;transition:transform .2s ease;}
body.dc-user .dc-client-account .dc-account-switch[aria-checked="true"] .dc-account-switch-thumb {transform:translateX(19px);}
body.dc-user .dc-client-account .dc-account-switch:disabled {cursor:progress;opacity:.65;}
body.dc-user .dc-client-account .dc-account-switch:focus-visible,body.dc-user .dc-client-account [data-dc-support-topic]:focus-visible {outline:3px solid #087f5b;outline-offset:3px;}
body.dc-user .dc-client-account .dc-account-pref-feedback {font-size:12px;color:#087f5b;min-height:17px;margin:8px 0 0;}
body.dc-user .dc-client-account :is(.dc-account-pref-feedback.is-error,.dc-account-inline-error) {font-size:12px;color:#af273a;}
body.dc-user .dc-client-account .dc-account-notice-item {padding:18px 0;border-bottom:1px solid #e3e9e6;display:flex;align-items:flex-start;gap:12px;}
body.dc-user .dc-client-account .dc-account-notice-item:last-child {border-bottom:0;}
body.dc-user .dc-client-account .dc-account-notice-item strong {font-size:13px;color:#102542;}
body.dc-user .dc-client-account .dc-account-notice-item p {font-size:12px;color:#65758a;line-height:1.7;margin:6px 0;overflow-wrap:anywhere;}
body.dc-user .dc-client-account .dc-account-notice-item time {font-size:11px;color:#7d8b97;}
body.dc-user .dc-client-account .dc-account-view-all {display:inline-flex;margin-top:22px;gap:8px;align-items:center;}
body.dc-user .dc-client-account .dc-account-pager {padding:22px 0;}
body.dc-user .dc-account-modal[hidden] {display:none!important;}
body.dc-user .dc-account-modal {position:fixed;inset:0;z-index:2500;display:flex;justify-content:center;align-items:center;padding:20px;}
body.dc-user .dc-account-modal-backdrop {position:absolute;inset:0;background:rgba(16,37,66,.44);backdrop-filter:blur(3px);}
body.dc-user .dc-account-modal-dialog {position:relative;width:min(520px,100%);background:#fff;border:1px solid #e1e8e5;border-radius:15px;box-shadow:0 28px 75px #091c3552;padding:26px;max-height:min(90vh,750px);overflow:auto;}
body.dc-user .dc-account-modal-head {display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;}
body.dc-user .dc-account-modal-head h3 {font:700 18px/1.35 'Libre Baskerville',Georgia,serif;color:#102542;margin:0;}
body.dc-user .dc-account-modal-close {border:0;background:transparent;color:#6a7b8d;font:24px system-ui,sans-serif;cursor:pointer;padding:3px 6px;line-height:1;}
body.dc-user .dc-account-modal-note {font-size:12px;line-height:1.7;color:#66768b;margin:0 0 14px;}
body.dc-user .dc-account-modal .dc-input-group {margin:12px 0 17px;}
body.dc-user .dc-account-modal .dc-input-group label {display:block;font-size:12px;color:#102542;font-weight:700;margin-bottom:8px;}
body.dc-user .dc-account-modal .dc-input-group :is(input,textarea) {width:100%;border:1px solid #d6e0dc;border-radius:9px;background:#fff;padding:12px;font:13px/1.5 inherit;color:#102542;}
body.dc-user .dc-account-modal .dc-input-group textarea {resize:vertical;min-height:115px;}
body.dc-user .dc-account-modal-disclaimer {background:#faf8f2;border:1px solid #eee2c4;border-radius:9px;font-size:11px;line-height:1.7;color:#80672d;padding:14px;margin:12px 0;}
body.dc-user .dc-client-account .dc-optional-label {font-weight:400;color:#687a89;}
body.dc-user .dc-account-modal-actions {display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:15px;}
body.dc-user .dc-account-modal-feedback {font-size:12px;line-height:1.6;color:#087f5b;margin:10px 0;}
body.dc-user .dc-account-modal-feedback.is-error {color:#a52a38;}
body.dc-user .dc-account-modal-feedback[hidden] {display:none;}
@media(max-width:800px) {body.dc-user .dc-client-account .dc-account-reference-grid {grid-template-columns:minmax(0,1fr);}body.dc-user .dc-account-modal-dialog {padding:20px;}}

body.dc-reference-master .dc-dash-layout .dc-account-security-help p {font-size:12px;color:var(--dcm-muted);line-height:1.7;margin:9px 0 0;}
body.dc-reference-master .dc-dash-layout .dc-client-account-detail-panels .dc-input-group {margin-bottom:14px;min-width:0;}
body.dc-reference-master .dc-dash-layout .dc-client-account-detail-panels .dc-input-group small {display:block;font-size:11px;color:var(--dcm-muted);margin-top:6px;line-height:1.6;}
body.dc-reference-master .dc-dash-layout .dc-client-account-detail-panels .dc-input-group .dc-field-error {color:#a22e2e;}
@media(max-width:800px){body.dc-reference-master .dc-dash-layout .dc-client-account-detail-panels .dc-account-form-grid {grid-template-columns:minmax(0,1fr);}body.dc-reference-master .dc-dash-layout .dc-account-mini-tabs {gap:2px;}body.dc-reference-master .dc-dash-layout .dc-account-mini-tabs a {font-size:10px;padding:9px 8px;}}

body.dc-reference-master .dc-dash-layout .dc-client-account-detail-panels .dc-btn {margin-top:15px;}
body.dc-reference-master .dc-dash-layout .dc-transfer-page {max-width:1200px;}
body.dc-reference-master .dc-dash-layout .dc-transfer-grid {grid-template-columns:minmax(0,1.6fr) minmax(285px,.9fr);gap:18px;align-items:start;}
body.dc-reference-master .dc-dash-layout .dc-transfer-grid>* {min-width:0;}
@media(max-width:1024px) {
 body.dc-reference-master .dc-dash-layout {display:block;grid-template-columns:minmax(0,1fr);padding-left:0;}
 body.dc-reference-master .dc-dash-layout .dc-dash-main {margin:0;padding:0;width:100%;}
 body.dc-reference-master .dc-dash-layout .dc-dash-topbar {position:sticky;top:0;left:auto;right:auto;width:100%;min-height:70px;}
 body.dc-reference-master .dc-dash-layout .dc-dash-body {padding:0;}
 body.dc-reference-master .dc-dash-layout .dc-sidebar {position:fixed;top:0;left:0;bottom:0;transform:translateX(-105%);width:min(290px,88vw);height:100dvh;z-index:1200;}
 body.dc-reference-master .dc-dash-layout .dc-sidebar.open {transform:translateX(0);left:0;}
 body.dc-reference-master .dc-dash-layout .dc-client-account-banner {flex-wrap:wrap;}
 body.dc-reference-master .dc-dash-layout .dc-client-account-meta {width:100%;justify-content:space-between;padding-top:13px;border-top:1px solid var(--dcm-line);}
 body.dc-reference-master .dc-dash-layout .dc-client-account-tiles {grid-template-columns:repeat(2,minmax(0,1fr));}
 body.dc-reference-master .dc-dash-layout .dc-transfer-grid {grid-template-columns:minmax(0,1fr);}
}
@media(max-width:640px) {
 body.dc-reference-master .dc-dash-layout .dc-client-account {padding:20px 15px 95px;}
 body.dc-reference-master .dc-dash-layout .dc-client-account-meta {gap:9px;flex-wrap:wrap;}
 body.dc-reference-master .dc-dash-layout .dc-client-account-meta div {flex:1 1 105px;}
 body.dc-reference-master .dc-dash-layout .dc-client-referral {flex-wrap:wrap;padding:16px;}
 body.dc-reference-master .dc-dash-layout .dc-client-referral>.dc-btn {width:100%;}
 body.dc-reference-master .dc-dash-layout .dc-client-account-tiles {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
 body.dc-reference-master .dc-dash-layout .dc-client-account-tile {flex-direction:column;align-items:center;text-align:center;padding:14px 9px;min-height:152px;gap:11px;}
 body.dc-reference-master .dc-dash-layout .dc-client-account-tile>i {display:none;}
 body.dc-reference-master .dc-dash-layout .dc-client-account-detail-panels .dc-account-form-grid {grid-template-columns:minmax(0,1fr);}
}
@media(max-width:350px) {
 body.dc-reference-master .dc-dash-layout .dc-client-account-tiles {grid-template-columns:minmax(0,1fr);}
}

body.dc-reference-master .dc-dash-layout .dc-account-details-panel.dc-has-errors {display:block;}


/* Account guidance detail screens and consistent customer copy confirmation. */
body.dc-reference-master .dc-dash-layout .dc-account-guide-card {max-width:1000px;background:#fff;border:1px solid #e0e7e5;border-radius:14px;padding:clamp(18px,2.5vw,32px);color:#102542;}
body.dc-reference-master .dc-dash-layout .dc-account-guide-card>h3 {font-size:clamp(20px,2.2vw,26px);margin:0 0 18px;}
body.dc-reference-master .dc-dash-layout .dc-account-guide-card :is(p,li) {font-size:13px;line-height:1.85;color:#465872;}
body.dc-reference-master .dc-dash-layout .dc-account-guide-card .dc-guide-intro {font-size:14px;margin-bottom:24px;}
body.dc-reference-master .dc-dash-layout .dc-guide-steps {padding-left:23px;margin:0 0 22px;}
body.dc-reference-master .dc-dash-layout .dc-guide-steps li {padding-left:6px;margin-bottom:12px;}
body.dc-reference-master .dc-dash-layout .dc-guide-steps strong {color:#102542;}
body.dc-reference-master .dc-dash-layout .dc-guide-topic {border-top:1px solid #e8edec;padding:18px 0;}
body.dc-reference-master .dc-dash-layout .dc-guide-topic h4 {font-size:15px;color:#102542;margin:0 0 8px;}
body.dc-reference-master .dc-dash-layout .dc-guide-topic p {margin:0;}
body.dc-reference-master .dc-dash-layout .dc-guide-actions {display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:24px;}
body.dc-reference-master .dc-dash-layout .dc-account-privacy-policy {font-size:13px;line-height:1.8;overflow-wrap:anywhere;}
body.dc-reference-master .dc-dash-layout .dc-account-privacy-policy :is(h1,h2,h3) {font-size:16px;color:#102542;margin:17px 0 8px;}
body.dc-reference-master .dc-dash-layout .dc-guide-legal .dc-approved-page-hero {display:none;}
body.dc-reference-master .dc-dash-layout .dc-guide-legal .dc-approved-section,
body.dc-reference-master .dc-dash-layout .dc-guide-legal .dc-approved-shell {width:100%;max-width:none;margin:0;padding:0;background:none;}
body.dc-reference-master .dc-dash-layout .dc-guide-legal .dc-approved-policy {max-width:none;padding:0;margin:0;border:0;box-shadow:none;background:none;}
body.dc-reference-master .dc-dash-layout .dc-guide-legal .dc-policy-contents {display:none;}
body.dc-reference-master .dc-dash-layout .dc-guide-legal .dc-policy-clause {scroll-margin-top:105px;border-top:1px solid #e5ece9;padding:17px 0;margin-top:18px;}
body.dc-reference-master .dc-dash-layout .dc-guide-legal :is(h2,h3) {font-size:16px;line-height:1.5;color:#102542;}
body.dc-reference-master .dc-dash-layout .dc-guide-legal :is(p,li) {font-size:12px;line-height:1.85;}
body.dc-reference-master .dc-dash-layout .dc-guide-legal a {color:#087f5b;text-decoration:underline;}
body.dc-user .dc-copy-toast {position:fixed;z-index:2000;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 28px);padding:11px 17px;border-radius:10px;background:#102542;color:#fff;box-shadow:0 9px 25px #10254238;font-family:"Libre Baskerville",Georgia,serif;font-size:12px;font-weight:700;line-height:1.4;text-align:center;pointer-events:none;}
body.dc-user .dc-copy-toast.dc-copy-toast-error {background:#aa3e38;}
body.dc-user .dc-copy-toast[hidden] {display:none;}
@media(max-width:720px){body.dc-user .dc-copy-toast {bottom:calc(83px + env(safe-area-inset-bottom));}}

/* Client master demo parity — transfer amount stage and account overview.
   Visual integration only; real rates, charges, options and payment routes remain server-owned. */
body.dc-reference-master .dc-dash-layout .dc-transfer-page {
    width:100%;max-width:1190px;margin:0 auto;
    padding:34px clamp(20px,3vw,36px) 70px;
}
body.dc-reference-master .dc-dash-layout .dc-transfer-page .dc-transfer-header {margin-bottom:25px;}
body.dc-reference-master .dc-dash-layout .dc-transfer-page .dc-transfer-header h1 {
    font-size:clamp(23px,2.3vw,30px);line-height:1.25;margin:0 0 7px;
}
body.dc-reference-master .dc-dash-layout .dc-transfer-page .dc-transfer-header p {margin:0;color:#65778a;font-size:12px;line-height:1.7;}
body.dc-reference-master .dc-dash-layout .dc-transfer-page .dc-transfer-progress {margin-bottom:21px;gap:16px;}
body.dc-reference-master .dc-dash-layout .dc-transfer-page .dc-transfer-progress li {position:relative;min-width:0;font-size:11px;}
body.dc-reference-master .dc-dash-layout .dc-transfer-page .dc-transfer-progress li:not(:last-child)::after {
    content:"";flex:1;height:1px;background:#dee6e2;margin-left:12px;
}
body.dc-reference-master .dc-dash-layout .dc-transfer-page .dc-transfer-progress li>span {height:26px;width:26px;font-size:11px;}
body.dc-reference-master .dc-dash-layout .dc-transfer-page .dc-transfer-grid {
    grid-template-columns:minmax(0,1.62fr) minmax(290px,.95fr);gap:20px;align-items:start;
}
body.dc-reference-master .dc-dash-layout .dc-transfer-page .dc-transfer-form,
body.dc-reference-master .dc-dash-layout .dc-transfer-page .dc-transfer-summary {padding:26px 24px;border-radius:14px;}
body.dc-reference-master .dc-dash-layout .dc-transfer-page .dc-transfer-form>h2,
body.dc-reference-master .dc-dash-layout .dc-transfer-page .dc-transfer-summary h2 {font-size:16px;line-height:1.5;}
body.dc-reference-master .dc-dash-layout .dc-transfer-page .dc-country-corridor {display:flex;align-items:center;gap:10px;margin:3px 0 20px;}
body.dc-reference-master .dc-dash-layout .dc-transfer-page .dc-country-corridor span {display:inline-flex;align-items:center;gap:7px;}
body.dc-reference-master .dc-dash-layout .dc-transfer-page .dc-receiving-fieldset {margin-bottom:20px;}
body.dc-reference-master .dc-dash-layout .dc-transfer-page .dc-receiving-fieldset legend {font-size:12px;margin-bottom:10px;}
body.dc-reference-master .dc-dash-layout .dc-transfer-page .dc-receiving-methods {grid-template-columns:repeat(2,minmax(0,1fr));}
body.dc-reference-master .dc-dash-layout .dc-transfer-page .dc-receiving-option-content {min-height:68px;padding:11px 13px;gap:12px;}
body.dc-reference-master .dc-dash-layout .dc-transfer-page .dc-receiving-option-content i {flex:none;}
body.dc-reference-master .dc-dash-layout .dc-receiving-option-text {display:block;min-width:0;}
body.dc-reference-master .dc-dash-layout .dc-receiving-option-text strong,
body.dc-reference-master .dc-dash-layout .dc-funding-choice strong {display:block;font-size:11px;line-height:1.4;color:#102542;}
body.dc-reference-master .dc-dash-layout .dc-receiving-option-text small,
body.dc-reference-master .dc-dash-layout .dc-funding-choice small {display:block;font-size:10px;color:#64778b;line-height:1.55;margin-top:4px;}
body.dc-reference-master .dc-dash-layout .dc-payment-method-preview {margin:20px 0 18px;}
body.dc-reference-master .dc-dash-layout .dc-payment-method-preview h3 {font-size:12px;font-weight:700;margin:0 0 3px;}
body.dc-reference-master .dc-dash-layout .dc-payment-method-helper {font-size:10px;line-height:1.55;color:#64778b;margin:0 0 9px;}
body.dc-reference-master .dc-dash-layout .dc-funding-choices {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;}
body.dc-reference-master .dc-dash-layout .dc-funding-choice {display:flex;align-items:center;gap:9px;border:1px solid #dfe8e4;border-radius:9px;padding:12px 9px;min-height:75px;background:#fff;min-width:0;}
body.dc-reference-master .dc-dash-layout .dc-funding-choice>i {font-size:18px;color:#087f5b;flex:none;}
body.dc-reference-master .dc-dash-layout .dc-funding-choice>span {min-width:0;}
body.dc-reference-master .dc-dash-layout .dc-funding-concept {opacity:.65;background:#f7f9f8;}
body.dc-reference-master .dc-dash-layout .dc-transfer-amount-fields {gap:12px;margin-top:2px;}
body.dc-reference-master .dc-dash-layout .dc-amount-field {position:relative;display:block;}
body.dc-reference-master .dc-dash-layout .dc-amount-field>span:first-child {position:absolute;z-index:1;top:12px;left:15px;margin:0;color:#687b8c;font-size:10px;font-weight:400;}
body.dc-reference-master .dc-dash-layout .dc-amount-control {min-height:79px;padding:25px 15px 8px;}
body.dc-reference-master .dc-dash-layout .dc-amount-control input {font-size:25px;line-height:1.35;}
body.dc-reference-master .dc-dash-layout .dc-amount-output {background:#fff;}
body.dc-reference-master .dc-dash-layout .dc-currency-label {display:inline-flex;align-items:center;gap:6px;}
body.dc-reference-master .dc-dash-layout .dc-transfer-calculation {margin-top:14px;border-top:1px solid #edf1ef;}
body.dc-reference-master .dc-dash-layout .dc-transfer-calculation>div {display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-bottom:1px solid #edf1ef;padding:13px 0;color:#65788a;font-size:11px;}
body.dc-reference-master .dc-dash-layout .dc-transfer-calculation strong {color:#102542;font-size:11px;text-align:right;overflow-wrap:anywhere;}
body.dc-reference-master .dc-dash-layout .dc-transfer-calculation .dc-calculation-total {border-bottom:0;}
body.dc-reference-master .dc-dash-layout .dc-calculation-total strong {font-size:14px;}
body.dc-reference-master .dc-dash-layout .dc-transfer-rate-note {margin-top:4px;}
body.dc-reference-master .dc-dash-layout .dc-transfer-form-actions {border-top:1px solid #edf1ef;padding-top:19px;margin-top:20px;}
body.dc-reference-master .dc-dash-layout .dc-transfer-summary-heading {margin-bottom:11px;}
body.dc-reference-master .dc-dash-layout .dc-transfer-summary dl>div {padding:15px 0;}
body.dc-reference-master .dc-dash-layout .dc-transfer-summary .dc-summary-footnote {border-top:1px solid #edf1ef;padding-top:15px;margin-top:16px;}
body.dc-reference-master .dc-dash-layout .dc-client-account .dc-copy-customer-id {padding:1px 4px;border:0;background:transparent;color:#087f5b;cursor:pointer;font:inherit;vertical-align:middle;}
body.dc-reference-master .dc-dash-layout .dc-client-account .dc-copy-customer-id:hover {color:#055f45;}
body.dc-reference-master .dc-dash-layout .dc-client-account .dc-copy-customer-id:focus-visible {outline:2px solid #087f5b;outline-offset:2px;border-radius:3px;}
@media(max-width:1100px) and (min-width:1025px) {
    body.dc-reference-master .dc-dash-layout .dc-transfer-page .dc-transfer-grid {grid-template-columns:minmax(0,1fr);}
}
@media(max-width:1024px) {
    body.dc-reference-master .dc-dash-layout .dc-transfer-page {padding:23px 19px 94px;max-width:850px;}
    body.dc-reference-master .dc-dash-layout .dc-transfer-page .dc-transfer-grid {grid-template-columns:minmax(0,1fr);}
}
@media(max-width:640px) {
    body.dc-reference-master .dc-dash-layout .dc-transfer-page {padding:19px 15px 102px;}
    body.dc-reference-master .dc-dash-layout .dc-transfer-page .dc-transfer-form,
    body.dc-reference-master .dc-dash-layout .dc-transfer-page .dc-transfer-summary {padding:18px 16px;}
    body.dc-reference-master .dc-dash-layout .dc-transfer-page .dc-transfer-progress {gap:4px;}
    body.dc-reference-master .dc-dash-layout .dc-transfer-page .dc-transfer-progress li {flex-direction:column;text-align:center;font-size:10px;gap:5px;}
    body.dc-reference-master .dc-dash-layout .dc-transfer-page .dc-transfer-progress li:not(:last-child)::after {display:none;}
    body.dc-reference-master .dc-dash-layout .dc-transfer-page .dc-funding-choices {grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;}
    body.dc-reference-master .dc-dash-layout .dc-funding-choice {flex-direction:column;align-items:flex-start;padding:10px 8px;gap:7px;}
    body.dc-reference-master .dc-dash-layout .dc-funding-choice>i {font-size:15px;}
    body.dc-reference-master .dc-dash-layout .dc-receiving-methods {gap:8px;}
    body.dc-reference-master .dc-dash-layout .dc-receiving-option-content {padding:10px 8px;}
    body.dc-reference-master .dc-dash-layout .dc-receiving-option-content i {font-size:15px;}
    body.dc-reference-master .dc-dash-layout .dc-receiving-option-text strong,
    body.dc-reference-master .dc-dash-layout .dc-funding-choice strong {font-size:10px;}
    body.dc-reference-master .dc-dash-layout .dc-receiving-option-text small,
    body.dc-reference-master .dc-dash-layout .dc-funding-choice small {font-size:9px;}
    body.dc-reference-master .dc-dash-layout .dc-transfer-calculation>div {font-size:10px;}
    body.dc-reference-master .dc-dash-layout .dc-transfer-calculation strong {font-size:10px;}
}
@media(max-width:350px) {
    body.dc-reference-master .dc-dash-layout .dc-funding-choices {grid-template-columns:minmax(0,1fr);}
    body.dc-reference-master .dc-dash-layout .dc-funding-choice {flex-direction:row;align-items:center;}
}
/* Keep the demo's transfer flow order on phones: amount input before summary. */
body.dc-reference-master .dc-dash-layout .dc-transfer-form .dc-payment-method-preview h3 {font-size:12px!important;font-weight:700!important;line-height:1.5!important;margin:0 0 3px!important;}
@media(max-width:760px) {
  body.dc-reference-master .dc-dash-layout .dc-transfer-page .dc-transfer-form {order:0;}
  body.dc-reference-master .dc-dash-layout .dc-transfer-page .dc-transfer-summary {order:1;}
}


/* Master demo: Send Money / Beneficiary selection (step two).
   Scoped to this step; typography stays on the existing Libre Baskerville theme. */
body.dc-reference-master .dc-dash-layout .dc-beneficiary-step .dc-transfer-header {margin-bottom:19px;}
body.dc-reference-master .dc-dash-layout .dc-beneficiary-step .dc-transfer-progress {margin-bottom:23px;}
body.dc-reference-master .dc-dash-layout .dc-beneficiary-step .dc-transfer-progress li.completed>span {background:var(--dcm-green,#087f5b);color:#fff;border-color:var(--dcm-green,#087f5b);}
body.dc-reference-master .dc-dash-layout .dc-beneficiary-step .dc-transfer-grid {grid-template-columns:minmax(0,1.62fr) minmax(290px,.95fr);gap:20px;align-items:start;}
body.dc-reference-master .dc-dash-layout .dc-beneficiary-step .dc-beneficiary-select-form {min-width:0;}
body.dc-reference-master .dc-dash-layout .dc-beneficiary-step .dc-beneficiary-select-form>h2 {margin:0 0 8px;}
body.dc-reference-master .dc-dash-layout .dc-beneficiary-step .dc-transfer-subtitle {font-size:12px;color:#718394;margin:0 0 18px;line-height:1.5;}
body.dc-reference-master .dc-dash-layout .dc-beneficiary-step .dc-beneficiary-picker {position:relative;min-width:0;}
body.dc-reference-master .dc-dash-layout .dc-beneficiary-step .dc-beneficiary-picker>label {display:block;margin:0 0 7px;font-size:11px;font-weight:700;color:#102542;}
body.dc-reference-master .dc-dash-layout .dc-beneficiary-step .dc-beneficiary-picker>p {margin:8px 0 0;font-size:11px;color:#718394;}
body.dc-reference-master .dc-dash-layout .dc-beneficiary-step .dc-beneficiary-picker>select:not(.select2-hidden-accessible) {width:100%;min-height:50px;border:1px solid #dce5e1;border-radius:9px;padding:10px 14px;background:#fff;font:inherit;font-size:12px;}
body.dc-reference-master .dc-dash-layout .dc-beneficiary-step .dc-beneficiary-picker .select2-container {width:100%!important;max-width:100%;min-width:0;}
body.dc-reference-master .dc-dash-layout .dc-beneficiary-step .dc-beneficiary-picker .select2-selection--single {height:50px!important;border:1px solid #dce5e1!important;border-radius:9px;background:#fff!important;padding:0;display:flex;align-items:center;}
body.dc-reference-master .dc-dash-layout .dc-beneficiary-step .dc-beneficiary-picker .select2-selection__rendered {padding:0 36px 0 14px;font-size:12px;color:#102542;line-height:1.5;}
body.dc-reference-master .dc-dash-layout .dc-beneficiary-step .dc-beneficiary-picker .select2-selection__arrow {height:48px;top:0;right:8px;}
body.dc-reference-master .dc-dash-layout .dc-beneficiary-step .dc-beneficiary-picker .select2-selection:focus-visible {outline:3px solid #087f5b;outline-offset:2px;}
body.dc-reference-master .dc-dash-layout .dc-beneficiary-step .dc-beneficiary-picker .select2-dropdown {border-color:#dce5e1;border-radius:9px;overflow:hidden;box-shadow:0 8px 24px #10254215;}
body.dc-reference-master .dc-dash-layout .dc-beneficiary-step .dc-beneficiary-picker .select2-search__field {width:100%;min-height:40px;padding:8px 10px;border:1px solid #dce5e1;border-radius:6px;font:inherit;font-size:12px;}
body.dc-reference-master .dc-dash-layout .dc-beneficiary-step .dc-beneficiary-picker .select2-results__options {max-height:min(240px,40vh);overflow-y:auto;}
body.dc-reference-master .dc-dash-layout .dc-beneficiary-step .dc-beneficiary-picker .select2-results__option {padding:10px 12px;font-size:12px;overflow-wrap:anywhere;}
body.dc-reference-master .dc-dash-layout .dc-beneficiary-step .dc-beneficiary-picker .select2-results__option--highlighted.select2-results__option--selectable {background:#087f5b;color:#fff;}
body.dc-reference-master .dc-dash-layout .dc-beneficiary-step .dc-beneficiary-add-new {display:flex;align-items:center;justify-content:center;min-height:48px;margin:19px 0 22px;border:1px dashed #b7d9c9;border-radius:10px;background:#f9fcfa;color:#087f5b;font-size:12px;font-weight:700;text-decoration:none;gap:7px;}
body.dc-reference-master .dc-dash-layout .dc-beneficiary-step .dc-beneficiary-add-new:hover {background:#ebf6f0;border-color:#087f5b;}
body.dc-reference-master .dc-dash-layout .dc-beneficiary-step .dc-beneficiary-add-new:focus-visible {outline:3px solid #087f5b;outline-offset:2px;}
body.dc-reference-master .dc-dash-layout .dc-beneficiary-step .dc-beneficiary-empty {padding:14px;font-size:12px;line-height:1.5;margin:9px 0 14px;}
body.dc-reference-master .dc-dash-layout .dc-beneficiary-step .dc-beneficiary-purpose {padding-top:2px;}
body.dc-reference-master .dc-dash-layout .dc-beneficiary-step .dc-beneficiary-purpose h3 {margin:0 0 10px!important;font-size:12px!important;line-height:1.5!important;font-weight:700!important;color:#102542;}
body.dc-reference-master .dc-dash-layout .dc-beneficiary-step .dc-beneficiary-purpose label {display:block;margin:0 0 7px;font-weight:700;font-size:11px;color:#102542;}
body.dc-reference-master .dc-dash-layout .dc-beneficiary-step .dc-beneficiary-purpose select {width:100%;min-height:46px;padding:10px 14px;background-color:white;border:1px solid #dce5e1;border-radius:9px;color:#102542;font:400 12px 'Libre Baskerville',Georgia,serif;}
body.dc-reference-master .dc-dash-layout .dc-beneficiary-step .dc-beneficiary-purpose select:focus-visible {outline:2px solid #087f5b;outline-offset:1px;}
body.dc-reference-master .dc-dash-layout .dc-beneficiary-step .dc-beneficiary-purpose p {color:#718394;font-size:11px;margin:8px 0 0;line-height:1.5;}
body.dc-reference-master .dc-dash-layout .dc-beneficiary-step .dc-beneficiary-step-actions {margin-top:24px;padding-top:19px;border-top:1px solid #e8efeb;}
body.dc-reference-master .dc-dash-layout .dc-beneficiary-step .dc-transfer-summary h2 {margin-bottom:8px;}
body.dc-reference-master .dc-dash-layout .dc-beneficiary-step .dc-transfer-summary dl>div {padding:14px 0;}
body.dc-reference-master .dc-dash-layout .dc-beneficiary-step .dc-transfer-summary dl>div:not(.dc-transfer-summary-total) dd {font-size:11px;}
body.dc-reference-master .dc-dash-layout .dc-beneficiary-step .dc-transfer-summary-total {margin-top:2px;}
body.dc-reference-master .dc-dash-layout .dc-beneficiary-step .dc-summary-footnote {font-size:10px;line-height:1.7;}
@media(max-width:1024px) {
    body.dc-reference-master .dc-dash-layout .dc-beneficiary-step .dc-transfer-grid {grid-template-columns:minmax(0,1fr);}
}
@media(max-width:760px) {
    body.dc-reference-master .dc-dash-layout .dc-beneficiary-step .dc-transfer-grid .dc-beneficiary-select-form {order:0;}
    body.dc-reference-master .dc-dash-layout .dc-beneficiary-step .dc-transfer-grid .dc-transfer-summary {order:1;}
}


/* Customer transfer step 3 / pre-review: demo-matched cards without changing gateway logic. */
body.dc-reference-master .dc-dash-layout :is(.dc-transfer-funding-step,.dc-transfer-final-review) {
  max-width: 1250px; margin: 0 auto; min-width: 0;
}
body.dc-reference-master .dc-dash-layout :is(.dc-transfer-funding-step,.dc-transfer-final-review) .dc-transfer-grid {
  display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(270px, 1fr);
  gap: 20px; align-items: start; min-width: 0;
}
body.dc-reference-master .dc-dash-layout :is(.dc-transfer-funding-step,.dc-transfer-final-review) :is(.dc-form-card,.dc-transfer-summary) {
  border: 1px solid #e0e8e5; border-radius: 13px; background: #fff; min-width: 0; box-shadow: none;
}
body.dc-reference-master .dc-dash-layout :is(.dc-transfer-funding-step,.dc-transfer-final-review) .dc-transfer-form {
  padding: 24px 22px; min-width: 0;
}
body.dc-reference-master .dc-dash-layout :is(.dc-transfer-funding-step,.dc-transfer-final-review) .dc-transfer-form>h2 {
  margin: 0 0 9px; color: #102542; font: 700 18px/1.4 'Libre Baskerville',Georgia,serif;
}
body.dc-reference-master .dc-dash-layout :is(.dc-transfer-funding-step,.dc-transfer-final-review) .dc-transfer-subtitle {
  margin: 0 0 12px; color: #62768a; font: 400 11px/1.7 'Libre Baskerville',Georgia,serif;
}
body.dc-reference-master .dc-dash-layout :is(.dc-transfer-funding-step,.dc-transfer-final-review) .dc-step-review-block {
  padding: 20px 0; border-bottom: 1px solid #e4ebe8; min-width:0;
}
body.dc-reference-master .dc-dash-layout :is(.dc-transfer-funding-step,.dc-transfer-final-review) .dc-step-review-block-heading {
  display:flex; justify-content:space-between; gap:12px; align-items:center; margin-bottom:16px;
}
body.dc-reference-master .dc-dash-layout :is(.dc-transfer-funding-step,.dc-transfer-final-review) .dc-step-review-block-heading h3 {
  margin: 0; color: #102542; font:700 12px/1.55 'Libre Baskerville',Georgia,serif;
}
body.dc-reference-master .dc-dash-layout :is(.dc-transfer-funding-step,.dc-transfer-final-review) .dc-step-review-block-heading a,
body.dc-reference-master .dc-dash-layout :is(.dc-transfer-funding-step,.dc-transfer-final-review) .dc-step-small a,
body.dc-reference-master .dc-dash-layout .dc-transfer-final-review .dc-step-consent a {
  color:#087f5b; text-decoration:underline; text-underline-offset:2px; font-weight:700; font-size:11px;
}
body.dc-reference-master .dc-dash-layout :is(.dc-transfer-funding-step,.dc-transfer-final-review) .dc-step-recipient {
  display:flex; align-items:center; gap:12px; min-width:0; margin:0 0 10px;
}
body.dc-reference-master .dc-dash-layout :is(.dc-transfer-funding-step,.dc-transfer-final-review) .dc-step-recipient-avatar {
  background:#e8f4ee; color:#087f5b; display:inline-flex; align-items:center; justify-content:center;
  width:40px; height:40px; border-radius:10px; flex:0 0 40px; font-size:12px; font-weight:700;
}
body.dc-reference-master .dc-dash-layout :is(.dc-transfer-funding-step,.dc-transfer-final-review) .dc-step-recipient span:last-child {
  min-width:0; overflow-wrap:anywhere;
}
body.dc-reference-master .dc-dash-layout :is(.dc-transfer-funding-step,.dc-transfer-final-review) .dc-step-recipient strong {
  color:#102542; display:block; font-size:12px; font-weight:700; line-height:1.6;
}
body.dc-reference-master .dc-dash-layout :is(.dc-transfer-funding-step,.dc-transfer-final-review) .dc-step-recipient small,
body.dc-reference-master .dc-dash-layout :is(.dc-transfer-funding-step,.dc-transfer-final-review) .dc-step-small {
  color:#61758b; display:block; font-size:11px; line-height:1.7; margin:7px 0 0; overflow-wrap:anywhere;
}
body.dc-reference-master .dc-dash-layout :is(.dc-transfer-funding-step,.dc-transfer-final-review) .dc-step-small strong {color:#102542;}
body.dc-reference-master .dc-dash-layout .dc-transfer-funding-step .dc-step-funding-fields {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:17px 16px; min-width:0;
}
body.dc-reference-master .dc-dash-layout .dc-transfer-funding-step .dc-flow-field-full {grid-column:1/-1;}
body.dc-reference-master .dc-dash-layout .dc-transfer-funding-step .dc-flow-field {min-width:0;}
body.dc-reference-master .dc-dash-layout .dc-transfer-funding-step .dc-flow-field label {
  color:#102542; display:block; font-size:11px; font-weight:700; margin:0 0 7px;
}
body.dc-reference-master .dc-dash-layout .dc-transfer-funding-step .dc-flow-field :is(select,textarea) {
  display:block; width:100%; box-sizing:border-box; min-height:46px; padding:10px 13px;
  font:400 12px/1.5 'Libre Baskerville',Georgia,serif!important; border:1px solid #dbe5e1;
  background:#fff; color:#102542; border-radius:9px; box-shadow:none;
}
body.dc-reference-master .dc-dash-layout .dc-transfer-funding-step .dc-flow-field textarea {resize:vertical;}
body.dc-reference-master .dc-dash-layout .dc-transfer-funding-step .dc-flow-field :is(select,textarea):focus-visible {
  outline:2px solid #087f5b; outline-offset:1px; border-color:#087f5b;
}
body.dc-reference-master .dc-dash-layout .dc-transfer-final-review .dc-step-method-name {
  color:#102542; margin:0; font-size:12px; font-weight:700;
}
body.dc-reference-master .dc-dash-layout :is(.dc-transfer-funding-step,.dc-transfer-final-review) .dc-step-data-rows {
  margin:0; padding:0;
}
body.dc-reference-master .dc-dash-layout :is(.dc-transfer-funding-step,.dc-transfer-final-review) .dc-step-data-rows>div {
  display:flex; align-items:start; justify-content:space-between; gap:12px; border-bottom:1px solid #e6ede9;
  padding:12px 0; margin:0; min-width:0;
}
body.dc-reference-master .dc-dash-layout :is(.dc-transfer-funding-step,.dc-transfer-final-review) .dc-step-data-rows dt {
  margin:0; font:400 11px/1.5 'Libre Baskerville',Georgia,serif; color:#64788c;
}
body.dc-reference-master .dc-dash-layout :is(.dc-transfer-funding-step,.dc-transfer-final-review) .dc-step-data-rows dd {
  margin:0; min-width:0; text-align:right; font:700 11px/1.5 'Libre Baskerville',Georgia,serif;
  color:#102542; overflow-wrap:anywhere;
}
body.dc-reference-master .dc-dash-layout :is(.dc-transfer-funding-step,.dc-transfer-final-review) .dc-step-data-rows .dc-step-data-total dd {font-size:14px;}
body.dc-reference-master .dc-dash-layout :is(.dc-transfer-funding-step,.dc-transfer-final-review) .dc-step-buttons {
  display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px;
  margin-top:20px; padding-top:0; border:0;
}
body.dc-reference-master .dc-dash-layout :is(.dc-transfer-funding-step,.dc-transfer-final-review) .dc-step-buttons .dc-btn {
  min-height:45px; padding:11px 19px; font-size:12px; line-height:1.5; border-radius:9px;
  display:inline-flex; align-items:center; justify-content:center; gap:9px; white-space:normal; text-align:center;
}
body.dc-reference-master .dc-dash-layout .dc-transfer-final-review .dc-step-consents {
  padding:17px 0 3px; border-bottom:1px solid #e4ebe8;
}
body.dc-reference-master .dc-dash-layout .dc-transfer-final-review .dc-step-consent {
  display:flex!important; align-items:flex-start!important; flex-direction:row!important; gap:10px;
  margin:0 0 17px; color:#102542; font:400 11px/1.8 'Libre Baskerville',Georgia,serif;
}
body.dc-reference-master .dc-dash-layout .dc-transfer-final-review .dc-step-consent input[type=checkbox] {
  width:17px!important; height:17px!important; flex:0 0 17px!important; margin:3px 0 0!important;
  padding:0!important; accent-color:#087f5b;
}
body.dc-reference-master .dc-dash-layout .dc-transfer-final-review .dc-step-consent span {min-width:0; overflow-wrap:anywhere; flex:1;}
body.dc-reference-master .dc-dash-layout :is(.dc-transfer-funding-step,.dc-transfer-final-review) .dc-transfer-summary {
  padding:23px 21px; min-width:0;
}
body.dc-reference-master .dc-dash-layout :is(.dc-transfer-funding-step,.dc-transfer-final-review) .dc-transfer-summary h2 {
  font:700 15px/1.45 'Libre Baskerville',Georgia,serif; margin:0 0 13px; color:#102542;
}
body.dc-reference-master .dc-dash-layout :is(.dc-transfer-funding-step,.dc-transfer-final-review) .dc-transfer-summary dl>div {padding:13px 0;}
body.dc-reference-master .dc-dash-layout :is(.dc-transfer-funding-step,.dc-transfer-final-review) .dc-transfer-summary dd {overflow-wrap:anywhere;}
@media (max-width:900px) {
  body.dc-reference-master .dc-dash-layout :is(.dc-transfer-funding-step,.dc-transfer-final-review) .dc-transfer-grid {
    grid-template-columns:minmax(0,1fr);
  }
}
@media (max-width:480px) {
  body.dc-reference-master .dc-dash-layout :is(.dc-transfer-funding-step,.dc-transfer-final-review) .dc-transfer-form {padding:19px 15px;}
  body.dc-reference-master .dc-dash-layout .dc-transfer-funding-step .dc-step-funding-fields {grid-template-columns:minmax(0,1fr);}
  body.dc-reference-master .dc-dash-layout :is(.dc-transfer-funding-step,.dc-transfer-final-review) .dc-step-buttons .dc-btn:last-child {flex:1;}
  body.dc-reference-master .dc-dash-layout :is(.dc-transfer-funding-step,.dc-transfer-final-review) .dc-transfer-summary {padding:19px 16px;}
}
/* Keep the completed progress markers and section labels consistent with the demo. */
body.dc-reference-master .dc-dash-layout :is(.dc-transfer-funding-step,.dc-transfer-final-review) .dc-transfer-progress li.completed {color:#087f5b;font-weight:700;}
body.dc-reference-master .dc-dash-layout :is(.dc-transfer-funding-step,.dc-transfer-final-review) .dc-transfer-progress li.completed>span {background:#087f5b;color:#fff;border-color:#087f5b;}
body.dc-reference-master .dc-dash-layout :is(.dc-transfer-funding-step,.dc-transfer-final-review) .dc-step-review-block-heading h3 {font-size:12px!important;line-height:1.5!important;font-weight:700!important;margin:0!important;}

/* Active remittance gateway selection — extends existing DashCash green theme. */
.dc-transfer-page .dc-funding-fieldset{min-width:0;border:0;margin:0;padding:0}
.dc-transfer-page .dc-funding-fieldset legend{padding:0;margin:0 0 7px;font-family:inherit;font-size:1rem;font-weight:700;color:#102542}
.dc-transfer-page .dc-funding-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,175px),1fr));gap:10px}
.dc-transfer-page .dc-funding-choice-selectable{display:block;position:relative;cursor:pointer;min-width:0;padding:0}
.dc-transfer-page .dc-funding-choice-selectable input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;margin:0;z-index:1}
.dc-transfer-page .dc-funding-choice-details{display:flex;align-items:center;gap:10px;min-width:0;width:100%;padding:14px 12px;border:1px solid #dbe5e1;border-radius:9px;background:#fff;min-height:79px;transition:border-color .15s,background-color .15s}
.dc-transfer-page .dc-funding-choice-details>i{color:#087f5b;font-size:18px;flex-shrink:0}
.dc-transfer-page .dc-funding-choice-details>span{min-width:0;overflow-wrap:anywhere}
.dc-transfer-page .dc-funding-choice-details strong{display:block;font-size:.88rem;line-height:1.3;color:#102542;font-weight:700}
.dc-transfer-page .dc-funding-choice-details small{display:block;font-size:.73rem;line-height:1.45;color:#667b89;margin-top:4px}
.dc-transfer-page .dc-funding-choice-selectable input:checked+.dc-funding-choice-details{border-color:#087f5b;background:#eaf5f0;box-shadow:inset 0 0 0 1px #087f5b}
.dc-transfer-page .dc-funding-choice-selectable input:focus-visible+.dc-funding-choice-details{outline:3px solid #d4ae55;outline-offset:3px}
.dc-transfer-page .dc-funding-check{position:absolute;right:9px;top:9px;color:#087f5b;opacity:0;pointer-events:none}
.dc-transfer-page .dc-funding-choice-selectable input:checked~.dc-funding-check{opacity:1}
.dc-transfer-page .dc-funding-choice-disabled{padding:0;cursor:not-allowed;opacity:.55}
.dc-transfer-page .dc-funding-choice-disabled .dc-funding-choice-details{background:#f4f6f5}
@media(max-width:460px){.dc-transfer-page .dc-funding-choices{grid-template-columns:1fr}}

/* Overrides for older dashboard selectors with higher specificity. */
body.dc-reference-master .dc-dash-layout .dc-transfer-page .dc-funding-fieldset .dc-funding-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,175px),1fr));gap:10px}
body.dc-reference-master .dc-dash-layout .dc-transfer-page .dc-funding-fieldset .dc-funding-choice-selectable{display:block;position:relative;padding:0;min-height:0;background:transparent;border:0;border-radius:0;cursor:pointer}
body.dc-reference-master .dc-dash-layout .dc-transfer-page .dc-funding-fieldset .dc-funding-choice-selectable input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer;z-index:2}
body.dc-reference-master .dc-dash-layout .dc-transfer-page .dc-funding-fieldset .dc-funding-choice-selectable .dc-funding-choice-details{display:flex;flex-direction:row;gap:10px;padding:14px 12px;border:1px solid #dbe5e1;border-radius:9px;background:#fff;min-height:79px;align-items:center}
body.dc-reference-master .dc-dash-layout .dc-transfer-page .dc-funding-fieldset .dc-funding-choice-selectable input:checked+.dc-funding-choice-details{border-color:#087f5b;background:#eaf5f0;box-shadow:inset 0 0 0 1px #087f5b}
body.dc-reference-master .dc-dash-layout .dc-transfer-page .dc-funding-fieldset .dc-funding-choice-selectable .dc-funding-choice-details strong{font-size:12px}
body.dc-reference-master .dc-dash-layout .dc-transfer-page .dc-funding-fieldset .dc-funding-choice-selectable .dc-funding-choice-details small{font-size:10px}
body.dc-reference-master .dc-dash-layout .dc-transfer-page .dc-funding-fieldset .dc-funding-choice-disabled{padding:0;border:0;min-height:0;background:transparent;opacity:.55}
body.dc-reference-master .dc-dash-layout .dc-transfer-page .dc-funding-fieldset .dc-funding-choice-disabled .dc-funding-choice-details{display:flex;align-items:center;flex-direction:row;gap:10px;padding:14px 12px;border:1px solid #dbe5e1;border-radius:9px;background:#f4f6f5;min-height:79px}
@media(max-width:460px){body.dc-reference-master .dc-dash-layout .dc-transfer-page .dc-funding-fieldset .dc-funding-choices{grid-template-columns:1fr}}

/* Client reference: fixed three-tile funding row and compact Review step.
   Scoped to the existing user-panel theme; no extra stylesheet required. */
body.dc-reference-master .dc-dash-layout .dc-transfer-page .dc-funding-choices-reference {
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 14px;
}
body.dc-reference-master .dc-dash-layout .dc-transfer-page .dc-funding-choices-reference .dc-funding-choice {
  min-width:0;min-height:78px;box-sizing:border-box;
}
body.dc-reference-master .dc-dash-layout .dc-transfer-page .dc-funding-choices-reference .dc-funding-choice-details {
  min-height:78px;height:100%;box-sizing:border-box;
}
body.dc-reference-master .dc-dash-layout .dc-transfer-page .dc-funding-choices-reference .dc-funding-choice-disabled {
  opacity:.66;cursor:not-allowed;
}
body.dc-reference-master .dc-dash-layout .dc-transfer-page .dc-funding-more-options {margin:6px 0 18px;}
body.dc-reference-master .dc-dash-layout .dc-transfer-page .dc-funding-more-options>p {font-size:11px;color:#63778a;font-weight:700;margin:0 0 10px;}
body.dc-reference-master .dc-dash-layout .dc-transfer-page .dc-funding-fieldset legend {font-size:12px!important;margin-bottom:11px!important;}
body.dc-reference-master .dc-dash-layout .dc-reference-review-page {max-width:860px;width:100%;margin:0 auto;}
body.dc-reference-master .dc-dash-layout .dc-reference-review-page .dc-transfer-header {margin-bottom:20px;}
body.dc-reference-master .dc-dash-layout .dc-reference-review-page .dc-transfer-grid {
  display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:18px;align-items:start;
}
body.dc-reference-master .dc-dash-layout .dc-reference-review-page .dc-transfer-form {padding:20px 19px;}
body.dc-reference-master .dc-dash-layout .dc-reference-review-page .dc-transfer-form>h2 {
  font-size:15px!important;line-height:1.45!important;margin:0 0 8px!important;
}
body.dc-reference-master .dc-dash-layout .dc-reference-review-page .dc-transfer-subtitle {
  font-size:10px!important;line-height:1.65!important;margin-bottom:10px!important;
}
body.dc-reference-master .dc-dash-layout .dc-reference-review-page .dc-step-review-block {padding:17px 0;}
body.dc-reference-master .dc-dash-layout .dc-reference-review-page .dc-step-review-block-heading {margin-bottom:13px;}
body.dc-reference-master .dc-dash-layout .dc-reference-review-page .dc-step-review-block-heading h3 {font-size:11px!important;}
body.dc-reference-master .dc-dash-layout .dc-reference-review-page .dc-step-review-block-heading a {text-decoration:none;}
body.dc-reference-master .dc-dash-layout .dc-reference-review-page .dc-step-recipient-avatar {height:36px;width:36px;flex-basis:36px;}
body.dc-reference-master .dc-dash-layout .dc-reference-review-page .dc-step-recipient {gap:10px;margin-bottom:6px;}
body.dc-reference-master .dc-dash-layout .dc-reference-review-page .dc-step-recipient strong {font-size:11px;}
body.dc-reference-master .dc-dash-layout .dc-reference-review-page .dc-step-recipient small,
body.dc-reference-master .dc-dash-layout .dc-reference-review-page .dc-step-small {font-size:10px;line-height:1.6;}
body.dc-reference-master .dc-dash-layout .dc-reference-review-page .dc-step-method-name {font-size:11px;}
body.dc-reference-master .dc-dash-layout .dc-reference-review-page .dc-review-funding-source {margin-top:5px;}
body.dc-reference-master .dc-dash-layout .dc-reference-review-page .dc-step-data-rows>div {padding:10px 0;}
body.dc-reference-master .dc-dash-layout .dc-reference-review-page .dc-step-data-rows :is(dt,dd) {font-size:10px;}
body.dc-reference-master .dc-dash-layout .dc-reference-review-page .dc-step-data-rows .dc-step-data-total dd {font-size:11px;}
body.dc-reference-master .dc-dash-layout .dc-reference-review-page .dc-step-quote-footnote {font-size:10px;line-height:1.6;margin:10px 0 0;color:#677b8b;}
body.dc-reference-master .dc-dash-layout .dc-reference-review-page .dc-step-consents {padding:16px 0 0;}
body.dc-reference-master .dc-dash-layout .dc-reference-review-page .dc-step-consent {font-size:10px;line-height:1.65;margin-bottom:14px;}
body.dc-reference-master .dc-dash-layout .dc-reference-review-page .dc-review-refund-note {margin:5px 0 15px;}
body.dc-reference-master .dc-dash-layout .dc-reference-review-page .dc-step-buttons {margin-top:15px;padding-top:0;}
body.dc-reference-master .dc-dash-layout .dc-reference-review-page .dc-step-buttons .dc-btn {min-height:40px;padding:9px 15px;font-size:11px;}
body.dc-reference-master .dc-dash-layout .dc-reference-review-page .dc-transfer-summary {padding:20px 17px;}
body.dc-reference-master .dc-dash-layout .dc-reference-review-page .dc-transfer-summary h2 {font-size:13px;margin-bottom:10px;}
body.dc-reference-master .dc-dash-layout .dc-reference-review-page .dc-transfer-summary dl>div {padding:11px 0;}
body.dc-reference-master .dc-dash-layout .dc-reference-review-page .dc-transfer-summary :is(dt,dd) {font-size:10px;}
body.dc-reference-master .dc-dash-layout .dc-reference-review-page .dc-transfer-summary-total dd {font-size:16px!important;}
body.dc-reference-master .dc-dash-layout .dc-reference-review-page .dc-summary-footnote {font-size:10px;line-height:1.65;}
body.dc-reference-master .dc-dash-layout .dc-reference-review-page .dc-review-validation-alert {
  border:1px solid #f2c8c1;color:#972b20;background:#fff4f1;border-radius:9px;
  margin:0 0 16px;padding:12px 14px;font-size:11px;
}
body.dc-reference-master .dc-dash-layout .dc-reference-review-page .dc-review-validation-alert ul {margin:6px 0 0;padding-left:18px;}
@media(max-width:1050px){
  body.dc-reference-master .dc-dash-layout .dc-reference-review-page .dc-transfer-grid {grid-template-columns:minmax(0,1fr);}
}
@media(max-width:680px){
  body.dc-reference-master .dc-dash-layout .dc-transfer-page .dc-funding-choices-reference {grid-template-columns:minmax(0,1fr);}
  body.dc-reference-master .dc-dash-layout .dc-reference-review-page .dc-transfer-form,
  body.dc-reference-master .dc-dash-layout .dc-reference-review-page .dc-transfer-summary {padding:18px 15px;}
  body.dc-reference-master .dc-dash-layout .dc-reference-review-page .dc-step-buttons .dc-btn:last-child {flex:1;}
}

/* Reference-only funding tiles: visible but never interactive until supported. */
body.dc-reference-master .dc-dash-layout .dc-transfer-page .dc-funding-reference-only,
body.dc-reference-master .dc-dash-layout .dc-transfer-page .dc-funding-reference-only * {
  cursor:not-allowed!important;
}
body.dc-reference-master .dc-dash-layout .dc-transfer-page .dc-funding-reference-only {
  position:relative;opacity:1!important;
}
body.dc-reference-master .dc-dash-layout .dc-transfer-page .dc-funding-reference-only .dc-funding-choice-details {
  background:#f7f9f8!important;border-color:#e0e7e3!important;
}
body.dc-reference-master .dc-dash-layout .dc-transfer-page .dc-funding-reference-only .dc-funding-choice-details>i,
body.dc-reference-master .dc-dash-layout .dc-transfer-page .dc-funding-reference-only strong {
  color:#667c75!important;
}
body.dc-reference-master .dc-dash-layout .dc-transfer-page .dc-funding-reference-only small {
  color:#758b83!important;
}
body.dc-reference-master .dc-dash-layout .dc-transfer-page .dc-funding-choices-reference .dc-funding-choice {
  min-width:0;
}
body.dc-reference-master .dc-dash-layout .dc-reference-review-page .dc-transfer-summary dd,
body.dc-reference-master .dc-dash-layout .dc-reference-review-page .dc-step-data-rows dd {
  overflow-wrap:anywhere;
}
body.dc-reference-master .dc-dash-layout .dc-reference-review-page .dc-step-consent {
  display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:10px!important;
}
body.dc-reference-master .dc-dash-layout .dc-reference-review-page .dc-step-consent input[type=checkbox] {
  flex:0 0 17px!important;width:17px!important;height:17px!important;min-width:17px!important;margin:2px 0 0!important;
}
body.dc-reference-master .dc-dash-layout .dc-reference-review-page .dc-step-consent span {display:block;flex:1;min-width:0;}
@media (min-width:681px) and (max-width:1170px) {
  body.dc-reference-master .dc-dash-layout .dc-transfer-page .dc-funding-choices-reference {
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media (max-width:680px) {
  body.dc-reference-master .dc-dash-layout .dc-transfer-page .dc-funding-choices-reference {
    grid-template-columns:minmax(0,1fr)!important;
  }
  body.dc-reference-master .dc-dash-layout .dc-reference-review-page .dc-transfer-grid {
    grid-template-columns:minmax(0,1fr)!important;
  }
}

/* Account settings use a focused screen; forms do not appear below the overview. */
body.dc-user .dc-client-account.dc-account-detail-open > :not(.dc-client-account-detail-panels) { display:none!important; }
body.dc-user .dc-client-account.dc-account-detail-open .dc-client-account-detail-panels { width:100%;max-width:100%;margin:0; }
body.dc-user .dc-client-account.dc-account-detail-open .dc-account-details-panel { display:block!important;margin:0!important;padding:0!important;border:0!important; }
body.dc-user .dc-client-account .dc-account-details-panel[hidden] { display:none!important; }
body.dc-user .dc-client-account.dc-account-detail-open .dc-client-account-back { display:inline-flex;align-items:center;gap:9px;margin:0 0 22px;color:#087f5b;font-weight:700; }
body.dc-user .dc-client-account.dc-account-detail-open .dc-account-form-grid { max-width:100%; }
body.dc-user .dc-beneficiary-source-label { display:block;margin-top:16px;margin-bottom:8px;font-weight:700; }
body.dc-user .dc-beneficiary-purpose select { width:100%; }
@media(max-width:767px){
 body.dc-user .dc-client-account.dc-account-detail-open .dc-account-form-grid {grid-template-columns:minmax(0,1fr)!important;}
 body.dc-user .dc-client-account.dc-account-detail-open .dc-client-account-detail-panels .dc-form-card {padding:19px 15px;}
}


/* DashCash customer-panel layout contract (all routes, one content grid).
   Restores consistent page margins, width, typography, and transfer progress.
   Intentionally kept in the existing dashcash-new.css. */
body.dc-user.dc-reference-master {
  --dc-panel-content-width: 1120px;
  --dc-panel-gutter: clamp(16px,2.25vw,28px);
  --dc-panel-gap: 20px;
  --dc-panel-card-radius: 14px;
  --dc-panel-line: #dfe8e4;
}
body.dc-user.dc-reference-master .dc-dash-layout .dc-dash-body {width:100%;min-width:0;}
body.dc-user.dc-reference-master .dc-dash-layout .dc-dash-body > :is(.dc-customer-page,.dc-flow-page,.body-wrapper,.dc-master-payment-success,.dc-account-security-page,.dc-kyc-list-page,.dc-reference-kyc-submit,.dc-beneficiary-page) {
  box-sizing:border-box;
  width:100%;
  max-width:var(--dc-panel-content-width);
  margin-inline:auto;
  padding:28px var(--dc-panel-gutter) 66px;
  min-width:0;
}
/* Historical send-review styling imposed a different 860px width. */
body.dc-user.dc-reference-master .dc-dash-layout .dc-dash-body > .dc-reference-review-page,
body.dc-user.dc-reference-master .dc-dash-layout .dc-dash-body > .dc-transfer-page,
body.dc-user.dc-reference-master .dc-dash-layout .dc-dash-body > .dc-flow-page {max-width:var(--dc-panel-content-width);}
body.dc-user.dc-reference-master .dc-dash-layout .dc-flow-page > .body-wrapper,
body.dc-user.dc-reference-master .dc-dash-layout .dc-flow-page > .dc-flow-content,
body.dc-user.dc-reference-master .dc-dash-layout .dc-flow-page .dc-beneficiary-dialog-shell {max-width:none;width:100%;margin:0;padding:0;min-width:0;}
body.dc-user.dc-reference-master .dc-dash-layout .dc-dash-body > .dc-page-header,
body.dc-user.dc-reference-master .dc-dash-layout .dc-dash-body > .dc-page-header ~ :is(.dc-table-wrap,.dc-form-card,.dc-invite-grid) {
  box-sizing:border-box;
  max-width:var(--dc-panel-content-width);
  margin-inline:auto;
  width:100%;min-width:0;
}
body.dc-user.dc-reference-master .dc-dash-layout .dc-dash-body > .dc-page-header {padding:27px var(--dc-panel-gutter) 0;}
body.dc-user.dc-reference-master .dc-dash-layout .dc-dash-body > .dc-page-header ~ :is(.dc-table-wrap,.dc-form-card,.dc-invite-grid) {padding-inline:var(--dc-panel-gutter);}
body.dc-user.dc-reference-master .dc-dash-layout :is(.dc-customer-page-head,.dc-transfer-header,.dc-flow-intro) {margin:0 0 22px;min-height:0;}
body.dc-user.dc-reference-master .dc-dash-layout :is(.dc-customer-page-head h1,.dc-flow-intro h1,.dc-page-header h2) {
  font-family:"Libre Baskerville",Georgia,serif!important;
  font-weight:700!important;
  font-size:clamp(22px,2vw,28px)!important;
  line-height:1.32!important;
}
body.dc-user.dc-reference-master .dc-dash-layout :is(.dc-transfer-form>h2,.dc-transfer-summary>h2,.dc-flow-card-header h2,.dc-manual-heading h2) {
  font-family:"Libre Baskerville",Georgia,serif!important;
  font-size:16px!important;font-weight:700!important;line-height:1.5!important;
}
body.dc-user.dc-reference-master .dc-dash-layout :is(.dc-transfer-grid,.dc-reference-review-page .dc-transfer-grid) {
  display:grid;
  grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);
  align-items:start;
  gap:var(--dc-panel-gap);
}
body.dc-user.dc-reference-master .dc-dash-layout .dc-transfer-grid > * {min-width:0;max-width:100%;}
body.dc-user.dc-reference-master .dc-dash-layout .dc-transfer-page .dc-transfer-form,
body.dc-user.dc-reference-master .dc-dash-layout .dc-transfer-page .dc-transfer-summary {
  box-sizing:border-box;padding:22px;border:1px solid var(--dc-panel-line);
  border-radius:var(--dc-panel-card-radius);background:#fff;
}
body.dc-user.dc-reference-master .dc-dash-layout :is(.dc-flow-page .custom-card,.dc-flow-page .dc-flow-form-card,.dc-form-card,.dc-account-security-card,.dc-kyc-document) {border-radius:var(--dc-panel-card-radius);}
body.dc-user.dc-reference-master .dc-dash-layout .dc-unified-progress {
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:start;list-style:none;gap:12px!important;
  width:100%;padding:0 0 23px!important;margin:0 0 22px!important;
  border-bottom:1px solid var(--dc-panel-line);min-width:0;
}
body.dc-user.dc-reference-master .dc-dash-layout .dc-unified-progress li {
  display:flex;align-items:center;min-width:0;gap:9px;flex-direction:row;
  font-family:"Libre Baskerville",Georgia,serif;
  font-weight:400;font-size:12px;line-height:1.5;text-align:left;
  color:#677b8d;white-space:normal;
}
body.dc-user.dc-reference-master .dc-dash-layout .dc-unified-progress li .dc-progress-number {
  display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;
  border-radius:50%;background:#edf2f0;color:#627989;font-size:12px;font-weight:700;
}
body.dc-user.dc-reference-master .dc-dash-layout .dc-unified-progress li.active {font-weight:700;color:#087f5b;}
body.dc-user.dc-reference-master .dc-dash-layout .dc-unified-progress li.completed {font-weight:700;color:#087f5b;}
body.dc-user.dc-reference-master .dc-dash-layout .dc-unified-progress li:is(.active,.completed) .dc-progress-number {background:#087f5b;color:#fff;}
/* No Account form is mounted visually under the overview, even before scripts run. */
body.dc-user .dc-client-account:not(.dc-account-detail-open) .dc-client-account-detail-panels {display:none!important;}
body.dc-user .dc-client-account.dc-account-detail-open > :not(.dc-client-account-detail-panels) {display:none!important;}
body.dc-user .dc-client-account .dc-account-details-panel[hidden] {display:none!important;}
body.dc-user .dc-client-account.dc-account-detail-open .dc-client-account-detail-panels {display:block!important;width:100%;max-width:100%;margin:0;}
body.dc-user .dc-client-account.dc-account-detail-open .dc-account-details-panel:not([hidden]) {display:block!important;}
body.dc-user .dc-client-account .dc-client-account-back {font-size:14px;}
/* Final Review uses the same body and label scale as the other transfer screens. */
body.dc-user.dc-reference-master .dc-dash-layout .dc-reference-review-page :is(.dc-step-data-rows dt,.dc-step-data-rows dd,.dc-step-consent,.dc-step-small,.dc-transfer-summary dt,.dc-transfer-summary dd,.dc-summary-footnote) {
  font-size:12px!important;line-height:1.65;
}
body.dc-user.dc-reference-master .dc-dash-layout .dc-reference-review-page .dc-step-review-block-heading h3 {font-size:14px!important;}
body.dc-user.dc-reference-master .dc-dash-layout .dc-reference-review-page .dc-transfer-form>h2 {font-size:16px!important;}
body.dc-user.dc-reference-master .dc-dash-layout .dc-reference-review-page .dc-transfer-summary h2 {font-size:16px!important;}
/* Screens formerly using raw Bootstrap columns are constrained to the common grid. */
body.dc-user.dc-reference-master .dc-dash-layout .dc-flow-page :is(.row,.card-body,.custom-card,.dashboard-header-wrapper),
body.dc-user.dc-reference-master .dc-dash-layout .dc-master-payment-success :is(.row,.payment-area) {max-width:100%;min-width:0;}
body.dc-user.dc-reference-master .dc-dash-layout .dc-manual-payment > .dc-manual-card {width:100%;max-width:100%;box-sizing:border-box;}
body.dc-user.dc-reference-master .dc-dash-layout .dc-customer-page :is(input,select,textarea),
body.dc-user.dc-reference-master .dc-dash-layout .dc-flow-page :is(input,select,textarea) {max-width:100%;}
@media (max-width:850px) {
  body.dc-user.dc-reference-master .dc-dash-layout :is(.dc-transfer-grid,.dc-reference-review-page .dc-transfer-grid) {grid-template-columns:minmax(0,1fr);gap:16px;}
  body.dc-user.dc-reference-master .dc-dash-layout .dc-transfer-grid > :is(.dc-transfer-form,.dc-transfer-summary) {width:100%;}
}
@media (max-width:600px) {
  body.dc-user.dc-reference-master .dc-dash-layout .dc-dash-body > :is(.dc-customer-page,.dc-flow-page,.body-wrapper,.dc-master-payment-success,.dc-account-security-page,.dc-kyc-list-page,.dc-reference-kyc-submit,.dc-beneficiary-page) {padding:18px 14px 100px;}
  body.dc-user.dc-reference-master .dc-dash-layout .dc-dash-body > .dc-page-header {padding:18px 14px 0;}
  body.dc-user.dc-reference-master .dc-dash-layout .dc-dash-body > .dc-page-header ~ :is(.dc-table-wrap,.dc-form-card,.dc-invite-grid) {padding-inline:14px;}
  body.dc-user.dc-reference-master .dc-dash-layout :is(.dc-transfer-page .dc-transfer-form,.dc-transfer-page .dc-transfer-summary) {padding:18px 15px;}
  body.dc-user.dc-reference-master .dc-dash-layout .dc-unified-progress {gap:3px!important;}
  body.dc-user.dc-reference-master .dc-dash-layout .dc-unified-progress li {display:flex;flex-direction:column;align-items:center;gap:6px;font-size:10px;text-align:center;overflow-wrap:anywhere;}
  body.dc-user.dc-reference-master .dc-dash-layout .dc-unified-progress li .dc-progress-number {width:28px;height:28px;flex-basis:28px;}
}
@media (max-width:365px) {
  body.dc-user.dc-reference-master .dc-dash-layout .dc-unified-progress li {font-size:9px;}
  body.dc-user.dc-reference-master .dc-dash-layout .dc-transfer-header {flex-wrap:wrap;}
}


/* Transfer progress – one shared visual contract across Amount, Beneficiary,
   Review and Complete your payment. Use the existing component on every step.
   The older pseudo-line rule was scoped to .dc-transfer-page, making Payment
   lose its connector lines; keep these rules scoped to the common component. */
body.dc-user.dc-reference-master .dc-dash-layout .dc-unified-progress {
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px!important;
  width:100%;
  margin:0 0 20px!important;
  padding:0 0 22px!important;
  list-style:none;
  border-bottom:1px solid var(--dc-panel-line,#dfe8e4);
}
body.dc-user.dc-reference-master .dc-dash-layout .dc-unified-progress li {
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:9px!important;
  min-width:0;
  font-size:11px!important;
  line-height:1.5;
  text-align:left!important;
  white-space:nowrap;
}
body.dc-user.dc-reference-master .dc-dash-layout .dc-unified-progress li:not(:last-child)::after {
  content:"";
  display:block;
  flex:1 1 auto;
  height:1px;
  min-width:8px;
  margin-inline-start:10px;
  background:#dfe8e4;
}
body.dc-user.dc-reference-master .dc-dash-layout .dc-unified-progress li .dc-progress-number {
  width:26px!important;
  height:26px!important;
  flex:0 0 26px!important;
  font-size:11px!important;
  line-height:1;
}
/* Payment form: validation/helper copy follows its own input in the same
   flow, rather than overlapping the field or drifting below the form. */
body.dc-user.dc-reference-master .dc-dash-layout .dc-manual-payment .dc-manual-fields {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px 20px;
  padding:0;
  min-width:0;
}
body.dc-user.dc-reference-master .dc-dash-layout .dc-manual-payment .dc-manual-field {
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:7px;
  min-width:0;
  margin:0;
}
body.dc-user.dc-reference-master .dc-dash-layout .dc-manual-payment .dc-manual-field .dc-field-error,
body.dc-user.dc-reference-master .dc-dash-layout .dc-manual-payment .dc-manual-field .dc-field-help {
  display:block;
  margin:0;
  line-height:1.55;
  font-size:12px;
  overflow-wrap:anywhere;
}
body.dc-user.dc-reference-master .dc-dash-layout .dc-manual-payment .dc-manual-field .dc-field-error {color:#ac2f2f;}
body.dc-user.dc-reference-master .dc-dash-layout .dc-manual-payment .dc-manual-field :is(input,select,textarea)[aria-invalid="true"] {
  border-color:#b93838;
}
body.dc-user.dc-reference-master .dc-dash-layout .dc-manual-payment .dc-manual-description {
  box-sizing:border-box;
  max-width:100%;
}
body.dc-user.dc-reference-master .dc-dash-layout .dc-manual-payment .dc-manual-form {
  min-width:0;
}
@media(max-width:760px) {
  body.dc-user.dc-reference-master .dc-dash-layout .dc-unified-progress {
    gap:4px!important;
    padding-bottom:19px!important;
  }
  body.dc-user.dc-reference-master .dc-dash-layout .dc-unified-progress li {
    flex-direction:column!important;
    align-items:center!important;
    gap:6px!important;
    font-size:10px!important;
    text-align:center!important;
    white-space:normal;
    overflow-wrap:anywhere;
  }
  body.dc-user.dc-reference-master .dc-dash-layout .dc-unified-progress li:not(:last-child)::after {display:none!important;}
  body.dc-user.dc-reference-master .dc-dash-layout .dc-manual-payment .dc-manual-fields {
    grid-template-columns:minmax(0,1fr);
    gap:16px;
  }
}
@media(max-width:370px) {
  body.dc-user.dc-reference-master .dc-dash-layout .dc-unified-progress li {font-size:9px!important;}
}

/* Shared form states — keep actual input values dark and placeholders subtle.
   Applies to the public site, sign-in forms, and customer dashboard. */
:root {
  --dc-placeholder-text: #8996a4;
  --dc-readonly-bg: #f3f5f6;
  --dc-readonly-border: #d9e2e5;
  --dc-readonly-text: #506174;
}

/* The hint is not a value: it should be visibly softer than typed text. */
input::placeholder,
textarea::placeholder {
  color: var(--dc-placeholder-text) !important;
  opacity: 1 !important;
}

/* Read-only/disabled data is visibly distinct from editable white fields.
   Exclude action inputs, hidden inputs and selection controls. */
:is(
  input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]),
  textarea,
  select
):is([readonly], :disabled, [aria-readonly="true"]) {
  background-color: var(--dc-readonly-bg) !important;
  border-color: var(--dc-readonly-border) !important;
  color: var(--dc-readonly-text) !important;
  -webkit-text-fill-color: var(--dc-readonly-text);
}

/* Reference refinement — 20 Oct 2026: scoped and additive, no payment logic changes. */
body.dc-reference-master .dc-dash-layout .dc-history-toolbar {
  display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:12px;padding:19px 21px;
}
body.dc-reference-master .dc-dash-layout .dc-history-toolbar .dc-history-search {flex:1 1 270px;min-width:180px;max-width:340px;}
body.dc-reference-master .dc-dash-layout .dc-history-filter-label {flex:0 1 162px;min-width:140px;margin:0;}
body.dc-reference-master .dc-dash-layout .dc-history-filter-label select {
  width:100%;min-height:44px;padding:10px 30px 10px 13px;border:1px solid #dce3df;
  border-radius:9px;background:#fff;color:#102542;font-size:12px;font-weight:550;cursor:pointer;
}
body.dc-reference-master .dc-dash-layout .dc-history-count {margin-left:auto;}
body.dc-reference-master .dc-dash-layout .dc-table-scroll {width:100%;overflow-x:auto;}
body.dc-reference-master .dc-dash-layout .dc-history-table {min-width:650px;}
body.dc-reference-master .dc-dash-layout .dc-history-table th {background:#f7f9f8;}
body.dc-reference-master .dc-dash-layout .dc-history-table td {vertical-align:middle;}
body.dc-reference-master .dc-dash-layout .dc-table-beneficiary {display:flex;gap:11px;align-items:center;min-width:145px;}
body.dc-reference-master .dc-dash-layout .dc-table-beneficiary .dc-initial-pill {flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;border-radius:11px;}
body.dc-reference-master .dc-dash-layout .dc-table-beneficiary div {min-width:0;}
body.dc-reference-master .dc-dash-layout .dc-table-beneficiary strong {display:block;font-weight:700;}
body.dc-reference-master .dc-dash-layout .dc-table-beneficiary small {display:block;max-width:220px;overflow-wrap:anywhere;color:#788596;margin-top:5px;}
body.dc-reference-master .dc-dash-layout .dc-view-transfer {display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:#087f5b;font-size:12px;font-weight:700;padding:7px 0;cursor:pointer;text-align:left;}
body.dc-reference-master .dc-dash-layout .dc-view-transfer:hover {text-decoration:underline;}
body.dc-reference-master .dc-dash-layout .dc-mobile-tx-button {text-align:left;width:100%;border:1px solid #e4e9e7;cursor:pointer;background:#fff;font:inherit;color:#102542;}
body.dc-reference-master .dc-dash-layout .dc-mobile-transfer-head {display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;}
body.dc-reference-master .dc-dash-layout [data-dc-transfer-row][hidden],body.dc-reference-master .dc-dash-layout .dc-mobile-tx[hidden] {display:none!important;}
body.dc-reference-master .dc-dash-layout .dc-no-filter-result {text-align:center;color:#6b7889;font-size:13px;padding:24px;}
body.dc-reference-master .dc-dash-layout .dc-no-filter-result[hidden] {display:none!important;}
/* The native dialog always enters the browser's top layer, above sticky nav/scroll frames. */
body.dc-user .dc-transaction-dialog {position:fixed;inset:0;margin:auto;width:min(565px,calc(100vw - 28px));max-height:min(88vh,780px);overflow:auto;border:1px solid #dfe8e3;border-radius:16px;background:#fff;color:#102542;padding:24px;box-shadow:0 26px 90px #0b24364a;}
body.dc-user .dc-transaction-dialog::backdrop {background:rgba(16,37,66,.52);backdrop-filter:blur(3px);}
body.dc-user .dc-transaction-dialog-header {display:flex;justify-content:space-between;gap:16px;align-items:flex-start;border-bottom:1px solid #e4e9e7;padding-bottom:18px;margin-bottom:19px;}
body.dc-user .dc-transaction-eyebrow {font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#087f5b;font-weight:700;}
body.dc-user .dc-transaction-dialog-header h2 {font:700 20px/1.4 'Libre Baskerville',Georgia,serif;margin:8px 0 0;overflow-wrap:anywhere;color:#102542;}
body.dc-user .dc-transaction-close {border:0;border-radius:50%;background:#f3f5f6;color:#596879;width:36px;height:36px;flex:none;font-size:23px;line-height:1;cursor:pointer;}
body.dc-user .dc-transaction-person {display:flex;align-items:center;gap:12px;min-width:0;margin-bottom:16px;}
body.dc-user .dc-transaction-person .dc-initial-pill {width:42px;height:42px;flex:none;border-radius:11px;display:grid;place-items:center;}
body.dc-user .dc-transaction-person>div {min-width:0;flex:1;}
body.dc-user .dc-transaction-person strong {font-size:13px;display:block;overflow-wrap:anywhere;}
body.dc-user .dc-transaction-person small {font-size:11px;color:#6b7889;display:block;margin-top:5px;overflow-wrap:anywhere;}
body.dc-user .dc-transaction-data {margin:0;}
body.dc-user .dc-transaction-data>div {display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-bottom:1px solid #e9eeeb;padding:13px 0;font-size:12px;}
body.dc-user .dc-transaction-data dt {font-weight:500;color:#68798c;}
body.dc-user .dc-transaction-data dd {font-weight:700;text-align:right;color:#102542;margin:0;overflow-wrap:anywhere;max-width:58%;}
body.dc-user .dc-transaction-info {background:#faf8f2;border-radius:10px;padding:14px;margin:19px 0;font-size:11px;line-height:1.7;color:#71613c;}
body.dc-user .dc-transaction-actions {display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;}
body.dc-user .dc-notif-btn {position:relative;width:42px;min-width:42px;height:42px;overflow:visible;flex-shrink:0;}
body.dc-user .dc-notif-btn i {font-size:18px;}
body.dc-user .dc-notif-btn .badge {position:absolute;top:-7px;right:-8px;min-width:22px;width:auto;height:22px;padding:0 5px;border:2px solid #fff;border-radius:100px;background:#ae4539;color:#fff;font-size:10px;font-weight:750;line-height:18px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;z-index:2;}
body.dc-reference-master .dc-dash-layout .dc-account-payment-bank {margin-top:30px;padding-top:28px;}
body.dc-reference-master .dc-dash-layout .dc-account-mini-tabs {padding-top:18px;}
body.dc-reference-master .dc-dash-layout .dc-client-account-footer {margin-top:30px;padding-top:18px;}
body.dc-reference-master .dc-dash-layout .dc-client-referral {margin-top:16px;}
body.dc-reference-master .dc-dash-layout :is(input,textarea)::placeholder {color:#8996a4!important;opacity:1;}
body.dc-reference-master .dc-dash-layout :is(input,textarea)[readonly],body.dc-reference-master .dc-dash-layout :is(input,textarea):disabled {background:#f3f5f6!important;color:#66778a;}
@media(max-width:760px){
  body.dc-reference-master .dc-dash-layout .dc-history-toolbar .dc-history-search {flex:1 1 100%;max-width:none;}
  body.dc-reference-master .dc-dash-layout .dc-history-filter-label {flex:1 1 calc(50% - 9px);min-width:0;}
  body.dc-reference-master .dc-dash-layout .dc-history-count {flex:1 1 100%;margin:0;}
  body.dc-user .dc-transaction-dialog {padding:19px;}
  body.dc-user .dc-transaction-person .dc-state {font-size:9px;}
}

/* Account support/password dialogs use a body-level portal to prevent clipping. */
body.dc-user.dc-account-dialog-active {overflow:hidden;}
body.dc-user > .dc-account-modal {isolation:isolate;z-index:4000;}
body.dc-user > .dc-account-modal .dc-account-modal-dialog {margin:0 auto;}

/* Form pages that are not true overlays should not imply they are popups. */
body.dc-reference-master .dc-dash-layout .dc-beneficiary-page .dc-beneficiary-dialog-shell {width:100%;max-width:100%;}
body.dc-reference-master .dc-dash-layout .dc-beneficiary-page .dc-beneficiary-dialog {width:100%;max-width:100%;margin:0;border-radius:14px;box-shadow:none;}
body.dc-reference-master .dc-dash-layout .dc-beneficiary-page .dc-beneficiary-dialog-header {padding-top:27px;align-items:center;}
body.dc-reference-master .dc-dash-layout .dc-beneficiary-page .dc-beneficiary-back-link {display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#087f5b;text-decoration:none;flex:none;}
body.dc-reference-master .dc-dash-layout .dc-beneficiary-page .dc-beneficiary-back-link:hover {text-decoration:underline;}
body.dc-reference-master .dc-dash-layout .dc-beneficiary-page .dc-beneficiary-actions {margin-top:28px;padding-top:26px;}
body.dc-reference-master .dc-dash-layout .dc-beneficiary-page .dc-beneficiary-dialog .form-group {margin-bottom:18px;}
@media(max-width:640px){body.dc-reference-master .dc-dash-layout .dc-beneficiary-page .dc-beneficiary-dialog-header {flex-direction:column;align-items:flex-start;gap:12px;}}

/* Ref-implementation 20 Oct 2026 — support modal and account guidance only. */
body.dc-user.dc-reference-master #dcSupportComposer[hidden] {display:none!important;}
body.dc-support-modal-open {overflow:hidden!important;}
body.dc-user.dc-reference-master #dcSupportComposer {
    position:fixed!important;inset:0!important;z-index:99999!important;
    width:100vw!important;height:100dvh!important;max-width:none!important;
    display:flex!important;align-items:center;justify-content:center;
    padding:clamp(12px,3vw,32px)!important;margin:0!important;
    background:rgba(16,37,66,.58)!important;border:0!important;border-radius:0!important;
    box-shadow:none!important;overflow-y:auto!important;overscroll-behavior:contain;
}
body.dc-user.dc-reference-master #dcSupportComposer .dc-support-composer-backdrop {position:fixed;inset:0;z-index:0;background:rgba(16,37,66,.14);}
body.dc-user.dc-reference-master #dcSupportComposer .dc-support-composer-dialog {
    z-index:1;position:relative;display:block;width:min(760px,100%)!important;
    max-height:calc(100dvh - 42px);overflow-y:auto;
    padding:clamp(20px,3.4vw,32px);background:#fff;border:1px solid #e4e9e7;
    border-radius:16px;box-shadow:0 24px 90px rgba(16,37,66,.23);outline:none;
}
body.dc-user.dc-reference-master #dcSupportComposer .dc-support-composer-dialog:focus-visible {outline:3px solid rgba(8,127,91,.2);}
body.dc-user.dc-reference-master #dcSupportComposer .dc-support-composer-heading {margin-bottom:22px;}
body.dc-user.dc-reference-master #dcSupportComposer .dc-support-form-actions {padding-top:20px;gap:12px;}
body.dc-user.dc-reference-master .dc-dash-layout .dc-reference-guide-card {max-width:none;width:100%;padding:24px 28px;}
body.dc-user.dc-reference-master .dc-dash-layout .dc-reference-guide-card>h4 {color:#102542;font-size:16px;margin:0 0 12px;font-weight:700;}
body.dc-user.dc-reference-master .dc-dash-layout .dc-reference-help-step {display:flex;align-items:flex-start;gap:14px;padding:20px 0;border-bottom:1px solid #e4e9e7;}
body.dc-user.dc-reference-master .dc-dash-layout .dc-reference-help-step>span {flex:0 0 30px;width:30px;height:30px;display:grid;place-items:center;background:#edf6f1;border-radius:50%;color:#087f5b;font:700 12px Inter,Arial,sans-serif;}
body.dc-user.dc-reference-master .dc-dash-layout .dc-reference-help-step strong {font-size:13px;color:#102542;}
body.dc-user.dc-reference-master .dc-dash-layout .dc-reference-help-step p {font-size:12px;line-height:1.8;color:#6b7889;margin:6px 0 0;}
body.dc-user.dc-reference-master .dc-dash-layout .dc-reference-guide-card .dc-guide-actions {display:flex;gap:11px;flex-wrap:wrap;margin-top:26px;}
@media(max-width:760px){body.dc-user.dc-reference-master #dcSupportComposer {align-items:flex-start;padding:12px!important;}body.dc-user.dc-reference-master #dcSupportComposer .dc-support-composer-dialog {max-height:calc(100dvh - 24px);padding:20px 16px;}body.dc-user.dc-reference-master .dc-dash-layout .dc-reference-guide-card {padding:19px 17px;}}

/* Customer remittance certificate and transfer records: client reference grid. */
body.dc-user.dc-reference-master .dc-dash-layout .dc-records-reference{max-width:1260px;margin-inline:auto;}
body.dc-user.dc-reference-master .dc-dash-layout .dc-records-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,1fr);gap:20px;align-items:start;}
body.dc-user.dc-reference-master .dc-dash-layout .dc-records-card{background:#fff;border:1px solid #e4e9e7;border-radius:14px;padding:25px;margin:0 0 20px;min-width:0;color:#102542;}
body.dc-user.dc-reference-master .dc-dash-layout .dc-records-card h2{font-size:16px;margin:0 0 14px;}
body.dc-user.dc-reference-master .dc-dash-layout .dc-records-card h3{font-size:12px;margin:21px 0 14px;display:flex;justify-content:space-between;gap:8px;}
body.dc-user.dc-reference-master .dc-dash-layout .dc-records-date-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;}
body.dc-user.dc-reference-master .dc-dash-layout .dc-records-date-grid label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:700;}
body.dc-user.dc-reference-master .dc-dash-layout .dc-records-date-grid input{width:100%;min-height:43px;padding:10px 12px;border:1px solid #dce3df;border-radius:9px;background:#fff;}
body.dc-user.dc-reference-master .dc-dash-layout .dc-records-beneficiaries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
body.dc-user.dc-reference-master .dc-dash-layout .dc-records-choice{border:1px solid #e4e9e7;padding:11px;border-radius:9px;display:flex;gap:9px;align-items:center;font-size:11px;}
body.dc-user.dc-reference-master .dc-dash-layout .dc-records-choice input{width:15px;height:15px;accent-color:#087f5b;flex:0 0 auto;}
body.dc-user.dc-reference-master .dc-dash-layout .dc-records-hint{font-size:11px;line-height:1.75;color:#6b7889;margin:16px 0;}
body.dc-user.dc-reference-master .dc-dash-layout .dc-records-select-all{border:0;background:none;color:#087f5b;font-weight:700;font-size:11px;cursor:pointer;}
body.dc-user.dc-reference-master .dc-dash-layout .dc-records-actions{margin-top:20px;display:flex;flex-wrap:wrap;gap:12px;}
body.dc-user.dc-reference-master .dc-dash-layout .dc-records-aside{background:#faf8f2;border-color:#eee6d6;}
body.dc-user.dc-reference-master .dc-dash-layout .dc-records-aside p{font-size:12px;color:#6b7889;line-height:1.75;}
body.dc-user.dc-reference-master .dc-dash-layout .dc-records-notice{padding:14px;border:1px solid #eee6d6;border-radius:9px;font-size:11px;color:#856936;line-height:1.7;margin-bottom:18px;}
body.dc-user.dc-reference-master .dc-dash-layout .dc-records-text-link{background:none;border:0;padding:7px 0;color:#087f5b;font-size:12px;font-weight:700;cursor:pointer;text-decoration:none;}
body.dc-user.dc-reference-master .dc-dash-layout .dc-records-results-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}
body.dc-user.dc-reference-master .dc-dash-layout .dc-records-eyebrow{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#087f5b;}
body.dc-user.dc-reference-master .dc-dash-layout .dc-records-results-head h2{margin:8px 0 17px;}
body.dc-user.dc-reference-master .dc-dash-layout .dc-records-metadata{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 24px;padding:15px 0;border-top:1px solid #e4e9e7;border-bottom:1px solid #e4e9e7;}
body.dc-user.dc-reference-master .dc-dash-layout .dc-records-metadata div{display:flex;flex-direction:column;gap:4px;}
body.dc-user.dc-reference-master .dc-dash-layout .dc-records-metadata dt{color:#6b7889;font-size:11px;}
body.dc-user.dc-reference-master .dc-dash-layout .dc-records-metadata dd{color:#102542;font-size:13px;font-weight:700;margin:0;}
body.dc-user.dc-reference-master .dc-dash-layout .dc-records-table{width:100%;border-collapse:collapse;margin-top:20px;min-width:620px;}
body.dc-user.dc-reference-master .dc-dash-layout .dc-records-table :is(td,th){padding:14px 10px;border-bottom:1px solid #e4e9e7;text-align:left;font-size:11px;}
body.dc-user.dc-reference-master .dc-dash-layout .dc-records-table th{color:#6b7889;background:#f7f9f8;text-transform:uppercase;letter-spacing:.07em;font-size:10px;}
body.dc-user.dc-reference-master .dc-dash-layout .dc-records-receipt{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 0;border-bottom:1px solid #e4e9e7;}
body.dc-user.dc-reference-master .dc-dash-layout .dc-records-receipt strong{font-size:13px;}
body.dc-user.dc-reference-master .dc-dash-layout .dc-records-receipt p{font-size:11px;color:#6b7889;line-height:1.8;margin:6px 0;}
body.dc-user.dc-reference-master .dc-dash-layout .dc-records-empty{color:#6b7889;font-size:12px;line-height:1.7;}
@media(max-width:760px){body.dc-user.dc-reference-master .dc-dash-layout .dc-records-columns{grid-template-columns:1fr;}body.dc-user.dc-reference-master .dc-dash-layout .dc-records-date-grid{grid-template-columns:1fr;}body.dc-user.dc-reference-master .dc-dash-layout .dc-records-beneficiaries{grid-template-columns:1fr;}body.dc-user.dc-reference-master .dc-dash-layout .dc-records-metadata{grid-template-columns:1fr 1fr;}body.dc-user.dc-reference-master .dc-dash-layout .dc-records-card{padding:18px 16px;}}
body.dc-user.dc-reference-master .dc-dash-layout .dc-records-receipt-actions{display:flex;gap:15px;align-items:center;flex-wrap:wrap;justify-content:flex-end;}
/* Reference policy detail screens — preserve original full policy in a disclosure. */
body.dc-user.dc-reference-master .dc-dash-layout .dc-reference-policy-tabs{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 22px;}
body.dc-user.dc-reference-master .dc-dash-layout .dc-reference-policy-tabs a{display:inline-flex;align-items:center;min-height:40px;padding:9px 14px;border:1px solid #e4e9e7;background:#fff;border-radius:9px;text-decoration:none;color:#102542;font-size:12px;}
body.dc-user.dc-reference-master .dc-dash-layout .dc-reference-policy-tabs a.active{color:#087f5b;background:#edf6f1;border-color:#abcdb9;}
body.dc-user.dc-reference-master .dc-dash-layout .dc-reference-policy-card{width:100%;max-width:950px;padding:25px;}
body.dc-user.dc-reference-master .dc-dash-layout .dc-reference-policy-icon{display:grid;place-items:center;width:45px;height:45px;background:#edf6f1;border-radius:11px;color:#087f5b;font-size:20px;margin-bottom:18px;}
body.dc-user.dc-reference-master .dc-dash-layout .dc-reference-policy-card>h4{font-size:16px;margin:0 0 10px;color:#102542;}
body.dc-user.dc-reference-master .dc-dash-layout .dc-reference-policy-card>p{font-size:12px;line-height:1.9;color:#6b7889;}
body.dc-user.dc-reference-master .dc-dash-layout .dc-reference-policy-full{border-top:1px solid #e4e9e7;margin-top:24px;padding-top:15px;font-size:12px;}
body.dc-user.dc-reference-master .dc-dash-layout .dc-reference-policy-full summary{color:#087f5b;cursor:pointer;font-weight:700;margin-bottom:12px;}
body.dc-user.dc-reference-master .dc-dash-layout .dc-reference-policy-full .dc-guide-legal{max-height:400px;overflow:auto;padding:12px;background:#fafcfb;border:1px solid #e4e9e7;border-radius:10px;}
body.dc-user.dc-reference-master .dc-dash-layout .dc-reference-about-card{max-width:950px;padding:27px 29px;}
body.dc-user.dc-reference-master .dc-dash-layout .dc-reference-about-card h4{font-size:16px;margin:0 0 16px;}
body.dc-user.dc-reference-master .dc-dash-layout .dc-reference-about-card>p{font-size:12px;line-height:1.9;color:#6b7889;margin:0 0 15px;}
body.dc-user.dc-reference-master .dc-dash-layout .dc-reference-about-card .dc-guide-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:23px;}

/* Clear back navigation across full-page customer record/detail screens. */
body.dc-user.dc-reference-master .dc-dash-layout :is(.dc-records-reference,.dc-customer-transfers) > .dc-client-account-back {
  display:inline-flex;align-items:center;gap:9px;margin:0 0 18px;
  min-height:36px;padding:5px 0;font-size:14px;font-weight:700;color:#087f5b;text-decoration:none;
}
body.dc-user.dc-reference-master .dc-dash-layout .dc-client-account-back:hover {text-decoration:underline;}
body.dc-user.dc-reference-master .dc-dash-layout .dc-client-account-back:focus-visible {outline:2px solid #087f5b;outline-offset:4px;}

/* Regression guard: support overlay is portaled to <body> like the account and transfer dialogs,
   so it is not clipped by the dashboard scroll/stacking context. */
body.dc-user.dc-reference-master > #dcSupportComposer {
    isolation:isolate;
    overscroll-behavior:contain;
}
body.dc-user.dc-reference-master > #dcSupportComposer[hidden] {display:none!important;}
body.dc-user.dc-reference-master > #dcSupportComposer .dc-support-composer-dialog {min-width:0;}
/* Scoped form controls for the portaled Support dialog (outside .dc-dash-layout). */
body.dc-user.dc-reference-master > #dcSupportComposer .dc-support-composer-heading {
    display:flex;align-items:flex-start;justify-content:space-between;gap:14px;
}
body.dc-user.dc-reference-master > #dcSupportComposer .dc-support-composer-heading h2 {font-size:19px;color:#102542;margin:0 0 6px;}
body.dc-user.dc-reference-master > #dcSupportComposer .dc-support-composer-heading p {font-size:12px;color:#63778a;line-height:1.7;margin:0;}
body.dc-user.dc-reference-master > #dcSupportComposer .dc-support-close {
    background:transparent;border:1px solid #dfe8e5;border-radius:8px;padding:9px 12px;cursor:pointer;color:#657791;
}
body.dc-user.dc-reference-master > #dcSupportComposer .dc-support-form-grid {
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;
}
body.dc-user.dc-reference-master > #dcSupportComposer .dc-support-form-grid .full {grid-column:1/-1;}
body.dc-user.dc-reference-master > #dcSupportComposer .dc-support-form-grid .dc-input-group {margin:0;min-width:0;}
body.dc-user.dc-reference-master > #dcSupportComposer .dc-support-form-grid label {
    display:block;color:#102542;font-size:12px;font-weight:700;margin-bottom:7px;
}
body.dc-user.dc-reference-master > #dcSupportComposer .dc-support-form-grid :is(input,textarea,select) {
    display:block;width:100%;min-width:0;min-height:45px;max-width:100%;border:1px solid #dce6e1;
    border-radius:9px;padding:11px 13px;background:#fff;color:#102542;font-size:12px;
}
body.dc-user.dc-reference-master > #dcSupportComposer .dc-support-form-grid small {
    display:block;margin-top:7px;color:#63778a;font-size:11px;line-height:1.6;
}
body.dc-user.dc-reference-master > #dcSupportComposer .dc-support-form-actions {
    display:flex;margin-top:20px;flex-wrap:wrap;
}
body.dc-user.dc-reference-master > #dcSupportComposer .dc-support-validation {
    background:#fff4ef;color:#9b342b;border:1px solid #e8b8aa;padding:12px 16px;margin:14px 0;border-radius:9px;font-size:12px;
}
@media(max-width:600px){
    body.dc-user.dc-reference-master > #dcSupportComposer .dc-support-form-grid {grid-template-columns:minmax(0,1fr);}
}
body.dc-user.dc-reference-master > #dcSupportComposer .dc-btn {
    display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;
    border-radius:9px;padding:11px 18px;font-size:12px;line-height:1.35;font-weight:700;text-align:center;
    text-decoration:none;box-shadow:none;
}
body.dc-user.dc-reference-master > #dcSupportComposer .dc-btn-primary {background:#087f5b;border:1px solid #087f5b;color:#fff;}
body.dc-user.dc-reference-master > #dcSupportComposer .dc-btn-outline {background:#fff;border:1px solid #087f5b;color:#087f5b;}
body.dc-user.dc-reference-master > #dcSupportComposer .dc-btn:focus-visible {outline:3px solid rgba(8,127,91,.35);outline-offset:2px;}

/* Infinity Audit Fixes: full-width customer beneficiary form; modal stays narrow by design. */
.dc-dash-layout .dc-beneficiary-page:not(.dc-beneficiary-embedded) {width:100%;max-width:none!important;}
.dc-dash-layout .dc-beneficiary-page:not(.dc-beneficiary-embedded) .dc-beneficiary-dialog-shell.body-wrapper {width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;}
.dc-dash-layout .dc-beneficiary-page:not(.dc-beneficiary-embedded) .dc-beneficiary-dialog-shell>.row {margin:0!important;}
.dc-dash-layout .dc-beneficiary-page:not(.dc-beneficiary-embedded) .dc-beneficiary-dialog-shell>.row>div {width:100%;max-width:100%;padding:0!important;}
.dc-dash-layout .dc-review-consents .dc-consent-error {display:block!important;color:#b42318!important;font:500 12px/1.5 Arial,sans-serif!important;margin:4px 0 12px 24px!important;max-width:100%;overflow-wrap:anywhere;}
.dc-dash-layout .dc-review-validation-alert {color:#a32626!important;font-size:13px!important;line-height:1.6!important;}
.dc-dash-layout .dc-review-validation-alert li {color:inherit!important;font-size:inherit!important;line-height:inherit!important;}

/* 2026-11-06 — customer-panel section spacing.
   Keep spacing between independent cards/sections (not between inputs, or
   between cards intentionally positioned alongside each other in a grid).
   In particular, the manual bank destination and its confirmation form must
   never visually touch on desktop, tablet or mobile. */
body.dc-user.dc-reference-master {
    --dc-panel-section-space: clamp(20px, 2.25vw, 28px);
}
body.dc-user.dc-reference-master .dc-dash-layout .dc-manual-payment > .dc-manual-card > .dc-manual-card,
body.dc-user.dc-reference-master .dc-dash-layout .dc-manual-payment > .dc-manual-card > .dc-manual-form {
    margin-block-start: var(--dc-panel-section-space);
}
/* Other independently stacked sections within customer panels share the same
   rhythm. Direct-child selectors deliberately exclude cards inside grids. */
body.dc-user.dc-reference-master .dc-dash-layout .dc-customer-page > :is(section, .dc-form-card, .dc-panel, .dc-table-wrap) + :is(section, .dc-form-card, .dc-panel, .dc-table-wrap),
body.dc-user.dc-reference-master .dc-dash-layout .dc-flow-page > section + section,
body.dc-user.dc-reference-master .dc-dash-layout .dc-dash-body > :is(.dc-form-card, .dc-table-wrap, .dc-invite-grid) + :is(.dc-form-card, .dc-table-wrap, .dc-invite-grid) {
    margin-block-start: var(--dc-panel-section-space);
}
@media (max-width:600px) {
    body.dc-user.dc-reference-master {
        --dc-panel-section-space: 20px;
    }
}