/* Client-wide visual polish. Business logic stays untouched. */
:root {
  --mbx7-bg: #f2f6f9;
  --mbx7-card: #ffffff;
  --mbx7-line: #dce5ec;
  --mbx7-line-soft: #e8eef2;
  --mbx7-ink: #102d47;
  --mbx7-text: #4f667a;
  --mbx7-muted: #8193a3;
  --mbx7-brand: #0d9580;
  --mbx7-brand-dark: #087968;
  --mbx7-blue: #347fdd;
  --mbx7-shadow: 0 8px 24px rgba(36, 66, 91, .055);
}

/* Shared application surface */
body.mbx3-app-body .content-page { background: var(--mbx7-bg); }
body.mbx3-app-body .content-page > .container-fluid { padding-right: 22px; padding-left: 22px; }
body.mbx3-app-body .card,
body.mbx3-app-body .iq-card,
body.mbx3-app-body .mbx3-data-card,
body.mbx3-app-body .mbx3-form-card { border-color: var(--mbx7-line) !important; border-radius: 14px !important; background: #fff; box-shadow: var(--mbx7-shadow) !important; }
body.mbx3-app-body .card-header,
body.mbx3-app-body .iq-card-header { border-bottom-color: var(--mbx7-line-soft) !important; background: #fff !important; }
body.mbx3-app-body .form-control,
body.mbx3-app-body .custom-select,
body.mbx3-app-body select.form-control { min-height: 43px; border-color: #d7e2ea; border-radius: 9px; background-color: #fbfdfe; color: #29465e; box-shadow: none; }
body.mbx3-app-body .form-control:focus,
body.mbx3-app-body .custom-select:focus { border-color: var(--mbx7-brand); box-shadow: 0 0 0 3px rgba(13, 149, 128, .1); }
body.mbx3-app-body .btn-primary { border-color: var(--mbx7-brand) !important; background: var(--mbx7-brand) !important; box-shadow: none !important; }
body.mbx3-app-body .btn-primary:hover { border-color: var(--mbx7-brand-dark) !important; background: var(--mbx7-brand-dark) !important; transform: none; }
body.mbx3-app-body .table thead th { border-top: 0; border-bottom-color: #dfe8ee; background: #f6f9fb; color: #6d8295; font-size: 10px; font-weight: 700; letter-spacing: .025em; text-transform: uppercase; }
body.mbx3-app-body .table tbody td { border-color: #e8eef2; color: #405a70; vertical-align: middle; }
body.mbx3-app-body .table-hover tbody tr:hover { background: #f7fbfa; }
body.mbx3-app-body .modal-content { overflow: hidden; border: 1px solid var(--mbx7-line); border-radius: 15px; box-shadow: 0 24px 70px rgba(18, 45, 69, .18); }
body.mbx3-app-body .modal-header { border-bottom-color: var(--mbx7-line-soft); background: #f8fafb; }
body.mbx3-app-body .alert { border-radius: 11px; }

/* Denser navigation so the complete Client menu stays usable */
.mbx6-public-light .mbx5-public-sidebar .mbx3-public-nav > a { min-height: 38px; }
.mbx6-public-light .mbx6-nav-group-title { margin-top: 9px; margin-bottom: 3px; }
.mbx6-public-light .mbx5-sidebar-body { scrollbar-width: thin; scrollbar-color: #b8cad7 transparent; }
.mbx6-public-light .mbx5-sidebar-body::-webkit-scrollbar { width: 5px; }
.mbx6-public-light .mbx5-sidebar-body::-webkit-scrollbar-thumb { border-radius: 999px; background: #b8cad7; }
.mbx6-public-light .mbx5-sidebar-footer { background: rgba(255,255,255,.97); }

/* Public shop pages: replace the dark hero with the same light dashboard language */
.mbx6-public-light .xu-shop-page { background: var(--mbx7-bg) !important; }
.mbx6-public-light .xu-shop-page > .container-fluid { max-width: 1144px; padding-right: 21px; padding-left: 21px; }
.mbx6-public-light .xu-shop-page .hero { margin-top: 20px !important; padding: 26px 28px !important; border: 1px solid var(--mbx7-line) !important; border-radius: 15px !important; background: linear-gradient(135deg,#fff 0%,#f8fbfd 68%,#eef8f6 100%) !important; color: var(--mbx7-ink) !important; box-shadow: var(--mbx7-shadow) !important; }
.mbx6-public-light .xu-shop-page .hero::after { right: -70px !important; bottom: -135px !important; border-color: rgba(13,149,128,.07) !important; }
.mbx6-public-light .xu-shop-page .hero-kicker { border-color: #cce9e2 !important; background: #eaf7f4 !important; color: #087968 !important; }
.mbx6-public-light .xu-shop-page .hero h1 { margin-top: 11px !important; color: var(--mbx7-ink) !important; font-size: 27px !important; }
.mbx6-public-light .xu-shop-page .hero p { color: #62778a !important; }
.mbx6-public-light .xu-shop-page .hero-meta { margin-top: 15px !important; }
.mbx6-public-light .xu-shop-page .hero-meta span { border-color: #dce5ec !important; background: #fff !important; color: #4f667a !important; }
.mbx6-public-light .xu-shop-page .hero-tabs { margin-top: 14px; }
.mbx6-public-light .xu-shop-page .hero-tabs .tab-switch { border: 1px solid #d7e2e9 !important; background: #fff !important; color: #4a6277 !important; box-shadow: none !important; }
.mbx6-public-light .xu-shop-page .hero-tabs .tab-switch.active { border-color: var(--mbx7-brand) !important; background: var(--mbx7-brand) !important; color: #fff !important; }
.mbx6-public-light .xu-shop-page .soft-alert { padding: 15px 18px !important; border-color: var(--mbx7-line) !important; border-radius: 13px !important; box-shadow: none !important; }
.mbx6-public-light .xu-shop-page .card-shelf { border-color: var(--mbx7-line) !important; border-radius: 14px !important; box-shadow: var(--mbx7-shadow) !important; }
.mbx6-public-light .xu-shop-page .guest-preview-banner { border-color: #d8e9e5 !important; background: #f1faf7 !important; color: #49685f !important; }
.mbx6-public-light .xu-shop-page .guest-preview-banner .btn { border-color: var(--mbx7-brand) !important; background: var(--mbx7-brand) !important; }
.mbx6-public-light .xu-shop-page #xu-filter-form .btn,
.mbx6-public-light .xu-shop-page .filter-chip.active,
.mbx6-public-light .xu-shop-page .xu-table .btn-primary { border-color: var(--mbx7-brand) !important; background: var(--mbx7-brand) !important; box-shadow: none !important; }

body.mbx3-app-body .xu-shop-page .hero { padding: 26px 28px !important; border: 1px solid var(--mbx7-line) !important; border-radius: 15px !important; background: linear-gradient(135deg,#fff 0%,#f8fbfd 68%,#eef8f6 100%) !important; color: var(--mbx7-ink) !important; box-shadow: var(--mbx7-shadow) !important; }
body.mbx3-app-body .xu-shop-page .hero::after { border-color: rgba(13,149,128,.07) !important; }
body.mbx3-app-body .xu-shop-page .hero-kicker { border-color: #cce9e2 !important; background: #eaf7f4 !important; color: #087968 !important; }
body.mbx3-app-body .xu-shop-page .hero h1 { color: var(--mbx7-ink) !important; font-size: 27px !important; }
body.mbx3-app-body .xu-shop-page .hero p { color: #62778a !important; }
body.mbx3-app-body .xu-shop-page .hero-meta span { border-color: #dce5ec !important; background: #fff !important; color: #4f667a !important; }
body.mbx3-app-body .xu-shop-page .hero-tabs .tab-switch { border: 1px solid #d7e2e9 !important; background: #fff !important; color: #4a6277 !important; }
body.mbx3-app-body .xu-shop-page .hero-tabs .tab-switch.active { border-color: var(--mbx7-brand) !important; background: var(--mbx7-brand) !important; color: #fff !important; }
body.mbx3-app-body .xu-shop-page #xu-filter-form .btn,
body.mbx3-app-body .xu-shop-page .filter-chip.active,
body.mbx3-app-body .xu-shop-page .xu-table .btn-primary { border-color: var(--mbx7-brand) !important; background: var(--mbx7-brand) !important; box-shadow: none !important; }

/* Transaction pages share the same restrained cards and teal actions */
body.mbx3-app-body .mbx-recharge-page .table .thead-dark th { border-color: #dfe8ee !important; background: #eef4f7 !important; color: #61788c !important; }
body.mbx3-app-body .mbx-recharge-page .blur-shadow.shadow-showcase { border-radius: 12px !important; box-shadow: none !important; }
body.mbx3-app-body .mbx-page-assurance { border-color: #cce5df; background: #edf8f5; color: #267264; }
body.mbx3-app-body .thu-page { background: var(--mbx7-bg) !important; }
body.mbx3-app-body .thu-top,
body.mbx3-app-body .thu-panel { border-color: var(--mbx7-line) !important; border-radius: 14px !important; box-shadow: var(--mbx7-shadow) !important; }
body:not(.dark).mbx3-app-body .thu-type input:checked + label { border-color: var(--domain-primary) !important; background: rgba(var(--domain-primary-rgb),.04) !important; color: var(--domain-primary) !important; box-shadow: none !important; }
body:not(.dark).mbx3-app-body .thu-type input:checked + label .thu-type-icon i { color: var(--domain-primary) !important; }
body.mbx3-app-body .thu-rate-line strong { color: var(--domain-primary) !important; }
body.mbx3-app-body .thu-input:focus { box-shadow: inset 0 0 0 2px var(--mbx7-brand) !important; }
body.mbx3-app-body .thu-submit { background: var(--mbx7-brand) !important; }
body.mbx3-app-body .thu-submit:hover { background: var(--mbx7-brand-dark) !important; transform: none !important; }
body.mbx3-app-body .xu-history-page { background: var(--mbx7-bg) !important; }
body.mbx3-app-body .xu-history-card { border-color: var(--mbx7-line) !important; border-radius: 14px !important; box-shadow: var(--mbx7-shadow) !important; }

/* Auth pages use a light two-panel layout rather than a dark marketing wall */
body.mbx-auth-page .mbx-auth-layout { border-color: #d6e2e9 !important; border-radius: 22px !important; background: #fff !important; box-shadow: 0 22px 65px rgba(31, 65, 89, .12) !important; }
body.mbx-auth-page .mbx-auth-story { background: linear-gradient(145deg,#eaf5f6 0%,#eef8f6 58%,#e7f1f8 100%) !important; color: var(--mbx7-ink) !important; }
body.mbx-auth-page .mbx-auth-story::before { border-color: rgba(13,149,128,.12) !important; box-shadow: 0 0 0 42px rgba(13,149,128,.035),0 0 0 84px rgba(52,127,221,.025) !important; }
body.mbx-auth-page .mbx-auth-brand { color: #183a53 !important; }
body.mbx-auth-page .mbx-auth-brand span { border-color: #c8dedf !important; background: #fff !important; color: var(--mbx7-brand) !important; }
body.mbx-auth-page .mbx-auth-kicker { border-color: #c5e5de !important; background: #def2ed !important; color: #087968 !important; }
body.mbx-auth-page .mbx-auth-story h1 { color: var(--mbx7-ink) !important; }
body.mbx-auth-page .mbx-auth-story p { color: #5c7487 !important; }
body.mbx-auth-page .mbx-auth-point { border-color: #d4e4e5 !important; background: rgba(255,255,255,.72) !important; color: #35546a !important; }
body.mbx-auth-page .mbx-auth-point i { color: var(--mbx7-brand) !important; }
body.mbx-auth-page .mbx-auth-story-foot { color: #6d8394 !important; }
body.mbx-auth-page .mbx-auth-story-foot i { color: var(--mbx7-brand) !important; }
body.mbx-auth-page .mbx-auth-form { background: #fff !important; }
body.mbx-auth-page .login-content .btn-primary { border: 0 !important; background: var(--mbx7-brand) !important; box-shadow: 0 9px 20px rgba(13,149,128,.16) !important; }
body.mbx-auth-page .login-content .btn-primary:hover { background: var(--mbx7-brand-dark) !important; }

/* Auth and shop shells are centered inside their actual available viewport. */
body.mbx-auth-page .login-content { display: flex; align-items: center; justify-content: center; }
body.mbx-auth-page .login-content > .container { width: 100%; max-width: 1120px !important; margin-right: auto !important; margin-left: auto !important; padding-right: 20px; padding-left: 20px; }
body.mbx-auth-page .mbx-auth-layout { width: 100%; max-width: 1080px; margin-right: auto !important; margin-left: auto !important; }
.mbx6-public-light .mbx3-public-product-page.xu-shop-page { width: calc(100% - 40px); max-width: 1180px; margin-right: auto !important; margin-left: auto !important; }
.mbx6-public-light .xu-shop-page > .container-fluid,
body.mbx3-app-body .xu-shop-page > .container-fluid { width: 100%; max-width: 1180px; margin-right: auto !important; margin-left: auto !important; }

/* Withdraw page uses a light account summary like the dashboard wallet cards */
body.mbx3-app-body .sell-withdraw-page { background: var(--mbx7-bg) !important; }
body.mbx3-app-body .sell-withdraw-hero { border: 1px solid var(--mbx7-line) !important; background: linear-gradient(135deg,#fff 0%,#f7fbfc 70%,#edf8f5 100%) !important; color: var(--mbx7-ink) !important; box-shadow: var(--mbx7-shadow) !important; }
body.mbx3-app-body .sell-withdraw-hero::after { border-color: rgba(13,149,128,.07) !important; }
body.mbx3-app-body .sell-withdraw-hero p { color: #61778a !important; }
body.mbx3-app-body .sell-withdraw-balance { border-color: #cae7df !important; background: #edf8f5 !important; color: #244d45 !important; }
body.mbx3-app-body .sell-withdraw-balance small { color: #61877e !important; }
body.mbx3-app-body .sell-withdraw-submit { background: var(--mbx7-brand) !important; }

/* Withdraw flow: clearer form hierarchy and a complete dark-surface contract. */
body.mbx3-app-body .mbx3-withdraw-page { padding-bottom: 42px; }
body.mbx3-app-body .mbx3-withdraw-card { overflow: hidden; }
body.mbx3-app-body .mbx3-withdraw-layout { display: grid; grid-template-columns: minmax(0,1.55fr) minmax(280px,.7fr); align-items: stretch; gap: 16px; }
body.mbx3-app-body .mbx3-withdraw-card > header { position: relative; display: block; padding: 20px 21px; }
body.mbx3-app-body .mbx3-withdraw-card > header::before { position: absolute; top: 20px; bottom: 20px; left: 0; width: 4px; height: auto; margin: 0; border-radius: 0 99px 99px 0; }
body.mbx3-app-body .mbx3-withdraw-card > header > div { width: 100%; }
body.mbx3-app-body .mbx3-withdraw-card > header h2 { margin: 0; font-size: 17px; line-height: 1.35; }
body.mbx3-app-body .mbx3-withdraw-card > header p { max-width: 650px; margin-top: 5px; line-height: 1.55; }
body.mbx3-app-body .mbx3-withdraw-step { display: block; margin-bottom: 7px; color: var(--domain-primary,var(--mbx7-brand)); font-size: 9.5px; font-weight: 900; letter-spacing: .075em; line-height: 1.35; }
body.mbx3-app-body .mbx3-withdraw-form { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px 18px; padding: 21px; }
body.mbx3-app-body .mbx3-withdraw-form .form-group { margin: 0; }
body.mbx3-app-body .mbx3-withdraw-form .form-group:nth-of-type(4) { grid-column: 1 / -1; }
body.mbx3-app-body .mbx3-withdraw-form > footer { display: flex; grid-column: 1 / -1; align-items: center; justify-content: space-between; gap: 16px; margin: 2px -21px -21px; padding: 15px 21px; border-top: 1px solid var(--mbx7-line-soft); background: #f8fbfc; }
body.mbx3-app-body .mbx3-withdraw-form > footer .mbx3-status-chip { max-width: 690px; text-align: left; line-height: 1.45; }
body.mbx3-app-body .mbx3-withdraw-form > footer .btn { flex: 0 0 auto; min-height: 42px; padding: 10px 16px; border-radius: 10px; font-size: 11px; font-weight: 800; }
body.mbx3-app-body .mbx3-withdraw-amount { display: flex; gap: 8px; }
body.mbx3-app-body .mbx3-withdraw-amount .form-control { min-width: 0; }
body.mbx3-app-body .mbx3-withdraw-amount button { flex: 0 0 auto; min-width: 92px; border: 1px solid #c6e4dd; border-radius: 10px; background: #edf8f5; color: #087968; font-size: 10px; font-weight: 800; }
body.mbx3-app-body .mbx3-withdraw-amount button:hover { background: #dff3ed; }
body.mbx3-app-body .mbx3-withdraw-guide { padding: 24px; border: 1px solid rgba(var(--domain-primary-rgb),.18); border-radius: 14px; background: linear-gradient(155deg,rgba(var(--domain-primary-rgb),.085),rgba(var(--domain-secondary-rgb),.07),#fff); color: #29495a; box-shadow: 0 10px 26px rgba(var(--domain-primary-rgb),.055); }
body.mbx3-app-body .mbx3-withdraw-guide-icon { display: grid; place-items: center; width: 44px; height: 44px; margin-bottom: 17px; border: 1px solid rgba(var(--domain-primary-rgb),.14); border-radius: 12px; background: #fff; color: var(--domain-primary); font-size: 17px; box-shadow: 0 6px 14px rgba(var(--domain-primary-rgb),.09); }
body.mbx3-app-body .mbx3-withdraw-guide h2 { margin: 0; color: #203d50; font-size: 18px; font-weight: 900; line-height: 1.35; }
body.mbx3-app-body .mbx3-withdraw-guide > p { margin: 7px 0 19px; color: #587080; font-size: 11.5px; line-height: 1.65; }
body.mbx3-app-body .mbx3-withdraw-guide ol { display: grid; gap: 9px; margin: 0; padding: 0; list-style: none; }
body.mbx3-app-body .mbx3-withdraw-guide li { display: grid; grid-template-columns: 29px minmax(0,1fr); align-items: center; gap: 10px; padding: 9px 10px; border: 1px solid rgba(var(--domain-primary-rgb),.10); border-radius: 10px; background: rgba(255,255,255,.64); color: #3e5b6b; font-size: 10.5px; font-weight: 650; line-height: 1.5; }
body.mbx3-app-body .mbx3-withdraw-guide li b { display: grid; place-items: center; width: 27px; height: 27px; border-radius: 8px; background: rgba(var(--domain-primary-rgb),.12); color: var(--domain-primary); font-size: 10px; font-weight: 950; }
body.mbx3-app-body .mbx3-withdraw-guide-note { display: flex; gap: 9px; margin-top: 17px; padding: 13px; border: 1px solid rgba(var(--domain-secondary-rgb),.15); border-radius: 10px; background: rgba(var(--domain-secondary-rgb),.075); color: #486473; font-size: 10px; font-weight: 700; line-height: 1.55; }
body.mbx3-app-body .mbx3-withdraw-guide-note i { margin-top: 2px; color: var(--mbx7-brand); }

body.mbx3-app-body .mbx3-saved-banks { grid-column: 1 / -1; padding: 14px; border: 1px solid rgba(var(--domain-primary-rgb),.15); border-radius: 12px; background: rgba(var(--domain-primary-rgb),.035); }
body.mbx3-app-body .mbx3-saved-banks-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
body.mbx3-app-body .mbx3-saved-banks-head strong { display: block; color: #294257; font-size: 11px; font-weight: 900; }
body.mbx3-app-body .mbx3-saved-banks-head small { display: block; margin-top: 3px; color: #738697; font-size: 9px; }
body.mbx3-app-body .mbx3-saved-banks-head > span { display: inline-flex; align-items: center; gap: 5px; padding: 6px 8px; border-radius: 999px; background: rgba(var(--domain-primary-rgb),.09); color: var(--domain-primary); font-size: 8.5px; font-weight: 850; white-space: nowrap; }
body.mbx3-app-body .mbx3-saved-bank-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
body.mbx3-app-body .mbx3-saved-bank { display: grid; grid-template-columns: 34px minmax(0,1fr) 16px; align-items: center; gap: 9px; min-width: 0; padding: 10px; border: 1px solid #dbe5ec; border-radius: 10px; background: #fff; color: #425b70; text-align: left; cursor: pointer; transition: border-color .18s,background .18s,transform .18s; }
body.mbx3-app-body .mbx3-saved-bank:hover,
body.mbx3-app-body .mbx3-saved-bank.active { border-color: rgba(var(--domain-primary-rgb),.40); background: rgba(var(--domain-primary-rgb),.065); transform: translateY(-1px); }
body.mbx3-app-body .mbx3-saved-bank > span:first-child { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 9px; background: rgba(var(--domain-primary-rgb),.10); color: var(--domain-primary); }
body.mbx3-app-body .mbx3-saved-bank > span:nth-child(2) { min-width: 0; }
body.mbx3-app-body .mbx3-saved-bank strong,
body.mbx3-app-body .mbx3-saved-bank small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.mbx3-app-body .mbx3-saved-bank strong { color: #294257; font-size: 10px; font-weight: 900; }
body.mbx3-app-body .mbx3-saved-bank small { margin-top: 3px; color: #718394; font-size: 8.5px; }
body.mbx3-app-body .mbx3-saved-bank > i { color: #9aabba; font-size: 8px; }

/* App navigation: compact icon/text alignment and a reliable theme control. */
body.mbx3-app-body .mbx3-sidebar .mbx3-side-menu li a { display: grid !important; grid-template-columns: 20px minmax(0,1fr); column-gap: 9px; align-items: center; }
body.mbx3-app-body .mbx3-sidebar .mbx3-side-menu li a i { display: grid; place-items: center; width: 20px !important; height: 20px; margin: 0 !important; font-size: 12px; }
body.mbx3-app-body .mbx3-sidebar .mbx3-side-menu li a span { min-width: 0; line-height: 1.2; }
body.mbx3-app-body .mbx3-topbar-menu { box-shadow: 0 4px 12px rgba(31,62,86,.04); }
body.mbx3-app-body .mbx3-theme-control .custom-control-label { position: relative; overflow: hidden; box-shadow: 0 4px 12px rgba(31,62,86,.04); }
body.mbx3-app-body .mbx3-theme-control .switch-icon-left,
body.mbx3-app-body .mbx3-theme-control .switch-icon-right { position: static !important; inset: auto !important; display: grid; place-items: center; width: 100%; height: 100%; margin: 0 !important; color: inherit !important; }
body.mbx3-app-body .mbx3-theme-control .switch-icon-left i,
body.mbx3-app-body .mbx3-theme-control .switch-icon-right i { font-size: 14px !important; line-height: 1; }
body:not(.dark).mbx3-app-body .mbx3-theme-control .switch-icon-left,
body.dark.mbx3-app-body .mbx3-theme-control .switch-icon-right { display: none !important; }
body:not(.dark).mbx3-app-body .mbx3-theme-control .switch-icon-right,
body.dark.mbx3-app-body .mbx3-theme-control .switch-icon-left { display: grid !important; }
body:not(.dark).mbx3-app-body .mbx3-theme-control .custom-control-label { border-color: #b9d8df !important; background: #eef8fa !important; color: #247085 !important; }
body:not(.dark).mbx3-app-body .mbx3-theme-control .custom-control-label:hover { border-color: #72b6c7 !important; background: #e0f3f6 !important; color: #155d72 !important; }
body.dark.mbx3-app-body .mbx3-theme-control .custom-control-label { border-color: #2b506d !important; background: #10263c !important; color: #8bc8ef !important; }

/* Home announcement content is supplied by Admin, so neutralise any light
   inline wrapper before applying the current theme. */
body.dark.mbx3-app-body .mbx3-app-notice { border-color: #294c6c !important; background: #10243a !important; }
body.dark.mbx3-app-body .mbx3-app-notice > span { background: #173a59 !important; color: #7db8f4 !important; }
body.dark.mbx3-app-body .mbx3-app-notice strong { color: #c8e1f8 !important; }
body.dark.mbx3-app-body .mbx3-app-notice > div > div { color: #a9c1d6 !important; }
body.dark.mbx3-app-body .mbx3-app-notice > div > div > [style] { padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: inherit !important; }
body.dark.mbx3-app-body .mbx3-app-notice > div > div > [style] * { color: inherit !important; }
body.dark.mbx3-app-body .mbx3-app-notice button { color: #8eabc4 !important; }
body.dark.mbx3-app-body .mbx3-app-notice button:hover { background: #173a59 !important; color: #d9edff !important; }

/* Per-domain branding. Primary/secondary colours come from Admin > Domains;
   warnings, success states and dark surfaces intentionally stay semantic. */
body.mbx3-app-body .mbx3-sidebar .mbx3-side-menu li.active > a { background: linear-gradient(125deg,var(--domain-primary),var(--domain-secondary)) !important; box-shadow: 0 10px 22px rgba(var(--domain-primary-rgb),.22) !important; }
body.mbx3-app-body .mbx3-topbar-mark,
body.mbx3-app-body .mbx3-register-link,
body.mbx3-app-body .mbx3-topbar-login,
body.mbx3-app-body .mbx3-market-cta { background: linear-gradient(125deg,var(--domain-primary),var(--domain-secondary)) !important; }
body.mbx3-app-body .mbx3-button-primary,
body.mbx3-app-body .btn-primary,
body.mbx3-app-body .btn-success,
body.mbx3-app-body .thu-submit,
body.mbx3-app-body .sell-withdraw-submit { border-color: var(--domain-primary) !important; background: var(--domain-primary) !important; box-shadow: 0 8px 18px rgba(var(--domain-primary-rgb),.2) !important; }
body.mbx3-app-body .mbx3-button-primary:hover,
body.mbx3-app-body .btn-primary:hover,
body.mbx3-app-body .btn-success:hover,
body.mbx3-app-body .thu-submit:hover,
body.mbx3-app-body .sell-withdraw-submit:hover { border-color: var(--domain-secondary) !important; background: var(--domain-secondary) !important; }
body.mbx3-app-body .mbx3-page-kicker,
body.mbx3-app-body .mbx3-panel-head > a,
body.mbx3-app-body .mbx3-data-assurance,
body.mbx3-app-body .mbx3-profile-links a.active,
body.mbx3-app-body .mbx3-profile-links a:hover { color: var(--domain-primary) !important; }
body.mbx3-app-body .mbx3-page-titlebar .btn-outline-primary { border-color: rgba(var(--domain-primary-rgb),.35) !important; color: var(--domain-primary) !important; }
body.mbx3-app-body .mbx3-page-titlebar .btn-outline-primary:hover { background: rgba(var(--domain-primary-rgb),.09) !important; }
body.mbx3-app-body .mbx3-theme-control .custom-control-label { color: var(--domain-primary) !important; }
body:not(.dark).mbx3-app-body .mbx3-theme-control .custom-control-label { border-color: rgba(var(--domain-primary-rgb),.32) !important; background: rgba(var(--domain-primary-rgb),.08) !important; }
body:not(.dark).mbx3-app-body .mbx3-theme-control .custom-control-label:hover { border-color: var(--domain-primary) !important; background: rgba(var(--domain-primary-rgb),.14) !important; color: var(--domain-secondary) !important; }

/* Gentle brand accents for the signed-in dashboard. The white/dark surface
   stays neutral; colour appears only on labels, icons, borders and hover. */
body:not(.dark).mbx3-app-body .mbx3-sidebar .mbx3-side-menu li.active > a { border: 1px solid rgba(var(--domain-primary-rgb),.18) !important; border-left: 3px solid var(--domain-primary) !important; background: rgba(var(--domain-primary-rgb),.09) !important; color: var(--domain-primary) !important; box-shadow: none !important; }
body:not(.dark).mbx3-app-body .mbx3-sidebar .mbx3-side-menu li.active > a i { color: var(--domain-primary) !important; }
body.dark.mbx3-app-body .mbx3-sidebar .mbx3-side-menu li.active > a { border-left: 3px solid var(--domain-primary) !important; background: rgba(var(--domain-primary-rgb),.18) !important; box-shadow: none !important; }
body.mbx3-app-body .mbx3-wallet-card.buy { border-top: 3px solid rgba(var(--domain-primary-rgb),.55); }
body.mbx3-app-body .mbx3-wallet-card.sell { border-top: 3px solid rgba(var(--domain-secondary-rgb),.55); }
body.mbx3-app-body .mbx3-wallet-card.buy::after { border-color: rgba(var(--domain-primary-rgb),.06); }
body.mbx3-app-body .mbx3-wallet-card.sell::after { border-color: rgba(var(--domain-secondary-rgb),.07); }
body.mbx3-app-body .mbx3-wallet-card.buy span i { background: rgba(var(--domain-primary-rgb),.10); color: var(--domain-primary); }
body.mbx3-app-body .mbx3-wallet-card.sell span i { background: rgba(var(--domain-secondary-rgb),.11); color: var(--domain-secondary); }
body.mbx3-app-body .mbx3-wallet-card.buy > a { color: var(--domain-primary); }
body.mbx3-app-body .mbx3-wallet-card.sell > a { color: var(--domain-secondary); }
body.mbx3-app-body .mbx3-quick-card > span,
body.mbx3-app-body .mbx3-panel-head > div > span { color: var(--domain-primary); font-weight: 900; letter-spacing: .06em; }
body.mbx3-app-body .mbx3-quick-card a:hover,
body.mbx3-app-body .mbx3-dashboard-services > a:hover { border-color: rgba(var(--domain-primary-rgb),.28); background: rgba(var(--domain-primary-rgb),.055); }
body.mbx3-app-body .mbx3-quick-card a:hover i,
body.mbx3-app-body .mbx3-dashboard-services > a:hover > i { color: var(--domain-primary); }
body.mbx3-app-body .mbx3-service-icon.tds { background: rgba(var(--domain-primary-rgb),.10); color: var(--domain-primary); }
body.mbx3-app-body .mbx3-service-icon.ttc { background: rgba(var(--domain-secondary-rgb),.10); color: var(--domain-secondary); }
body.mbx3-app-body .mbx3-service-icon.sell { background: rgba(var(--domain-primary-rgb),.08); color: var(--domain-primary); }
body.dark.mbx3-app-body .mbx3-wallet-card.buy,
body.dark.mbx3-app-body .mbx3-wallet-card.sell { border-top-color: rgba(var(--domain-primary-rgb),.75); }
body.dark.mbx3-app-body .mbx3-wallet-card.sell { border-top-color: rgba(var(--domain-secondary-rgb),.75); }
body.dark.mbx3-app-body .mbx3-wallet-card.buy span i { background: rgba(var(--domain-primary-rgb),.18); color: var(--domain-primary); }
body.dark.mbx3-app-body .mbx3-wallet-card.sell span i { background: rgba(var(--domain-secondary-rgb),.18); color: var(--domain-secondary); }

/* Shared page rhythm: one calm brand treatment for every signed-in menu page. */
body.mbx3-app-body .mbx3-app-topbar .iq-navbar-custom { border-top: 2px solid rgba(var(--domain-primary-rgb),.22) !important; }
body.mbx3-app-body .mbx3-topbar-brand .mbx3-topbar-mark { background: linear-gradient(135deg,var(--domain-primary),var(--domain-secondary)) !important; }
body.mbx3-app-body .mbx3-topbar-icon:hover,
body.mbx3-app-body .mbx3-topbar-menu:hover { border-color: rgba(var(--domain-primary-rgb),.32) !important; background: rgba(var(--domain-primary-rgb),.07) !important; color: var(--domain-primary) !important; }
body.mbx3-app-body .mbx3-page-titlebar { position: relative; overflow: hidden; }
body.mbx3-app-body .mbx3-page-titlebar::before { content: ""; position: absolute; top: 0; right: 26px; left: 26px; height: 3px; border-radius: 0 0 999px 999px; background: linear-gradient(90deg,var(--domain-primary),var(--domain-secondary)); opacity: .72; }
body.mbx3-app-body .mbx3-page-titlebar .mbx3-page-kicker i { color: var(--domain-secondary); }
body.mbx3-app-body .mbx3-data-card-head,
body.mbx3-app-body .mbx3-form-card > header,
body.mbx3-app-body .mbx3-panel-head { position: relative; }
body.mbx3-app-body .mbx3-data-card-head::before,
body.mbx3-app-body .mbx3-form-card > header::before,
body.mbx3-app-body .mbx3-panel-head::before { content: ""; width: 4px; height: 22px; margin-right: 10px; border-radius: 99px; background: linear-gradient(180deg,var(--domain-primary),var(--domain-secondary)); }
body.mbx3-app-body .mbx3-data-card-head > div:first-child,
body.mbx3-app-body .mbx3-form-card > header > div:first-child,
body.mbx3-app-body .mbx3-panel-head > div:first-child { min-width: 0; }
body.mbx3-app-body .mbx3-dashboard-main,
body.mbx3-app-body .mbx3-dashboard-side,
body.mbx3-app-body .mbx3-data-card,
body.mbx3-app-body .mbx3-form-card { box-shadow: 0 10px 28px rgba(var(--domain-primary-rgb),.045) !important; }
body.mbx3-app-body .mbx3-dashboard-services > a { border-left: 2px solid transparent; }
body.mbx3-app-body .mbx3-dashboard-services > a:hover { border-left-color: var(--domain-primary); }
body.mbx3-app-body .mbx3-dashboard-services > a:nth-child(2):hover { border-left-color: var(--domain-secondary); }
body.mbx3-app-body .mbx3-modern-table thead th:first-child,
body.mbx3-app-body .table thead th:first-child { box-shadow: inset 3px 0 0 rgba(var(--domain-primary-rgb),.48); }
body.mbx3-app-body .mbx3-modern-table tbody tr:hover td:first-child,
body.mbx3-app-body .table-hover tbody tr:hover td:first-child { color: var(--domain-primary) !important; }
body.mbx3-app-body .mbx3-form-card .form-control:focus,
body.mbx3-app-body .mbx3-form-card .custom-select:focus { border-color: var(--domain-primary) !important; box-shadow: 0 0 0 3px rgba(var(--domain-primary-rgb),.10) !important; }
body.mbx3-app-body .mbx3-status-chip:not(.safe):not(.warning):not(.danger) { background: rgba(var(--domain-primary-rgb),.09); color: var(--domain-primary); }
body.dark.mbx3-app-body .mbx3-app-topbar .iq-navbar-custom { border-top-color: rgba(var(--domain-primary-rgb),.48) !important; }
body.dark.mbx3-app-body .mbx3-page-titlebar::before { opacity: .88; }
body.dark.mbx3-app-body .mbx3-dashboard-main,
body.dark.mbx3-app-body .mbx3-dashboard-side,
body.dark.mbx3-app-body .mbx3-data-card,
body.dark.mbx3-app-body .mbx3-form-card { box-shadow: 0 12px 28px rgba(0,0,0,.2) !important; }
body.dark.mbx3-app-body .mbx3-dashboard-services > a:hover { background: rgba(var(--domain-primary-rgb),.10) !important; }
body.dark.mbx3-app-body .mbx3-modern-table thead th:first-child,
body.dark.mbx3-app-body .table thead th:first-child { box-shadow: inset 3px 0 0 rgba(var(--domain-primary-rgb),.76); }

@media (max-width: 767.98px) {
  body.mbx3-app-body .mbx3-page-titlebar::before { right: 19px; left: 19px; }
  body.mbx3-app-body .mbx3-data-card-head::before,
  body.mbx3-app-body .mbx3-form-card > header::before,
  body.mbx3-app-body .mbx3-panel-head::before { width: 3px; margin-right: 8px; }
}

/* Five composed theme variants. They share the chosen domain colours but use
   different layout moods for authentication and the TDS/TTC buying hero. */
html[data-domain-theme="preset_ocean"] body.mbx-auth-page .mbx-auth-story,
html[data-domain-theme="preset_ocean"] body.mbx3-app-body .xu-shop-page .hero { background: linear-gradient(145deg,rgba(var(--domain-primary-rgb),.13),rgba(var(--domain-secondary-rgb),.12)) !important; }
html[data-domain-theme="preset_ocean"] body.mbx-auth-page .mbx-auth-layout,
html[data-domain-theme="preset_ocean"] body.mbx3-app-body .xu-shop-page .hero { border-radius: 22px !important; }

html[data-domain-theme="preset_navy"] body.mbx-auth-page .mbx-auth-layout { border-radius: 14px !important; overflow: hidden; }
html[data-domain-theme="preset_navy"] body.mbx-auth-page .mbx-auth-story { background: linear-gradient(145deg,var(--domain-primary),var(--domain-secondary)) !important; color: #fff !important; }
html[data-domain-theme="preset_navy"] body.mbx-auth-page .mbx-auth-story h1,
html[data-domain-theme="preset_navy"] body.mbx-auth-page .mbx-auth-brand { color: #fff !important; }
html[data-domain-theme="preset_navy"] body.mbx-auth-page .mbx-auth-story p,
html[data-domain-theme="preset_navy"] body.mbx-auth-page .mbx-auth-story-foot { color: rgba(255,255,255,.82) !important; }
html[data-domain-theme="preset_navy"] body.mbx-auth-page .mbx-auth-kicker,
html[data-domain-theme="preset_navy"] body.mbx-auth-page .mbx-auth-point { border-color: rgba(255,255,255,.26) !important; background: rgba(255,255,255,.12) !important; color: #fff !important; }
html[data-domain-theme="preset_navy"] body.mbx-auth-page .mbx-auth-point i,
html[data-domain-theme="preset_navy"] body.mbx-auth-page .mbx-auth-kicker { color: #fff !important; }
html[data-domain-theme="preset_navy"] body.mbx3-app-body .xu-shop-page .hero { border-color: transparent !important; border-radius: 14px !important; background: linear-gradient(125deg,var(--domain-primary),var(--domain-secondary)) !important; color: #fff !important; }
html[data-domain-theme="preset_navy"] body.mbx3-app-body .xu-shop-page .hero h1,
html[data-domain-theme="preset_navy"] body.mbx3-app-body .xu-shop-page .hero p { color: #fff !important; }
html[data-domain-theme="preset_navy"] body.mbx3-app-body .xu-shop-page .hero-meta span { border-color: rgba(255,255,255,.2) !important; background: rgba(255,255,255,.12) !important; color: #fff !important; }

html[data-domain-theme="preset_emerald"] body.mbx-auth-page .mbx-auth-layout { border-radius: 28px !important; }
html[data-domain-theme="preset_emerald"] body.mbx-auth-page .mbx-auth-story { border-right: 1px solid rgba(var(--domain-primary-rgb),.15); background: #f6fbf9 !important; }
html[data-domain-theme="preset_emerald"] body.mbx-auth-page .mbx-auth-point { border-radius: 999px !important; background: rgba(var(--domain-primary-rgb),.06) !important; }
html[data-domain-theme="preset_emerald"] body.mbx-auth-page .mbx-auth-kicker { border-radius: 8px !important; background: rgba(var(--domain-primary-rgb),.10) !important; color: var(--domain-primary) !important; }
html[data-domain-theme="preset_emerald"] body.mbx3-app-body .xu-shop-page .hero { border-color: rgba(var(--domain-primary-rgb),.22) !important; border-radius: 26px !important; background: linear-gradient(135deg,#fff,rgba(var(--domain-primary-rgb),.07)) !important; }
html[data-domain-theme="preset_emerald"] body.mbx3-app-body .xu-shop-page .hero::after { border-color: rgba(var(--domain-secondary-rgb),.14) !important; }
html[data-domain-theme="preset_emerald"] body.mbx3-app-body .xu-shop-page .hero-meta span { border-radius: 999px !important; border-color: rgba(var(--domain-primary-rgb),.18) !important; background: rgba(var(--domain-primary-rgb),.055) !important; }

html[data-domain-theme="preset_indigo"] body.mbx-auth-page .mbx-auth-layout { border: 1px solid rgba(var(--domain-primary-rgb),.25) !important; border-radius: 18px !important; box-shadow: 0 28px 80px rgba(var(--domain-primary-rgb),.14) !important; }
html[data-domain-theme="preset_indigo"] body.mbx-auth-page .mbx-auth-story { background: linear-gradient(160deg,rgba(var(--domain-primary-rgb),.12),rgba(var(--domain-secondary-rgb),.14)) !important; }
html[data-domain-theme="preset_indigo"] body.mbx-auth-page .mbx-auth-brand span { border-radius: 14px !important; background: linear-gradient(135deg,var(--domain-primary),var(--domain-secondary)) !important; color: #fff !important; }
html[data-domain-theme="preset_indigo"] body.mbx-auth-page .mbx-auth-point { border-radius: 12px !important; border-left: 3px solid var(--domain-primary) !important; }
html[data-domain-theme="preset_indigo"] body.mbx3-app-body .xu-shop-page .hero { border: 0 !important; border-radius: 18px 18px 32px 18px !important; background: linear-gradient(120deg,rgba(var(--domain-primary-rgb),.13),rgba(var(--domain-secondary-rgb),.17)) !important; box-shadow: 0 18px 42px rgba(var(--domain-primary-rgb),.11) !important; }
html[data-domain-theme="preset_indigo"] body.mbx3-app-body .xu-shop-page .hero-tabs .tab-switch.active { border-radius: 999px !important; }

html[data-domain-theme="preset_slate"] body.mbx-auth-page .mbx-auth-layout { border-radius: 10px !important; }
html[data-domain-theme="preset_slate"] body.mbx-auth-page .mbx-auth-story { border-left: 6px solid var(--domain-primary); background: #f8fafb !important; }
html[data-domain-theme="preset_slate"] body.mbx-auth-page .mbx-auth-kicker { padding-left: 0 !important; border: 0 !important; background: transparent !important; color: var(--domain-primary) !important; }
html[data-domain-theme="preset_slate"] body.mbx-auth-page .mbx-auth-point { border-radius: 7px !important; box-shadow: none !important; }
html[data-domain-theme="preset_slate"] body.mbx3-app-body .xu-shop-page .hero { border: 1px solid rgba(var(--domain-primary-rgb),.23) !important; border-left: 6px solid var(--domain-primary) !important; border-radius: 10px !important; background: #fbfcfd !important; box-shadow: none !important; }
html[data-domain-theme="preset_slate"] body.mbx3-app-body .xu-shop-page .hero-meta span { border-radius: 7px !important; background: rgba(var(--domain-primary-rgb),.045) !important; }

/* The buying pages are also available before login, so carry the selected
   layout to the public version of the same TDS/TTC screen. */
html[data-domain-theme="preset_navy"] .xu-shop-page .hero { border-color: transparent !important; border-radius: 14px !important; background: linear-gradient(125deg,var(--domain-primary),var(--domain-secondary)) !important; color: #fff !important; }
html[data-domain-theme="preset_navy"] .xu-shop-page .hero h1,
html[data-domain-theme="preset_navy"] .xu-shop-page .hero p { color: #fff !important; }
html[data-domain-theme="preset_navy"] .xu-shop-page .hero-meta span { border-color: rgba(255,255,255,.2) !important; background: rgba(255,255,255,.12) !important; color: #fff !important; }
html[data-domain-theme="preset_emerald"] .xu-shop-page .hero { border-color: rgba(var(--domain-primary-rgb),.22) !important; border-radius: 26px !important; background: linear-gradient(135deg,#fff,rgba(var(--domain-primary-rgb),.07)) !important; }
html[data-domain-theme="preset_emerald"] .xu-shop-page .hero-meta span { border-radius: 999px !important; border-color: rgba(var(--domain-primary-rgb),.18) !important; background: rgba(var(--domain-primary-rgb),.055) !important; }
html[data-domain-theme="preset_indigo"] .xu-shop-page .hero { border: 0 !important; border-radius: 18px 18px 32px 18px !important; background: linear-gradient(120deg,rgba(var(--domain-primary-rgb),.13),rgba(var(--domain-secondary-rgb),.17)) !important; box-shadow: 0 18px 42px rgba(var(--domain-primary-rgb),.11) !important; }
html[data-domain-theme="preset_slate"] .xu-shop-page .hero { border: 1px solid rgba(var(--domain-primary-rgb),.23) !important; border-left: 6px solid var(--domain-primary) !important; border-radius: 10px !important; background: #fbfcfd !important; box-shadow: none !important; }
html[data-domain-theme="preset_slate"] .xu-shop-page .hero-meta span { border-radius: 7px !important; background: rgba(var(--domain-primary-rgb),.045) !important; }

/* Each preset also changes the purchase shelf, not only the banner colour. */
html[data-domain-theme="preset_ocean"] .xu-shop-page .card-shelf { border-color: rgba(var(--domain-primary-rgb),.20) !important; box-shadow: 0 12px 28px rgba(var(--domain-primary-rgb),.07) !important; }
html[data-domain-theme="preset_ocean"] .xu-shop-page .toolbar-wrap { border-color: rgba(var(--domain-secondary-rgb),.20) !important; background: linear-gradient(90deg,rgba(var(--domain-primary-rgb),.045),rgba(var(--domain-secondary-rgb),.045)) !important; }

html[data-domain-theme="preset_navy"] .xu-shop-page .card-shelf { border: 0 !important; border-radius: 14px !important; box-shadow: 0 14px 34px rgba(var(--domain-primary-rgb),.13) !important; }
html[data-domain-theme="preset_navy"] .xu-shop-page .card-shelf .card-header { border-bottom-color: rgba(var(--domain-primary-rgb),.13) !important; background: rgba(var(--domain-primary-rgb),.045) !important; }
html[data-domain-theme="preset_navy"] .xu-shop-page .toolbar-wrap { border-color: rgba(var(--domain-primary-rgb),.16) !important; border-radius: 10px !important; background: rgba(var(--domain-primary-rgb),.045) !important; }
html[data-domain-theme="preset_navy"] .xu-shop-page .selected-stats .stat-chip { border-color: rgba(var(--domain-primary-rgb),.18) !important; background: #fff !important; color: var(--domain-primary) !important; }
html[data-domain-theme="preset_navy"] .xu-shop-page .xu-table tbody tr { box-shadow: 0 5px 16px rgba(var(--domain-primary-rgb),.07) !important; }

html[data-domain-theme="preset_emerald"] .xu-shop-page .card-shelf { border-color: rgba(var(--domain-primary-rgb),.18) !important; border-radius: 22px !important; box-shadow: 0 10px 28px rgba(var(--domain-primary-rgb),.055) !important; }
html[data-domain-theme="preset_emerald"] .xu-shop-page .card-shelf .card-header { background: linear-gradient(90deg,rgba(var(--domain-primary-rgb),.055),#fff 62%) !important; }
html[data-domain-theme="preset_emerald"] .xu-shop-page .toolbar-wrap { border-color: rgba(var(--domain-primary-rgb),.16) !important; border-radius: 16px !important; background: rgba(var(--domain-primary-rgb),.035) !important; }
html[data-domain-theme="preset_emerald"] .xu-shop-page .selected-stats .stat-chip,
html[data-domain-theme="preset_emerald"] .xu-shop-page .filter-chip { border-radius: 999px !important; border-color: rgba(var(--domain-primary-rgb),.18) !important; background: rgba(var(--domain-primary-rgb),.045) !important; }
html[data-domain-theme="preset_emerald"] .xu-shop-page .xu-table tbody td:first-child { border-radius: 16px 0 0 16px !important; }
html[data-domain-theme="preset_emerald"] .xu-shop-page .xu-table tbody td:last-child { border-radius: 0 16px 16px 0 !important; }

html[data-domain-theme="preset_indigo"] .xu-shop-page .card-shelf { border-color: rgba(var(--domain-primary-rgb),.23) !important; border-top: 3px solid var(--domain-primary) !important; border-radius: 14px 14px 22px 14px !important; box-shadow: 0 16px 34px rgba(var(--domain-primary-rgb),.09) !important; }
html[data-domain-theme="preset_indigo"] .xu-shop-page .toolbar-wrap { border-color: rgba(var(--domain-secondary-rgb),.22) !important; border-left: 3px solid var(--domain-secondary) !important; border-radius: 12px !important; background: linear-gradient(90deg,rgba(var(--domain-primary-rgb),.05),rgba(var(--domain-secondary-rgb),.04)) !important; }
html[data-domain-theme="preset_indigo"] .xu-shop-page .selected-stats .stat-chip { border-radius: 9px !important; border-color: rgba(var(--domain-primary-rgb),.20) !important; background: rgba(var(--domain-primary-rgb),.055) !important; color: var(--domain-primary) !important; }
html[data-domain-theme="preset_indigo"] .xu-shop-page .xu-table tbody tr { box-shadow: 0 7px 20px rgba(var(--domain-primary-rgb),.07) !important; }

html[data-domain-theme="preset_slate"] .xu-shop-page .card-shelf { border-color: rgba(var(--domain-primary-rgb),.20) !important; border-left: 4px solid var(--domain-primary) !important; border-radius: 9px !important; box-shadow: none !important; }
html[data-domain-theme="preset_slate"] .xu-shop-page .card-shelf .card-header { background: #f7fafb !important; }
html[data-domain-theme="preset_slate"] .xu-shop-page .toolbar-wrap { border-color: rgba(var(--domain-primary-rgb),.18) !important; border-radius: 8px !important; background: #f8fafb !important; }
html[data-domain-theme="preset_slate"] .xu-shop-page .selected-stats .stat-chip { border-radius: 6px !important; border-color: rgba(var(--domain-primary-rgb),.18) !important; background: #fff !important; color: #3e6170 !important; }
html[data-domain-theme="preset_slate"] .xu-shop-page .xu-table tbody tr { box-shadow: none !important; }

/* Complete domain identities -------------------------------------------------
   These rules carry the selected preset through public navigation, signed-in
   navigation, dashboard, service cards, common forms and data surfaces. */

/* 1. Ocean — airy, flowing and balanced. */
html[data-domain-theme="preset_ocean"] body:not(.dark).mbx3-app-body .content-page,
html[data-domain-theme="preset_ocean"] .mbx6-public-home,
html[data-domain-theme="preset_ocean"] .mbx7-static-page { background: linear-gradient(160deg,#f4f8fc 0%,#f7fbfa 56%,#eef7f7 100%) !important; }
html[data-domain-theme="preset_ocean"] body.mbx3-app-body .mbx3-app-topbar .iq-navbar-custom,
html[data-domain-theme="preset_ocean"] body.mbx3-app-body .card,
html[data-domain-theme="preset_ocean"] body.mbx3-app-body .mbx3-dashboard-main,
html[data-domain-theme="preset_ocean"] body.mbx3-app-body .mbx3-dashboard-side,
html[data-domain-theme="preset_ocean"] .mbx6-panel,
html[data-domain-theme="preset_ocean"] .mbx6-rate-card { border-radius: 18px !important; }
html[data-domain-theme="preset_ocean"] body:not(.dark).mbx3-app-body .mbx3-sidebar-wallets { border-color: rgba(var(--domain-primary-rgb),.16) !important; background: linear-gradient(135deg,rgba(var(--domain-primary-rgb),.08),rgba(var(--domain-secondary-rgb),.10)) !important; }
html[data-domain-theme="preset_ocean"] body:not(.dark).mbx3-app-body .mbx3-sidebar-wallets a { background: rgba(255,255,255,.78) !important; }
html[data-domain-theme="preset_ocean"] body:not(.dark).mbx3-app-body .mbx3-side-menu li.active > a,
html[data-domain-theme="preset_ocean"] .mbx3-public-nav > a.active { border: 1px solid rgba(var(--domain-primary-rgb),.18) !important; border-left: 3px solid var(--domain-primary) !important; border-radius: 12px !important; background: linear-gradient(90deg,rgba(var(--domain-primary-rgb),.11),rgba(var(--domain-secondary-rgb),.06)) !important; color: var(--domain-primary) !important; box-shadow: none !important; }
html[data-domain-theme="preset_ocean"] .mbx6-rate-card,
html[data-domain-theme="preset_ocean"] body.mbx3-app-body .mbx3-wallet-card { border-top-color: var(--domain-primary) !important; box-shadow: 0 14px 34px rgba(var(--domain-primary-rgb),.07) !important; }
html[data-domain-theme="preset_ocean"] .mbx6-rate-card.ttc,
html[data-domain-theme="preset_ocean"] body.mbx3-app-body .mbx3-wallet-card.sell { border-top-color: var(--domain-secondary) !important; }
html[data-domain-theme="preset_ocean"] body.mbx3-app-body .mbx3-button-primary,
html[data-domain-theme="preset_ocean"] .mbx3-register-link { border-radius: 11px !important; background: linear-gradient(125deg,var(--domain-primary),var(--domain-secondary)) !important; }

/* 2. Navy — compact, professional and strongly structured. */
html[data-domain-theme="preset_navy"] body:not(.dark).mbx3-app-body .content-page,
html[data-domain-theme="preset_navy"] .mbx6-public-home,
html[data-domain-theme="preset_navy"] .mbx7-static-page { background: #eef3f8 !important; }
html[data-domain-theme="preset_navy"] body:not(.dark).mbx3-app-body .mbx3-sidebar.iq-sidebar,
html[data-domain-theme="preset_navy"] .mbx5-public-sidebar { border-right: 1px solid rgba(var(--domain-primary-rgb),.18) !important; background: #f8fafc !important; box-shadow: 8px 0 28px rgba(var(--domain-primary-rgb),.07) !important; }
html[data-domain-theme="preset_navy"] body:not(.dark).mbx3-app-body .mbx3-sidebar-wallets { border: 0 !important; border-radius: 10px !important; background: linear-gradient(135deg,var(--domain-primary),var(--domain-secondary)) !important; }
html[data-domain-theme="preset_navy"] body:not(.dark).mbx3-app-body .mbx3-sidebar-wallets a { background: rgba(255,255,255,.11) !important; }
html[data-domain-theme="preset_navy"] body:not(.dark).mbx3-app-body .mbx3-sidebar-wallets span,
html[data-domain-theme="preset_navy"] body:not(.dark).mbx3-app-body .mbx3-sidebar-wallets strong,
html[data-domain-theme="preset_navy"] body:not(.dark).mbx3-app-body .mbx3-sidebar-wallets i { color: #fff !important; }
html[data-domain-theme="preset_navy"] body.mbx3-app-body .mbx3-app-topbar .iq-navbar-custom,
html[data-domain-theme="preset_navy"] body.mbx3-app-body .card,
html[data-domain-theme="preset_navy"] body.mbx3-app-body .mbx3-wallet-card,
html[data-domain-theme="preset_navy"] body.mbx3-app-body .mbx3-quick-card,
html[data-domain-theme="preset_navy"] body.mbx3-app-body .mbx3-dashboard-main,
html[data-domain-theme="preset_navy"] body.mbx3-app-body .mbx3-dashboard-side,
html[data-domain-theme="preset_navy"] .mbx6-panel,
html[data-domain-theme="preset_navy"] .mbx6-rate-card { border-radius: 10px !important; }
html[data-domain-theme="preset_navy"] body:not(.dark).mbx3-app-body .mbx3-side-menu li.active > a,
html[data-domain-theme="preset_navy"] .mbx3-public-nav > a.active { border: 0 !important; border-radius: 8px !important; background: linear-gradient(115deg,var(--domain-primary),var(--domain-secondary)) !important; color: #fff !important; box-shadow: 0 9px 20px rgba(var(--domain-primary-rgb),.2) !important; }
html[data-domain-theme="preset_navy"] body.mbx3-app-body .mbx3-side-menu li.active > a i,
html[data-domain-theme="preset_navy"] .mbx3-public-nav > a.active i { color: #fff !important; }
html[data-domain-theme="preset_navy"] body:not(.dark).mbx3-app-body .mbx3-page-titlebar { border-left: 5px solid var(--domain-primary) !important; border-radius: 10px !important; background: linear-gradient(100deg,rgba(var(--domain-primary-rgb),.075),#fff 48%) !important; }
html[data-domain-theme="preset_navy"] body.mbx3-app-body .mbx3-page-titlebar::before { display: none; }
html[data-domain-theme="preset_navy"] body.mbx3-app-body .mbx3-wallet-card,
html[data-domain-theme="preset_navy"] .mbx6-rate-card { border-top-width: 0 !important; border-left: 4px solid var(--domain-primary) !important; }
html[data-domain-theme="preset_navy"] body.mbx3-app-body .mbx3-wallet-card.sell,
html[data-domain-theme="preset_navy"] .mbx6-rate-card.ttc { border-left-color: var(--domain-secondary) !important; }
html[data-domain-theme="preset_navy"] body.mbx3-app-body .mbx3-button-primary,
html[data-domain-theme="preset_navy"] .mbx3-register-link { border-radius: 7px !important; }

/* 3. Emerald — soft, friendly and rounded. */
html[data-domain-theme="preset_emerald"] body:not(.dark).mbx3-app-body .content-page,
html[data-domain-theme="preset_emerald"] .mbx6-public-home,
html[data-domain-theme="preset_emerald"] .mbx7-static-page { background: radial-gradient(circle at 88% 4%,rgba(var(--domain-secondary-rgb),.11),transparent 26%),#f3f9f6 !important; }
html[data-domain-theme="preset_emerald"] body.mbx3-app-body .mbx3-app-topbar .iq-navbar-custom,
html[data-domain-theme="preset_emerald"] body.mbx3-app-body .card,
html[data-domain-theme="preset_emerald"] body.mbx3-app-body .mbx3-wallet-card,
html[data-domain-theme="preset_emerald"] body.mbx3-app-body .mbx3-quick-card,
html[data-domain-theme="preset_emerald"] body.mbx3-app-body .mbx3-dashboard-main,
html[data-domain-theme="preset_emerald"] body.mbx3-app-body .mbx3-dashboard-side,
html[data-domain-theme="preset_emerald"] .mbx6-panel,
html[data-domain-theme="preset_emerald"] .mbx6-rate-card,
html[data-domain-theme="preset_emerald"] .mbx7-static-heading,
html[data-domain-theme="preset_emerald"] .mbx7-static-card { border-radius: 22px !important; }
html[data-domain-theme="preset_emerald"] body:not(.dark).mbx3-app-body .mbx3-sidebar-wallets { border-color: rgba(var(--domain-primary-rgb),.13) !important; border-radius: 18px !important; background: rgba(var(--domain-primary-rgb),.055) !important; }
html[data-domain-theme="preset_emerald"] body:not(.dark).mbx3-app-body .mbx3-side-menu li a,
html[data-domain-theme="preset_emerald"] .mbx3-public-nav > a { border-radius: 999px !important; }
html[data-domain-theme="preset_emerald"] body:not(.dark).mbx3-app-body .mbx3-side-menu li.active > a,
html[data-domain-theme="preset_emerald"] .mbx3-public-nav > a.active { border: 1px solid rgba(var(--domain-primary-rgb),.2) !important; background: rgba(var(--domain-primary-rgb),.105) !important; color: var(--domain-primary) !important; box-shadow: none !important; }
html[data-domain-theme="preset_emerald"] body.mbx3-app-body .mbx3-side-menu li.active > a i,
html[data-domain-theme="preset_emerald"] .mbx3-public-nav > a.active i { border-radius: 50% !important; background: var(--domain-primary) !important; color: #fff !important; }
html[data-domain-theme="preset_emerald"] body:not(.dark).mbx3-app-body .mbx3-wallet-card,
html[data-domain-theme="preset_emerald"] .mbx6-rate-card { border-top: 0 !important; background: linear-gradient(145deg,#fff,rgba(var(--domain-primary-rgb),.045)) !important; }
html[data-domain-theme="preset_emerald"] body:not(.dark).mbx3-app-body .mbx3-wallet-card.sell,
html[data-domain-theme="preset_emerald"] .mbx6-rate-card.ttc { background: linear-gradient(145deg,#fff,rgba(var(--domain-secondary-rgb),.055)) !important; }
html[data-domain-theme="preset_emerald"] body.mbx3-app-body .btn,
html[data-domain-theme="preset_emerald"] .mbx3-register-link { border-radius: 999px !important; }

/* 4. Indigo — layered, expressive and modern. */
html[data-domain-theme="preset_indigo"] body:not(.dark).mbx3-app-body .content-page,
html[data-domain-theme="preset_indigo"] .mbx6-public-home,
html[data-domain-theme="preset_indigo"] .mbx7-static-page { background: radial-gradient(circle at 82% 8%,rgba(var(--domain-secondary-rgb),.16),transparent 28%),#f5f4fb !important; }
html[data-domain-theme="preset_indigo"] body:not(.dark).mbx3-app-body .mbx3-sidebar.iq-sidebar,
html[data-domain-theme="preset_indigo"] .mbx5-public-sidebar { border-right: 1px solid rgba(var(--domain-primary-rgb),.18) !important; background: linear-gradient(180deg,#fff,rgba(var(--domain-primary-rgb),.035)) !important; }
html[data-domain-theme="preset_indigo"] body.mbx3-app-body .mbx3-app-topbar .iq-navbar-custom,
html[data-domain-theme="preset_indigo"] body.mbx3-app-body .mbx3-dashboard-main,
html[data-domain-theme="preset_indigo"] body.mbx3-app-body .mbx3-dashboard-side,
html[data-domain-theme="preset_indigo"] body.mbx3-app-body .mbx3-data-card,
html[data-domain-theme="preset_indigo"] body.mbx3-app-body .mbx3-form-card,
html[data-domain-theme="preset_indigo"] .mbx6-panel { border-radius: 16px 16px 26px 16px !important; box-shadow: 0 16px 38px rgba(var(--domain-primary-rgb),.085) !important; }
html[data-domain-theme="preset_indigo"] body:not(.dark).mbx3-app-body .mbx3-sidebar-wallets { border-color: rgba(var(--domain-primary-rgb),.16) !important; border-radius: 15px !important; background: linear-gradient(135deg,rgba(var(--domain-primary-rgb),.10),rgba(var(--domain-secondary-rgb),.12)) !important; }
html[data-domain-theme="preset_indigo"] body:not(.dark).mbx3-app-body .mbx3-side-menu li.active > a,
html[data-domain-theme="preset_indigo"] .mbx3-public-nav > a.active { border: 0 !important; border-radius: 10px 10px 18px 10px !important; background: linear-gradient(115deg,var(--domain-primary),var(--domain-secondary)) !important; color: #fff !important; box-shadow: 0 10px 24px rgba(var(--domain-primary-rgb),.22) !important; }
html[data-domain-theme="preset_indigo"] body.mbx3-app-body .mbx3-side-menu li.active > a i,
html[data-domain-theme="preset_indigo"] .mbx3-public-nav > a.active i { color: #fff !important; }
html[data-domain-theme="preset_indigo"] body:not(.dark).mbx3-app-body .mbx3-wallet-card,
html[data-domain-theme="preset_indigo"] .mbx6-rate-card { border: 1px solid rgba(var(--domain-primary-rgb),.18) !important; border-top: 3px solid var(--domain-primary) !important; border-radius: 14px 14px 24px 14px !important; box-shadow: 0 15px 34px rgba(var(--domain-primary-rgb),.09) !important; }
html[data-domain-theme="preset_indigo"] body:not(.dark).mbx3-app-body .mbx3-wallet-card.sell,
html[data-domain-theme="preset_indigo"] .mbx6-rate-card.ttc { border-top-color: var(--domain-secondary) !important; }
html[data-domain-theme="preset_indigo"] body.mbx3-app-body .mbx3-page-titlebar { border-radius: 16px 16px 28px 16px !important; }
html[data-domain-theme="preset_indigo"] body.mbx3-app-body .mbx3-button-primary,
html[data-domain-theme="preset_indigo"] .mbx3-register-link { border-radius: 10px 10px 17px 10px !important; background: linear-gradient(120deg,var(--domain-primary),var(--domain-secondary)) !important; }

/* 5. Slate — restrained, editorial and flat. */
html[data-domain-theme="preset_slate"] body:not(.dark).mbx3-app-body .content-page,
html[data-domain-theme="preset_slate"] .mbx6-public-home,
html[data-domain-theme="preset_slate"] .mbx7-static-page { background: #f4f6f7 !important; }
html[data-domain-theme="preset_slate"] body:not(.dark).mbx3-app-body .mbx3-sidebar.iq-sidebar,
html[data-domain-theme="preset_slate"] .mbx5-public-sidebar { border-right: 1px solid #d9e1e5 !important; background: #fbfcfc !important; box-shadow: none !important; }
html[data-domain-theme="preset_slate"] body.mbx3-app-body .mbx3-app-topbar .iq-navbar-custom,
html[data-domain-theme="preset_slate"] body.mbx3-app-body .card,
html[data-domain-theme="preset_slate"] body.mbx3-app-body .mbx3-wallet-card,
html[data-domain-theme="preset_slate"] body.mbx3-app-body .mbx3-quick-card,
html[data-domain-theme="preset_slate"] body.mbx3-app-body .mbx3-dashboard-main,
html[data-domain-theme="preset_slate"] body.mbx3-app-body .mbx3-dashboard-side,
html[data-domain-theme="preset_slate"] body.mbx3-app-body .mbx3-data-card,
html[data-domain-theme="preset_slate"] body.mbx3-app-body .mbx3-form-card,
html[data-domain-theme="preset_slate"] .mbx6-panel,
html[data-domain-theme="preset_slate"] .mbx6-rate-card,
html[data-domain-theme="preset_slate"] .mbx7-static-heading,
html[data-domain-theme="preset_slate"] .mbx7-static-card { border-radius: 8px !important; box-shadow: none !important; }
html[data-domain-theme="preset_slate"] body:not(.dark).mbx3-app-body .mbx3-sidebar-wallets { border-color: #d9e1e5 !important; border-radius: 7px !important; background: #f2f5f6 !important; }
html[data-domain-theme="preset_slate"] body:not(.dark).mbx3-app-body .mbx3-side-menu li a,
html[data-domain-theme="preset_slate"] .mbx3-public-nav > a { border-radius: 6px !important; }
html[data-domain-theme="preset_slate"] body:not(.dark).mbx3-app-body .mbx3-side-menu li.active > a,
html[data-domain-theme="preset_slate"] .mbx3-public-nav > a.active { border: 0 !important; border-left: 4px solid var(--domain-primary) !important; border-radius: 4px !important; background: rgba(var(--domain-primary-rgb),.075) !important; color: var(--domain-primary) !important; box-shadow: none !important; }
html[data-domain-theme="preset_slate"] body.mbx3-app-body .mbx3-side-menu li.active > a i,
html[data-domain-theme="preset_slate"] .mbx3-public-nav > a.active i { background: transparent !important; color: var(--domain-primary) !important; }
html[data-domain-theme="preset_slate"] body.mbx3-app-body .mbx3-page-titlebar { border-left: 5px solid var(--domain-primary) !important; border-radius: 8px !important; box-shadow: none !important; }
html[data-domain-theme="preset_slate"] body.mbx3-app-body .mbx3-page-titlebar::before { display: none; }
html[data-domain-theme="preset_slate"] body.mbx3-app-body .mbx3-wallet-card,
html[data-domain-theme="preset_slate"] .mbx6-rate-card { border-top: 0 !important; border-left: 3px solid var(--domain-primary) !important; }
html[data-domain-theme="preset_slate"] body.mbx3-app-body .mbx3-wallet-card.sell,
html[data-domain-theme="preset_slate"] .mbx6-rate-card.ttc { border-left-color: var(--domain-secondary) !important; }
html[data-domain-theme="preset_slate"] body.mbx3-app-body .btn,
html[data-domain-theme="preset_slate"] .mbx3-register-link { border-radius: 6px !important; box-shadow: none !important; }

/* Dashboard contrast: balances must remain crisp on every light preset. */
html[data-domain-theme^="preset_"] body:not(.dark).mbx3-app-body .mbx3-sidebar-wallets,
html[data-domain-theme^="preset_"] body:not(.dark).mbx3-app-body .mbx3-wallet-card { filter: none !important; backdrop-filter: none !important; }
html[data-domain-theme^="preset_"] body:not(.dark).mbx3-app-body .mbx3-sidebar-wallets span { color: #587084 !important; opacity: 1 !important; }
html[data-domain-theme^="preset_"] body:not(.dark).mbx3-app-body .mbx3-sidebar-wallets strong { color: #17344d !important; font-size: 11.5px !important; font-weight: 900 !important; letter-spacing: 0 !important; opacity: 1 !important; text-shadow: none !important; font-variant-numeric: tabular-nums; }
html[data-domain-theme^="preset_"] body:not(.dark).mbx3-app-body .mbx3-wallet-card span { color: #526a7d !important; opacity: 1 !important; }
html[data-domain-theme^="preset_"] body:not(.dark).mbx3-app-body .mbx3-wallet-card strong { color: #102c44 !important; font-size: 25px !important; font-weight: 950 !important; letter-spacing: -.01em !important; opacity: 1 !important; text-shadow: none !important; font-variant-numeric: tabular-nums; }
html[data-domain-theme^="preset_"] body:not(.dark).mbx3-app-body .mbx3-wallet-card small { color: #667b8d !important; font-size: 9.5px !important; opacity: 1 !important; }
html[data-domain-theme^="preset_"] body:not(.dark).mbx3-app-body .mbx3-panel-head h2,
html[data-domain-theme^="preset_"] body:not(.dark).mbx3-app-body .mbx3-dashboard-services h3,
html[data-domain-theme^="preset_"] body:not(.dark).mbx3-app-body .mbx3-movement-item div strong { color: #223c53 !important; opacity: 1 !important; text-shadow: none !important; }

/* Ocean dashboard surfaces. */
html[data-domain-theme="preset_ocean"] body:not(.dark).mbx3-app-body .mbx3-wallet-card.buy { background: linear-gradient(145deg,#fff,rgba(var(--domain-primary-rgb),.065)) !important; }
html[data-domain-theme="preset_ocean"] body:not(.dark).mbx3-app-body .mbx3-wallet-card.sell { background: linear-gradient(145deg,#fff,rgba(var(--domain-secondary-rgb),.075)) !important; }
html[data-domain-theme="preset_ocean"] body:not(.dark).mbx3-app-body .mbx3-quick-card,
html[data-domain-theme="preset_ocean"] body:not(.dark).mbx3-app-body .mbx3-dashboard-main,
html[data-domain-theme="preset_ocean"] body:not(.dark).mbx3-app-body .mbx3-dashboard-side { border-color: rgba(var(--domain-primary-rgb),.14) !important; background: rgba(255,255,255,.94) !important; }
html[data-domain-theme="preset_ocean"] body:not(.dark).mbx3-app-body .mbx3-panel-head { background: linear-gradient(90deg,rgba(var(--domain-primary-rgb),.055),rgba(var(--domain-secondary-rgb),.035)) !important; }
html[data-domain-theme="preset_ocean"] body:not(.dark).mbx3-app-body .mbx3-dashboard-services > a { background: #fff !important; }

/* Navy dashboard surfaces: high contrast and stable data reading. */
html[data-domain-theme="preset_navy"] body:not(.dark).mbx3-app-body .mbx3-sidebar-wallets span,
html[data-domain-theme="preset_navy"] body:not(.dark).mbx3-app-body .mbx3-sidebar-wallets strong,
html[data-domain-theme="preset_navy"] body:not(.dark).mbx3-app-body .mbx3-sidebar-wallets i { color: #fff !important; }
html[data-domain-theme="preset_navy"] body:not(.dark).mbx3-app-body .mbx3-wallet-card,
html[data-domain-theme="preset_navy"] body:not(.dark).mbx3-app-body .mbx3-quick-card,
html[data-domain-theme="preset_navy"] body:not(.dark).mbx3-app-body .mbx3-dashboard-main,
html[data-domain-theme="preset_navy"] body:not(.dark).mbx3-app-body .mbx3-dashboard-side { border-color: rgba(var(--domain-primary-rgb),.17) !important; background: #fff !important; box-shadow: 0 8px 22px rgba(var(--domain-primary-rgb),.055) !important; }
html[data-domain-theme="preset_navy"] body:not(.dark).mbx3-app-body .mbx3-panel-head { background: #f4f7fb !important; }
html[data-domain-theme="preset_navy"] body:not(.dark).mbx3-app-body .mbx3-dashboard-services > a { border-color: #e0e7ef !important; background: #f9fbfd !important; }

/* Emerald dashboard surfaces: pale solid greens instead of hazy overlays. */
html[data-domain-theme="preset_emerald"] body:not(.dark).mbx3-app-body .mbx3-wallet-card::after { display: none !important; }
html[data-domain-theme="preset_emerald"] body:not(.dark).mbx3-app-body .mbx3-wallet-card.buy { border-color: rgba(var(--domain-primary-rgb),.21) !important; background: #eff9f5 !important; box-shadow: 0 8px 22px rgba(var(--domain-primary-rgb),.055) !important; }
html[data-domain-theme="preset_emerald"] body:not(.dark).mbx3-app-body .mbx3-wallet-card.sell { border-color: rgba(var(--domain-secondary-rgb),.22) !important; background: #f2faf5 !important; }
html[data-domain-theme="preset_emerald"] body:not(.dark).mbx3-app-body .mbx3-wallet-card strong { color: #123a31 !important; }
html[data-domain-theme="preset_emerald"] body:not(.dark).mbx3-app-body .mbx3-wallet-card span,
html[data-domain-theme="preset_emerald"] body:not(.dark).mbx3-app-body .mbx3-wallet-card small { color: #55756c !important; }
html[data-domain-theme="preset_emerald"] body:not(.dark).mbx3-app-body .mbx3-sidebar-wallets { background: #edf7f3 !important; }
html[data-domain-theme="preset_emerald"] body:not(.dark).mbx3-app-body .mbx3-sidebar-wallets a,
html[data-domain-theme="preset_emerald"] body:not(.dark).mbx3-app-body .mbx3-sidebar-wallets a.sell { background: #fff !important; }
html[data-domain-theme="preset_emerald"] body:not(.dark).mbx3-app-body .mbx3-sidebar-wallets span { color: #5a746d !important; }
html[data-domain-theme="preset_emerald"] body:not(.dark).mbx3-app-body .mbx3-sidebar-wallets strong { color: #173e35 !important; }
html[data-domain-theme="preset_emerald"] body:not(.dark).mbx3-app-body .mbx3-quick-card { border-color: rgba(var(--domain-primary-rgb),.17) !important; background: #f7fbf9 !important; box-shadow: none !important; }
html[data-domain-theme="preset_emerald"] body:not(.dark).mbx3-app-body .mbx3-quick-card a { border-color: rgba(var(--domain-primary-rgb),.14) !important; background: #fff !important; color: #355f55 !important; }
html[data-domain-theme="preset_emerald"] body:not(.dark).mbx3-app-body .mbx3-dashboard-main { border-color: rgba(var(--domain-primary-rgb),.18) !important; background: #f4faf7 !important; box-shadow: none !important; }
html[data-domain-theme="preset_emerald"] body:not(.dark).mbx3-app-body .mbx3-dashboard-side { border-color: rgba(var(--domain-secondary-rgb),.19) !important; background: #f7fbf8 !important; box-shadow: none !important; }
html[data-domain-theme="preset_emerald"] body:not(.dark).mbx3-app-body .mbx3-panel-head { border-bottom-color: rgba(var(--domain-primary-rgb),.13) !important; background: rgba(var(--domain-primary-rgb),.045) !important; }
html[data-domain-theme="preset_emerald"] body:not(.dark).mbx3-app-body .mbx3-dashboard-services > a { border-color: rgba(var(--domain-primary-rgb),.14) !important; background: #fff !important; }
html[data-domain-theme="preset_emerald"] body:not(.dark).mbx3-app-body .mbx3-movement-item { border-bottom-color: rgba(var(--domain-primary-rgb),.12) !important; }

/* Indigo dashboard surfaces: visible violet identity with sharp numbers. */
html[data-domain-theme="preset_indigo"] body:not(.dark).mbx3-app-body .mbx3-sidebar-wallets a,
html[data-domain-theme="preset_indigo"] body:not(.dark).mbx3-app-body .mbx3-sidebar-wallets a.sell { background: rgba(255,255,255,.78) !important; }
html[data-domain-theme="preset_indigo"] body:not(.dark).mbx3-app-body .mbx3-sidebar-wallets span { color: #66617e !important; }
html[data-domain-theme="preset_indigo"] body:not(.dark).mbx3-app-body .mbx3-sidebar-wallets strong { color: #2f2956 !important; }
html[data-domain-theme="preset_indigo"] body:not(.dark).mbx3-app-body .mbx3-wallet-card::after { border-color: rgba(var(--domain-primary-rgb),.07) !important; }
html[data-domain-theme="preset_indigo"] body:not(.dark).mbx3-app-body .mbx3-wallet-card.buy { background: linear-gradient(145deg,#fff,#f1effb) !important; }
html[data-domain-theme="preset_indigo"] body:not(.dark).mbx3-app-body .mbx3-wallet-card.sell { background: linear-gradient(145deg,#fff,#f5f0fb) !important; }
html[data-domain-theme="preset_indigo"] body:not(.dark).mbx3-app-body .mbx3-wallet-card strong { color: #2d2850 !important; }
html[data-domain-theme="preset_indigo"] body:not(.dark).mbx3-app-body .mbx3-quick-card { border-color: rgba(var(--domain-primary-rgb),.18) !important; background: #faf9fe !important; }
html[data-domain-theme="preset_indigo"] body:not(.dark).mbx3-app-body .mbx3-dashboard-main,
html[data-domain-theme="preset_indigo"] body:not(.dark).mbx3-app-body .mbx3-dashboard-side { border-color: rgba(var(--domain-primary-rgb),.18) !important; background: #fbfaff !important; }
html[data-domain-theme="preset_indigo"] body:not(.dark).mbx3-app-body .mbx3-panel-head { border-bottom-color: rgba(var(--domain-primary-rgb),.13) !important; background: linear-gradient(90deg,rgba(var(--domain-primary-rgb),.075),rgba(var(--domain-secondary-rgb),.045)) !important; }
html[data-domain-theme="preset_indigo"] body:not(.dark).mbx3-app-body .mbx3-dashboard-services > a { border-color: rgba(var(--domain-primary-rgb),.14) !important; background: #fff !important; }

/* Slate dashboard surfaces: flat panels and maximum text clarity. */
html[data-domain-theme="preset_slate"] body:not(.dark).mbx3-app-body .mbx3-wallet-card::after { display: none !important; }
html[data-domain-theme="preset_slate"] body:not(.dark).mbx3-app-body .mbx3-sidebar-wallets a,
html[data-domain-theme="preset_slate"] body:not(.dark).mbx3-app-body .mbx3-sidebar-wallets a.sell { background: #fff !important; }
html[data-domain-theme="preset_slate"] body:not(.dark).mbx3-app-body .mbx3-sidebar-wallets span { color: #60747d !important; }
html[data-domain-theme="preset_slate"] body:not(.dark).mbx3-app-body .mbx3-sidebar-wallets strong { color: #183640 !important; }
html[data-domain-theme="preset_slate"] body:not(.dark).mbx3-app-body .mbx3-wallet-card,
html[data-domain-theme="preset_slate"] body:not(.dark).mbx3-app-body .mbx3-quick-card,
html[data-domain-theme="preset_slate"] body:not(.dark).mbx3-app-body .mbx3-dashboard-main,
html[data-domain-theme="preset_slate"] body:not(.dark).mbx3-app-body .mbx3-dashboard-side { border-color: #d7e0e4 !important; background: #fff !important; box-shadow: none !important; }
html[data-domain-theme="preset_slate"] body:not(.dark).mbx3-app-body .mbx3-panel-head { border-bottom-color: #dfe6e9 !important; background: #f3f6f7 !important; }
html[data-domain-theme="preset_slate"] body:not(.dark).mbx3-app-body .mbx3-quick-card a,
html[data-domain-theme="preset_slate"] body:not(.dark).mbx3-app-body .mbx3-dashboard-services > a { border-color: #dfe6e9 !important; border-radius: 6px !important; background: #fafbfb !important; }
html[data-domain-theme="preset_slate"] body:not(.dark).mbx3-app-body .mbx3-movement-item { border-bottom-color: #dfe6e9 !important; }

/* The same surface language continues on history, recharge, collection,
   withdrawal, profile and security pages instead of stopping at Home. */
html[data-domain-theme="preset_ocean"] body:not(.dark).mbx3-app-body .mbx3-data-card,
html[data-domain-theme="preset_ocean"] body:not(.dark).mbx3-app-body .mbx3-form-card,
html[data-domain-theme="preset_ocean"] body:not(.dark).mbx3-app-body .mbx3-stat-card { border-color: rgba(var(--domain-primary-rgb),.15) !important; background: rgba(255,255,255,.96) !important; }
html[data-domain-theme="preset_ocean"] body:not(.dark).mbx3-app-body .mbx3-data-card-head,
html[data-domain-theme="preset_ocean"] body:not(.dark).mbx3-app-body .mbx3-form-card > header,
html[data-domain-theme="preset_ocean"] body:not(.dark).mbx3-app-body .table thead th { background: linear-gradient(90deg,rgba(var(--domain-primary-rgb),.055),rgba(var(--domain-secondary-rgb),.035)) !important; }

html[data-domain-theme="preset_navy"] body:not(.dark).mbx3-app-body .mbx3-data-card,
html[data-domain-theme="preset_navy"] body:not(.dark).mbx3-app-body .mbx3-form-card,
html[data-domain-theme="preset_navy"] body:not(.dark).mbx3-app-body .mbx3-stat-card { border-color: rgba(var(--domain-primary-rgb),.17) !important; border-radius: 10px !important; background: #fff !important; box-shadow: 0 8px 22px rgba(var(--domain-primary-rgb),.055) !important; }
html[data-domain-theme="preset_navy"] body:not(.dark).mbx3-app-body .mbx3-data-card-head,
html[data-domain-theme="preset_navy"] body:not(.dark).mbx3-app-body .mbx3-form-card > header,
html[data-domain-theme="preset_navy"] body:not(.dark).mbx3-app-body .table thead th { background: #f1f5f9 !important; }

html[data-domain-theme="preset_emerald"] body:not(.dark).mbx3-app-body .mbx3-data-card,
html[data-domain-theme="preset_emerald"] body:not(.dark).mbx3-app-body .mbx3-form-card,
html[data-domain-theme="preset_emerald"] body:not(.dark).mbx3-app-body .mbx3-stat-card { border-color: rgba(var(--domain-primary-rgb),.17) !important; border-radius: 20px !important; background: #fbfefc !important; box-shadow: none !important; }
html[data-domain-theme="preset_emerald"] body:not(.dark).mbx3-app-body .mbx3-data-card-head,
html[data-domain-theme="preset_emerald"] body:not(.dark).mbx3-app-body .mbx3-form-card > header,
html[data-domain-theme="preset_emerald"] body:not(.dark).mbx3-app-body .table thead th { border-color: rgba(var(--domain-primary-rgb),.12) !important; background: #eff8f4 !important; color: #55736a !important; }
html[data-domain-theme="preset_emerald"] body:not(.dark).mbx3-app-body .table-hover tbody tr:hover { background: #f3faf7 !important; }

html[data-domain-theme="preset_indigo"] body:not(.dark).mbx3-app-body .mbx3-data-card,
html[data-domain-theme="preset_indigo"] body:not(.dark).mbx3-app-body .mbx3-form-card,
html[data-domain-theme="preset_indigo"] body:not(.dark).mbx3-app-body .mbx3-stat-card { border-color: rgba(var(--domain-primary-rgb),.18) !important; background: #fdfcff !important; }
html[data-domain-theme="preset_indigo"] body:not(.dark).mbx3-app-body .mbx3-data-card-head,
html[data-domain-theme="preset_indigo"] body:not(.dark).mbx3-app-body .mbx3-form-card > header,
html[data-domain-theme="preset_indigo"] body:not(.dark).mbx3-app-body .table thead th { border-color: rgba(var(--domain-primary-rgb),.12) !important; background: #f2f0fa !important; color: #68647d !important; }
html[data-domain-theme="preset_indigo"] body:not(.dark).mbx3-app-body .table-hover tbody tr:hover { background: #f8f6fc !important; }

html[data-domain-theme="preset_slate"] body:not(.dark).mbx3-app-body .mbx3-data-card,
html[data-domain-theme="preset_slate"] body:not(.dark).mbx3-app-body .mbx3-form-card,
html[data-domain-theme="preset_slate"] body:not(.dark).mbx3-app-body .mbx3-stat-card { border-color: #d7e0e4 !important; border-radius: 8px !important; background: #fff !important; box-shadow: none !important; }
html[data-domain-theme="preset_slate"] body:not(.dark).mbx3-app-body .mbx3-data-card-head,
html[data-domain-theme="preset_slate"] body:not(.dark).mbx3-app-body .mbx3-form-card > header,
html[data-domain-theme="preset_slate"] body:not(.dark).mbx3-app-body .table thead th { border-color: #dce4e7 !important; background: #f1f4f5 !important; color: #61727a !important; }
html[data-domain-theme="preset_slate"] body:not(.dark).mbx3-app-body .table-hover tbody tr:hover { background: #f6f8f8 !important; }

/* Secondary content receives the same care as primary purchase cards. */
html[data-domain-theme^="preset_"] body:not(.dark) .xu-shop-page .soft-alert,
html[data-domain-theme^="preset_"] body:not(.dark) .xu-shop-page .shop-faq,
html[data-domain-theme^="preset_"] body:not(.dark) .xu-shop-page .shop-faq-item { position: relative; overflow: hidden; }
html[data-domain-theme^="preset_"] body:not(.dark) .xu-shop-page .soft-alert { padding: 18px 20px 18px 22px !important; color: #536b7d !important; }
html[data-domain-theme^="preset_"] body:not(.dark) .xu-shop-page .soft-alert > div { color: #213c51 !important; font-size: 13px; font-weight: 900 !important; }
html[data-domain-theme^="preset_"] body:not(.dark) .xu-shop-page .soft-alert li { color: #5d7182 !important; line-height: 1.6; }
html[data-domain-theme^="preset_"] body:not(.dark) .xu-shop-page .soft-alert li::marker { color: var(--domain-primary); }
html[data-domain-theme^="preset_"] body:not(.dark) .xu-shop-page .shop-faq-head h2 { color: #203a51 !important; }
html[data-domain-theme^="preset_"] body:not(.dark) .xu-shop-page .shop-faq-head p { color: #6b7f90 !important; }
html[data-domain-theme^="preset_"] body:not(.dark) .xu-shop-page .shop-faq-item h3 { color: #294158 !important; }
html[data-domain-theme^="preset_"] body:not(.dark) .xu-shop-page .shop-faq-item p { color: #607486 !important; }
html[data-domain-theme^="preset_"] .xu-shop-page .shop-faq-head { width: 100%; max-width: none !important; padding-bottom: 14px; border-bottom: 1px solid rgba(var(--domain-primary-rgb),.13); }
html[data-domain-theme^="preset_"] .xu-shop-page .shop-faq-grid { margin-top: 14px; }

html[data-domain-theme="preset_ocean"] body:not(.dark) .xu-shop-page .soft-alert { border-color: rgba(var(--domain-primary-rgb),.18) !important; border-left: 4px solid var(--domain-primary) !important; border-radius: 15px !important; background: linear-gradient(105deg,rgba(var(--domain-primary-rgb),.075),rgba(var(--domain-secondary-rgb),.045),#fff) !important; }
html[data-domain-theme="preset_ocean"] body:not(.dark) .xu-shop-page .shop-faq { border-color: rgba(var(--domain-primary-rgb),.16) !important; border-radius: 18px !important; background: rgba(255,255,255,.95) !important; box-shadow: 0 12px 28px rgba(var(--domain-primary-rgb),.06) !important; }
html[data-domain-theme="preset_ocean"] body:not(.dark) .xu-shop-page .shop-faq-item { border-color: rgba(var(--domain-primary-rgb),.13) !important; background: linear-gradient(145deg,#fff,rgba(var(--domain-primary-rgb),.045)) !important; }
html[data-domain-theme="preset_ocean"] body:not(.dark) .xu-shop-page .shop-faq-item:nth-child(even) { background: linear-gradient(145deg,#fff,rgba(var(--domain-secondary-rgb),.05)) !important; }

html[data-domain-theme="preset_navy"] body:not(.dark) .xu-shop-page .soft-alert { border: 1px solid rgba(var(--domain-primary-rgb),.18) !important; border-left: 5px solid var(--domain-primary) !important; border-radius: 9px !important; background: #f2f6fa !important; box-shadow: none !important; }
html[data-domain-theme="preset_navy"] body:not(.dark) .xu-shop-page .shop-faq { border-color: rgba(var(--domain-primary-rgb),.18) !important; border-radius: 10px !important; background: #fff !important; box-shadow: 0 8px 22px rgba(var(--domain-primary-rgb),.055) !important; }
html[data-domain-theme="preset_navy"] body:not(.dark) .xu-shop-page .shop-faq-head { width: auto; margin: -22px -22px 16px !important; padding: 18px 22px 15px; border-bottom: 1px solid rgba(var(--domain-primary-rgb),.13); background: #f1f5f9; }
html[data-domain-theme="preset_navy"] body:not(.dark) .xu-shop-page .shop-faq-item { border-color: #dfe7ef !important; border-radius: 8px !important; background: #f9fbfd !important; }

html[data-domain-theme="preset_emerald"] body:not(.dark) .xu-shop-page .soft-alert { border-color: rgba(var(--domain-primary-rgb),.19) !important; border-radius: 22px !important; background: #eff9f5 !important; box-shadow: none !important; }
html[data-domain-theme="preset_emerald"] body:not(.dark) .xu-shop-page .soft-alert::before { content: ""; position: absolute; top: 0; right: 24px; left: 24px; height: 3px; border-radius: 0 0 99px 99px; background: linear-gradient(90deg,var(--domain-primary),var(--domain-secondary)); }
html[data-domain-theme="preset_emerald"] body:not(.dark) .xu-shop-page .shop-faq { border-color: rgba(var(--domain-primary-rgb),.18) !important; border-radius: 24px !important; background: #f7fcf9 !important; box-shadow: none !important; }
html[data-domain-theme="preset_emerald"] body:not(.dark) .xu-shop-page .shop-faq-item { border-color: rgba(var(--domain-primary-rgb),.15) !important; border-radius: 17px !important; background: #fff !important; }
html[data-domain-theme="preset_emerald"] body:not(.dark) .xu-shop-page .shop-faq-item::before { content: ""; display: block; width: 28px; height: 3px; margin-bottom: 10px; border-radius: 99px; background: var(--domain-primary); opacity: .72; }

html[data-domain-theme="preset_indigo"] body:not(.dark) .xu-shop-page .soft-alert { border: 1px solid rgba(var(--domain-primary-rgb),.19) !important; border-top: 3px solid var(--domain-primary) !important; border-radius: 14px 14px 23px 14px !important; background: linear-gradient(120deg,#fff,rgba(var(--domain-primary-rgb),.075),rgba(var(--domain-secondary-rgb),.065)) !important; box-shadow: 0 12px 28px rgba(var(--domain-primary-rgb),.075) !important; }
html[data-domain-theme="preset_indigo"] body:not(.dark) .xu-shop-page .shop-faq { border-color: rgba(var(--domain-primary-rgb),.19) !important; border-radius: 17px 17px 29px 17px !important; background: linear-gradient(145deg,#fff,#f7f4fd) !important; box-shadow: 0 16px 36px rgba(var(--domain-primary-rgb),.08) !important; }
html[data-domain-theme="preset_indigo"] body:not(.dark) .xu-shop-page .shop-faq-item { border-color: rgba(var(--domain-primary-rgb),.15) !important; border-radius: 11px 11px 19px 11px !important; background: rgba(255,255,255,.82) !important; }
html[data-domain-theme="preset_indigo"] body:not(.dark) .xu-shop-page .shop-faq-item:nth-child(2) { border-top: 3px solid var(--domain-secondary) !important; }
html[data-domain-theme="preset_indigo"] body:not(.dark) .xu-shop-page .shop-faq-item:first-child,
html[data-domain-theme="preset_indigo"] body:not(.dark) .xu-shop-page .shop-faq-item:last-child { border-top: 3px solid var(--domain-primary) !important; }

html[data-domain-theme="preset_slate"] body:not(.dark) .xu-shop-page .soft-alert { border-color: #d5dfe3 !important; border-left: 5px solid var(--domain-primary) !important; border-radius: 8px !important; background: #f4f7f7 !important; box-shadow: none !important; }
html[data-domain-theme="preset_slate"] body:not(.dark) .xu-shop-page .shop-faq { border-color: #d8e0e4 !important; border-radius: 8px !important; background: #fff !important; box-shadow: none !important; }
html[data-domain-theme="preset_slate"] body:not(.dark) .xu-shop-page .shop-faq-head { padding-left: 13px; border-bottom-color: #dce4e7; border-left: 4px solid var(--domain-primary); }
html[data-domain-theme="preset_slate"] body:not(.dark) .xu-shop-page .shop-faq-item { border-color: #dde5e8 !important; border-radius: 6px !important; background: #f7f9f9 !important; }

/* Quick actions are the third wallet-level card, with actions nested inside. */
html[data-domain-theme^="preset_"] body:not(.dark).mbx3-app-body .mbx3-quick-card > span { display: flex; align-items: center; gap: 8px; color: #526a7d !important; font-size: 10px !important; font-weight: 850 !important; }
html[data-domain-theme^="preset_"] body:not(.dark).mbx3-app-body .mbx3-quick-card > span::before,
html[data-domain-theme^="preset_"] .mbx6-quick-card > span::before { content: "\f0e7"; display: grid; place-items: center; flex: 0 0 27px; width: 27px; height: 27px; margin-right: 0; border-radius: 8px; background: rgba(var(--domain-primary-rgb),.10); color: var(--domain-primary); box-shadow: none; font-family: "Font Awesome 5 Free"; font-size: 11px; font-weight: 900; }
html[data-domain-theme^="preset_"] body:not(.dark).mbx3-app-body .mbx3-quick-card > div { margin-top: 12px !important; }
html[data-domain-theme^="preset_"] body:not(.dark).mbx3-app-body .mbx3-quick-card a { min-height: 70px; border-color: rgba(var(--domain-primary-rgb),.12) !important; background: rgba(255,255,255,.78) !important; }
html[data-domain-theme^="preset_"] body:not(.dark).mbx3-app-body .mbx3-quick-card a i,
html[data-domain-theme^="preset_"] .mbx6-quick-card a i { color: var(--domain-primary) !important; }
html[data-domain-theme^="preset_"] body:not(.dark).mbx3-app-body .mbx3-quick-card a:nth-child(2) i,
html[data-domain-theme^="preset_"] .mbx6-quick-card a:nth-child(2) i { color: var(--domain-secondary) !important; }
html[data-domain-theme="preset_ocean"] body:not(.dark).mbx3-app-body .mbx3-quick-card,
html[data-domain-theme="preset_ocean"] .mbx6-quick-card { border-top: 3px solid var(--domain-primary) !important; border-color: rgba(var(--domain-primary-rgb),.15) !important; border-top-color: var(--domain-primary) !important; background: linear-gradient(145deg,#fff,rgba(var(--domain-primary-rgb),.06)) !important; box-shadow: 0 14px 34px rgba(var(--domain-primary-rgb),.07) !important; }
html[data-domain-theme="preset_navy"] body:not(.dark).mbx3-app-body .mbx3-quick-card { border-left: 4px solid var(--domain-primary) !important; }
html[data-domain-theme="preset_navy"] .mbx6-quick-card { border-color: rgba(var(--domain-primary-rgb),.17) !important; border-radius: 10px !important; background: #f7f9fc !important; box-shadow: none !important; }
html[data-domain-theme="preset_emerald"] body:not(.dark).mbx3-app-body .mbx3-quick-card,
html[data-domain-theme="preset_emerald"] .mbx6-quick-card { border-color: rgba(var(--domain-primary-rgb),.21) !important; border-radius: 22px !important; background: #eff9f5 !important; box-shadow: 0 8px 22px rgba(var(--domain-primary-rgb),.055) !important; }
html[data-domain-theme="preset_emerald"] body:not(.dark).mbx3-app-body .mbx3-quick-card > span { color: #55756c !important; }
html[data-domain-theme="preset_emerald"] body:not(.dark).mbx3-app-body .mbx3-quick-card a { border-color: rgba(var(--domain-primary-rgb),.14) !important; background: #fff !important; color: #355f55 !important; }
html[data-domain-theme="preset_indigo"] body:not(.dark).mbx3-app-body .mbx3-quick-card,
html[data-domain-theme="preset_indigo"] .mbx6-quick-card { border: 1px solid rgba(var(--domain-primary-rgb),.18) !important; border-top: 3px solid var(--domain-primary) !important; border-radius: 14px 14px 24px 14px !important; background: linear-gradient(145deg,#fff,#f1effb) !important; box-shadow: 0 15px 34px rgba(var(--domain-primary-rgb),.09) !important; }
html[data-domain-theme="preset_slate"] body:not(.dark).mbx3-app-body .mbx3-quick-card,
html[data-domain-theme="preset_slate"] .mbx6-quick-card { border: 1px solid #d7e0e4 !important; border-left: 3px solid var(--domain-primary) !important; border-radius: 8px !important; background: #fff !important; box-shadow: none !important; }

html[data-domain-theme="preset_ocean"] .mbx6-panel,
html[data-domain-theme="preset_ocean"] .mbx6-trust-grid > article,
html[data-domain-theme="preset_ocean"] .mbx6-faq-grid > article { border-color: rgba(var(--domain-primary-rgb),.14) !important; background: linear-gradient(145deg,#fff,rgba(var(--domain-primary-rgb),.035)) !important; }
html[data-domain-theme="preset_navy"] .mbx6-panel,
html[data-domain-theme="preset_navy"] .mbx6-trust-grid > article,
html[data-domain-theme="preset_navy"] .mbx6-faq-grid > article { border-color: rgba(var(--domain-primary-rgb),.16) !important; border-radius: 10px !important; background: #fff !important; box-shadow: 0 8px 22px rgba(var(--domain-primary-rgb),.05) !important; }
html[data-domain-theme="preset_emerald"] .mbx6-panel,
html[data-domain-theme="preset_emerald"] .mbx6-trust-grid > article,
html[data-domain-theme="preset_emerald"] .mbx6-faq-grid > article { border-color: rgba(var(--domain-primary-rgb),.16) !important; border-radius: 22px !important; background: #f7fcf9 !important; box-shadow: none !important; }
html[data-domain-theme="preset_indigo"] .mbx6-panel,
html[data-domain-theme="preset_indigo"] .mbx6-trust-grid > article,
html[data-domain-theme="preset_indigo"] .mbx6-faq-grid > article { border-color: rgba(var(--domain-primary-rgb),.17) !important; border-radius: 15px 15px 24px 15px !important; background: linear-gradient(145deg,#fff,#f7f4fd) !important; box-shadow: 0 13px 30px rgba(var(--domain-primary-rgb),.065) !important; }
html[data-domain-theme="preset_slate"] .mbx6-panel,
html[data-domain-theme="preset_slate"] .mbx6-trust-grid > article,
html[data-domain-theme="preset_slate"] .mbx6-faq-grid > article { border-color: #d7e0e4 !important; border-radius: 8px !important; background: #fff !important; box-shadow: none !important; }

/* Home transaction workspace: readable service rows and a real money feed. */
body.mbx3-app-body .mbx3-dashboard-grid { grid-template-columns: minmax(0,1.08fr) minmax(410px,.92fr); align-items: stretch; gap: 16px; }
body.mbx3-app-body .mbx3-dashboard-main,
body.mbx3-app-body .mbx3-dashboard-side { display: flex; min-width: 0; flex-direction: column; }
body.mbx3-app-body .mbx3-dashboard-main .mbx3-panel-head,
body.mbx3-app-body .mbx3-dashboard-side .mbx3-panel-head { display: grid !important; grid-template-columns: minmax(0,1fr) auto; align-items: end !important; gap: 14px; flex: 0 0 auto; min-height: 72px; padding: 14px 18px; }
body.mbx3-app-body .mbx3-dashboard-grid .mbx3-panel-head::before { display: none !important; }
body.mbx3-app-body .mbx3-dashboard-grid .mbx3-panel-head > div { min-width: 0; }
body.mbx3-app-body .mbx3-panel-head > div > span { display: block; margin-bottom: 5px; font-size: 8px; line-height: 1; }
body.mbx3-app-body .mbx3-panel-head h2 { margin: 0; font-size: 16px; line-height: 1.2; }
body.mbx3-app-body .mbx3-panel-head > a { display: inline-flex; align-items: center; align-self: end; justify-self: end; min-height: 29px; margin-bottom: 1px; padding: 0 9px; border: 1px solid rgba(var(--domain-primary-rgb),.16); border-radius: 8px; background: rgba(var(--domain-primary-rgb),.05); color: var(--domain-primary) !important; font-size: 9px; line-height: 1; white-space: nowrap; text-decoration: none !important; }
body.mbx3-app-body .mbx3-panel-head > a:hover { border-color: rgba(var(--domain-primary-rgb),.30); background: rgba(var(--domain-primary-rgb),.10); }

body.mbx3-app-body .mbx3-dashboard-services { display: grid; grid-template-columns: 1fr; gap: 9px; flex: 1 1 auto; padding: 14px; }
body.mbx3-app-body .mbx3-dashboard-services > a { grid-template-columns: 46px minmax(0,1fr) 24px; gap: 12px; min-height: 70px; padding: 12px 13px; border-left-width: 1px; border-radius: 11px; background: rgba(255,255,255,.72); transition: border-color .18s ease,background .18s ease,transform .18s ease; }
body.mbx3-app-body .mbx3-dashboard-services > a:hover { border-left-width: 3px; transform: translateX(2px); }
body.mbx3-app-body .mbx3-dashboard-services .mbx3-service-icon { width: 42px; height: 42px; border-radius: 11px; font-size: 14px; }
body.mbx3-app-body .mbx3-dashboard-services h3 { color: #213b52 !important; font-size: 12px; font-weight: 950; line-height: 1.3; }
body.mbx3-app-body .mbx3-dashboard-services p { margin-top: 5px; overflow: hidden; color: #6f8293 !important; font-size: 9.5px; line-height: 1.45; text-overflow: ellipsis; white-space: nowrap; }
body.mbx3-app-body .mbx3-dashboard-services > a > i { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 7px; background: rgba(var(--domain-primary-rgb),.07); color: var(--domain-primary); font-size: 8px; }

body.mbx3-app-body .mbx3-movement-list { display: grid; flex: 1 1 auto; align-content: start; padding: 7px 14px 10px; }
body.mbx3-app-body .mbx3-movement-item { grid-template-columns: 38px minmax(0,1fr) auto; gap: 10px; min-height: 54px; padding: 8px 4px; border-bottom-style: dashed; }
body.mbx3-app-body .mbx3-movement-item > span { width: 34px; height: 34px; border-radius: 10px; }
body.mbx3-app-body .mbx3-movement-item div { min-width: 0; }
body.mbx3-app-body .mbx3-movement-item div strong { max-width: 100%; color: #304a60 !important; font-size: 10px; font-weight: 850; line-height: 1.35; }
body.mbx3-app-body .mbx3-movement-item div small { margin-top: 4px; color: #8192a1; font-size: 8.5px; font-variant-numeric: tabular-nums; }
body.mbx3-app-body .mbx3-movement-item > b { min-width: 54px; padding: 6px 8px; border-radius: 8px; font-size: 10px; font-weight: 950; text-align: right; font-variant-numeric: tabular-nums; }
body.mbx3-app-body .mbx3-movement-item > b.positive { background: #eaf8f3; color: #087b65; }
body.mbx3-app-body .mbx3-movement-item > b.negative { background: #fff0f2; color: #c43f55; }
body.mbx3-app-body .mbx3-movement-item:hover { margin: 0 -5px; padding-right: 9px; padding-left: 9px; border-radius: 10px; background: rgba(var(--domain-primary-rgb),.045); }

html[data-domain-theme="preset_ocean"] body:not(.dark).mbx3-app-body .mbx3-dashboard-services > a,
html[data-domain-theme="preset_ocean"] body:not(.dark).mbx3-app-body .mbx3-movement-item:hover { background: rgba(255,255,255,.82) !important; }
html[data-domain-theme="preset_navy"] body:not(.dark).mbx3-app-body .mbx3-panel-head > a { border-radius: 6px; }
html[data-domain-theme="preset_navy"] body:not(.dark).mbx3-app-body .mbx3-dashboard-services > a { border-left: 3px solid rgba(var(--domain-primary-rgb),.28) !important; }
html[data-domain-theme="preset_emerald"] body:not(.dark).mbx3-app-body .mbx3-panel-head > a { border-radius: 999px; }
html[data-domain-theme="preset_emerald"] body:not(.dark).mbx3-app-body .mbx3-dashboard-services > a { border-radius: 16px !important; }
html[data-domain-theme="preset_emerald"] body:not(.dark).mbx3-app-body .mbx3-movement-item > span { border-radius: 50%; }
html[data-domain-theme="preset_indigo"] body:not(.dark).mbx3-app-body .mbx3-dashboard-services > a { border-radius: 10px 10px 17px 10px !important; box-shadow: 0 6px 16px rgba(var(--domain-primary-rgb),.045); }
html[data-domain-theme="preset_slate"] body:not(.dark).mbx3-app-body .mbx3-panel-head > a { border-radius: 5px; background: #fff; }
html[data-domain-theme="preset_slate"] body:not(.dark).mbx3-app-body .mbx3-dashboard-services > a { border-left: 3px solid var(--domain-primary) !important; }
html[data-domain-theme="preset_slate"] body:not(.dark).mbx3-app-body .mbx3-movement-item > b { border: 1px solid #dce4e7; border-radius: 5px; }

body.dark.mbx3-app-body .mbx3-dashboard-services > a { background: #0f1e32 !important; }
body.dark.mbx3-app-body .mbx3-dashboard-services h3,
body.dark.mbx3-app-body .mbx3-movement-item div strong { color: #dce7f2 !important; }
body.dark.mbx3-app-body .mbx3-dashboard-services p,
body.dark.mbx3-app-body .mbx3-movement-item div small { color: #91a6b9 !important; }
body.dark.mbx3-app-body .mbx3-panel-head > a { border-color: rgba(var(--domain-primary-rgb),.30); background: rgba(var(--domain-primary-rgb),.12); }
body.dark.mbx3-app-body .mbx3-movement-item:hover { background: rgba(var(--domain-primary-rgb),.09); }

@media (max-width: 1199.98px) {
  body.mbx3-app-body .mbx3-dashboard-grid { grid-template-columns: 1fr; }
}
@media (max-width: 575.98px) {
  body.mbx3-app-body .mbx3-dashboard-main .mbx3-panel-head,
  body.mbx3-app-body .mbx3-dashboard-side .mbx3-panel-head { min-height: 64px; padding: 14px; }
  body.mbx3-app-body .mbx3-dashboard-services { padding: 11px; }
  body.mbx3-app-body .mbx3-dashboard-services > a { grid-template-columns: 42px minmax(0,1fr) 20px; min-height: 66px; padding: 10px; }
  body.mbx3-app-body .mbx3-movement-list { padding-right: 10px; padding-left: 10px; }
  body.mbx3-app-body .mbx3-movement-item { grid-template-columns: 34px minmax(0,1fr) auto; gap: 8px; }
}

/* Public header and common service surfaces inherit every selected identity. */
html[data-domain-theme^="preset_"] .mbx3-public-header { border-bottom-color: rgba(var(--domain-primary-rgb),.16) !important; }
html[data-domain-theme^="preset_"] .mbx3-public-nav > a:hover,
html[data-domain-theme^="preset_"] .mbx8-topbar-nav > a:hover { color: var(--domain-primary) !important; background: rgba(var(--domain-primary-rgb),.065) !important; }
html[data-domain-theme^="preset_"] .mbx8-topbar-nav > a.active { color: var(--domain-primary) !important; }
html[data-domain-theme^="preset_"] .mbx6-nav-group-title,
html[data-domain-theme^="preset_"] .mbx6-panel-head > div > span,
html[data-domain-theme^="preset_"] .mbx6-rate-card-top > span { color: var(--domain-primary) !important; }
html[data-domain-theme^="preset_"] .mbx6-rate-card.ttc .mbx6-rate-card-top > span { color: var(--domain-secondary) !important; }
html[data-domain-theme^="preset_"] .mbx6-service-list > a:hover,
html[data-domain-theme^="preset_"] body.mbx3-app-body .mbx3-dashboard-services > a:hover { border-color: rgba(var(--domain-primary-rgb),.22) !important; background: rgba(var(--domain-primary-rgb),.05) !important; }
html[data-domain-theme^="preset_"] body:not(.dark).mbx3-app-body .form-control:focus,
html[data-domain-theme^="preset_"] body:not(.dark).mbx3-app-body .custom-select:focus { border-color: var(--domain-primary) !important; box-shadow: 0 0 0 3px rgba(var(--domain-primary-rgb),.10) !important; }

/* Dark mode keeps neutral dark surfaces, while preserving each preset shape. */
html[data-domain-theme="preset_navy"] body.dark.mbx3-app-body .mbx3-sidebar-wallets { border-radius: 10px !important; background: linear-gradient(135deg,rgba(var(--domain-primary-rgb),.24),rgba(var(--domain-secondary-rgb),.18)) !important; }
html[data-domain-theme="preset_emerald"] body.dark.mbx3-app-body .card,
html[data-domain-theme="preset_emerald"] body.dark.mbx3-app-body .mbx3-data-card,
html[data-domain-theme="preset_emerald"] body.dark.mbx3-app-body .mbx3-form-card { border-radius: 22px !important; }
html[data-domain-theme="preset_indigo"] body.dark.mbx3-app-body .mbx3-dashboard-main,
html[data-domain-theme="preset_indigo"] body.dark.mbx3-app-body .mbx3-dashboard-side { border-radius: 16px 16px 26px 16px !important; box-shadow: 0 16px 38px rgba(0,0,0,.24) !important; }
html[data-domain-theme="preset_slate"] body.dark.mbx3-app-body .card,
html[data-domain-theme="preset_slate"] body.dark.mbx3-app-body .mbx3-data-card,
html[data-domain-theme="preset_slate"] body.dark.mbx3-app-body .mbx3-form-card { border-radius: 8px !important; box-shadow: none !important; }

@media (min-width: 1300px) {
  body.sidebar-main.mbx3-app-body .mbx3-sidebar .mbx3-side-menu li a { display: grid !important; grid-template-columns: 1fr; }
  body.sidebar-main.mbx3-app-body .mbx3-sidebar .mbx3-side-menu li a i { justify-self: center; }
}

/* This file loads after client-v3.css, so keep its light defaults from leaking
   into authenticated dark screens (withdrawal, collection and transaction cards). */
body.dark.mbx3-app-body .mbx3-data-card,
body.dark.mbx3-app-body .mbx3-form-card,
body.dark.mbx3-app-body .mbx3-stat-card,
body.dark.mbx3-app-body .mbx3-security-guide { border-color: #28415d !important; background: #112137 !important; box-shadow: 0 12px 30px rgba(0,0,0,.18) !important; }
body.dark.mbx3-app-body .mbx3-page-titlebar { border-color: #28415d !important; background: linear-gradient(135deg,#112137,#102438) !important; }
body.dark.mbx3-app-body .mbx3-page-titlebar h1,
body.dark.mbx3-app-body .mbx3-stat-card strong,
body.dark.mbx3-app-body .mbx3-data-card-head h2,
body.dark.mbx3-app-body .mbx3-form-card > header h2,
body.dark.mbx3-app-body .mbx3-security-guide h2 { color: #edf5fc !important; }
body.dark.mbx3-app-body .mbx3-page-titlebar p,
body.dark.mbx3-app-body .mbx3-data-card-head p,
body.dark.mbx3-app-body .mbx3-form-card > header p,
body.dark.mbx3-app-body .mbx3-stat-card small,
body.dark.mbx3-app-body .mbx3-security-guide li { color: #9cafc2 !important; }
body.dark.mbx3-app-body .mbx3-stat-card.current > span { background: #132d4b !important; color: #73adff !important; }
body.dark.mbx3-app-body .mbx3-stat-card.positive > span { background: #10352f !important; color: #62d7bb !important; }
body.dark.mbx3-app-body .mbx3-stat-card.sell > span { background: #352814 !important; color: #edc16c !important; }
body.dark.mbx3-app-body .mbx3-data-card-head,
body.dark.mbx3-app-body .mbx3-form-card > header { border-color: #28415d !important; background: #112137 !important; }
body.dark.mbx3-app-body .mbx3-modern-table,
body.dark.mbx3-app-body .mbx3-modern-table tbody,
body.dark.mbx3-app-body .mbx3-modern-table tbody tr { background: #112137 !important; }
body.dark.mbx3-app-body .mbx3-modern-table thead th { background: #0e1e32 !important; color: #91a7ba !important; }
body.dark.mbx3-app-body .mbx3-modern-table tbody td { border-color: #28415d !important; color: #c3d0dc !important; }
body.dark.mbx3-app-body .mbx3-modern-table tbody tr:hover,
body.dark.mbx3-app-body .mbx3-modern-table tbody tr:hover td { background: #142940 !important; }
body.dark.mbx3-app-body .mbx3-table-note { color: #d4e0eb !important; }
body.dark.mbx3-app-body .mbx3-large-empty { color: #9cafc2 !important; }
body.dark.mbx3-app-body .mbx3-large-empty h3 { color: #edf5fc !important; }
body.dark.mbx3-app-body .mbx3-large-empty > i { background: #10352f !important; color: #62d7bb !important; }
body.dark.mbx3-app-body .mbx3-form-card label { color: #bdccda !important; }
body.dark.mbx3-app-body .mbx3-form-card .form-control { border-color: #304963 !important; background: #0e1e32 !important; color: #dce7f2 !important; }
body.dark.mbx3-app-body .mbx3-form-card .form-control::placeholder { color: #7890a7 !important; }
body.dark.mbx3-app-body .mbx3-withdraw-form > footer { border-color: #28415d !important; background: #0e1e32 !important; }
body.dark.mbx3-app-body .mbx3-withdraw-amount button { border-color: #285b55 !important; background: #102c2d !important; color: #62d7bb !important; }
body.dark.mbx3-app-body .mbx3-withdraw-guide { border-color: #285b55 !important; background: linear-gradient(155deg,#102c2d,#102438) !important; box-shadow: 0 12px 30px rgba(0,0,0,.18) !important; }
body.dark.mbx3-app-body .mbx3-withdraw-guide-icon { background: #173c39 !important; color: #62d7bb !important; box-shadow: none !important; }
body.dark.mbx3-app-body .mbx3-withdraw-guide h2 { color: #edf5fc !important; }
body.dark.mbx3-app-body .mbx3-withdraw-guide > p,
body.dark.mbx3-app-body .mbx3-withdraw-guide li,
body.dark.mbx3-app-body .mbx3-withdraw-guide-note { color: #a8bdca !important; }
body.dark.mbx3-app-body .mbx3-withdraw-guide li b { background: #173c39 !important; color: #62d7bb !important; }
body.dark.mbx3-app-body .mbx3-withdraw-guide-note { border-color: #285b55 !important; }
body.dark.mbx3-app-body .mbx3-saved-banks { border-color: #28415d !important; background: #0e1e32 !important; }
body.dark.mbx3-app-body .mbx3-saved-banks-head strong,
body.dark.mbx3-app-body .mbx3-saved-bank strong { color: #edf5fc !important; }
body.dark.mbx3-app-body .mbx3-saved-banks-head small,
body.dark.mbx3-app-body .mbx3-saved-bank small { color: #96aabd !important; }
body.dark.mbx3-app-body .mbx3-saved-bank { border-color: #304963 !important; background: #112137 !important; color: #c7d5e2 !important; }
body.dark.mbx3-app-body .mbx3-saved-bank:hover,
body.dark.mbx3-app-body .mbx3-saved-bank.active { border-color: var(--domain-primary) !important; background: rgba(var(--domain-primary-rgb),.14) !important; }
body.dark.mbx3-app-body .thu-panel { border-color: #28415d !important; background: #112137 !important; box-shadow: none !important; }
body.dark.mbx3-app-body .thu-summary,
body.dark.mbx3-app-body .thu-results { border-color: #28415d !important; background: #112137 !important; }

@media (max-width: 767.98px) {
  body.mbx3-app-body .mbx3-withdraw-layout { grid-template-columns: 1fr; }
  body.mbx3-app-body .mbx3-withdraw-form { grid-template-columns: 1fr; padding: 16px; gap: 14px; }
  body.mbx3-app-body .mbx3-withdraw-form .form-group:nth-of-type(4) { grid-column: auto; }
  body.mbx3-app-body .mbx3-saved-bank-list { grid-template-columns: 1fr; }
  body.mbx3-app-body .mbx3-withdraw-form > footer { align-items: stretch; flex-direction: column; margin: 2px -16px -16px; padding: 14px 16px; }
  body.mbx3-app-body .mbx3-withdraw-form > footer .btn { width: 100%; }
}

/* Contact and legal information pages */
.mbx7-static-page { min-height: calc(100vh - 70px); padding: 24px 0 48px; background: var(--mbx7-bg); }
.mbx7-static-page > .container-fluid { max-width: 1160px; margin: 0 auto; }
.mbx7-static-heading { padding: 22px 24px; border: 1px solid var(--mbx7-line); border-radius: 15px; background: linear-gradient(135deg,#fff,#f4faf8); box-shadow: var(--mbx7-shadow); }
.mbx7-static-heading > span { color: #0a806f; font-size: 9px; font-weight: 700; letter-spacing: .06em; }
.mbx7-static-heading h1 { margin: 5px 0 0; color: var(--mbx7-ink); font-size: 27px; font-weight: 700; letter-spacing: -.02em; }
.mbx7-static-heading p { max-width: 760px; margin: 6px 0 0; color: #718596; font-size: 12px; line-height: 1.55; }
.mbx7-static-card { margin-top: 12px; padding: 23px 25px; border: 1px solid var(--mbx7-line); border-radius: 14px; background: #fff; box-shadow: var(--mbx7-shadow); }
.mbx7-rich-content { color: #5a7184; font-size: 12px; line-height: 1.75; }
.mbx7-rich-content h2, .mbx7-rich-content h3 { margin: 22px 0 7px; color: #294861; font-size: 15px; font-weight: 700; }
.mbx7-rich-content h2:first-child, .mbx7-rich-content h3:first-child { margin-top: 0; }
.mbx7-rich-content a { color: #087968; font-weight: 800; }
.mbx7-contact-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin-top: 12px; }
.mbx7-contact-grid > a, .mbx7-contact-grid > div { display: grid; grid-template-columns: 38px minmax(0,1fr); align-items: center; gap: 11px; min-height: 76px; padding: 12px 14px; border: 1px solid var(--mbx7-line); border-radius: 12px; background: #fff; color: #36536a; text-decoration: none !important; box-shadow: 0 5px 16px rgba(31,62,86,.035); }
.mbx7-contact-grid > a > i, .mbx7-contact-grid > div > i { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 10px; background: #eaf7f4; color: var(--mbx7-brand); }
.mbx7-contact-grid small { display: block; color: #8294a4; font-size: 8px; }
.mbx7-contact-grid strong { display: block; overflow-wrap: anywhere; margin-top: 3px; color: #294861; font-size: 10px; }
.mbx7-support-checklist { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-top: 12px; }
.mbx7-support-checklist > div { padding: 18px 20px; border: 1px solid var(--mbx7-line); border-radius: 13px; background: #fff; }
.mbx7-support-checklist h2 { margin: 0; color: #294861; font-size: 13px; font-weight: 700; }
.mbx7-support-checklist ul { margin: 10px 0 0; padding-left: 18px; color: #687e90; font-size: 11px; line-height: 1.75; }
.mbx7-static-action { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 12px; padding: 14px 16px; border: 1px solid #cae4de; border-radius: 12px; background: #f1faf7; }
.mbx7-static-action strong { display: block; color: #31584f; font-size: 10px; }
.mbx7-static-action small { display: block; margin-top: 2px; color: #759188; font-size: 8px; }
.mbx7-static-action a { color: #087968; font-size: 9px; font-weight: 600; text-decoration: none !important; white-space: nowrap; }

/* FAQ, including useful fallback content when Admin has not added rows */
.mbx7-faq-page { min-height: calc(100vh - 70px); padding: 24px 0 48px; background: var(--mbx7-bg); }
.mbx7-faq-page > .container-fluid { max-width: 1160px; margin: 0 auto; }
.mbx7-faq-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 22px; padding: 22px 24px; border: 1px solid var(--mbx7-line); border-radius: 15px; background: linear-gradient(135deg,#fff,#f4faf8); box-shadow: var(--mbx7-shadow); }
.mbx7-faq-heading span { color: #0a806f; font-size: 9px; font-weight: 700; letter-spacing: .06em; }
.mbx7-faq-heading h1 { margin: 5px 0 0; color: var(--mbx7-ink); font-size: 27px; font-weight: 700; letter-spacing: -.02em; }
.mbx7-faq-heading p { margin: 6px 0 0; color: #718596; font-size: 12px; }
.mbx7-faq-heading > a { display: inline-flex; align-items: center; gap: 7px; min-height: 38px; padding: 0 13px; border: 1px solid #cde3de; border-radius: 9px; background: #fff; color: #087968; font-size: 10px; font-weight: 600; text-decoration: none !important; white-space: nowrap; }
.mbx7-faq-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-top: 12px; }
.mbx7-faq-grid details { align-self: start; overflow: hidden; border: 1px solid var(--mbx7-line); border-radius: 12px; background: #fff; box-shadow: 0 5px 16px rgba(31,62,86,.035); }
.mbx7-faq-grid summary { display: flex; align-items: center; justify-content: space-between; gap: 14px; min-height: 58px; padding: 14px 16px; color: #294861; font-size: 11px; font-weight: 600; cursor: pointer; list-style: none; }
.mbx7-faq-grid summary::-webkit-details-marker { display: none; }
.mbx7-faq-grid summary i { color: #8194a5; font-size: 9px; transition: transform .2s ease; }
.mbx7-faq-grid details[open] { border-color: #bcded7; }
.mbx7-faq-grid details[open] summary { background: #f3faf8; color: #087968; }
.mbx7-faq-grid details[open] summary i { transform: rotate(180deg); }
.mbx7-faq-grid details > div { padding: 0 16px 16px; color: #687d8f; font-size: 11px; line-height: 1.65; }
.mbx7-faq-grid details > div > *:last-child { margin-bottom: 0; }
.mbx7-faq-foot { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 12px; padding: 14px 16px; border: 1px solid #d7e4ea; border-radius: 12px; background: #fff; }
.mbx7-faq-foot > div { display: flex; align-items: center; gap: 11px; }
.mbx7-faq-foot > div > i { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 9px; background: #e9f7f3; color: var(--mbx7-brand); }
.mbx7-faq-foot strong { display: block; color: #345168; font-size: 10px; }
.mbx7-faq-foot small { display: block; margin-top: 2px; color: #8193a2; font-size: 8px; }
.mbx7-faq-foot > a { color: #087968; font-size: 9px; font-weight: 600; text-decoration: none !important; white-space: nowrap; }

/* Dark mode for contact/legal/FAQ static pages */
body.dark .mbx7-static-page,
body.dark .mbx7-faq-page { background: #0b1727; }
body.dark .mbx7-static-heading,
body.dark .mbx7-faq-heading { border-color: #28415d; background: linear-gradient(135deg,#112137,#102438); }
body.dark .mbx7-static-heading > span,
body.dark .mbx7-faq-heading span { color: #6fd6c1; }
body.dark .mbx7-static-heading h1,
body.dark .mbx7-faq-heading h1 { color: #edf5fc; }
body.dark .mbx7-static-heading p,
body.dark .mbx7-faq-heading p { color: #9cafc2; }
body.dark .mbx7-faq-heading > a { border-color: #29415d; background: #0f1e32; color: #6fd6c1; }
body.dark .mbx7-static-card { border-color: #28415d; background: #112137; box-shadow: 0 12px 30px rgba(0,0,0,.18); }
body.dark .mbx7-rich-content { color: #aebfd0; }
body.dark .mbx7-rich-content h2, body.dark .mbx7-rich-content h3 { color: #edf5fc; }
body.dark .mbx7-rich-content a { color: #6fd6c1; }
body.dark .mbx7-contact-grid > a, body.dark .mbx7-contact-grid > div { border-color: #28415d; background: #112137; color: #dce7f2; box-shadow: none; }
body.dark .mbx7-contact-grid > a > i, body.dark .mbx7-contact-grid > div > i { background: #0f1e32; color: #6fd6c1; }
body.dark .mbx7-contact-grid small { color: #8fa4b8; }
body.dark .mbx7-contact-grid strong { color: #dce7f2; }
body.dark .mbx7-support-checklist > div { border-color: #28415d; background: #112137; }
body.dark .mbx7-support-checklist h2 { color: #edf5fc; }
body.dark .mbx7-support-checklist ul { color: #9cafc2; }
body.dark .mbx7-static-action { border-color: #285b55; background: #102c2d; }
body.dark .mbx7-static-action strong { color: #cdeee5; }
body.dark .mbx7-static-action small { color: #8fb5aa; }
body.dark .mbx7-static-action a { color: #6fd6c1; }
body.dark .mbx7-faq-grid details { border-color: #28415d; background: #112137; box-shadow: none; }
body.dark .mbx7-faq-grid summary { color: #dce7f2; }
body.dark .mbx7-faq-grid summary i { color: #8fa4b8; }
body.dark .mbx7-faq-grid details[open] { border-color: #285b55; }
body.dark .mbx7-faq-grid details[open] summary { background: #102c2d; color: #6fd6c1; }
body.dark .mbx7-faq-grid details > div { color: #aebfd0; }
body.dark .mbx7-faq-foot { border-color: #28415d; background: #112137; }
body.dark .mbx7-faq-foot > div > i { background: #0f1e32; color: #6fd6c1; }
body.dark .mbx7-faq-foot strong { color: #dce7f2; }
body.dark .mbx7-faq-foot small { color: #8fa4b8; }
body.dark .mbx7-faq-foot > a { color: #6fd6c1; }

@media (max-width: 767.98px) {
  body.mbx3-app-body .content-page > .container-fluid { padding-right: 12px; padding-left: 12px; }
  .mbx6-public-light .xu-shop-page > .container-fluid { padding-right: 10px; padding-left: 10px; }
  .mbx6-public-light .xu-shop-page .hero { padding: 20px 17px !important; border-radius: 13px !important; }
  .mbx6-public-light .xu-shop-page .hero h1 { font-size: 23px !important; }
  body.mbx3-app-body .xu-shop-page .hero { padding: 20px 17px !important; }
  body.mbx3-app-body .xu-shop-page .hero h1 { font-size: 23px !important; }
  .mbx6-public-light .xu-shop-page .hero-meta span { flex: 1 1 calc(50% - 7px); padding: 7px 8px !important; }
  body.mbx-auth-page .mbx-auth-story { padding: 22px 20px !important; }
  body.mbx-auth-page .mbx-auth-story h1 { font-size: 27px !important; }
  .mbx7-faq-page { padding-top: 16px; }
  .mbx7-static-page { padding-top: 16px; }
  .mbx7-static-heading { padding: 18px; }
  .mbx7-static-heading h1 { font-size: 24px; }
  .mbx7-contact-grid, .mbx7-support-checklist { grid-template-columns: 1fr; }
  .mbx7-static-card { padding: 18px; }
  .mbx7-static-action { align-items: flex-start; flex-direction: column; }
  .mbx7-faq-heading { display: block; padding: 18px; }
  .mbx7-faq-heading h1 { font-size: 24px; }
  .mbx7-faq-heading > a { margin-top: 14px; }
  .mbx7-faq-grid { grid-template-columns: 1fr; }
  .mbx7-faq-foot { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 430px) {
  .mbx6-public-light .xu-shop-page .hero-meta { display: grid; grid-template-columns: 1fr 1fr; }
  .mbx6-public-light .xu-shop-page .hero-meta span:last-child { grid-column: 1 / -1; }
  .mbx6-public-light .xu-shop-page .hero-tabs .tab-switch { flex: 1; }
  body.mbx-auth-page .mbx-auth-story p { display: none; }
  .mbx7-faq-heading p { line-height: 1.55; }
}

/* Authenticated client pages: readable controls and data on phones. */
@media (max-width: 767.98px) {
  body.mbx3-app-body .content-page p { font-size: 12px !important; line-height: 1.6; }
  body.mbx3-app-body .content-page label { font-size: 12px !important; }
  body.mbx3-app-body .content-page small { font-size: 11px !important; line-height: 1.45; }
  body.mbx3-app-body .content-page .form-control,
  body.mbx3-app-body .content-page input,
  body.mbx3-app-body .content-page select,
  body.mbx3-app-body .content-page textarea { font-size: 14px !important; }
  body.mbx3-app-body .content-page .btn,
  body.mbx3-app-body .content-page button { min-height: 42px; font-size: 12px !important; }
  body.mbx3-app-body .content-page .table td { font-size: 12px !important; }
  body.mbx3-app-body .content-page .table th { font-size: 11px !important; }
  body.mbx3-app-body .mbx-mobile-dock a { font-size: 10px !important; }
}