/* QuickXLab account pages — visual language aligned with the refreshed dashboard. */
body.mx-member-shell {
  min-height: 100vh;
  background: #f8f6f4;
  color: #362920;
}
body.mx-member-shell:not(.mx-dashboard-view) main#main {
  min-height: calc(100vh - 72px);
  padding: clamp(20px, 3vw, 38px) 0 clamp(52px, 6vw, 78px);
  background: radial-gradient(ellipse at 7% 0%, rgba(160, 78, 23, .065), transparent 35%), #f8f6f4;
}
body.mx-member-shell:not(.mx-dashboard-view) main#main > .container.section-pad,
body.mx-member-shell:not(.mx-dashboard-view) main#main > section.container.section-pad {
  width: min(100% - 32px, 1080px);
  max-width: 1080px;
  padding: clamp(18px, 3vw, 32px) 0 48px;
}
body.mx-member-shell:not(.mx-dashboard-view) main#main h1,
body.mx-member-shell:not(.mx-dashboard-view) main#main h2 {
  color: #392518;
  letter-spacing: -.035em;
}
body.mx-member-shell:not(.mx-dashboard-view) main#main h1 { font-weight: 800; }
body.mx-member-shell:not(.mx-dashboard-view) main#main .card {
  overflow: hidden;
  border: 1px solid #ede8e4;
  border-radius: 20px;
  background: rgba(255,255,255,.96);
  box-shadow: 0 12px 34px rgba(73, 47, 29, .055);
}
body.mx-member-shell:not(.mx-dashboard-view) main#main .card-header {
  padding: 15px 19px;
  border-bottom: 1px solid #f0edeb;
  background: #fbf9f7;
  color: #453429;
  font-weight: 750;
}
body.mx-member-shell:not(.mx-dashboard-view) main#main .card-body { padding: clamp(17px, 2.5vw, 25px); }
body.mx-member-shell:not(.mx-dashboard-view) main#main .form-control,
body.mx-member-shell:not(.mx-dashboard-view) main#main .form-select {
  min-height: 46px;
  border: 1px solid #e8e2dd;
  border-radius: 12px;
  background-color: #fff;
  color: #362920;
  box-shadow: none;
}
body.mx-member-shell:not(.mx-dashboard-view) main#main textarea.form-control { min-height: 110px; }
body.mx-member-shell:not(.mx-dashboard-view) main#main .form-control:focus,
body.mx-member-shell:not(.mx-dashboard-view) main#main .form-select:focus {
  border-color: #b77142;
  box-shadow: 0 0 0 4px rgba(248, 90, 0, .11);
}
body.mx-member-shell:not(.mx-dashboard-view) main#main .btn {
  border-radius: 12px;
  font-weight: 700;
  transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease;
}
body.mx-member-shell:not(.mx-dashboard-view) main#main .btn-primary {
  border-color: #f85a00;
  background: #f85a00;
  box-shadow: 0 7px 17px rgba(248, 90, 0,.17);
}
body.mx-member-shell:not(.mx-dashboard-view) main#main .btn-primary:hover { border-color: #7d3708; background: #7d3708; transform: translateY(-1px); }
body.mx-member-shell:not(.mx-dashboard-view) main#main .btn-outline-primary { border-color: #d9bfaa; color: #763b14; }
body.mx-member-shell:not(.mx-dashboard-view) main#main .btn-outline-primary:hover { background: #f6f0eb; color: #65300d; }
body.mx-member-shell:not(.mx-dashboard-view) main#main .alert { border: 1px solid #ede8e3; border-radius: 15px; }
body.mx-member-shell:not(.mx-dashboard-view) main#main .table { --bs-table-bg: transparent; --bs-table-border-color: #f1efee; color: #4b3d34; }
body.mx-member-shell:not(.mx-dashboard-view) main#main .table thead th { color: #7d8d83; font-size: .76rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
body.mx-member-shell:not(.mx-dashboard-view) main#main .badge { border-radius: 999px; padding: .45em .75em; }

/* Support is a focused, full-height chat experience: no site chrome except the back arrow. */
body.mx-support-standalone {
  min-height: 100vh;
  overflow-x: hidden;
  background: radial-gradient(ellipse at 10% 5%, rgba(179, 92, 34, .12), transparent 38%), radial-gradient(ellipse at 95% 95%, rgba(211, 167, 131, .16), transparent 35%), #f7f5f3;
}
body.mx-support-standalone .skip-link,
body.mx-support-standalone #scrollProgress,
body.mx-support-standalone #cursorGlow,
body.mx-support-standalone #splashScreen,
body.mx-support-standalone .ann-bar,
body.mx-support-standalone .portal-nav,
body.mx-support-standalone .portal-footer,
body.mx-support-standalone .mx-mobilenav { display: none !important; }
body.mx-support-standalone .mx-support-backbar {
  width: min(100% - 32px, 920px);
  height: 66px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
body.mx-support-standalone .mx-support-backbar a {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(222, 207, 195, .9);
  border-radius: 14px;
  background: rgba(255,255,255,.88);
  color: #6b3e20;
  font-size: 19px;
  text-decoration: none;
  box-shadow: 0 8px 22px rgba(89, 54, 31, .08);
  transition: transform .18s ease, background .18s ease;
}
body.mx-support-standalone .mx-support-backbar a:hover { transform: translateX(-2px); background: #fff; }
body.mx-support-standalone main#main {
  min-height: calc(100vh - 66px);
  padding: 0 16px max(20px, env(safe-area-inset-bottom));
}
body.mx-support-standalone main#main > .container { max-width: none; }
body.mx-support-standalone .chat-shell {
  width: min(100%, 920px);
  height: min(780px, calc(100vh - 92px));
  min-height: 470px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #ebe4df;
  border-radius: 26px;
  background: rgba(255,255,255,.96);
  box-shadow: 0 24px 70px rgba(76, 47, 28, .12), 0 3px 10px rgba(76, 47, 28, .045);
}
body.mx-support-standalone .chat-head {
  min-height: 78px;
  padding: 15px 22px;
  display: flex;
  align-items: center;
  gap: 13px;
  border-bottom: 1px solid #f0edeb;
  background: linear-gradient(110deg, #fcfaf8, #f8f4f0);
}
body.mx-support-standalone .chat-avatar,
body.mx-support-standalone .chat-welcome-icon {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  border: 1px solid #ece2da;
  border-radius: 15px;
  background: linear-gradient(145deg, #f6f0ea, #efe2d8);
  color: #813f13;
  font-size: 19px;
  box-shadow: inset 0 1px rgba(255,255,255,.85);
}
body.mx-support-standalone .chat-head b { color: #3b2618; font-size: 15px; }
body.mx-support-standalone .chat-head small { display: block; margin-top: 3px; color: #76877d; font-size: 11px; }
body.mx-support-standalone .online-dot { display: inline-block; width: 7px; height: 7px; margin-right: 4px; border-radius: 50%; background: #b25a20; box-shadow: 0 0 0 3px rgba(178, 90, 32,.12); }
body.mx-support-standalone .chat-icon-btn {
  width: 38px;
  height: 38px;
  display: inline-grid;
  place-items: center;
  border: 1px solid #eae3dd;
  border-radius: 12px;
  background: #fff;
  color: #815c43;
}
body.mx-support-standalone .chat-body {
  flex: 1 1 auto;
  min-height: 0;
  padding: clamp(20px, 4vw, 38px) clamp(16px, 5vw, 54px);
  background: radial-gradient(circle at 50% 0%, rgba(244, 235, 228,.48), transparent 40%), #fff;
  scroll-behavior: smooth;
}
body.mx-support-standalone .chat-bg-dots { opacity: .16; }
body.mx-support-standalone .chat-welcome { max-width: 580px; margin: 20px auto 0; text-align: center; }
body.mx-support-standalone .chat-welcome-icon { width: 60px; height: 60px; margin: 0 auto 15px; border-radius: 20px; font-size: 25px; }
body.mx-support-standalone .chat-welcome h5 { margin: 0 0 8px; color: #3d291b; font-size: clamp(19px, 3vw, 24px); letter-spacing: -.035em; }
body.mx-support-standalone .chat-welcome p { max-width: 430px; margin: 0 auto 20px; color: #75847b !important; font-size: 13px; line-height: 1.65; }
body.mx-support-standalone .chat-chips { justify-content: center; gap: 9px; }
body.mx-support-standalone .chat-chip {
  min-height: 38px;
  padding: 9px 13px;
  border: 1px solid #ebe6e1;
  border-radius: 999px;
  background: #fff;
  color: #564539;
  font-size: 11px;
  font-weight: 650;
  box-shadow: 0 5px 15px rgba(75, 50, 34, .045);
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}
body.mx-support-standalone .chat-chip:hover { transform: translateY(-2px); border-color: #d9bfa9; background: #faf6f3; color: #70340c; }
body.mx-support-standalone .chat-row { margin-bottom: 14px; }
body.mx-support-standalone .chat-bubble { max-width: min(78%, 590px); padding: 12px 16px; border-radius: 18px; font-size: 13px; line-height: 1.6; }
body.mx-support-standalone .chat-row.ai .chat-bubble { border: 1px solid #edeae7; border-bottom-left-radius: 6px; background: #faf8f6; color: #483a30; }
body.mx-support-standalone .chat-row.me .chat-bubble { border-bottom-right-radius: 6px; background: linear-gradient(135deg, #9d4b15, #853c0c); color: #fff; box-shadow: 0 8px 19px rgba(248, 90, 0,.2); }
body.mx-support-standalone .chat-actions { display: flex; flex-wrap: wrap; gap: 8px; margin: 8px 0 0; }
body.mx-support-standalone .chat-action-btn { border: 1px solid #e5dad1; border-radius: 999px; background: #fff; color: #763d17; padding: 8px 12px; font-size: 11px; font-weight: 700; text-decoration: none; }
body.mx-support-standalone .chat-typing span { background: #a6531c; }
body.mx-support-standalone .chat-input {
  position: relative;
  flex: 0 0 auto;
  gap: 10px;
  padding: 14px 18px max(14px, env(safe-area-inset-bottom));
  border-top: 1px solid #f0edeb;
  background: rgba(253, 251, 250,.97);
}
body.mx-support-standalone .chat-input .form-control { min-height: 48px; padding: 11px 17px; border: 1px solid #e8e2dd; border-radius: 15px; background: #fff; box-shadow: none; font-size: 13px; }
body.mx-support-standalone .chat-input .form-control:focus { border-color: #bb7c52; box-shadow: 0 0 0 4px rgba(248, 90, 0,.1); }
body.mx-support-standalone .chat-send { width: 48px; height: 48px; flex: 0 0 48px; display: grid; place-items: center; border: 0; border-radius: 15px; background: #f85a00; color: #fff; font-size: 16px; box-shadow: 0 8px 18px rgba(248, 90, 0,.2); }
body.mx-support-standalone .chat-send:hover { background: #7d3708; }
body.mx-support-standalone .chat-send:disabled { opacity: .55; }
@media (max-width: 640px) {
  body.mx-support-standalone .mx-support-backbar { height: 56px; width: calc(100% - 24px); }
  body.mx-support-standalone .mx-support-backbar a { width: 38px; height: 38px; }
  body.mx-support-standalone main#main { min-height: calc(100dvh - 56px); padding: 0 10px max(10px, env(safe-area-inset-bottom)); }
  body.mx-support-standalone .chat-shell { height: calc(100dvh - 74px); min-height: 0; border-radius: 21px; }
  body.mx-support-standalone .chat-head { min-height: 68px; padding: 12px 15px; }
  body.mx-support-standalone .chat-body { padding: 18px 14px; }
  body.mx-support-standalone .chat-welcome { margin-top: 6px; }
  body.mx-support-standalone .chat-welcome p { font-size: 12px; }
  body.mx-support-standalone .chat-chips { gap: 7px; }
  body.mx-support-standalone .chat-chip { min-height: 34px; padding: 7px 10px; font-size: 10px; }
  body.mx-support-standalone .chat-bubble { max-width: 88%; font-size: 12px; }
  body.mx-support-standalone .chat-input { padding: 11px 12px max(11px, env(safe-area-inset-bottom)); gap: 8px; }
  body.mx-support-standalone .chat-input .form-control { min-height: 45px; }
  body.mx-support-standalone .chat-send { width: 45px; height: 45px; flex-basis: 45px; }
}

/* Wallet top-up experience */
.mx-funds-page { width:min(100% - 32px, 1040px); max-width:1040px; margin:0 auto; padding:clamp(22px,3vw,38px) 0 58px; }
.mx-funds-hero { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:24px; margin-bottom:23px; padding:clamp(23px,4vw,38px); border:1px solid #eae3de; border-radius:24px; background:radial-gradient(ellipse at 88% 12%,rgba(184, 98, 40,.12),transparent 34%),linear-gradient(120deg,#faf5f1 0%,#f5eee8 60%,#f2e8df 100%); box-shadow:0 16px 44px rgba(104, 54, 20,.075); }
.mx-funds-hero-copy { min-width:0; }
.mx-funds-eyebrow { display:inline-flex; align-items:center; gap:8px; color:#814117; font-size:10px; font-weight:850; letter-spacing:.14em; }
.mx-funds-hero h1 { margin:11px 0 8px; color:#2c1b10; font-size:clamp(25px,4vw,38px); font-weight:850; letter-spacing:-.045em; line-height:1.12; }
.mx-funds-hero p { max-width:590px; margin:0; color:#65796d; font-size:13px; line-height:1.65; }
.mx-funds-balance { min-width:205px; display:grid; gap:5px; padding:16px 19px; border:1px solid rgba(226, 211, 199,.9); border-radius:17px; background:rgba(255,255,255,.72); box-shadow:inset 0 1px rgba(255,255,255,.9); }
.mx-funds-balance span { color:#718478; font-size:10px; font-weight:700; }
.mx-funds-balance strong { color:#733913; font-size:25px; font-weight:850; letter-spacing:-.04em; }
.mx-funds-balance small { color:#827166; font-size:9px; }
.mx-funds-balance small i { color:#944816; }
.mx-funds-steps { display:flex; align-items:center; gap:10px; margin:0 2px 18px; color:#9aa79f; font-size:10px; font-weight:750; }
.mx-funds-steps span { display:inline-flex; align-items:center; gap:6px; white-space:nowrap; }
.mx-funds-steps b { width:22px; height:22px; display:grid; place-items:center; border:1px solid #e8e2dd; border-radius:50%; background:#fff; color:#829187; font-size:9px; }
.mx-funds-steps span.is-current { color:#783f19; }
.mx-funds-steps span.is-current b { border-color:#d9bfa9; background:#f7f0eb; color:#803e12; }
.mx-funds-steps > i { width:48px; height:1px; background:#e7e2dd; }
.mx-funds-form { display:grid; gap:16px; }
.mx-funds-card { min-width:0; padding:clamp(18px,3vw,25px); border:1px solid #ebe7e3; border-radius:20px; background:rgba(255,255,255,.97); box-shadow:0 11px 32px rgba(73, 47, 29,.05); }
.mx-funds-section-title { display:flex; align-items:flex-start; gap:12px; margin-bottom:19px; }
.mx-funds-step-no { width:34px; height:34px; flex:0 0 34px; display:grid; place-items:center; border:1px solid #ede3db; border-radius:12px; background:#f8f3ef; color:#814116; font-size:10px; font-weight:850; }
.mx-funds-section-title h2 { margin:0 0 4px; color:#3b2719; font-size:16px; font-weight:800; letter-spacing:-.025em; }
.mx-funds-section-title p { margin:0; color:#839087; font-size:11px; }
.mx-funds-presets { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:9px; margin-bottom:18px; }
.mx-funds-preset { min-height:45px; border:1px solid #eae3dd; border-radius:12px; background:#fdfcfb; color:#554235; font-size:13px; font-weight:800; transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease; }
.mx-funds-preset span { margin-right:3px; color:#809589; font-size:9px; font-weight:750; }
.mx-funds-preset:hover { transform:translateY(-1px); border-color:#d9bfa9; background:#faf7f4; }
.mx-funds-preset[aria-pressed="true"] { border-color:#944917; background:#f7f0eb; color:#6d3611; box-shadow:0 0 0 3px rgba(148, 72, 21,.1); }
.mx-funds-input-label { display:block; margin:0 0 7px; color:#615147; font-size:10px; font-weight:800; }
.mx-funds-amount-field { min-height:52px; display:flex; align-items:center; gap:10px; padding:4px 13px; border:1px solid #e8e1dc; border-radius:13px; background:#fff; }
.mx-funds-amount-field:focus-within { border-color:#b97a50; box-shadow:0 0 0 4px rgba(248, 90, 0,.1); }
.mx-funds-amount-field > span { color:#75877c; font-size:12px; font-weight:800; }
.mx-funds-amount-field .form-control { min-height:40px!important; padding:5px 0!important; border:0!important; border-radius:0!important; box-shadow:none!important; font-size:16px; font-weight:750; }
.mx-funds-amount-field small { color:#9aa69e; font-size:9px; font-weight:800; letter-spacing:.08em; }
.mx-funds-field-note { display:flex; align-items:center; gap:6px; margin-top:8px; color:#849188; font-size:9px; }
.mx-funds-field-note i { color:#875f44; }
.mx-method-menu { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(130px,150px); gap:10px; overflow-x:auto; overscroll-behavior-inline:contain; padding:2px 2px 12px; scroll-snap-type:x mandatory; scrollbar-width:thin; scrollbar-color:#dfd1c6 transparent; }
.mx-method-option { position:relative; min-height:118px; display:flex; flex-direction:column; align-items:flex-start; gap:6px; padding:14px 13px 12px; border:1px solid #e9e5e1; border-radius:15px; background:#fff; color:#4e3d32; cursor:pointer; scroll-snap-align:start; transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease; }
.mx-method-option:hover { transform:translateY(-2px); border-color:#d8c0ac; }
.mx-method-option:has(input:checked) { border-color:#944815; background:linear-gradient(155deg,#faf7f4,#f6f0eb); box-shadow:0 0 0 3px rgba(148, 72, 21,.1),0 8px 19px rgba(105, 62, 34,.07); }
.mx-method-option:has(input:focus-visible) { outline:3px solid rgba(148, 72, 21,.28); outline-offset:2px; }
.mx-method-option::after { content:""; position:absolute; top:12px; right:12px; width:17px; height:17px; border:1.5px solid #e1dbd6; border-radius:50%; background:#fff; }
.mx-method-option:has(input:checked)::after { border:4px solid #944815; }
.mx-method-option input { position:absolute; width:1px; height:1px; opacity:0; }
.mx-method-icon { width:32px; height:32px; display:grid; place-items:center; border:1px solid #eee7e2; border-radius:10px; background:#f8f5f3; color:#804721; font-size:15px; }
.mx-method-option strong { padding-right:14px; color:#49362a; font-size:10px; font-weight:800; line-height:1.25; }
.mx-method-option small { color:#849188; font-size:9px; }
.mx-method-option em { margin-top:auto; padding:3px 6px; border:1px solid #f0d69c; border-radius:999px; background:#fff8e7; color:#95620a; font-size:7px; font-style:normal; font-weight:900; letter-spacing:.05em; }
.mx-funds-method-hint { display:flex; align-items:center; gap:7px; margin:2px 1px 13px; color:#89958d; font-size:9px; }
.mx-funds-method-hint i { color:#887161; }
.mx-gateway-details { display:flex; gap:11px; padding:14px; border:1px solid #ece6e1; border-radius:15px; background:#fbf9f7; }
.mx-gateway-detail-icon { width:35px; height:35px; flex:0 0 35px; display:grid; place-items:center; border-radius:12px; background:#f4ede7; color:#804218; }
.mx-gateway-detail-copy { min-width:0; display:grid; gap:5px; color:#718077; font-size:10px; overflow-wrap:anywhere; }
.mx-gateway-detail-copy > strong { color:#483529; font-size:12px; }
.mx-gateway-detail-copy > span b { color:#5b4638; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; }
.mx-gateway-detail-copy p { margin:2px 0 0; color:#7d8981; font-size:10px; line-height:1.55; }
.mx-demo-warning { display:flex; gap:8px; align-items:flex-start; margin-top:5px; padding:9px 10px; border:1px solid #f1dda9; border-radius:11px; background:#fff9e9; color:#765719; font-size:9px; line-height:1.45; }
.mx-demo-warning i { margin-top:1px; color:#c38a17; }
.mx-funds-review-note,.mx-funds-auto-note { display:flex; align-items:flex-start; gap:9px; margin-top:17px; padding:12px 13px; border:1px solid #ebe6e2; border-radius:13px; background:#faf8f7; color:#6e8074; font-size:10px; line-height:1.5; }
.mx-funds-review-note i,.mx-funds-auto-note i { color:#804721; font-size:14px; }
.mx-funds-review-note b { color:#5b4435; }
.mx-funds-auto-note { margin:0; border-color:#d7e9ee; background:#f2fafb; }
.mx-funds-auto-note i { color:#1680a0; }
.mx-funds-submit { min-height:52px; display:flex; align-items:center; justify-content:center; gap:10px; padding:12px 18px; border:1px solid #f85a00; border-radius:14px; background:linear-gradient(110deg,#f85a00,#884112); color:#fff; font-size:13px; font-weight:800; box-shadow:0 10px 22px rgba(248, 90, 0,.18); transition:transform .16s ease,box-shadow .16s ease; }
.mx-funds-submit i { font-size:16px; }
.mx-funds-submit:hover:not(:disabled) { transform:translateY(-1px); box-shadow:0 14px 26px rgba(248, 90, 0,.23); }
.mx-funds-submit:disabled { opacity:.55; }
.mx-funds-secure { display:flex; align-items:center; justify-content:center; gap:5px; margin:-7px 0 0; color:#8b9790; font-size:9px; }
.mx-funds-secure i { color:#906b52; }
.mx-funds-empty { display:grid; justify-items:center; gap:8px; padding:28px 12px; color:#819087; text-align:center; }
.mx-funds-empty > i { color:#9a6c4d; font-size:26px; }
.mx-funds-empty strong { color:#574438; font-size:13px; }
.mx-funds-empty span { font-size:10px; }
@media(max-width:700px) {
  .mx-funds-page { width:calc(100% - 24px); padding-top:18px; }
  .mx-funds-hero { grid-template-columns:1fr; gap:17px; border-radius:20px; }
  .mx-funds-balance { min-width:0; grid-template-columns:1fr auto; align-items:center; padding:12px 14px; }
  .mx-funds-balance strong { grid-column:2; grid-row:1 / span 2; font-size:22px; }
  .mx-funds-balance small { grid-column:1; }
  .mx-funds-presets { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .mx-method-menu { grid-auto-columns:132px; margin-right:-4px; }
  .mx-funds-steps { gap:6px; font-size:9px; }
  .mx-funds-steps > i { width:clamp(10px,5vw,28px); }
}
@media(max-width:390px) {
  .mx-funds-presets { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .mx-funds-section-title h2 { font-size:14px; }
  .mx-funds-steps { gap:4px; }
  .mx-funds-steps span { gap:4px; }
  .mx-funds-steps b { width:19px; height:19px; }
}

/* Compact Add Funds: two clear panels only */
.mx-funds-two-panels { max-width:860px; padding-top:24px; }
.mx-funds-two-panels .mx-funds-form { gap:13px; }
.mx-funds-two-panels .mx-funds-panel { padding:clamp(17px,2.5vw,23px); border-radius:18px; }
.mx-funds-panel-head { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.mx-funds-panel-head h1 { margin:5px 0 0; color:#3b2517; font-size:clamp(21px,3vw,27px); font-weight:850; letter-spacing:-.04em; }
.mx-funds-panel-head .mx-funds-eyebrow { font-size:9px; }
.mx-funds-two-panels .mx-funds-balance { min-width:174px; grid-template-columns:1fr; gap:3px; padding:11px 14px; border-radius:13px; }
.mx-funds-two-panels .mx-funds-balance strong { font-size:20px; }
.mx-funds-two-panels .mx-funds-balance small { display:none; }
.mx-funds-panel-rule { height:1px; margin:16px 0 14px; background:#eeebe9; }
.mx-funds-method-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
.mx-funds-method-heading h2 { margin:0 0 3px; color:#463224; font-size:14px; font-weight:820; letter-spacing:-.02em; }
.mx-funds-method-heading p { margin:0; color:#849188; font-size:10px; }
.mx-funds-method-heading > i { color:#905a36; font-size:16px; }
.mx-funds-currency { padding:5px 8px; border:1px solid #eae5e0; border-radius:8px; background:#fbf9f8; color:#71847a; font-size:8px; font-weight:850; letter-spacing:.1em; }
.mx-funds-two-panels .mx-method-menu { grid-auto-columns:minmax(116px,132px); gap:8px; padding-bottom:8px; }
.mx-funds-two-panels .mx-method-option { min-height:96px; gap:5px; padding:10px; border-radius:12px; }
.mx-funds-two-panels .mx-method-icon { width:28px; height:28px; border-radius:9px; font-size:13px; }
.mx-funds-two-panels .mx-method-option::after { top:9px; right:9px; width:15px; height:15px; }
.mx-funds-two-panels .mx-funds-method-hint { margin:1px 0 0; font-size:9px; }
.mx-funds-two-panels .mx-gateway-details { margin-top:11px; padding:11px 12px; border-radius:12px; }
.mx-funds-two-panels .mx-funds-amount-panel .mx-funds-method-heading { margin-bottom:13px; }
.mx-funds-two-panels .mx-funds-presets { grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; margin-bottom:13px; }
.mx-funds-two-panels .mx-funds-preset { min-height:42px; border-radius:11px; font-size:12px; }
.mx-funds-two-panels .mx-funds-amount-field { min-height:47px; }
.mx-funds-inline-fields { margin-top:15px; padding-top:14px; border-top:1px solid #eeebe9; }
.mx-funds-inline-heading { display:flex; align-items:center; gap:8px; margin-bottom:11px; color:#764524; }
.mx-funds-inline-heading > i { font-size:14px; }
.mx-funds-inline-heading > div { display:grid; gap:2px; }
.mx-funds-inline-heading b { color:#543f31; font-size:11px; }
.mx-funds-inline-heading span { color:#8a968e; font-size:9px; }
.mx-funds-two-panels .mx-funds-review-note { margin-top:10px; padding:9px 10px; font-size:9px; }
.mx-funds-two-panels .mx-funds-auto-note { margin-top:14px; padding:10px 11px; font-size:9px; }
.mx-funds-two-panels .mx-funds-submit { width:100%; min-height:47px; margin-top:15px; border-radius:12px; font-size:12px; }
.mx-funds-two-panels .mx-funds-secure { margin-top:7px; }
@media(max-width:560px) {
  .mx-funds-two-panels { width:calc(100% - 22px); padding-top:14px; }
  .mx-funds-two-panels .mx-funds-panel { padding:15px; border-radius:15px; }
  .mx-funds-panel-head { align-items:flex-start; }
  .mx-funds-panel-head h1 { font-size:22px; }
  .mx-funds-two-panels .mx-funds-balance { min-width:125px; padding:9px 10px; }
  .mx-funds-two-panels .mx-funds-balance strong { font-size:16px; }
  .mx-funds-two-panels .mx-funds-balance span { font-size:8px; }
  .mx-funds-two-panels .mx-method-menu { grid-auto-columns:116px; margin-right:-3px; }
  .mx-funds-two-panels .mx-funds-presets { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:365px) {
  .mx-funds-panel-head { align-items:center; }
  .mx-funds-panel-head h1 { font-size:19px; }
  .mx-funds-two-panels .mx-funds-balance { min-width:112px; }
  .mx-funds-two-panels .mx-funds-balance strong { font-size:14px; }
}

/* Keep Add now visibly legible across portal/theme button resets. */
.mx-member-shell .mx-funds-two-panels .mx-funds-submit,
.mx-member-shell .mx-funds-two-panels .mx-funds-submit:hover,
.mx-member-shell .mx-funds-two-panels .mx-funds-submit:focus,
.mx-member-shell .mx-funds-two-panels .mx-funds-submit:active {
  appearance:none!important;
  background:#f85a00!important;
  background-image:linear-gradient(110deg,#f85a00,#884112)!important;
  border:1px solid #f85a00!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-shadow:none!important;
  opacity:1!important;
}
.mx-member-shell .mx-funds-two-panels .mx-funds-submit .mx-funds-submit-label {
  display:inline-block!important;
  visibility:visible!important;
  opacity:1!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.25!important;
}
.mx-member-shell .mx-funds-two-panels .mx-funds-submit .bi {
  display:inline-block!important;
  visibility:visible!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* High-emphasis wallet top-up call to action */
.mx-member-shell .mx-funds-two-panels .mx-funds-submit,
.mx-member-shell .mx-funds-two-panels .mx-funds-submit:hover,
.mx-member-shell .mx-funds-two-panels .mx-funds-submit:focus,
.mx-member-shell .mx-funds-two-panels .mx-funds-submit:active {
  position:relative!important;
  min-height:60px!important;
  padding:13px 20px!important;
  margin-top:18px!important;
  border:1px solid #7a3608!important;
  border-bottom:4px solid #5b2907!important;
  border-radius:15px!important;
  background:linear-gradient(115deg,#bd5f20 0%,#f85a00 53%,#7a3608 100%)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:0 4px 0 rgba(91, 40, 6,.13),0 12px 26px rgba(248, 90, 0,.27),0 0 0 4px rgba(174, 81, 19,.10),inset 0 1px 0 rgba(255,255,255,.42)!important;
  font-size:15px!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
  transition:transform .16s ease,box-shadow .16s ease,filter .16s ease!important;
}
.mx-member-shell .mx-funds-two-panels .mx-funds-submit:hover {
  transform:translateY(-2px)!important;
  filter:saturate(1.08) brightness(1.02)!important;
  box-shadow:0 6px 0 rgba(91, 40, 6,.12),0 17px 32px rgba(248, 90, 0,.34),0 0 0 5px rgba(174, 81, 19,.13),inset 0 1px 0 rgba(255,255,255,.48)!important;
}
.mx-member-shell .mx-funds-two-panels .mx-funds-submit:active {
  transform:translateY(1px)!important;
  border-bottom-width:2px!important;
  box-shadow:0 2px 0 rgba(91, 40, 6,.15),0 7px 16px rgba(248, 90, 0,.24),inset 0 1px 0 rgba(255,255,255,.3)!important;
}
.mx-member-shell .mx-funds-two-panels .mx-funds-submit .mx-funds-submit-label {
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:14px!important;
  font-weight:900!important;
  letter-spacing:.015em!important;
  text-shadow:0 1px 1px rgba(64, 27, 2,.15)!important;
}
.mx-member-shell .mx-funds-two-panels .mx-funds-submit .bi {
  display:grid!important;
  place-items:center!important;
  width:30px!important;
  height:30px!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.96)!important;
  color:#7a3608!important;
  -webkit-text-fill-color:#7a3608!important;
  font-size:14px!important;
  box-shadow:0 2px 8px rgba(57, 23, 1,.18)!important;
}