/* Client finish v8
   Final domain identities, withdrawal workspace and mobile-first corrections.
   This file intentionally loads last so every browser receives one predictable layer. */

:root {
  --v8-page: #f4f7f9;
  --v8-surface: #fff;
  --v8-surface-soft: #f7f9fb;
  --v8-surface-accent: rgba(var(--domain-primary-rgb),.06);
  --v8-line: #dce5eb;
  --v8-line-strong: #cbd8e0;
  --v8-ink: #1e3a50;
  --v8-muted: #687f91;
  --v8-radius: 14px;
  --v8-radius-sm: 10px;
  --v8-control-radius: 9px;
  --v8-shadow: 0 10px 28px rgba(29,54,78,.065);
  --v8-shadow-hover: 0 15px 34px rgba(29,54,78,.10);
  --v8-sidebar: #fff;
  --v8-topbar: rgba(255,255,255,.97);
  --v8-head: #f7f9fb;
  --v8-hero: linear-gradient(135deg,#fff,rgba(var(--domain-primary-rgb),.065));
  --v8-active: rgba(var(--domain-primary-rgb),.10);
  --v8-active-ink: var(--domain-primary);
}

html[data-domain-theme="preset_ocean"] {
  --v8-page: linear-gradient(155deg,#f3f8fc 0%,#f7fbfa 52%,#edf7f7 100%);
  --v8-surface: rgba(255,255,255,.96);
  --v8-surface-soft: #f2f8fb;
  --v8-surface-accent: linear-gradient(110deg,rgba(var(--domain-primary-rgb),.075),rgba(var(--domain-secondary-rgb),.055));
  --v8-line: rgba(var(--domain-primary-rgb),.16);
  --v8-line-strong: rgba(var(--domain-primary-rgb),.25);
  --v8-ink: #183c57;
  --v8-muted: #607b8e;
  --v8-radius: 18px;
  --v8-radius-sm: 12px;
  --v8-control-radius: 10px;
  --v8-shadow: 0 13px 32px rgba(var(--domain-primary-rgb),.07);
  --v8-shadow-hover: 0 18px 40px rgba(var(--domain-primary-rgb),.11);
  --v8-sidebar: linear-gradient(180deg,#fff,#f6fafc);
  --v8-topbar: rgba(255,255,255,.94);
  --v8-head: linear-gradient(90deg,rgba(var(--domain-primary-rgb),.065),rgba(var(--domain-secondary-rgb),.04));
  --v8-hero: linear-gradient(125deg,#fff 0%,rgba(var(--domain-primary-rgb),.095) 60%,rgba(var(--domain-secondary-rgb),.10) 100%);
  --v8-active: linear-gradient(90deg,rgba(var(--domain-primary-rgb),.12),rgba(var(--domain-secondary-rgb),.065));
}

html[data-domain-theme="preset_navy"] {
  --v8-page: #eef3f8;
  --v8-surface: #fff;
  --v8-surface-soft: #f4f7fb;
  --v8-surface-accent: #eef3f9;
  --v8-line: #d8e2ec;
  --v8-line-strong: #c6d4e2;
  --v8-ink: #18344f;
  --v8-muted: #657b90;
  --v8-radius: 10px;
  --v8-radius-sm: 8px;
  --v8-control-radius: 7px;
  --v8-shadow: 0 8px 22px rgba(var(--domain-primary-rgb),.065);
  --v8-shadow-hover: 0 13px 30px rgba(var(--domain-primary-rgb),.11);
  --v8-sidebar: #f9fbfd;
  --v8-topbar: rgba(255,255,255,.98);
  --v8-head: #f1f5f9;
  --v8-hero: linear-gradient(105deg,rgba(var(--domain-primary-rgb),.095),#fff 56%);
  --v8-active: linear-gradient(115deg,var(--domain-primary),var(--domain-secondary));
  --v8-active-ink: #fff;
}

html[data-domain-theme="preset_emerald"] {
  --v8-page: radial-gradient(circle at 88% 4%,rgba(var(--domain-secondary-rgb),.12),transparent 27%),#f2f8f5;
  --v8-surface: #fcfefc;
  --v8-surface-soft: #f1f8f4;
  --v8-surface-accent: rgba(var(--domain-primary-rgb),.06);
  --v8-line: rgba(var(--domain-primary-rgb),.17);
  --v8-line-strong: rgba(var(--domain-primary-rgb),.27);
  --v8-ink: #173e35;
  --v8-muted: #5f7c73;
  --v8-radius: 22px;
  --v8-radius-sm: 15px;
  --v8-control-radius: 12px;
  --v8-shadow: 0 9px 25px rgba(var(--domain-primary-rgb),.05);
  --v8-shadow-hover: 0 14px 32px rgba(var(--domain-primary-rgb),.09);
  --v8-sidebar: linear-gradient(180deg,#fff,#f4faf7);
  --v8-topbar: rgba(252,255,253,.96);
  --v8-head: rgba(var(--domain-primary-rgb),.055);
  --v8-hero: linear-gradient(135deg,#fff,rgba(var(--domain-primary-rgb),.075));
  --v8-active: rgba(var(--domain-primary-rgb),.11);
}

html[data-domain-theme="preset_indigo"] {
  --v8-page: radial-gradient(circle at 84% 5%,rgba(var(--domain-secondary-rgb),.17),transparent 28%),#f5f3fb;
  --v8-surface: #fdfcff;
  --v8-surface-soft: #f6f3fc;
  --v8-surface-accent: linear-gradient(120deg,rgba(var(--domain-primary-rgb),.085),rgba(var(--domain-secondary-rgb),.07));
  --v8-line: rgba(var(--domain-primary-rgb),.18);
  --v8-line-strong: rgba(var(--domain-primary-rgb),.29);
  --v8-ink: #302a55;
  --v8-muted: #6b6682;
  --v8-radius: 16px 16px 25px 16px;
  --v8-radius-sm: 11px 11px 17px 11px;
  --v8-control-radius: 10px;
  --v8-shadow: 0 15px 36px rgba(var(--domain-primary-rgb),.085);
  --v8-shadow-hover: 0 20px 44px rgba(var(--domain-primary-rgb),.13);
  --v8-sidebar: linear-gradient(180deg,#fff,#f8f6fd);
  --v8-topbar: rgba(254,253,255,.95);
  --v8-head: linear-gradient(90deg,rgba(var(--domain-primary-rgb),.08),rgba(var(--domain-secondary-rgb),.045));
  --v8-hero: linear-gradient(120deg,#fff,rgba(var(--domain-primary-rgb),.10),rgba(var(--domain-secondary-rgb),.11));
  --v8-active: linear-gradient(115deg,var(--domain-primary),var(--domain-secondary));
  --v8-active-ink: #fff;
}

html[data-domain-theme="preset_slate"] {
  --v8-page: #f3f5f6;
  --v8-surface: #fff;
  --v8-surface-soft: #f5f7f8;
  --v8-surface-accent: #f0f4f5;
  --v8-line: #d7e0e4;
  --v8-line-strong: #c5d2d8;
  --v8-ink: #1c3b45;
  --v8-muted: #62767d;
  --v8-radius: 8px;
  --v8-radius-sm: 6px;
  --v8-control-radius: 6px;
  --v8-shadow: none;
  --v8-shadow-hover: none;
  --v8-sidebar: #fbfcfc;
  --v8-topbar: rgba(255,255,255,.98);
  --v8-head: #f2f5f6;
  --v8-hero: #fbfcfc;
  --v8-active: rgba(var(--domain-primary-rgb),.08);
}

/* A complete identity across signed-in and public surfaces. */
html[data-domain-theme^="preset_"] body:not(.dark).mbx3-app-body .content-page,
html[data-domain-theme^="preset_"] body:not(.dark) .mbx6-public-home,
html[data-domain-theme^="preset_"] body:not(.dark) .mbx7-static-page,
html[data-domain-theme^="preset_"] body:not(.dark) .mbx7-faq-page { background: var(--v8-page) !important; }

html[data-domain-theme^="preset_"] body:not(.dark).mbx3-app-body .mbx3-sidebar.iq-sidebar { border-right: 1px solid var(--v8-line) !important; background: var(--v8-sidebar) !important; box-shadow: var(--v8-shadow) !important; }
html[data-domain-theme^="preset_"] body:not(.dark).mbx3-app-body .mbx3-app-topbar .iq-navbar-custom { border: 1px solid var(--v8-line) !important; border-radius: var(--v8-radius) !important; background: var(--v8-topbar) !important; box-shadow: var(--v8-shadow) !important; backdrop-filter: blur(14px); }
html[data-domain-theme^="preset_"] body:not(.dark).mbx3-app-body .mbx3-sidebar-head { border-bottom-color: var(--v8-line) !important; }
html[data-domain-theme^="preset_"] body:not(.dark).mbx3-app-body .mbx-menu-title { color: var(--v8-muted) !important; }
html[data-domain-theme^="preset_"] body:not(.dark).mbx3-app-body .mbx3-side-menu li > a { border-radius: var(--v8-radius-sm) !important; color: var(--v8-muted) !important; }
html[data-domain-theme^="preset_"] body:not(.dark).mbx3-app-body .mbx3-side-menu li > a:hover { background: var(--v8-surface-soft) !important; color: var(--v8-ink) !important; }
html[data-domain-theme^="preset_"] body:not(.dark).mbx3-app-body .mbx3-side-menu li.active > a { border: 0 !important; border-left: 3px solid var(--domain-primary) !important; border-radius: var(--v8-radius-sm) !important; background: var(--v8-active) !important; color: var(--v8-active-ink) !important; box-shadow: none !important; }
html[data-domain-theme^="preset_"] body:not(.dark).mbx3-app-body .mbx3-side-menu li.active > a i { color: inherit !important; }

html[data-domain-theme^="preset_"] body:not(.dark).mbx3-app-body :is(.mbx3-page-titlebar,.mbx3-data-card,.mbx3-form-card,.mbx3-stat-card,.mbx3-security-guide,.mbx3-dashboard-main,.mbx3-dashboard-side,.mbx3-wallet-card,.mbx3-quick-card,.card),
html[data-domain-theme^="preset_"] body:not(.dark) :is(.mbx6-panel,.mbx6-rate-card,.mbx6-trust-grid > article,.mbx6-faq-grid > article,.mbx7-static-heading,.mbx7-static-card,.mbx7-faq-heading,.mbx7-faq-grid details,.mbx7-faq-foot) { border-color: var(--v8-line) !important; border-radius: var(--v8-radius) !important; background-color: var(--v8-surface) !important; box-shadow: var(--v8-shadow) !important; }
html[data-domain-theme^="preset_"] body:not(.dark).mbx3-app-body .mbx3-page-titlebar { background: var(--v8-hero) !important; }
html[data-domain-theme^="preset_"] body:not(.dark).mbx3-app-body :is(.mbx3-data-card-head,.mbx3-form-card > header,.mbx3-panel-head),
html[data-domain-theme^="preset_"] body:not(.dark) :is(.mbx6-panel-head,.mbx7-faq-grid details[open] summary) { border-color: var(--v8-line) !important; background: var(--v8-head) !important; }
html[data-domain-theme^="preset_"] body:not(.dark).mbx3-app-body :is(.mbx3-page-titlebar h1,.mbx3-data-card-head h2,.mbx3-form-card > header h2,.mbx3-panel-head h2),
html[data-domain-theme^="preset_"] body:not(.dark) :is(.mbx6-panel-head h2,.mbx7-static-heading h1,.mbx7-faq-heading h1) { color: var(--v8-ink) !important; }
html[data-domain-theme^="preset_"] body:not(.dark).mbx3-app-body :is(.mbx3-page-titlebar p,.mbx3-data-card-head p,.mbx3-form-card > header p),
html[data-domain-theme^="preset_"] body:not(.dark) :is(.mbx7-static-heading p,.mbx7-faq-heading p) { color: var(--v8-muted) !important; }

html[data-domain-theme^="preset_"] body:not(.dark).mbx3-app-body :is(.form-control,.custom-select),
html[data-domain-theme^="preset_"] body:not(.dark) .xu-shop-page :is(.form-control,.custom-select) { min-height: 43px; border-color: var(--v8-line-strong) !important; border-radius: var(--v8-control-radius) !important; background-color: #fff !important; color: var(--v8-ink) !important; box-shadow: none !important; }
html[data-domain-theme^="preset_"] body:not(.dark).mbx3-app-body :is(.form-control,.custom-select):focus,
html[data-domain-theme^="preset_"] body:not(.dark) .xu-shop-page :is(.form-control,.custom-select):focus { border-color: var(--domain-primary) !important; box-shadow: 0 0 0 3px rgba(var(--domain-primary-rgb),.10) !important; }
html[data-domain-theme^="preset_"] body:not(.dark).mbx3-app-body .mbx3-modern-table thead th { background: var(--v8-head) !important; color: var(--v8-muted) !important; }
html[data-domain-theme^="preset_"] body:not(.dark).mbx3-app-body .mbx3-modern-table tbody td { border-color: var(--v8-line) !important; color: var(--v8-muted) !important; }
html[data-domain-theme^="preset_"] body:not(.dark).mbx3-app-body .mbx3-modern-table tbody tr:hover td { background: var(--v8-surface-soft) !important; }

html[data-domain-theme^="preset_"] body:not(.dark) .mbx3-public-header { border-color: var(--v8-line) !important; background: var(--v8-topbar) !important; box-shadow: var(--v8-shadow) !important; backdrop-filter: blur(14px); }
html[data-domain-theme^="preset_"] body:not(.dark) .mbx3-public-nav { border-color: var(--v8-line) !important; border-radius: var(--v8-radius-sm) !important; background: var(--v8-surface-soft) !important; }
html[data-domain-theme^="preset_"] body:not(.dark) .mbx3-public-nav > a { border-radius: var(--v8-control-radius) !important; color: var(--v8-muted) !important; }
html[data-domain-theme^="preset_"] body:not(.dark) .mbx3-public-nav > a.active { background: var(--v8-active) !important; color: var(--v8-active-ink) !important; box-shadow: none !important; }
html[data-domain-theme^="preset_"] body:not(.dark) .xu-shop-page :is(.hero,.card-shelf,.shop-faq,.soft-alert) { border-color: var(--v8-line) !important; border-radius: var(--v8-radius) !important; box-shadow: var(--v8-shadow) !important; }
html[data-domain-theme^="preset_"] body:not(.dark) .xu-shop-page .hero { background: var(--v8-hero) !important; }
html[data-domain-theme^="preset_"] body:not(.dark) .xu-shop-page :is(.toolbar-wrap,.shop-faq-item,.filter-chip,.stat-chip) { border-color: var(--v8-line) !important; border-radius: var(--v8-radius-sm) !important; }

/* Small signature details make the presets recognisable without becoming loud. */
html[data-domain-theme="preset_ocean"] body:not(.dark).mbx3-app-body .mbx3-page-titlebar::before { background: linear-gradient(90deg,var(--domain-primary),var(--domain-secondary)) !important; }
html[data-domain-theme="preset_ocean"] body:not(.dark).mbx3-app-body :is(.mbx3-wallet-card.buy,.mbx3-stat-card.current) { border-top: 3px solid var(--domain-primary) !important; }
html[data-domain-theme="preset_ocean"] body:not(.dark).mbx3-app-body :is(.mbx3-wallet-card.sell,.mbx3-stat-card.positive) { border-top: 3px solid var(--domain-secondary) !important; }

html[data-domain-theme="preset_navy"] body:not(.dark).mbx3-app-body :is(.mbx3-page-titlebar,.mbx3-data-card,.mbx3-form-card,.mbx3-dashboard-main,.mbx3-dashboard-side) { border-left: 4px solid var(--domain-primary) !important; }
html[data-domain-theme="preset_navy"] body:not(.dark).mbx3-app-body .mbx3-page-titlebar::before { display: none !important; }
html[data-domain-theme="preset_navy"] body:not(.dark).mbx3-app-body .mbx3-side-menu li.active > a { border-left: 0 !important; box-shadow: 0 8px 18px rgba(var(--domain-primary-rgb),.18) !important; }

html[data-domain-theme="preset_emerald"] body:not(.dark).mbx3-app-body :is(.btn,.mbx3-status-chip,.mbx3-data-assurance,.mbx3-panel-head > a),
html[data-domain-theme="preset_emerald"] body:not(.dark) :is(.mbx3-register-link,.mbx3-login-link,.filter-chip,.stat-chip) { border-radius: 999px !important; }
html[data-domain-theme="preset_emerald"] body:not(.dark).mbx3-app-body .mbx3-side-menu li.active > a { border: 1px solid var(--v8-line-strong) !important; border-left-width: 1px !important; }

html[data-domain-theme="preset_indigo"] body:not(.dark).mbx3-app-body :is(.mbx3-page-titlebar,.mbx3-data-card,.mbx3-form-card,.mbx3-dashboard-main,.mbx3-dashboard-side) { border-top: 3px solid rgba(var(--domain-primary-rgb),.68) !important; }
html[data-domain-theme="preset_indigo"] body:not(.dark).mbx3-app-body .mbx3-side-menu li.active > a { border-left: 0 !important; box-shadow: 0 9px 22px rgba(var(--domain-primary-rgb),.20) !important; }

html[data-domain-theme="preset_slate"] body:not(.dark).mbx3-app-body :is(.mbx3-page-titlebar,.mbx3-data-card,.mbx3-form-card,.mbx3-dashboard-main,.mbx3-dashboard-side) { border-left: 4px solid var(--domain-primary) !important; }
html[data-domain-theme="preset_slate"] body:not(.dark).mbx3-app-body .mbx3-page-titlebar::before,
html[data-domain-theme="preset_slate"] body:not(.dark).mbx3-app-body :is(.mbx3-data-card-head,.mbx3-form-card > header,.mbx3-panel-head)::before { display: none !important; }

/* Withdrawal workspace ---------------------------------------------------- */
body.mbx3-app-body .mbx3-withdraw-page > .container-fluid { max-width: 1220px; margin-right: auto; margin-left: auto; }
body.mbx3-app-body .mbx3-withdraw-hero { display: grid; grid-template-columns: minmax(0,1fr) minmax(255px,310px); align-items: center; gap: 30px; overflow: hidden; min-height: 154px; padding: 24px 26px; }
body.mbx3-app-body .mbx3-withdraw-hero-copy { min-width: 0; }
body.mbx3-app-body .mbx3-withdraw-hero h1 { font-size: 25px; letter-spacing: -.02em; }
body.mbx3-app-body .mbx3-withdraw-hero p { max-width: 700px; margin-top: 7px; font-size: 11.5px; line-height: 1.65; }
body.mbx3-app-body .mbx3-withdraw-balance { position: relative; z-index: 1; min-width: 0; padding: 17px 18px; border: 1px solid rgba(var(--domain-primary-rgb),.18); border-radius: var(--v8-radius-sm); background: rgba(255,255,255,.78); box-shadow: 0 8px 24px rgba(var(--domain-primary-rgb),.075); }
body.mbx3-app-body .mbx3-withdraw-balance > span { display: flex; align-items: center; gap: 7px; color: var(--v8-muted); font-size: 9px; font-weight: 850; text-transform: uppercase; letter-spacing: .045em; }
body.mbx3-app-body .mbx3-withdraw-balance > span i { color: var(--domain-primary); }
body.mbx3-app-body .mbx3-withdraw-balance > strong { display: block; overflow: hidden; margin-top: 7px; color: var(--v8-ink); font-size: clamp(22px,2.2vw,30px); font-weight: 950; line-height: 1.15; text-overflow: ellipsis; white-space: nowrap; font-variant-numeric: tabular-nums; }
body.mbx3-app-body .mbx3-withdraw-balance > small { display: block; margin-top: 8px; color: var(--v8-muted); font-size: 9px; }
body.mbx3-app-body .mbx3-withdraw-balance > small b { color: var(--domain-primary); font-weight: 900; }

body.mbx3-app-body .mbx3-withdraw-assurance { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin: -1px 18px 16px; overflow: hidden; border: 1px solid var(--v8-line); border-top: 0; border-radius: 0 0 var(--v8-radius-sm) var(--v8-radius-sm); background: var(--v8-surface); box-shadow: var(--v8-shadow); }
body.mbx3-app-body .mbx3-withdraw-assurance > span { display: grid; grid-template-columns: 32px minmax(0,1fr); grid-template-rows: auto auto; align-items: center; column-gap: 10px; min-width: 0; padding: 12px 15px; border-right: 1px solid var(--v8-line); }
body.mbx3-app-body .mbx3-withdraw-assurance > span:last-child { border-right: 0; }
body.mbx3-app-body .mbx3-withdraw-assurance i { display: grid; grid-row: 1 / span 2; place-items: center; width: 31px; height: 31px; border-radius: 9px; background: rgba(var(--domain-primary-rgb),.09); color: var(--domain-primary); font-size: 11px; }
body.mbx3-app-body .mbx3-withdraw-assurance b { overflow: hidden; color: var(--v8-ink); font-size: 9.5px; font-weight: 900; text-overflow: ellipsis; white-space: nowrap; }
body.mbx3-app-body .mbx3-withdraw-assurance small { overflow: hidden; margin-top: 2px; color: var(--v8-muted); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }

body.mbx3-app-body .mbx3-withdraw-layout { grid-template-columns: minmax(0,1.62fr) minmax(290px,.68fr); align-items: start; gap: 16px; }
body.mbx3-app-body .mbx3-withdraw-card > header { display: flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 88px; padding: 18px 20px; }
body.mbx3-app-body .mbx3-withdraw-card > header::before { top: 18px; bottom: 18px; }
body.mbx3-app-body .mbx3-withdraw-header-mark { display: grid; place-items: center; flex: 0 0 38px; width: 38px; height: 38px; border-radius: var(--v8-control-radius); background: rgba(var(--domain-primary-rgb),.09); color: var(--domain-primary); font-size: 13px; }
body.mbx3-app-body .mbx3-withdraw-form { gap: 16px; padding: 18px 20px 20px; }
body.mbx3-app-body .mbx3-withdraw-form label { display: flex; align-items: center; gap: 7px; margin-bottom: 7px; color: var(--v8-ink); font-size: 9.5px; font-weight: 850; }
body.mbx3-app-body .mbx3-withdraw-form label i { width: 14px; color: var(--domain-primary); font-size: 9px; text-align: center; }
body.mbx3-app-body .mbx3-withdraw-form .form-control { height: 44px; padding-right: 13px; padding-left: 13px; font-size: 11px; }
body.mbx3-app-body .mbx3-field-hint { display: block; margin-top: 6px; color: var(--v8-muted) !important; font-size: 8.5px; line-height: 1.45; }
body.mbx3-app-body .mbx3-field-hint b { color: var(--v8-ink); font-weight: 900; }
body.mbx3-app-body .mbx3-withdraw-amount button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-width: 112px; border-color: rgba(var(--domain-primary-rgb),.22); border-radius: var(--v8-control-radius); background: rgba(var(--domain-primary-rgb),.075); color: var(--domain-primary); }
body.mbx3-app-body .mbx3-withdraw-amount button:hover { border-color: rgba(var(--domain-primary-rgb),.36); background: rgba(var(--domain-primary-rgb),.12); }

body.mbx3-app-body .mbx3-saved-banks { padding: 13px; border-color: var(--v8-line); border-radius: var(--v8-radius-sm); background: var(--v8-surface-soft); }
body.mbx3-app-body .mbx3-saved-banks-head { align-items: center; margin-bottom: 9px; }
body.mbx3-app-body .mbx3-saved-banks-head > span { border: 1px solid rgba(var(--domain-primary-rgb),.12); border-radius: 999px; }
body.mbx3-app-body .mbx3-saved-bank { min-height: 57px; border-color: var(--v8-line); border-radius: var(--v8-control-radius); box-shadow: none; }
body.mbx3-app-body .mbx3-saved-bank:hover { transform: none; }
body.mbx3-app-body .mbx3-saved-bank.active { border-color: var(--domain-primary); background: rgba(var(--domain-primary-rgb),.08); box-shadow: inset 3px 0 0 var(--domain-primary); transform: none; }

body.mbx3-app-body .mbx3-withdraw-form > footer { margin: 2px -20px -20px; padding: 14px 20px; border-color: var(--v8-line); background: var(--v8-surface-soft); }
body.mbx3-app-body .mbx3-withdraw-submit-note { display: flex; align-items: center; gap: 9px; min-width: 0; color: var(--v8-muted); }
body.mbx3-app-body .mbx3-withdraw-submit-note > i { display: grid; place-items: center; flex: 0 0 28px; width: 28px; height: 28px; border-radius: 8px; background: #fff5df; color: #b87913; font-size: 10px; }
body.mbx3-app-body .mbx3-withdraw-submit-note span { min-width: 0; font-size: 8.5px; line-height: 1.4; }
body.mbx3-app-body .mbx3-withdraw-submit-note b { display: block; color: var(--v8-ink); font-size: 9px; }
body.mbx3-app-body .mbx3-withdraw-form > footer .btn { min-width: 165px; }

body.mbx3-app-body .mbx3-withdraw-guide { overflow: hidden; padding: 20px; border-color: var(--v8-line); border-radius: var(--v8-radius); background: var(--v8-surface); box-shadow: var(--v8-shadow); }
body.mbx3-app-body .mbx3-withdraw-guide-head { display: grid; grid-template-columns: 42px minmax(0,1fr); align-items: center; gap: 11px; }
body.mbx3-app-body .mbx3-withdraw-guide-icon { width: 42px; height: 42px; margin: 0; border: 0; border-radius: var(--v8-control-radius); background: rgba(var(--domain-primary-rgb),.10); color: var(--domain-primary); box-shadow: none; }
body.mbx3-app-body .mbx3-withdraw-guide .mbx3-withdraw-step { margin-bottom: 4px; font-size: 8px; }
body.mbx3-app-body .mbx3-withdraw-guide h2 { font-size: 15px; }
body.mbx3-app-body .mbx3-withdraw-guide > p { margin: 13px 0 17px; padding-bottom: 15px; border-bottom: 1px solid var(--v8-line); color: var(--v8-muted); font-size: 10px; line-height: 1.6; }
body.mbx3-app-body .mbx3-withdraw-guide ol { position: relative; gap: 0; }
body.mbx3-app-body .mbx3-withdraw-guide ol::before { content: ""; position: absolute; top: 21px; bottom: 21px; left: 14px; width: 1px; background: rgba(var(--domain-primary-rgb),.22); }
body.mbx3-app-body .mbx3-withdraw-guide li { position: relative; grid-template-columns: 29px minmax(0,1fr); align-items: start; gap: 11px; padding: 8px 0; border: 0; border-radius: 0; background: transparent; }
body.mbx3-app-body .mbx3-withdraw-guide li b { position: relative; z-index: 1; border: 1px solid rgba(var(--domain-primary-rgb),.17); background: var(--v8-surface); }
body.mbx3-app-body .mbx3-withdraw-guide li span strong { display: block; color: var(--v8-ink); font-size: 9.5px; font-weight: 900; }
body.mbx3-app-body .mbx3-withdraw-guide li span small { display: block; margin-top: 2px; color: var(--v8-muted); font-size: 8.5px; line-height: 1.45; }
body.mbx3-app-body .mbx3-withdraw-guide-note { margin-top: 14px; border-color: rgba(var(--domain-secondary-rgb),.18); border-radius: var(--v8-control-radius); background: rgba(var(--domain-secondary-rgb),.07); }

body.mbx3-app-body .mbx3-withdraw-bank-cell strong,
body.mbx3-app-body .mbx3-withdraw-bank-cell small { display: block; }
body.mbx3-app-body .mbx3-withdraw-bank-cell b { color: var(--v8-ink); font-size: 10px; }
body.mbx3-app-body .mbx3-withdraw-bank-cell small { margin-top: 3px; color: var(--v8-muted); font-size: 8.5px; font-variant-numeric: tabular-nums; }

/* Withdrawal follows every preset instead of being one green screen. */
html[data-domain-theme="preset_ocean"] body:not(.dark) .mbx3-withdraw-balance { background: linear-gradient(145deg,#fff,rgba(var(--domain-secondary-rgb),.08)); }
html[data-domain-theme="preset_navy"] body:not(.dark) .mbx3-withdraw-balance { border: 0; background: linear-gradient(125deg,var(--domain-primary),var(--domain-secondary)); box-shadow: 0 12px 28px rgba(var(--domain-primary-rgb),.20); }
html[data-domain-theme="preset_navy"] body:not(.dark) .mbx3-withdraw-balance :is(span,strong,small,small b),
html[data-domain-theme="preset_navy"] body:not(.dark) .mbx3-withdraw-balance > span i { color: #fff !important; }
html[data-domain-theme="preset_navy"] body:not(.dark) .mbx3-withdraw-guide { border-left: 4px solid var(--domain-primary); }
html[data-domain-theme="preset_emerald"] body:not(.dark) .mbx3-withdraw-balance { border-radius: 18px; background: #eff9f5; box-shadow: none; }
html[data-domain-theme="preset_emerald"] body:not(.dark) .mbx3-withdraw-assurance i,
html[data-domain-theme="preset_emerald"] body:not(.dark) .mbx3-withdraw-guide li b { border-radius: 50%; }
html[data-domain-theme="preset_indigo"] body:not(.dark) .mbx3-withdraw-balance { border: 0; border-radius: 13px 13px 22px 13px; background: linear-gradient(125deg,var(--domain-primary),var(--domain-secondary)); box-shadow: 0 14px 32px rgba(var(--domain-primary-rgb),.20); }
html[data-domain-theme="preset_indigo"] body:not(.dark) .mbx3-withdraw-balance :is(span,strong,small,small b),
html[data-domain-theme="preset_indigo"] body:not(.dark) .mbx3-withdraw-balance > span i { color: #fff !important; }
html[data-domain-theme="preset_indigo"] body:not(.dark) .mbx3-withdraw-guide { border-top: 3px solid var(--domain-secondary); }
html[data-domain-theme="preset_slate"] body:not(.dark) .mbx3-withdraw-balance { border-radius: 6px; background: #f3f6f7; box-shadow: none; }
html[data-domain-theme="preset_slate"] body:not(.dark) .mbx3-withdraw-assurance { box-shadow: none; }
html[data-domain-theme="preset_slate"] body:not(.dark) .mbx3-withdraw-guide { border-left: 4px solid var(--domain-primary); }

/* Dark mode: neutral surfaces, domain-coloured interaction and crisp text. */
html[data-domain-theme^="preset_"] body.dark.mbx3-app-body .content-page { background: radial-gradient(circle at 85% 0,rgba(var(--domain-primary-rgb),.10),transparent 25%),#0b1727 !important; }
html[data-domain-theme^="preset_"] body.dark.mbx3-app-body :is(.mbx3-page-titlebar,.mbx3-data-card,.mbx3-form-card,.mbx3-stat-card,.mbx3-security-guide,.mbx3-dashboard-main,.mbx3-dashboard-side,.mbx3-wallet-card,.mbx3-quick-card,.mbx3-withdraw-guide,.card) { border-color: #29425d !important; border-radius: var(--v8-radius) !important; background-color: #112137 !important; box-shadow: 0 12px 30px rgba(0,0,0,.18) !important; }
html[data-domain-theme^="preset_"] body.dark.mbx3-app-body :is(.mbx3-data-card-head,.mbx3-form-card > header,.mbx3-panel-head,.mbx3-withdraw-form > footer) { border-color: #29425d !important; background: #0f1e32 !important; }
body.dark.mbx3-app-body .mbx3-withdraw-hero { background: linear-gradient(125deg,#112137,rgba(var(--domain-primary-rgb),.13)) !important; }
body.dark.mbx3-app-body .mbx3-withdraw-balance { border-color: rgba(var(--domain-primary-rgb),.28); background: rgba(var(--domain-primary-rgb),.12); box-shadow: none; }
body.dark.mbx3-app-body .mbx3-withdraw-balance > span,
body.dark.mbx3-app-body .mbx3-withdraw-balance > small { color: #9eb1c2; }
body.dark.mbx3-app-body .mbx3-withdraw-balance > strong { color: #edf5fc; }
body.dark.mbx3-app-body .mbx3-withdraw-assurance { border-color: #29425d; background: #112137; box-shadow: none; }
body.dark.mbx3-app-body .mbx3-withdraw-assurance > span { border-color: #29425d; }
body.dark.mbx3-app-body .mbx3-withdraw-assurance b,
body.dark.mbx3-app-body .mbx3-withdraw-submit-note b,
body.dark.mbx3-app-body .mbx3-withdraw-guide li span strong,
body.dark.mbx3-app-body .mbx3-withdraw-bank-cell b { color: #edf5fc; }
body.dark.mbx3-app-body .mbx3-withdraw-assurance small,
body.dark.mbx3-app-body .mbx3-field-hint,
body.dark.mbx3-app-body .mbx3-withdraw-guide li span small,
body.dark.mbx3-app-body .mbx3-withdraw-bank-cell small { color: #94a9bb !important; }
body.dark.mbx3-app-body .mbx3-withdraw-assurance i,
body.dark.mbx3-app-body .mbx3-withdraw-header-mark { background: rgba(var(--domain-primary-rgb),.16); }
body.dark.mbx3-app-body .mbx3-withdraw-guide > p { border-color: #29425d; }
body.dark.mbx3-app-body .mbx3-withdraw-guide li { border: 0 !important; background: transparent !important; }
body.dark.mbx3-app-body .mbx3-withdraw-guide li b { border-color: rgba(var(--domain-primary-rgb),.30); background: #112137 !important; color: var(--domain-primary) !important; }
body.dark.mbx3-app-body .mbx3-withdraw-guide-note { background: rgba(var(--domain-secondary-rgb),.10); }
body.dark.mbx3-app-body .mbx3-withdraw-submit-note > i { background: #352b18; color: #edc16c; }

/* Responsive system ------------------------------------------------------- */
@media (max-width: 1199.98px) {
  body.mbx3-app-body .mbx3-withdraw-layout { grid-template-columns: minmax(0,1.45fr) minmax(270px,.7fr); }
  body.mbx3-app-body .mbx3-dashboard-grid { grid-template-columns: 1fr !important; }
  html[data-domain-theme^="preset_"] body:not(.dark).mbx3-app-body .mbx3-app-topbar .iq-navbar-custom { border-radius: var(--v8-radius-sm) !important; }
}

@media (max-width: 991.98px) {
  body.mbx3-app-body .mbx3-withdraw-layout { grid-template-columns: 1fr; }
  body.mbx3-app-body .mbx3-withdraw-guide { display: grid; grid-template-columns: minmax(220px,.7fr) minmax(0,1fr); column-gap: 24px; }
  body.mbx3-app-body .mbx3-withdraw-guide-head,
  body.mbx3-app-body .mbx3-withdraw-guide > p,
  body.mbx3-app-body .mbx3-withdraw-guide-note { grid-column: 1; }
  body.mbx3-app-body .mbx3-withdraw-guide ol { grid-column: 2; grid-row: 1 / span 3; align-self: center; }
  .mbx3-public-navrow { gap: 12px; }
  .mbx3-public-nav > a { padding-right: 10px; padding-left: 10px; }
}

@media (max-width: 767.98px) {
  html[data-domain-theme^="preset_"] { --v8-radius: 13px; --v8-radius-sm: 10px; }
  body.mbx3-app-body .content-page > .container-fluid { width: 100%; max-width: 100%; padding: 14px 11px 28px; }
  body.mbx3-app-body .mbx3-app-topbar.iq-top-navbar { padding-right: 7px !important; padding-left: 7px !important; }
  body.mbx3-app-body .mbx3-app-topbar .navbar { padding-right: 8px !important; padding-left: 8px !important; }
  body.mbx3-app-body .mbx3-topbar-start,
  body.mbx3-app-body .mbx3-topbar-end { gap: 7px; }
  body.mbx3-app-body .mbx3-topbar-context { max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  body.mbx3-app-body .mbx3-topbar-icon,
  body.mbx3-app-body .mbx3-profile-button,
  body.mbx3-app-body .mbx3-topbar-menu { width: 38px; height: 38px; min-width: 38px; }
  body.mbx3-app-body .mbx3-sidebar.iq-sidebar { width: min(86vw,310px) !important; }
  body.mbx3-app-body .mbx3-page-titlebar { padding: 18px 17px; }
  body.mbx3-app-body .mbx3-page-titlebar h1 { font-size: 22px; line-height: 1.25; }
  body.mbx3-app-body .mbx3-page-titlebar p { font-size: 10.5px; line-height: 1.55; }
  body.mbx3-app-body :is(.mbx3-data-card-head,.mbx3-form-card > header,.mbx3-panel-head) { padding-right: 14px !important; padding-left: 14px !important; }
  body.mbx3-app-body .mbx3-modern-table { margin-bottom: 0; }
  body.mbx3-app-body .mbx3-table-scroll { overflow-x: auto; scrollbar-width: thin; -webkit-overflow-scrolling: touch; }
  body.mbx3-app-body .mbx3-wallet-card strong { font-size: 22px !important; }
  body.mbx3-app-body .mbx3-dashboard-services > a { min-height: 64px; }
  body.mbx3-app-body .mbx3-dashboard-services p { white-space: normal; }

  body.mbx3-app-body .mbx3-withdraw-hero { grid-template-columns: 1fr; gap: 15px; min-height: 0; padding: 19px 17px; }
  body.mbx3-app-body .mbx3-withdraw-hero h1 { font-size: 23px; }
  body.mbx3-app-body .mbx3-withdraw-balance { width: 100%; padding: 14px 15px; }
  body.mbx3-app-body .mbx3-withdraw-balance > strong { font-size: 24px; }
  body.mbx3-app-body .mbx3-withdraw-assurance { grid-template-columns: 1fr; margin: 10px 0 14px; border-top: 1px solid var(--v8-line); border-radius: var(--v8-radius-sm); }
  body.mbx3-app-body .mbx3-withdraw-assurance > span { padding: 10px 13px; border-right: 0; border-bottom: 1px solid var(--v8-line); }
  body.mbx3-app-body .mbx3-withdraw-assurance > span:last-child { border-bottom: 0; }
  body.mbx3-app-body .mbx3-withdraw-assurance b,
  body.mbx3-app-body .mbx3-withdraw-assurance small { white-space: normal; }
  body.mbx3-app-body .mbx3-withdraw-card > header { min-height: 80px; padding: 16px; }
  body.mbx3-app-body .mbx3-withdraw-card > header::before { top: 16px; bottom: 16px; }
  body.mbx3-app-body .mbx3-withdraw-form { grid-template-columns: 1fr; gap: 14px; padding: 15px; }
  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 -15px -15px; padding: 14px 15px; }
  body.mbx3-app-body .mbx3-withdraw-form > footer .btn { width: 100%; min-height: 44px; }
  body.mbx3-app-body .mbx3-withdraw-guide { display: block; padding: 17px; }
  body.mbx3-app-body .mbx3-withdraw-guide ol { margin-top: 2px; }

  body.mbx3-app-body .mbx3-withdraw-history { overflow: visible; padding: 10px; }
  body.mbx3-app-body .mbx3-withdraw-history .mbx3-modern-table { min-width: 0; background: transparent !important; }
  body.mbx3-app-body .mbx3-withdraw-history thead { display: none; }
  body.mbx3-app-body .mbx3-withdraw-history tbody { display: grid; gap: 10px; background: transparent !important; }
  body.mbx3-app-body .mbx3-withdraw-history tr { display: block; overflow: hidden; border: 1px solid var(--v8-line); border-radius: var(--v8-radius-sm); background: var(--v8-surface) !important; }
  body.mbx3-app-body .mbx3-withdraw-history td { display: grid; grid-template-columns: minmax(92px,.42fr) minmax(0,.58fr); align-items: center; gap: 10px; width: 100%; padding: 9px 11px !important; border: 0 !important; border-bottom: 1px solid var(--v8-line) !important; text-align: right; }
  body.mbx3-app-body .mbx3-withdraw-history td:last-child { border-bottom: 0 !important; }
  body.mbx3-app-body .mbx3-withdraw-history td::before { content: attr(data-label); color: var(--v8-muted); font-size: 8px; font-weight: 850; text-align: left; text-transform: uppercase; letter-spacing: .03em; }
  body.mbx3-app-body .mbx3-withdraw-history td > * { justify-self: end; max-width: 100%; }
  body.mbx3-app-body .mbx3-withdraw-history .mbx3-withdraw-bank-cell { text-align: right; }
  body.mbx3-app-body .mbx3-withdraw-history .mbx3-table-note { white-space: normal; text-align: right; }
  body.dark.mbx3-app-body .mbx3-withdraw-history tr { border-color: #29425d; background: #112137 !important; }
  body.dark.mbx3-app-body .mbx3-withdraw-history td { border-color: #29425d !important; }

  body.mbx-auth-page .login-content > .container { max-width: 620px !important; padding-right: 12px; padding-left: 12px; }
  body.mbx-auth-page .mbx-auth-layout { overflow: hidden; border-radius: var(--v8-radius) !important; }
  body.mbx-auth-page .mbx-auth-story { min-height: 0; padding: 20px 18px !important; }
  body.mbx-auth-page .mbx-auth-story h1 { max-width: 520px; font-size: 23px !important; }
  body.mbx-auth-page .mbx-auth-points { grid-template-columns: 1fr 1fr; gap: 7px; }
  body.mbx-auth-page .mbx-auth-point { min-height: 42px; padding: 8px 9px; font-size: 8.5px; }
  body.mbx-auth-page .mbx-auth-form { padding: 20px 18px !important; }

  .mbx6-public-light .mbx3-public-product-page.xu-shop-page { width: calc(100% - 20px); }
  .xu-shop-page .hero { padding: 18px 16px !important; }
  .xu-shop-page .hero h1 { font-size: 22px !important; line-height: 1.25; }
  .xu-shop-page .hero-meta { gap: 6px; }
  .xu-shop-page .card-shelf .card-header { padding-right: 14px !important; padding-left: 14px !important; }
  .xu-shop-page .toolbar-wrap { padding: 11px !important; }
  .xu-shop-page :is(.shop-faq,.soft-alert) { margin-top: 12px; }
}

/* Global notice configured from Admin. */
.mbx-global-notice[hidden] { display: none !important; }
.mbx-global-notice {
  position: fixed;
  z-index: 2000;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: transparent;
  pointer-events: none;
  animation: mbxNoticeFade .2s ease both;
}
.mbx-global-notice-dialog {
  overflow: hidden;
  width: min(440px,calc(100vw - 48px));
  max-height: min(720px,calc(100vh - 48px));
  border: 1px solid #dbe6ef;
  border-radius: 18px;
  background: #fff;
  color: #30485e;
  box-shadow: 0 28px 80px rgba(5,25,45,.28);
  pointer-events: auto;
  animation: mbxNoticeEnter .28s cubic-bezier(.2,.8,.2,1) both;
}
.mbx-global-notice-head {
  display: grid;
  grid-template-columns: 42px minmax(0,1fr) 36px;
  align-items: center;
  gap: 11px;
  padding: 15px 16px;
  border-bottom: 1px solid #dfe8f0;
  background: linear-gradient(120deg,rgba(var(--domain-primary-rgb),.11),rgba(var(--domain-secondary-rgb),.07));
}
.mbx-global-notice-icon { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; background: var(--domain-primary); color: #fff; box-shadow: 0 8px 18px rgba(var(--domain-primary-rgb),.20); }
.mbx-global-notice-head small { display: block; margin-bottom: 1px; color: #71869a; font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.mbx-global-notice-head h2 { margin: 0; color: #1c3851; font-size: 19px; font-weight: 850; line-height: 1.2; }
.mbx-global-notice-x { display: grid; place-items: center; width: 36px; height: 36px; padding: 0; border: 1px solid #d8e3ec; border-radius: 10px; background: rgba(255,255,255,.78); color: #6c8295; cursor: pointer; }
.mbx-global-notice-content { overflow: auto; max-height: calc(100vh - 230px); padding: 18px 19px; color: #536a7e; font-size: 12px; line-height: 1.65; }
.mbx-global-notice-content :first-child { margin-top: 0; }
.mbx-global-notice-content :last-child { margin-bottom: 0; }
.mbx-global-notice-content :is(h1,h2,h3,h4) { margin: 15px 0 7px; color: #243f57; font-weight: 820; line-height: 1.35; }
.mbx-global-notice-content h1 { font-size: 20px; }
.mbx-global-notice-content h2 { font-size: 17px; }
.mbx-global-notice-content h3 { font-size: 15px; }
.mbx-global-notice-content :is(ul,ol) { padding-left: 20px; }
.mbx-global-notice-content a { color: var(--domain-primary); font-weight: 750; }
.mbx-global-notice-content img { max-width: 100%; height: auto; border-radius: 10px; }
.mbx-global-notice-actions { display: flex; justify-content: flex-end; gap: 8px; padding: 12px 16px; border-top: 1px solid #dfe8f0; background: #f7f9fb; }
.mbx-global-notice-actions button { min-height: 38px; padding: 8px 13px; border-radius: 9px; font-size: 10.5px; font-weight: 800; cursor: pointer; }
.mbx-global-notice-dismiss { border: 1px solid #d5e0e9; background: #fff; color: #60758a; }
.mbx-global-notice-close { border: 1px solid var(--domain-primary); background: var(--domain-primary); color: #fff; }
body.dark .mbx-global-notice { background: transparent; }
body.dark .mbx-global-notice-dialog { border-color: #29445f; background: #112137; color: #c7d5e2; box-shadow: 0 28px 80px rgba(0,0,0,.45); }
body.dark .mbx-global-notice-head { border-color: #29445f; background: linear-gradient(120deg,rgba(var(--domain-primary-rgb),.18),#14273e); }
body.dark .mbx-global-notice-head h2,
body.dark .mbx-global-notice-content :is(h1,h2,h3,h4) { color: #edf5fc; }
body.dark .mbx-global-notice-head small,
body.dark .mbx-global-notice-content { color: #a8b9c9; }
body.dark .mbx-global-notice-x,
body.dark .mbx-global-notice-dismiss { border-color: #34516d; background: #0e1e32; color: #b8c7d5; }
body.dark .mbx-global-notice-actions { border-color: #29445f; background: #0e1e32; }
@keyframes mbxNoticeFade { from { opacity: 0; } to { opacity: 1; } }
@keyframes mbxNoticeEnter { from { opacity: 0; transform: translateY(14px) scale(.975); } to { opacity: 1; transform: none; } }
@media (max-width: 575.98px) {
  .mbx-global-notice {
    align-items: flex-end;
    justify-content: center;
    padding: 10px 8px max(8px,env(safe-area-inset-bottom));
    background: transparent;
    backdrop-filter: none;
    pointer-events: none;
  }
  .mbx-global-notice-dialog {
    width: 100%;
    max-height: calc(100dvh - 18px);
    border-radius: 16px;
  }
  body.dark .mbx-global-notice { background: transparent; }
  .mbx-global-notice-head { grid-template-columns: 38px minmax(0,1fr) 34px; padding: 13px; }
  .mbx-global-notice-icon { width: 38px; height: 38px; }
  .mbx-global-notice-head h2 { font-size: 17px; }
  .mbx-global-notice-content { max-height: calc(100vh - 215px); padding: 15px; font-size: 11.5px; }
  .mbx-global-notice-actions { display: grid; grid-template-columns: 1fr 1fr; padding: 10px 12px; }
  .mbx-global-notice-actions button { width: 100%; }
}

@media (max-width: 575.98px) {
  body.mbx3-app-body .mbx3-topbar-context { display: none; }
  body.mbx3-app-body .mbx3-topbar-end { margin-left: auto; }
  body.mbx3-app-body .mbx3-page-titlebar h1 i { margin-right: 6px !important; }
  body.mbx3-app-body .mbx3-data-card-head { display: block !important; min-height: 0 !important; }
  body.mbx3-app-body .mbx3-data-card-head .mbx3-data-assurance { display: inline-flex; margin-top: 10px; }
  body.mbx3-app-body .mbx3-panel-head > a { min-height: 28px; padding: 0 8px; }
  body.mbx3-app-body .mbx3-movement-item { grid-template-columns: 31px minmax(0,1fr) auto; }
  body.mbx3-app-body .mbx3-movement-item > b { min-width: 48px; padding-right: 5px; padding-left: 5px; }
  body.mbx3-app-body .mbx3-withdraw-header-mark { display: none; }
  body.mbx3-app-body .mbx3-saved-banks-head { align-items: flex-start; }
  body.mbx3-app-body .mbx3-saved-banks-head > span { padding: 5px 7px; font-size: 7.5px; }
  body.mbx3-app-body .mbx3-withdraw-amount { display: grid; grid-template-columns: minmax(0,1fr) auto; }
  body.mbx3-app-body .mbx3-withdraw-amount button { min-width: 100px; padding-right: 10px; padding-left: 10px; }
  body.mbx-auth-page .mbx-auth-points { grid-template-columns: 1fr; }
  body.mbx-auth-page .mbx-auth-point:nth-child(n+3) { display: none; }
  body.mbx-auth-page .mbx-auth-story-foot { display: none; }
  .xu-shop-page .hero-meta { display: grid !important; grid-template-columns: 1fr 1fr; }
  .xu-shop-page .hero-meta > span { min-width: 0; white-space: normal; }
}

@media (max-width: 390px) {
  body.mbx3-app-body .content-page > .container-fluid { padding-right: 9px; padding-left: 9px; }
  body.mbx3-app-body .mbx3-topbar-brand { display: none; }
  body.mbx3-app-body .mbx3-withdraw-hero { padding: 17px 15px; }
  body.mbx3-app-body .mbx3-withdraw-hero h1 { font-size: 21px; }
  body.mbx3-app-body .mbx3-withdraw-balance > strong { font-size: 22px; }
  body.mbx3-app-body .mbx3-withdraw-amount { grid-template-columns: 1fr; }
  body.mbx3-app-body .mbx3-withdraw-amount button { min-height: 40px; }
  body.mbx3-app-body .mbx3-withdraw-history td { grid-template-columns: 84px minmax(0,1fr); }
  body.mbx-auth-page .mbx-auth-story h1 { font-size: 21px !important; }
  .xu-shop-page .hero-meta { grid-template-columns: 1fr !important; }
}

/* Navigation finish ------------------------------------------------------- */
body.mbx3-app-body { --app-sidebar: 264px; }
body.mbx3-app-body .mbx3-sidebar.iq-sidebar { width: var(--app-sidebar) !important; }
body.mbx3-app-body .mbx3-sidebar-head { width: 100% !important; min-height: 78px !important; margin: 0 !important; padding: 14px 15px 14px 18px !important; gap: 12px; box-sizing: border-box; }
body.mbx3-app-body .mbx3-sidebar-head .header-logo { flex: 1 1 auto; max-width: calc(100% - 46px); overflow: hidden; }
body.mbx3-app-body .mbx3-sidebar-head .header-logo img { width: auto; max-width: 100%; max-height: 41px; }
body.mbx3-app-body .mbx3-sidebar-head .mbx3-logo-dark-theme { display: none; }
body.dark.mbx3-app-body .mbx3-sidebar-head .mbx3-logo-light-theme { display: none; }
body.dark.mbx3-app-body .mbx3-sidebar-head .mbx3-logo-dark-theme { display: block; }
body.mbx3-app-body .mbx3-sidebar-head button { flex-basis: 34px; width: 34px; height: 34px; border-color: var(--v8-line); border-radius: var(--v8-control-radius); background: var(--v8-surface-soft); color: var(--v8-muted); transition: border-color .18s,background .18s,color .18s,transform .18s; }
body.mbx3-app-body .mbx3-sidebar-head button:hover { border-color: rgba(var(--domain-primary-rgb),.32); background: rgba(var(--domain-primary-rgb),.08); color: var(--domain-primary); }
body.mbx3-app-body .mbx3-sidebar-scroll { height: calc(100vh - 78px) !important; padding: 13px 11px 28px !important; scrollbar-color: rgba(var(--domain-primary-rgb),.24) transparent; }

body.mbx3-app-body .mbx3-sidebar-account { display: grid; grid-template-columns: 36px minmax(0,1fr) 25px; align-items: center; gap: 9px; margin: 0 2px 11px; padding: 10px; border: 1px solid var(--v8-line); border-radius: var(--v8-radius-sm); background: var(--v8-surface); box-shadow: 0 5px 15px rgba(24,50,73,.035); }
body.mbx3-app-body .mbx3-sidebar-avatar { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 10px; background: linear-gradient(135deg,var(--domain-primary),var(--domain-secondary)); color: #fff; font-size: 12px; font-weight: 950; box-shadow: 0 6px 14px rgba(var(--domain-primary-rgb),.18); }
body.mbx3-app-body .mbx3-sidebar-account-copy { min-width: 0; }
body.mbx3-app-body .mbx3-sidebar-account-copy small,
body.mbx3-app-body .mbx3-sidebar-account-copy strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.mbx3-app-body .mbx3-sidebar-account-copy small { color: var(--v8-muted); font-size: 7.5px; font-weight: 750; }
body.mbx3-app-body .mbx3-sidebar-account-copy strong { margin-top: 2px; color: var(--v8-ink); font-size: 10.5px; font-weight: 900; }
body.mbx3-app-body .mbx3-sidebar-account > a { display: grid; place-items: center; width: 25px; height: 25px; border-radius: 7px; background: var(--v8-surface-soft); color: var(--v8-muted); font-size: 7px; text-decoration: none; }
body.mbx3-app-body .mbx3-sidebar-account > a:hover { background: rgba(var(--domain-primary-rgb),.09); color: var(--domain-primary); }

body.mbx3-app-body .mbx3-sidebar-wallets { display: block; margin: 0 2px 14px; padding: 9px; border-color: var(--v8-line); border-radius: var(--v8-radius-sm); background: var(--v8-surface-soft); }
body.mbx3-app-body .mbx3-sidebar-wallets > header { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 1px 2px 8px; }
body.mbx3-app-body .mbx3-sidebar-wallets > header > span { color: var(--v8-muted) !important; font-size: 7.5px !important; font-weight: 900 !important; letter-spacing: .06em; text-transform: uppercase; }
body.mbx3-app-body .mbx3-sidebar-wallets > header > a { display: inline !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: var(--domain-primary) !important; font-size: 7.5px; font-weight: 850; }
body.mbx3-app-body .mbx3-sidebar-wallet-list { display: grid; gap: 6px; }
body.mbx3-app-body .mbx3-sidebar-wallet-list > a { display: grid; grid-template-columns: 31px minmax(0,1fr) 13px; align-items: center; gap: 8px; min-width: 0; min-height: 52px; padding: 8px 9px !important; border: 1px solid transparent; border-radius: var(--v8-control-radius) !important; background: #fff !important; transition: border-color .18s,background .18s,transform .18s; }
body.mbx3-app-body .mbx3-sidebar-wallet-list > a:hover { border-color: rgba(var(--domain-primary-rgb),.20); transform: translateX(1px); }
body.mbx3-app-body .mbx3-sidebar-wallet-list > a.sell { background: rgba(var(--domain-secondary-rgb),.045) !important; }
body.mbx3-app-body .mbx3-sidebar-wallet-icon { display: grid !important; place-items: center; width: 31px; height: 31px; border-radius: 8px; background: rgba(var(--domain-primary-rgb),.09); color: var(--domain-primary) !important; }
body.mbx3-app-body .mbx3-sidebar-wallet-list > a.sell .mbx3-sidebar-wallet-icon { background: rgba(var(--domain-secondary-rgb),.10); color: var(--domain-secondary) !important; }
body.mbx3-app-body .mbx3-sidebar-wallet-copy { display: block !important; min-width: 0; }
body.mbx3-app-body .mbx3-sidebar-wallet-copy small,
body.mbx3-app-body .mbx3-sidebar-wallet-copy strong { display: block; overflow: hidden; opacity: 1 !important; text-overflow: ellipsis; white-space: nowrap; text-shadow: none !important; }
body.mbx3-app-body .mbx3-sidebar-wallet-copy small { color: var(--v8-muted) !important; font-size: 7.5px; font-weight: 800; }
body.mbx3-app-body .mbx3-sidebar-wallet-copy strong { margin-top: 3px; color: var(--v8-ink) !important; font-size: 11.5px !important; font-weight: 950 !important; font-variant-numeric: tabular-nums; }
body.mbx3-app-body .mbx3-sidebar-wallet-arrow { color: #a2b0bb !important; font-size: 7px; }

body.mbx3-app-body .mbx3-side-menu .mbx-menu-title { display: flex; align-items: center; gap: 8px; padding: 13px 10px 6px !important; color: var(--v8-muted) !important; font-size: 7.5px !important; letter-spacing: .11em !important; }
body.mbx3-app-body .mbx3-side-menu .mbx-menu-title::after { content: ""; flex: 1; height: 1px; background: var(--v8-line); opacity: .75; }
body.mbx3-app-body .mbx3-sidebar .mbx3-side-menu li a { position: relative; display: grid !important; grid-template-columns: 30px minmax(0,1fr) 6px; align-items: center; column-gap: 10px; min-height: 44px; margin: 2px 0 !important; padding: 6px 10px 6px 8px !important; border: 0 !important; border-left: 3px solid transparent !important; border-radius: var(--v8-radius-sm) !important; background: transparent !important; color: var(--v8-muted) !important; font-size: 10.5px !important; font-weight: 800 !important; }
body.mbx3-app-body .mbx3-sidebar .mbx3-side-menu li a > i { display: grid; place-items: center; width: 30px !important; height: 30px; margin: 0 !important; border-radius: 8px; background: transparent; color: #8193a3 !important; font-size: 11px; transition: background .18s,color .18s; }
body.mbx3-app-body .mbx3-sidebar .mbx3-side-menu li a > span { overflow: hidden; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
body.mbx3-app-body .mbx3-sidebar .mbx3-side-menu li a::after { content: ""; position: static; justify-self: end; width: 5px; height: 5px; border: 0; border-radius: 50%; background: transparent; }
body.mbx3-app-body .mbx3-sidebar .mbx3-side-menu li a:hover { border-left-color: rgba(var(--domain-primary-rgb),.20) !important; background: var(--v8-surface-soft) !important; color: var(--v8-ink) !important; }
body.mbx3-app-body .mbx3-sidebar .mbx3-side-menu li a:hover > i { background: rgba(var(--domain-primary-rgb),.08); color: var(--domain-primary) !important; }
body.mbx3-app-body .mbx3-sidebar .mbx3-side-menu li.active > a { border-left-color: var(--domain-primary) !important; background: var(--v8-active) !important; color: var(--v8-active-ink) !important; box-shadow: none !important; }
body.mbx3-app-body .mbx3-sidebar .mbx3-side-menu li.active > a > i { background: rgba(var(--domain-primary-rgb),.12); color: inherit !important; }
body.mbx3-app-body .mbx3-sidebar .mbx3-side-menu li.active > a::after { background: currentColor; opacity: .68; }
body.mbx3-app-body .mbx3-sidebar .mbx3-side-menu li.logout { margin-top: 12px; padding-top: 10px; border-color: var(--v8-line); }
body.mbx3-app-body .mbx3-sidebar .mbx3-side-menu li.logout a:hover { border-left-color: #d96878 !important; background: #fff3f5 !important; color: #ad5261 !important; }

/* Invoice history --------------------------------------------------------- */
body.mbx3-app-body .mbx3-invoice-page .mbx3-page-titlebar { margin-bottom: 14px; }
body.mbx3-app-body .mbx3-invoice-notice { display: grid; grid-template-columns: 40px minmax(0,1fr); align-items: center; gap: 12px; margin-bottom: 14px; padding: 13px 15px; border: 1px solid rgba(213,152,44,.24); border-radius: var(--v8-radius-sm); background: #fffaf0; color: #725522; }
body.mbx3-app-body .mbx3-invoice-notice > span { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 11px; background: #fff0cc; color: #b97712; font-size: 14px; }
body.mbx3-app-body .mbx3-invoice-notice strong { display: block; margin-bottom: 2px; color: #604414; font-size: 10.5px; font-weight: 950; }
body.mbx3-app-body .mbx3-invoice-notice p { margin: 0; color: #81683a; font-size: 9.5px; font-weight: 700; line-height: 1.55; }
body.mbx3-app-body .mbx3-invoice-card { overflow: hidden; }
body.mbx3-app-body .mbx3-invoice-card .mbx3-data-card-head { justify-content: flex-start; }
body.mbx3-app-body .mbx3-invoice-card .mbx3-data-assurance { margin-left: auto; }
body.mbx3-app-body .mbx3-invoice-table-wrap { overflow: visible; }
body.mbx3-app-body .mbx3-invoice-table { min-width: 1060px; }
body.mbx3-app-body .mbx3-invoice-table th { padding: 12px 11px !important; font-size: 8px !important; font-weight: 900 !important; letter-spacing: .055em; text-transform: uppercase; white-space: nowrap; }
body.mbx3-app-body .mbx3-invoice-table td { padding: 12px 11px !important; vertical-align: middle; font-size: 10px; }
body.mbx3-app-body .mbx3-invoice-index { display: grid; place-items: center; width: 25px; height: 25px; border-radius: 7px; background: var(--v8-surface-soft); color: var(--v8-muted); font-size: 8px; font-weight: 900; }
body.mbx3-app-body .mbx3-invoice-code { display: inline-flex; align-items: center; gap: 8px; max-width: 190px; color: var(--domain-primary); font-weight: 900; }
body.mbx3-app-body .mbx3-invoice-code i { display: grid; place-items: center; flex: 0 0 28px; width: 28px; height: 28px; border-radius: 8px; background: rgba(var(--domain-primary-rgb),.09); }
body.mbx3-app-body .mbx3-invoice-code span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.mbx3-app-body .mbx3-invoice-method { display: inline-flex; align-items: center; gap: 7px; color: var(--v8-ink); font-size: 9px; font-weight: 850; white-space: nowrap; }
body.mbx3-app-body .mbx3-invoice-method i { display: grid; place-items: center; width: 27px; height: 27px; border-radius: 8px; background: rgba(var(--domain-primary-rgb),.08); color: var(--domain-primary); }
body.mbx3-app-body .mbx3-invoice-method.crypto i { background: #fff3dd; color: #c47a12; }
body.mbx3-app-body .mbx3-invoice-method.paypal i { background: #eaf3ff; color: #1673c9; }
body.mbx3-app-body .mbx3-invoice-method.card-pay i { background: #f1edff; color: #7456c8; }
body.mbx3-app-body .mbx3-invoice-amount { color: var(--v8-ink); font-size: 10.5px; font-weight: 950; white-space: nowrap; }
body.mbx3-app-body .mbx3-invoice-pay { color: #0b9275; font-size: 10.5px; font-weight: 950; white-space: nowrap; }
body.mbx3-app-body .mbx3-invoice-table .mbx3-status-chip { gap: 5px; min-height: 27px; padding: 5px 8px; font-size: 8px; white-space: nowrap; }
body.mbx3-app-body .mbx3-invoice-table .mbx3-status-chip.neutral { border-color: var(--v8-line); background: var(--v8-surface-soft); color: var(--v8-muted); }
body.mbx3-app-body .mbx3-invoice-action { display: inline-grid; place-items: center; width: 32px; height: 32px; border: 1px solid rgba(var(--domain-primary-rgb),.18); border-radius: 9px; background: rgba(var(--domain-primary-rgb),.06); color: var(--domain-primary); transition: background .18s,color .18s,transform .18s; }
body.mbx3-app-body .mbx3-invoice-action:hover { background: var(--domain-primary); color: #fff; text-decoration: none; transform: translateX(2px); }
body.mbx3-app-body .mbx3-invoice-table-wrap .dataTables_wrapper > .row { align-items: center; margin: 0; padding: 12px 14px; }
body.mbx3-app-body .mbx3-invoice-table-wrap .dataTables_wrapper > .row:first-child { border-bottom: 1px solid var(--v8-line); background: var(--v8-surface-soft); }
body.mbx3-app-body .mbx3-invoice-table-wrap .dataTables_wrapper > .row:last-child { border-top: 1px solid var(--v8-line); }
body.mbx3-app-body .mbx3-invoice-table-wrap .dataTables_length label,
body.mbx3-app-body .mbx3-invoice-table-wrap .dataTables_filter label { margin: 0; color: var(--v8-muted); font-size: 8.5px; font-weight: 800; }
body.mbx3-app-body .mbx3-invoice-table-wrap .dataTables_length select,
body.mbx3-app-body .mbx3-invoice-table-wrap .dataTables_filter input { min-height: 34px; margin: 0 5px; border: 1px solid var(--v8-line-strong); border-radius: 8px; background: var(--v8-surface); color: var(--v8-ink); font-size: 9px; }
body.mbx3-app-body .mbx3-invoice-table-wrap .dataTables_info { padding: 0 !important; color: var(--v8-muted); font-size: 8.5px; }

/* Invoice payment --------------------------------------------------------- */
body.mbx3-app-body .mbx3-payment-page .mbx3-payment-titlebar { margin-bottom: 14px; }
body.mbx3-app-body .mbx3-payment-statusbar { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin-bottom: 14px; border: 1px solid var(--v8-line); border-radius: var(--v8-radius-sm); background: var(--v8-surface); box-shadow: var(--v8-shadow); }
body.mbx3-app-body .mbx3-payment-statusbar > div { min-width: 0; padding: 13px 16px; border-right: 1px solid var(--v8-line); }
body.mbx3-app-body .mbx3-payment-statusbar > div:last-child { border-right: 0; }
body.mbx3-app-body .mbx3-payment-statusbar span { display: block; margin-bottom: 4px; color: var(--v8-muted); font-size: 8px; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }
body.mbx3-app-body .mbx3-payment-statusbar strong:not(.mbx3-status-chip) { display: block; overflow: hidden; color: var(--v8-ink); font-size: 12px; font-weight: 950; text-overflow: ellipsis; white-space: nowrap; }
body.mbx3-app-body .mbx3-payment-statusbar .mbx3-status-chip { display: inline-flex; width: auto; margin: 0; }
body.mbx3-app-body .mbx3-payment-statusbar .mbx3-status-chip span { display: inline; margin: 0; color: inherit; font-size: inherit; letter-spacing: 0; text-transform: none; }
body.mbx3-app-body .mbx3-payment-layout { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(330px,.92fr); align-items: start; gap: 14px; }
body.mbx3-app-body .mbx3-payment-info-card,
body.mbx3-app-body .mbx3-payment-qr-card { overflow: hidden; }
body.mbx3-app-body :is(.mbx3-payment-info-card,.mbx3-payment-qr-card) .mbx3-data-card-head { justify-content: flex-start; }
body.mbx3-app-body .mbx3-payment-info-card .mbx3-data-assurance { margin-left: auto; }
body.mbx3-app-body .mbx3-payment-details { display: grid; gap: 8px; padding: 14px; }
body.mbx3-app-body .mbx3-payment-detail { display: grid; grid-template-columns: 38px minmax(0,1fr) 32px; align-items: center; gap: 10px; min-height: 58px; padding: 9px 10px; border: 1px solid var(--v8-line); border-radius: var(--v8-control-radius); background: var(--v8-surface); }
body.mbx3-app-body .mbx3-payment-detail.no-copy { grid-template-columns: 38px minmax(0,1fr); }
body.mbx3-app-body .mbx3-payment-detail.featured { border-color: rgba(var(--domain-primary-rgb),.18); background: rgba(var(--domain-primary-rgb),.045); }
body.mbx3-app-body .mbx3-payment-detail.content-code { border-color: rgba(var(--domain-secondary-rgb),.22); background: rgba(var(--domain-secondary-rgb),.05); }
body.mbx3-app-body .mbx3-payment-detail-icon { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 10px; background: var(--v8-surface-soft); color: var(--domain-primary); font-size: 12px; }
body.mbx3-app-body .mbx3-payment-detail.featured .mbx3-payment-detail-icon { background: rgba(var(--domain-primary-rgb),.11); }
body.mbx3-app-body .mbx3-payment-detail.content-code .mbx3-payment-detail-icon { background: rgba(var(--domain-secondary-rgb),.12); color: var(--domain-secondary); }
body.mbx3-app-body .mbx3-payment-detail > div { min-width: 0; }
body.mbx3-app-body .mbx3-payment-detail small { display: block; margin-bottom: 3px; color: var(--v8-muted); font-size: 8px; font-weight: 800; }
body.mbx3-app-body .mbx3-payment-detail strong { display: block; overflow-wrap: anywhere; color: var(--v8-ink); font-size: 11px; font-weight: 950; }
body.mbx3-app-body .mbx3-payment-detail.featured strong { color: var(--domain-primary); font-size: 13px; }
body.mbx3-app-body .mbx3-payment-detail.content-code strong { color: var(--domain-secondary); letter-spacing: .025em; }
body.mbx3-app-body .mbx3-payment-copy { display: grid; place-items: center; width: 32px; height: 32px; padding: 0; border: 1px solid rgba(var(--domain-primary-rgb),.18); border-radius: 9px; background: rgba(var(--domain-primary-rgb),.07); color: var(--domain-primary); transition: background .18s,color .18s,transform .18s; }
body.mbx3-app-body .mbx3-payment-copy:hover,
body.mbx3-app-body .mbx3-payment-copy.copied { background: var(--domain-primary); color: #fff; transform: translateY(-1px); }
body.mbx3-app-body .mbx3-payment-warning { display: flex; align-items: flex-start; gap: 9px; margin: 0 14px 14px; padding: 11px 12px; border: 1px solid rgba(213,152,44,.22); border-radius: var(--v8-control-radius); background: #fffaf0; color: #806736; font-size: 8.5px; line-height: 1.55; }
body.mbx3-app-body .mbx3-payment-warning > i { margin-top: 2px; color: #bd7b13; }
body.mbx3-app-body .mbx3-payment-warning strong { color: #674914; }
body.mbx3-app-body .mbx3-payment-qr-body { padding: 18px 18px 13px; text-align: center; }
body.mbx3-app-body .mbx3-payment-qr-frame { display: grid; place-items: center; width: min(100%,310px); min-height: 260px; margin: 0 auto 13px; padding: 10px; border: 1px solid var(--v8-line); border-radius: var(--v8-radius-sm); background: #fff; box-shadow: 0 8px 22px rgba(24,50,73,.055); }
body.mbx3-app-body .mbx3-payment-qr-frame img,
body.mbx3-app-body .mbx3-payment-qr-frame svg { display: block; width: 100%; max-width: 290px; height: auto; }
body.mbx3-app-body .mbx3-payment-qr-body > strong { display: block; color: var(--v8-ink); font-size: 12px; font-weight: 950; }
body.mbx3-app-body .mbx3-payment-qr-body > p { max-width: 330px; margin: 5px auto 0; color: var(--v8-muted); font-size: 9px; line-height: 1.55; }
body.mbx3-app-body .mbx3-payment-manual-icon { display: grid; place-items: center; width: 118px; height: 118px; margin: 18px auto 24px; border-radius: 28px; background: linear-gradient(135deg,rgba(var(--domain-primary-rgb),.12),rgba(var(--domain-secondary-rgb),.14)); color: var(--domain-primary); font-size: 42px; }
body.mbx3-app-body .mbx3-payment-steps { display: grid; gap: 0; margin: 0; padding: 0 18px 17px; list-style: none; }
body.mbx3-app-body .mbx3-payment-steps li { display: grid; grid-template-columns: 27px minmax(0,1fr); align-items: center; gap: 10px; padding: 9px 0; border-top: 1px solid var(--v8-line); }
body.mbx3-app-body .mbx3-payment-steps b { display: grid; place-items: center; width: 27px; height: 27px; border-radius: 8px; background: rgba(var(--domain-primary-rgb),.08); color: var(--domain-primary); font-size: 8px; }
body.mbx3-app-body .mbx3-payment-steps strong,
body.mbx3-app-body .mbx3-payment-steps small { display: block; }
body.mbx3-app-body .mbx3-payment-steps strong { color: var(--v8-ink); font-size: 9px; font-weight: 900; }
body.mbx3-app-body .mbx3-payment-steps small { margin-top: 2px; color: var(--v8-muted); font-size: 8px; }

body.mbx3-app-body .mbx3-app-topbar.iq-top-navbar { min-height: 78px; padding: 9px 16px 0 !important; }
body.mbx3-app-body .mbx3-app-topbar .iq-navbar-custom { min-height: 68px !important; }
body.mbx3-app-body .mbx3-app-topbar .navbar { min-height: 66px !important; padding: 0 13px !important; }
body.mbx3-app-body .mbx3-topbar-start { gap: 12px; }
body.mbx3-app-body .mbx3-topbar-end { gap: 9px; }
body.mbx3-app-body .mbx3-topbar-menu,
body.mbx3-app-body .mbx3-topbar-icon { flex-basis: 40px; width: 40px; height: 40px; border-color: var(--v8-line); border-radius: var(--v8-control-radius); background: var(--v8-surface-soft); color: var(--v8-muted); transition: border-color .18s,background .18s,color .18s,transform .18s; }
body.mbx3-app-body .mbx3-topbar-menu:hover,
body.mbx3-app-body .mbx3-topbar-icon:hover { border-color: rgba(var(--domain-primary-rgb),.28); background: rgba(var(--domain-primary-rgb),.08); color: var(--domain-primary); transform: translateY(-1px); }
body.mbx3-app-body .mbx3-topbar-context { min-width: 0; padding-left: 12px; border-left: 1px solid var(--v8-line); }
body.mbx3-app-body .mbx3-topbar-context small { color: var(--v8-muted); font-size: 7px; font-weight: 800; line-height: 1; text-transform: uppercase; letter-spacing: .055em; }
body.mbx3-app-body .mbx3-topbar-context strong { margin-top: 4px; color: var(--v8-ink); font-size: 11.5px; line-height: 1; }
body.mbx3-app-body .mbx3-topbar-brand { gap: 0; color: var(--v8-ink) !important; }
body.mbx3-app-body .mbx3-topbar-mark { flex: 0 0 34px; width: 34px; height: 34px; border-radius: var(--v8-control-radius); box-shadow: 0 6px 14px rgba(var(--domain-primary-rgb),.18); }

body.mbx3-app-body .mbx3-top-wallets { display: grid; grid-template-columns: repeat(2,minmax(118px,1fr)); min-width: 264px; overflow: hidden; border-color: var(--v8-line); border-radius: var(--v8-control-radius); background: var(--v8-surface-soft); }
body.mbx3-app-body .mbx3-top-wallets > a { display: grid; grid-template-columns: 28px minmax(0,1fr); align-items: center; gap: 8px; min-width: 0; min-height: 40px; padding: 5px 9px; }
body.mbx3-app-body .mbx3-top-wallets > a + a { border-color: var(--v8-line); }
body.mbx3-app-body .mbx3-top-wallets > a > i { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 8px; background: rgba(var(--domain-primary-rgb),.09); color: var(--domain-primary); font-size: 9px; }
body.mbx3-app-body .mbx3-top-wallets > a.sell > i { background: rgba(var(--domain-secondary-rgb),.10); color: var(--domain-secondary); }
body.mbx3-app-body .mbx3-top-wallets > a > span { display: block; min-width: 0; }
body.mbx3-app-body .mbx3-top-wallets small,
body.mbx3-app-body .mbx3-top-wallets strong { display: block; overflow: hidden; opacity: 1; text-overflow: ellipsis; white-space: nowrap; }
body.mbx3-app-body .mbx3-top-wallets small { color: var(--v8-muted); font-size: 7px; font-weight: 800; }
body.mbx3-app-body .mbx3-top-wallets strong { margin-top: 2px; color: var(--v8-ink); font-size: 9.5px; font-weight: 950; font-variant-numeric: tabular-nums; }
body.mbx3-app-body .mbx3-top-wallets > a:hover { background: rgba(var(--domain-primary-rgb),.055); }

body.mbx3-app-body .mbx3-theme-control,
body.mbx3-app-body .mbx3-theme-control .custom-control-inline,
body.mbx3-app-body .mbx3-theme-control .custom-switch-inner { width: 40px !important; height: 40px !important; }
body.mbx3-app-body .mbx3-theme-control .custom-control-label { width: 40px !important; height: 40px !important; border-color: rgba(var(--domain-primary-rgb),.22) !important; border-radius: var(--v8-control-radius) !important; background: rgba(var(--domain-primary-rgb),.075) !important; color: var(--domain-primary) !important; box-shadow: none; transition: border-color .18s,background .18s,transform .18s; }
body.mbx3-app-body .mbx3-theme-control .custom-control-label:hover { border-color: rgba(var(--domain-primary-rgb),.36) !important; background: rgba(var(--domain-primary-rgb),.13) !important; transform: translateY(-1px); }
body.mbx3-app-body .mbx3-theme-control .custom-control-label i { font-size: 13px !important; }
body.mbx3-app-body .mbx3-notification-count { top: -5px; right: -5px; min-width: 18px; height: 18px; border-color: var(--v8-surface); font-size: 7.5px; }
body.mbx3-app-body .mbx3-profile-button { min-height: 40px; padding: 3px 8px 3px 4px; border-color: var(--v8-line); border-radius: var(--v8-control-radius); background: var(--v8-surface); }
body.mbx3-app-body .mbx3-avatar { width: 32px; height: 32px; border-radius: calc(var(--v8-control-radius) - 1px); background: linear-gradient(135deg,var(--domain-primary),var(--domain-secondary)); box-shadow: 0 5px 12px rgba(var(--domain-primary-rgb),.16); }
body.mbx3-app-body .mbx3-profile-copy strong { color: var(--v8-ink); }
body.mbx3-app-body .mbx3-profile-copy small { color: var(--v8-muted); }
body.mbx3-app-body :is(.mbx3-notification-menu,.mbx3-profile-menu) { border-color: var(--v8-line) !important; border-radius: var(--v8-radius-sm) !important; background: var(--v8-surface) !important; box-shadow: 0 20px 48px rgba(12,32,55,.16) !important; }
body.mbx3-app-body .mbx3-dropdown-head { border-color: var(--v8-line); background: var(--v8-head); }
body.mbx3-app-body .mbx3-notification-item:hover,
body.mbx3-app-body .mbx3-profile-menu .dropdown-item:hover { background: var(--v8-surface-soft) !important; color: var(--domain-primary) !important; }

/* Every theme carries its signature through the navigation. */
html[data-domain-theme="preset_navy"] body:not(.dark).mbx3-app-body .mbx3-sidebar-wallets { border: 0 !important; background: linear-gradient(145deg,var(--domain-primary),var(--domain-secondary)) !important; }
html[data-domain-theme="preset_navy"] body:not(.dark).mbx3-app-body .mbx3-sidebar-wallets > header > span,
html[data-domain-theme="preset_navy"] body:not(.dark).mbx3-app-body .mbx3-sidebar-wallets > header > a { color: #fff !important; }
html[data-domain-theme="preset_navy"] body:not(.dark).mbx3-app-body .mbx3-sidebar-wallet-list > a,
html[data-domain-theme="preset_navy"] body:not(.dark).mbx3-app-body .mbx3-sidebar-wallet-list > a.sell { border-color: rgba(255,255,255,.12); background: rgba(255,255,255,.11) !important; }
html[data-domain-theme="preset_navy"] body:not(.dark).mbx3-app-body .mbx3-sidebar-wallet-copy :is(small,strong),
html[data-domain-theme="preset_navy"] body:not(.dark).mbx3-app-body .mbx3-sidebar-wallet-arrow { color: #fff !important; }
html[data-domain-theme="preset_navy"] body:not(.dark).mbx3-app-body .mbx3-sidebar-wallet-icon { background: rgba(255,255,255,.15); color: #fff !important; }
html[data-domain-theme="preset_emerald"] body:not(.dark).mbx3-app-body :is(.mbx3-sidebar-account,.mbx3-sidebar-wallets,.mbx3-sidebar .mbx3-side-menu li a) { border-radius: 16px !important; }
html[data-domain-theme="preset_emerald"] body:not(.dark).mbx3-app-body .mbx3-sidebar-avatar { border-radius: 50%; }
html[data-domain-theme="preset_indigo"] body:not(.dark).mbx3-app-body :is(.mbx3-sidebar-account,.mbx3-sidebar-wallets) { border-radius: 12px 12px 19px 12px !important; }
html[data-domain-theme="preset_indigo"] body:not(.dark).mbx3-app-body .mbx3-sidebar-account { background: linear-gradient(125deg,#fff,rgba(var(--domain-primary-rgb),.08)); }
html[data-domain-theme="preset_slate"] body:not(.dark).mbx3-app-body .mbx3-sidebar-account,
html[data-domain-theme="preset_slate"] body:not(.dark).mbx3-app-body .mbx3-sidebar-wallets { box-shadow: none; }
html[data-domain-theme="preset_slate"] body:not(.dark).mbx3-app-body .mbx3-sidebar .mbx3-side-menu li.active > a { border-radius: 4px !important; }

/* Navy purchase hero deliberately stays dark; its copy is authored in white. */
html[data-domain-theme="preset_navy"] body:not(.dark) .xu-shop-page .hero { border-color: transparent !important; background: radial-gradient(circle at 88% 0,rgba(255,255,255,.16),transparent 30%),linear-gradient(125deg,var(--domain-primary),var(--domain-secondary)) !important; color: #fff !important; box-shadow: 0 16px 36px rgba(var(--domain-primary-rgb),.18) !important; }
html[data-domain-theme="preset_navy"] body:not(.dark) .xu-shop-page .hero h1,
html[data-domain-theme="preset_navy"] body:not(.dark) .xu-shop-page .hero h1[style],
html[data-domain-theme="preset_navy"] body:not(.dark) .xu-shop-page .hero p,
html[data-domain-theme="preset_navy"] body:not(.dark) .xu-shop-page .hero p[style] { color: #fff !important; opacity: 1 !important; }
html[data-domain-theme="preset_navy"] body:not(.dark) .xu-shop-page .hero-kicker { border-color: rgba(255,255,255,.24) !important; background: rgba(255,255,255,.13) !important; color: #fff !important; }
html[data-domain-theme="preset_navy"] body:not(.dark) .xu-shop-page .hero-meta span { border-color: rgba(255,255,255,.20) !important; background: rgba(255,255,255,.11) !important; color: #fff !important; }
html[data-domain-theme="preset_navy"] body:not(.dark) .xu-shop-page .hero-tabs .tab-switch { border-color: rgba(255,255,255,.28) !important; background: rgba(255,255,255,.10) !important; color: #fff !important; }
html[data-domain-theme="preset_navy"] body:not(.dark) .xu-shop-page .hero-tabs .tab-switch.active { border-color: #fff !important; background: #fff !important; color: var(--domain-primary) !important; }

body.dark.mbx3-app-body .mbx3-sidebar-account { border-color: #29425d; background: #0e1e32; box-shadow: none; }
body.dark.mbx3-app-body .mbx3-sidebar-account-copy strong,
body.dark.mbx3-app-body .mbx3-sidebar-wallet-copy strong,
body.dark.mbx3-app-body .mbx3-top-wallets strong { color: #edf5fc !important; }
body.dark.mbx3-app-body .mbx3-sidebar-account-copy small,
body.dark.mbx3-app-body .mbx3-sidebar-wallet-copy small,
body.dark.mbx3-app-body .mbx3-top-wallets small { color: #91a6b9 !important; }
body.dark.mbx3-app-body .mbx3-sidebar-account > a { background: #142941; color: #9fb2c4; }
body.dark.mbx3-app-body .mbx3-sidebar-wallets { border-color: #29425d; background: #0d1d31; }
body.dark.mbx3-app-body .mbx3-sidebar-wallets > header > span { color: #91a6b9 !important; }
body.dark.mbx3-app-body .mbx3-sidebar-wallet-list > a,
body.dark.mbx3-app-body .mbx3-sidebar-wallet-list > a.sell { border-color: #29425d; background: #112239 !important; }
body.dark.mbx3-app-body .mbx3-sidebar .mbx3-side-menu li a:hover { background: rgba(var(--domain-primary-rgb),.12) !important; color: #edf5fc !important; }
body.dark.mbx3-app-body .mbx3-sidebar .mbx3-side-menu li a > i { color: #8fa5b9 !important; }
body.dark.mbx3-app-body .mbx3-side-menu .mbx-menu-title::after { background: #29425d; }
body.dark.mbx3-app-body .mbx3-top-wallets,
body.dark.mbx3-app-body .mbx3-profile-button { border-color: #29425d; background: #0e1e32; }
body.dark.mbx3-app-body .mbx3-profile-copy strong { color: #f1f7fd !important; }
body.dark.mbx3-app-body .mbx3-profile-copy small { color: #a9bbcc !important; }
body.dark.mbx3-app-body .mbx3-profile-button > i { color: #c5d4e2 !important; }
body.dark.mbx3-app-body .mbx3-profile-menu .dropdown-item {
  color: #cbd8e5 !important;
  opacity: 1 !important;
}
body.dark.mbx3-app-body .mbx3-profile-menu .dropdown-item i { color: #91aec7 !important; }
body.dark.mbx3-app-body .mbx3-profile-menu .dropdown-item:hover,
body.dark.mbx3-app-body .mbx3-profile-menu .dropdown-item:focus {
  background: #1a304a !important;
  color: #fff !important;
}
body.dark.mbx3-app-body .mbx3-profile-menu .dropdown-item:hover i,
body.dark.mbx3-app-body .mbx3-profile-menu .dropdown-item:focus i { color: #7fc5ff !important; }
body.dark.mbx3-app-body .mbx3-profile-menu .dropdown-divider { border-top-color: #29425d !important; }
body.dark.mbx3-app-body .mbx3-profile-menu .dropdown-item.text-danger { color: #ffaaa7 !important; }
body.dark.mbx3-app-body .mbx3-profile-menu .dropdown-item.text-danger i { color: #ef8f8c !important; }
body.dark.mbx3-app-body .mbx3-profile-menu .dropdown-item.text-danger:hover,
body.dark.mbx3-app-body .mbx3-profile-menu .dropdown-item.text-danger:focus {
  background: rgba(239, 99, 93, .13) !important;
  color: #ffc0bd !important;
}
body.dark.mbx3-app-body .mbx3-top-wallets > a + a { border-color: #29425d; }
body.dark.mbx3-app-body .mbx3-top-wallets > a:hover { background: rgba(var(--domain-primary-rgb),.12); }
body.dark.mbx3-app-body .mbx3-topbar-context { border-color: #29425d; }
body.dark.mbx3-app-body :is(.mbx3-notification-menu,.mbx3-profile-menu) { border-color: #29425d !important; background: #112137 !important; box-shadow: 0 20px 48px rgba(0,0,0,.32) !important; }
body.dark.mbx3-app-body .mbx3-dropdown-head { border-color: #29425d; background: #0e1e32; }
body.dark.mbx3-app-body .mbx3-invoice-notice { border-color: #594826; background: #241f18; }
body.dark.mbx3-app-body .mbx3-invoice-notice > span { background: #392f1c; color: #edc16c; }
body.dark.mbx3-app-body .mbx3-invoice-notice strong { color: #f1d18d; }
body.dark.mbx3-app-body .mbx3-invoice-notice p { color: #c8b58d; }
body.dark.mbx3-app-body .mbx3-invoice-index,
body.dark.mbx3-app-body .mbx3-invoice-table-wrap .dataTables_wrapper > .row:first-child { background: #0e1e32; }
body.dark.mbx3-app-body .mbx3-invoice-method,
body.dark.mbx3-app-body .mbx3-invoice-amount { color: #dce7f4; }
body.dark.mbx3-app-body .mbx3-invoice-pay { color: #62d7bb; }
body.dark.mbx3-app-body .mbx3-invoice-table-wrap .dataTables_wrapper > .row { border-color: #29425d; }
body.dark.mbx3-app-body .mbx3-invoice-table-wrap .dataTables_length select,
body.dark.mbx3-app-body .mbx3-invoice-table-wrap .dataTables_filter input { border-color: #304963; background: #0e1e32; color: #dce7f4; }
body.dark.mbx3-app-body .mbx3-payment-statusbar { border-color: #29425d; background: #112137; box-shadow: none; }
body.dark.mbx3-app-body .mbx3-payment-statusbar > div { border-color: #29425d; }
body.dark.mbx3-app-body .mbx3-payment-statusbar strong:not(.mbx3-status-chip),
body.dark.mbx3-app-body .mbx3-payment-detail strong,
body.dark.mbx3-app-body .mbx3-payment-qr-body > strong,
body.dark.mbx3-app-body .mbx3-payment-steps strong { color: #edf5fc; }
body.dark.mbx3-app-body .mbx3-payment-detail { border-color: #29425d; background: #112137; }
body.dark.mbx3-app-body .mbx3-payment-detail.featured { border-color: rgba(var(--domain-primary-rgb),.30); background: rgba(var(--domain-primary-rgb),.12); }
body.dark.mbx3-app-body .mbx3-payment-detail.content-code { border-color: rgba(var(--domain-secondary-rgb),.30); background: rgba(var(--domain-secondary-rgb),.11); }
body.dark.mbx3-app-body .mbx3-payment-detail-icon { background: #0e1e32; }
body.dark.mbx3-app-body .mbx3-payment-warning { border-color: #594826; background: #241f18; color: #c8b58d; }
body.dark.mbx3-app-body .mbx3-payment-warning strong { color: #f1d18d; }
body.dark.mbx3-app-body .mbx3-payment-qr-frame { border-color: #29425d; background: #fff; box-shadow: none; }
body.dark.mbx3-app-body .mbx3-payment-steps li { border-color: #29425d; }

/* Service stock and rate are separate visual facts. */
.mbx3-dashboard-services p,
.mbx6-service-list small { display: flex !important; align-items: center; flex-wrap: wrap; gap: 5px; overflow: visible !important; white-space: normal !important; }
.mbx3-dashboard-services p > i,
.mbx6-service-list small > i { color: #a2b0bc; font-size: 7px; font-style: normal; }
.mbx-service-stock,
.mbx-service-rate { display: inline-block; font-size: inherit; font-weight: 900; line-height: 1.4; }
.mbx-service-stock { color: var(--domain-primary); }
.mbx-service-rate { color: var(--domain-secondary); }
body.dark .mbx-service-stock { color: #83b9ff; }
body.dark .mbx-service-rate { color: #72d9c4; }

@media (min-width: 1300px) {
  body.sidebar-main.mbx3-app-body { --app-sidebar: 82px; }
  body.sidebar-main.mbx3-app-body .mbx3-sidebar-account,
  body.sidebar-main.mbx3-app-body .mbx3-sidebar-wallets { display: none !important; }
  body.sidebar-main.mbx3-app-body .mbx3-sidebar-scroll { padding-right: 10px !important; padding-left: 10px !important; overflow-x: hidden; }
  body.sidebar-main.mbx3-app-body .mbx3-sidebar .mbx3-side-menu li a { display: grid !important; grid-template-columns: 1fr; width: 48px; min-height: 48px; margin: 4px auto !important; padding: 7px !important; border-left: 0 !important; }
  body.sidebar-main.mbx3-app-body .mbx3-sidebar .mbx3-side-menu li a > i { justify-self: center; width: 32px !important; height: 32px; }
  body.sidebar-main.mbx3-app-body .mbx3-sidebar .mbx3-side-menu li.active > a { background: transparent !important; color: var(--domain-primary) !important; }
  body.sidebar-main.mbx3-app-body .mbx3-sidebar .mbx3-side-menu li.active > a > i { flex: 0 0 36px; width: 36px !important; min-width: 36px; height: 36px !important; min-height: 36px; padding: 0 !important; aspect-ratio: 1 / 1; box-sizing: border-box; background: var(--domain-primary) !important; color: #fff !important; box-shadow: 0 5px 12px rgba(var(--domain-primary-rgb),.22); }
  body.sidebar-main.mbx3-app-body .mbx3-sidebar .mbx3-side-menu li a::after { display: none; }
}

@media (max-width: 1299.98px) {
  body.mbx3-app-body { --app-sidebar: 0px; }
  body.mbx3-app-body .mbx3-sidebar.iq-sidebar {
    z-index: 1100 !important;
    width: min(86vw,290px) !important;
  }
  body.mbx3-app-body .mbx3-app-topbar.iq-top-navbar { left: 0 !important; }
  body.mbx3-app-body .content-page,
  body.mbx3-app-body .iq-footer { margin-left: 0 !important; }
}

@media (max-width: 991.98px) {
  body.mbx3-app-body .mbx3-top-wallets { display: none; }
  body.mbx3-app-body .mbx3-app-topbar .navbar { padding-right: 10px !important; padding-left: 10px !important; }
  body.mbx3-app-body .mbx3-payment-layout { grid-template-columns: 1fr; }
  body.mbx3-app-body .mbx3-payment-qr-card { display: grid; grid-template-columns: minmax(280px,.8fr) minmax(0,1fr); }
  body.mbx3-app-body .mbx3-payment-qr-card > .mbx3-data-card-head { grid-column: 1 / -1; }
  body.mbx3-app-body .mbx3-payment-steps { align-self: center; padding: 14px 18px; }
}

@media (max-width: 767.98px) {
  body.mbx3-app-body .mbx3-app-topbar.iq-top-navbar { min-height: 68px; padding: 7px 7px 0 !important; }
  body.mbx3-app-body .mbx3-app-topbar .iq-navbar-custom,
  body.mbx3-app-body .mbx3-app-topbar .navbar { min-height: 59px !important; }
  body.mbx3-app-body .mbx3-topbar-menu,
  body.mbx3-app-body .mbx3-topbar-icon,
  body.mbx3-app-body .mbx3-theme-control,
  body.mbx3-app-body .mbx3-theme-control .custom-control-inline,
  body.mbx3-app-body .mbx3-theme-control .custom-switch-inner,
  body.mbx3-app-body .mbx3-theme-control .custom-control-label { width: 38px !important; height: 38px !important; flex-basis: 38px; }
  body.mbx3-app-body .mbx3-profile-button { width: 38px; min-height: 38px; padding: 3px; }
  body.mbx3-app-body .mbx3-avatar { width: 30px; height: 30px; }
  body.mbx3-app-body .mbx3-notification-menu { position: fixed !important; top: 72px !important; right: 9px !important; left: 9px !important; width: auto !important; max-height: calc(100vh - 92px); overflow: auto; }
  .mbx-mobile-dock { right: 9px !important; bottom: calc(8px + env(safe-area-inset-bottom)) !important; left: 9px !important; grid-template-columns: repeat(4,1fr); min-height: 62px; padding: 6px; border: 1px solid rgba(var(--domain-primary-rgb),.16); border-radius: 16px; background: rgba(255,255,255,.96); box-shadow: 0 14px 36px rgba(18,40,62,.20); }
  .mbx-mobile-dock a { min-height: 48px; border-radius: 11px; color: var(--v8-muted); }
  .mbx-mobile-dock a i { font-size: 14px; }
  .mbx-mobile-dock a span { font-size: 7.5px; font-weight: 850; }
  .mbx-mobile-dock a.active { background: rgba(var(--domain-primary-rgb),.10); color: var(--domain-primary); }
  body.dark .mbx-mobile-dock { border-color: #29425d; background: rgba(17,33,55,.96); }
  body.dark .mbx-mobile-dock a.active { background: rgba(var(--domain-primary-rgb),.18); color: #fff; }
  body.mbx3-app-body .mbx3-invoice-page .mbx3-page-titlebar { align-items: stretch; }
  body.mbx3-app-body .mbx3-invoice-page .mbx3-page-titlebar .btn { width: 100%; }
  body.mbx3-app-body .mbx3-invoice-notice { grid-template-columns: 34px minmax(0,1fr); gap: 9px; padding: 11px; }
  body.mbx3-app-body .mbx3-invoice-notice > span { width: 34px; height: 34px; border-radius: 9px; font-size: 12px; }
  body.mbx3-app-body .mbx3-invoice-card .mbx3-data-card-head { align-items: flex-start; flex-direction: column; gap: 9px; }
  body.mbx3-app-body .mbx3-invoice-table-wrap { overflow: visible; padding: 9px; }
  body.mbx3-app-body .mbx3-invoice-table-wrap .dataTables_wrapper > .row { gap: 8px; padding: 9px 2px; }
  body.mbx3-app-body .mbx3-invoice-table-wrap .dataTables_wrapper > .row:first-child { margin: -9px -9px 9px; padding: 10px 9px; }
  body.mbx3-app-body .mbx3-invoice-table-wrap .dataTables_wrapper > .row:last-child { margin: 9px -9px -9px; padding: 10px 9px; }
  body.mbx3-app-body .mbx3-invoice-table-wrap .dataTables_length,
  body.mbx3-app-body .mbx3-invoice-table-wrap .dataTables_filter { width: 100%; text-align: left; }
  body.mbx3-app-body .mbx3-invoice-table-wrap .dataTables_filter input { width: calc(100% - 58px); margin-right: 0; }
  body.mbx3-app-body .mbx3-invoice-table { min-width: 0; background: transparent !important; }
  body.mbx3-app-body .mbx3-invoice-table thead { display: none; }
  body.mbx3-app-body .mbx3-invoice-table tbody { display: grid; gap: 10px; background: transparent !important; }
  body.mbx3-app-body .mbx3-invoice-table tr { display: block; overflow: hidden; border: 1px solid var(--v8-line); border-radius: var(--v8-radius-sm); background: var(--v8-surface) !important; }
  body.mbx3-app-body .mbx3-invoice-table td { display: grid; grid-template-columns: minmax(98px,.42fr) minmax(0,.58fr); align-items: center; gap: 10px; width: 100%; padding: 9px 11px !important; border: 0 !important; border-bottom: 1px solid var(--v8-line) !important; text-align: right !important; }
  body.mbx3-app-body .mbx3-invoice-table td:last-child { border-bottom: 0 !important; }
  body.mbx3-app-body .mbx3-invoice-table td::before { content: attr(data-label); color: var(--v8-muted); font-size: 8px; font-weight: 850; letter-spacing: .03em; text-align: left; text-transform: uppercase; }
  body.mbx3-app-body .mbx3-invoice-table td > * { justify-self: end; max-width: 100%; }
  body.mbx3-app-body .mbx3-invoice-code { max-width: min(210px,100%); }
  body.dark.mbx3-app-body .mbx3-invoice-table tr { border-color: #29425d; background: #112137 !important; }
  body.dark.mbx3-app-body .mbx3-invoice-table td { border-color: #29425d !important; }
  body.mbx3-app-body .mbx3-payment-titlebar .btn { width: 100%; }
  body.mbx3-app-body .mbx3-payment-statusbar { grid-template-columns: 1fr; }
  body.mbx3-app-body .mbx3-payment-statusbar > div { padding: 11px 13px; border-right: 0; border-bottom: 1px solid var(--v8-line); }
  body.mbx3-app-body .mbx3-payment-statusbar > div:last-child { border-bottom: 0; }
  body.mbx3-app-body .mbx3-payment-qr-card { display: block; }
  body.mbx3-app-body .mbx3-payment-details { padding: 10px; }
  body.mbx3-app-body .mbx3-payment-detail { grid-template-columns: 34px minmax(0,1fr) 30px; gap: 8px; min-height: 54px; padding: 8px; }
  body.mbx3-app-body .mbx3-payment-detail.no-copy { grid-template-columns: 34px minmax(0,1fr); }
  body.mbx3-app-body .mbx3-payment-detail-icon { width: 34px; height: 34px; border-radius: 9px; }
  body.mbx3-app-body .mbx3-payment-copy { width: 30px; height: 30px; }
  body.mbx3-app-body .mbx3-payment-warning { margin: 0 10px 10px; }
  body.mbx3-app-body .mbx3-payment-qr-body { padding: 15px 12px 10px; }
  body.mbx3-app-body .mbx3-payment-qr-frame { min-height: 0; }
  body.mbx3-app-body .mbx3-payment-steps { padding: 0 12px 13px; }
  body.dark.mbx3-app-body .mbx3-payment-statusbar > div { border-color: #29425d; }
}

@media (max-width: 420px) {
  body.mbx3-app-body .mbx3-sidebar.iq-sidebar { width: min(89vw,286px) !important; }
  body.mbx3-app-body .mbx3-app-topbar .navbar { padding-right: 7px !important; padding-left: 7px !important; }
  body.mbx3-app-body .mbx3-topbar-start,
  body.mbx3-app-body .mbx3-topbar-end { gap: 6px; }
  body.mbx3-app-body .mbx3-profile-dropdown { display: none; }
  body.mbx3-app-body .mbx3-topbar-brand { display: inline-flex; }
  body.mbx3-app-body .mbx3-topbar-brand > span:last-child { display: none; }
  .mbx3-dashboard-services p,
  .mbx6-service-list small { gap: 3px 5px; }
  .mbx-service-rate { flex-basis: 100%; }
  .mbx3-dashboard-services p > i,
  .mbx6-service-list small > i { display: none; }
}

/* The legacy vendor stylesheet forces body/container to 992px. Client pages
   must explicitly release that desktop minimum or mobile media queries are
   rendered into a cropped 992px canvas. */
body.mbx3-app-body,
body.mbx6-public-light,
body.mbx-auth-page,
body.mbx3-app-body .container,
body.mbx3-app-body .container-fluid,
body.mbx6-public-light .container,
body.mbx6-public-light .container-fluid,
body.mbx-auth-page .container,
body.mbx-auth-page .container-fluid { min-width: 0 !important; }

/* Keep the login heading visually aligned with the centered brand mark while
   form labels remain left-aligned for fast scanning. */
body.mbx-auth-page .login-content h3,
body.mbx-auth-page .login-content h3::after { text-align: center !important; }

/* Public topbar follows the same compact hierarchy as the signed-in app. */
.mbx6-public-light .mbx3-public-header { min-height: 58px; }
.mbx6-public-light .mbx5-public-topbar { min-height: 58px; padding-right: 10px; padding-left: 10px; }
.mbx6-public-light .mbx3-menu-button {
  flex-basis: 36px;
  width: 36px;
  height: 36px;
  margin-right: 8px;
  border-color: var(--v8-line);
  border-radius: var(--v8-control-radius);
  background: var(--v8-surface-soft);
  color: var(--v8-muted);
  font-size: 12px;
  box-shadow: none;
}
.mbx6-public-light .mbx3-menu-button:hover {
  border-color: rgba(var(--domain-primary-rgb),.28);
  background: rgba(var(--domain-primary-rgb),.07);
  color: var(--domain-primary);
  box-shadow: none;
}
.mbx8-public-topbar-brand { display: flex; align-items: center; gap: 9px; min-width: 0; color: inherit; text-decoration: none !important; }
.mbx8-public-topbar-mark { display: grid; place-items: center; flex: 0 0 32px; width: 32px; height: 32px; border-radius: 9px; background: linear-gradient(135deg,var(--domain-primary),var(--domain-secondary)); color: #fff; font-size: 11px; box-shadow: 0 5px 12px rgba(var(--domain-primary-rgb),.16); }
.mbx8-public-topbar-copy { display: block; min-width: 0; }
.mbx8-public-topbar-copy small,
.mbx8-public-topbar-copy strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mbx8-public-topbar-copy small { color: var(--v8-muted); font-size: 6.5px; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.mbx8-public-topbar-copy strong { max-width: 170px; margin-top: 2px; color: var(--v8-ink); font-size: 10.5px; font-weight: 900; }
.mbx8-guest-topbar-actions { display: flex; align-items: center; gap: 7px; margin-left: auto; }
.mbx8-guest-topbar-icon {
  display: grid;
  place-items: center;
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 1px solid var(--v8-line);
  border-radius: var(--v8-control-radius);
  background: var(--v8-surface-soft);
  color: var(--v8-muted);
  font-size: 12px;
  text-decoration: none !important;
  cursor: pointer;
}
.mbx8-guest-topbar-icon:hover { border-color: rgba(var(--domain-primary-rgb),.28); background: rgba(var(--domain-primary-rgb),.08); color: var(--domain-primary); }
.mbx8-guest-account { position: relative; }
.mbx8-guest-account-button {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 132px;
  height: 40px;
  padding: 4px 9px 4px 5px;
  border: 1px solid var(--v8-line);
  border-radius: var(--v8-control-radius);
  background: var(--v8-surface);
  color: var(--v8-ink);
  cursor: pointer;
}
.mbx8-guest-account-button:hover,
.mbx8-guest-account.is-open .mbx8-guest-account-button { border-color: rgba(var(--domain-primary-rgb),.30); background: var(--v8-surface-soft); }
.mbx8-guest-avatar { display: grid; place-items: center; flex: 0 0 31px; width: 31px; height: 31px; border-radius: 8px; background: linear-gradient(135deg,var(--domain-primary),var(--domain-secondary)); color: #fff; font-size: 10px; }
.mbx8-guest-account-copy { display: block; min-width: 0; text-align: left; }
.mbx8-guest-account-copy strong,
.mbx8-guest-account-copy small { display: block; line-height: 1.1; }
.mbx8-guest-account-copy strong { font-size: 9px; font-weight: 900; }
.mbx8-guest-account-copy small { margin-top: 3px; color: var(--v8-muted); font-size: 7px; font-weight: 700; }
.mbx8-guest-account-arrow { margin-left: auto; color: var(--v8-muted); font-size: 8px; transition: transform .18s; }
.mbx8-guest-account.is-open .mbx8-guest-account-arrow { transform: rotate(180deg); }
.mbx8-guest-account-menu {
  position: absolute;
  z-index: 1200;
  top: calc(100% + 8px);
  right: 0;
  width: 224px;
  padding: 7px;
  border: 1px solid var(--v8-line);
  border-radius: var(--v8-radius-sm);
  background: var(--v8-surface);
  box-shadow: 0 18px 42px rgba(12,32,55,.16);
}
.mbx8-guest-account-menu[hidden] { display: none !important; }
.mbx8-guest-account-menu a { display: grid; grid-template-columns: 30px minmax(0,1fr); align-items: center; gap: 9px; min-height: 46px; padding: 6px 8px; border-radius: 8px; color: var(--v8-ink); text-decoration: none !important; }
.mbx8-guest-account-menu a:hover { background: var(--v8-surface-soft); color: var(--domain-primary); }
.mbx8-guest-account-menu a > i { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 8px; background: rgba(var(--domain-primary-rgb),.09); color: var(--domain-primary); font-size: 10px; }
.mbx8-guest-account-menu a span,
.mbx8-guest-account-menu a strong,
.mbx8-guest-account-menu a small { display: block; min-width: 0; }
.mbx8-guest-account-menu a strong { font-size: 9px; font-weight: 850; }
.mbx8-guest-account-menu a small { margin-top: 2px; color: var(--v8-muted); font-size: 7px; }
body.dark.mbx6-public-light .mbx8-public-topbar-copy strong,
body.dark.mbx6-public-light .mbx8-guest-account-button,
body.dark.mbx6-public-light .mbx8-guest-account-menu a { color: #edf5fc; }
body.dark.mbx6-public-light .mbx8-guest-topbar-icon,
body.dark.mbx6-public-light .mbx8-guest-account-button,
body.dark.mbx6-public-light .mbx8-guest-account-menu { border-color: #29425d; background: #112137; }
body.dark.mbx6-public-light .mbx8-guest-account-menu { box-shadow: 0 18px 42px rgba(0,0,0,.30); }
body.dark.mbx6-public-light .mbx8-guest-account-menu a:hover { background: #172a41; }

/* Complete guest dark mode. Older domain presets contain light backgrounds
   with !important, so these rules intentionally target the active dark body. */
html[data-domain-theme^="preset_"] body.dark.mbx6-public-light {
  --mbx6-bg: #091525;
  --mbx6-surface: #112137;
  --mbx6-border: #29425d;
  --mbx6-navy: #edf5fc;
  color: #dce7f2;
}
html[data-domain-theme^="preset_"] body.dark.mbx6-public-light .mbx3-public-shell,
html[data-domain-theme^="preset_"] body.dark.mbx6-public-light .mbx5-public-stage,
html[data-domain-theme^="preset_"] body.dark.mbx6-public-light .mbx6-public-home,
html[data-domain-theme^="preset_"] body.dark.mbx6-public-light .mbx3-public-product-page.xu-shop-page,
html[data-domain-theme^="preset_"] body.dark.mbx6-public-light .mbx7-static-page,
html[data-domain-theme^="preset_"] body.dark.mbx6-public-light .mbx7-faq-page {
  background: #0b1727 !important;
}
html[data-domain-theme^="preset_"] body.dark.mbx6-public-light .mbx5-public-sidebar {
  border-color: #243c56 !important;
  background: #091525 !important;
  box-shadow: 10px 0 32px rgba(0,0,0,.20) !important;
}
html[data-domain-theme^="preset_"] body.dark.mbx6-public-light .mbx5-sidebar-footer {
  border-top-color: #243c56 !important;
  background: #091525 !important;
}
html[data-domain-theme^="preset_"] body.dark.mbx6-public-light .mbx5-sidebar-auth a {
  border-color: #29425d !important;
  background: #0f1e32 !important;
  color: #c2d1df !important;
}
html[data-domain-theme^="preset_"] body.dark.mbx6-public-light .mbx5-sidebar-auth a i { color: #8facC5 !important; }
html[data-domain-theme^="preset_"] body.dark.mbx6-public-light .mbx5-sidebar-auth a:hover {
  border-color: #3b5a77 !important;
  background: #172d46 !important;
  color: #fff !important;
}
html[data-domain-theme^="preset_"] body.dark.mbx6-public-light .mbx5-sidebar-auth a:last-child {
  border-color: var(--domain-secondary) !important;
  background: var(--domain-secondary) !important;
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(var(--domain-secondary-rgb),.18);
}
html[data-domain-theme^="preset_"] body.dark.mbx6-public-light .mbx5-sidebar-auth a:last-child i { color: #fff !important; }
html[data-domain-theme^="preset_"] body.dark.mbx6-public-light :is(.mbx6-rate-card,.mbx6-quick-card,.mbx6-panel,.mbx6-trust-grid > article) {
  border-color: #29425d !important;
  background: #112137 !important;
  box-shadow: none !important;
}
html[data-domain-theme^="preset_"] body.dark.mbx6-public-light .mbx6-faq-grid > article {
  border-color: #29425d !important;
  background: #0f1e32 !important;
  box-shadow: none !important;
}
body.dark.mbx6-public-light :is(.mbx6-rate-card,.mbx6-quick-card)::after { border-color: #182b42; }
body.dark.mbx6-public-light .mbx6-home-heading-actions a,
body.dark.mbx6-public-light .mbx6-quick-card a,
body.dark.mbx6-public-light .mbx6-service-list > a,
body.dark.mbx6-public-light .mbx6-formula {
  border-color: #29425d;
  background: #0e1e32;
  color: #c7d5e2;
}
body.dark.mbx6-public-light .mbx6-home-heading-actions a:last-child {
  border-color: var(--domain-primary);
  background: var(--domain-primary);
  color: #fff;
}
body.dark.mbx6-public-light .mbx6-quick-card a:hover,
body.dark.mbx6-public-light .mbx6-service-list > a:hover {
  border-color: rgba(var(--domain-primary-rgb),.42);
  background: #152b43;
  color: #edf5fc;
}
body.dark.mbx6-public-light .mbx6-panel-head,
body.dark.mbx6-public-light .mbx6-collection-list > a,
body.dark.mbx6-public-light .mbx6-faq-grid article { border-color: #29425d; }
body.dark.mbx6-public-light :is(.mbx6-home-heading h1,.mbx6-panel-head h2,.mbx6-rate-value strong,.mbx6-service-list strong,.mbx6-collection-list strong,.mbx6-trust-grid strong,.mbx6-faq-grid h3,.mbx6-formula b) {
  color: #edf5fc !important;
}
body.dark.mbx6-public-light :is(.mbx6-home-heading p,.mbx6-rate-card p,.mbx6-rate-value small,.mbx6-service-list small,.mbx6-collection-list small,.mbx6-trust-grid p,.mbx6-faq-grid p,.mbx6-formula) {
  color: #9cafc2 !important;
}
body.dark.mbx6-public-light .mbx6-notice {
  border-color: #29425d;
  background: linear-gradient(135deg,#10263c,#112137);
  box-shadow: none;
}
body.dark.mbx6-public-light .mbx6-notice > span { background: #173a59; color: #83bdf5; }
body.dark.mbx6-public-light .mbx6-notice strong,
body.dark.mbx6-public-light .mbx6-notice-content strong { color: #edf5fc !important; }
body.dark.mbx6-public-light .mbx6-notice div div { color: #9cafc2; }

/* Authentication pages keep the selected dark theme after logout. */
html[data-domain-theme^="preset_"] body.dark.mbx-auth-page,
body.dark.mbx-auth-page.bg-image {
  background-color: #0b1727 !important;
  background-image: radial-gradient(circle at 8% 10%,rgba(var(--domain-primary-rgb),.17),transparent 28%),linear-gradient(135deg,#0b1727 0%,#0e1e32 48%,#0d2420 100%) !important;
  color: #dce7f2;
}
body.dark.mbx-auth-page::before {
  background: radial-gradient(circle at 10% 8%,rgba(var(--domain-primary-rgb),.15),transparent 28%),radial-gradient(circle at 94% 88%,rgba(var(--domain-secondary-rgb),.13),transparent 30%),linear-gradient(145deg,#091525 0%,#0b1727 52%,#0d211f 100%) !important;
}
body.dark.mbx-auth-page .mbx-auth-layout {
  border-color: #29425d !important;
  background: #112137 !important;
  box-shadow: 0 26px 70px rgba(0,0,0,.34) !important;
}
body.dark.mbx-auth-page .mbx-auth-form,
body.dark.mbx-auth-page .login-content .card {
  background: #112137 !important;
}
body.dark.mbx-auth-page .login-content .card-body { color: #dce7f2 !important; }
body.dark.mbx-auth-page .login-content h3 { color: #f1f7fd !important; }
body.dark.mbx-auth-page .login-content h3::after { color: #9cafc2 !important; }
body.dark.mbx-auth-page .login-content label { color: #c3d2e1 !important; }
body.dark.mbx-auth-page .login-content .form-control {
  border-color: #34506c !important;
  background: #0d1d31 !important;
  color: #edf5fc !important;
  box-shadow: none !important;
}
body.dark.mbx-auth-page .login-content .form-control::placeholder { color: #8297ac !important; opacity: 1; }
body.dark.mbx-auth-page .login-content .form-control:focus {
  border-color: #4d91e3 !important;
  box-shadow: 0 0 0 4px rgba(var(--domain-primary-rgb),.17) !important;
}
body.dark.mbx-auth-page .login-content p { color: #9cafc2 !important; }
body.dark.mbx-auth-page .login-content a { color: #70aff7 !important; }
body.dark.mbx-auth-page .login-content .btn-primary { color: #fff !important; }

/* Public navigation receives the same spacing and hierarchy as the app nav. */
@media (min-width: 1100px) {
  body.mbx6-public-light { --public-sidebar: 220px; }
  .mbx6-public-light .mbx5-public-sidebar-head { flex-basis: 70px; padding: 12px 17px; }
  .mbx6-public-light .mbx5-public-sidebar-head .mbx3-public-logo img { max-width: 146px; height: 35px; }
  .mbx6-public-light .mbx5-sidebar-body { padding: 14px 11px 12px; }
  .mbx6-public-light .mbx5-public-sidebar .mbx3-public-nav > a { grid-template-columns: 30px minmax(0,1fr); gap: 10px; min-height: 45px; padding: 6px 10px; border-radius: var(--v8-radius-sm); }
  .mbx6-public-light .mbx5-public-sidebar .mbx3-public-nav > a > i { width: 30px; height: 30px; font-size: 10px; }
  .mbx6-public-light .mbx5-public-sidebar .mbx3-public-nav > a strong { font-size: 9.5px; font-weight: 750; }
  .mbx6-public-light .mbx6-nav-group-title { display: flex; align-items: center; gap: 8px; margin: 14px 9px 6px; font-size: 7.5px; }
  .mbx6-public-light .mbx6-nav-group-title::after { content: ""; flex: 1; height: 1px; background: var(--v8-line); }
  .mbx6-public-light .mbx5-sidebar-help { padding: 11px; }

  /* Guest sidebar: use the same clean icon rail as the authenticated menu. */
  body.mbx6-public-light.mbx6-sidebar-collapsed { --public-sidebar: 82px; }
  body.mbx6-public-light.mbx6-sidebar-collapsed .mbx5-public-sidebar-head,
  body.mbx6-public-light.mbx6-sidebar-collapsed .mbx5-sidebar-footer,
  body.mbx6-public-light.mbx6-sidebar-collapsed .mbx6-nav-group-title {
    display: none !important;
  }
  body.mbx6-public-light.mbx6-sidebar-collapsed .mbx6-nav-group-title::after { display: none !important; content: none; }
  body.mbx6-public-light.mbx6-sidebar-collapsed .mbx5-sidebar-body { padding: 10px 10px 12px; }
  body.mbx6-public-light.mbx6-sidebar-collapsed .mbx5-public-sidebar .mbx3-public-nav { gap: 2px; }
  body.mbx6-public-light.mbx6-sidebar-collapsed .mbx5-public-sidebar .mbx3-public-nav > a {
    grid-template-columns: 1fr;
    width: 48px;
    min-height: 48px;
    margin: 0 auto;
    padding: 7px;
    border-radius: var(--v8-radius-sm);
  }
  body.mbx6-public-light.mbx6-sidebar-collapsed .mbx5-public-sidebar .mbx3-public-nav > a > i,
  body.mbx6-public-light.mbx6-sidebar-collapsed .mbx5-public-sidebar .mbx3-public-nav > a > svg {
    justify-self: center;
    width: 32px;
    height: 32px;
    padding: 10px;
  }
}

@media (max-width: 1099.98px) {
  .mbx8-public-topbar-brand { display: none; }
}

@media (max-width: 767.98px) {
  html { max-width: 100%; overflow-x: hidden; }
  body.mbx3-app-body,
  body.mbx6-public-light,
  body.mbx-auth-page { width: 100%; max-width: 100%; overflow-x: hidden !important; }

  body.mbx6-public-light :is(.mbx3-public-shell,.mbx5-public-stage,.mbx6-public-home,.mbx6-home-wrap),
  body.mbx6-public-light main { width: 100%; max-width: 100%; min-width: 0; }
  .mbx6-public-light .mbx3-public-container { width: calc(100% - 18px) !important; max-width: calc(100% - 18px) !important; min-width: 0 !important; margin-right: auto; margin-left: auto; }
  .mbx6-public-light .mbx5-public-topbar { width: 100% !important; max-width: 100% !important; padding-right: 9px; padding-left: 9px; }
  .mbx6-public-light .mbx5-topbar-start { min-width: 0; }
  .mbx6-public-light .mbx5-mobile-logo { min-width: 0; }
  .mbx6-public-light .mbx5-mobile-logo img { width: auto; max-width: 136px; height: 34px; object-fit: contain; }
  .mbx8-guest-topbar-actions { gap: 5px; }
  .mbx8-guest-notice { display: none; }
  .mbx8-guest-account-button { min-width: 36px; width: 36px; height: 36px; padding: 2px; }
  .mbx8-guest-avatar { flex-basis: 30px; width: 30px; height: 30px; }
  .mbx8-guest-account-copy,
  .mbx8-guest-account-arrow { display: none; }
  .mbx8-guest-account-menu { position: fixed; top: 68px; right: 9px; width: min(224px,calc(100vw - 18px)); }
  .mbx6-public-light .mbx6-home-wrap > *,
  .mbx6-public-light .mbx6-home-heading > *,
  .mbx6-public-light :is(.mbx6-overview-grid,.mbx6-main-grid,.mbx6-trust-grid,.mbx6-faq-grid) > * { min-width: 0; }
  .mbx6-public-light .mbx6-home-heading h1,
  .mbx6-public-light .mbx6-home-heading p,
  .mbx6-public-light .mbx6-notice-content,
  .mbx6-public-light .mbx6-notice-content * { overflow-wrap: anywhere; }

  body.mbx-auth-page .login-content { width: 100%; max-width: 100%; padding: 12px !important; overflow: hidden; }
  body.mbx-auth-page .login-content > .container { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; }
  body.mbx-auth-page .mbx-auth-layout { display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; }
  body.mbx-auth-page :is(.mbx-auth-story,.mbx-auth-form) { width: 100% !important; max-width: 100% !important; min-width: 0 !important; flex: 0 0 100% !important; }
  body.mbx-auth-page .login-content .card,
  body.mbx-auth-page .login-content .card-body,
  body.mbx-auth-page .login-content form,
  body.mbx-auth-page .login-content .form-control { width: 100%; max-width: 100%; min-width: 0; }
  body.mbx-auth-page .login-content form > .row { width: 100%; margin-right: 0 !important; margin-left: 0 !important; }
  body.mbx-auth-page .login-content form > .row > [class*="col-"] { width: 100%; max-width: 100%; padding-right: 0; padding-left: 0; }
  body.mbx-auth-page .login-content .card-body { padding: 24px 20px 26px !important; }

  .mbx6-public-light .mbx3-public-product-page.xu-shop-page,
  body.mbx3-app-body .xu-shop-page { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin-right: 0 !important; margin-left: 0 !important; }
  .mbx6-public-light .xu-shop-page > .container-fluid,
  body.mbx3-app-body .xu-shop-page > .container-fluid { width: 100% !important; max-width: 100% !important; min-width: 0 !important; padding-right: 10px !important; padding-left: 10px !important; }
  .xu-shop-page :is(.hero,.hero-copy,.hero-tabs,.soft-alert,.card-shelf,.toolbar-wrap,.shop-faq,.guest-preview-banner) { width: 100%; max-width: 100%; min-width: 0; }
  .xu-shop-page .hero { display: block; }
  .xu-shop-page .hero-copy { overflow-wrap: anywhere; }
  .xu-shop-page .hero-tabs { display: grid !important; grid-template-columns: 1fr; width: 100%; margin-top: 14px; }
  .xu-shop-page .hero-tabs .tab-switch { width: 100%; margin: 0 !important; }
  .xu-shop-page .guest-preview-banner { align-items: stretch !important; flex-direction: column; gap: 11px; }
  .xu-shop-page .guest-preview-banner > div { min-width: 0; margin-right: 0 !important; }
  .xu-shop-page .guest-preview-banner .btn { width: 100%; }
}

@media (max-width: 479.98px) {
  .mbx6-public-light .mbx6-overview-grid { grid-template-columns: 1fr; }
  .mbx6-public-light .mbx6-quick-card { grid-column: auto; }
  .mbx6-public-light .mbx6-home-heading-actions { display: grid; grid-template-columns: 1fr 1fr; }
  .mbx6-public-light .mbx6-notice { grid-template-columns: 32px minmax(0,1fr) 26px; gap: 8px; padding: 10px; }
  .mbx6-public-light .mbx6-rate-card { min-height: 114px; }
  body.mbx-auth-page .mbx-auth-story { padding: 19px 17px !important; }
  body.mbx-auth-page .mbx-auth-story h1 { font-size: 21px !important; line-height: 1.2; }
  body.mbx-auth-page .mbx-auth-story p { font-size: 10.5px; }
  body.mbx-auth-page .login-content .card-body { padding: 22px 17px 24px !important; }
  body.mbx-auth-page .login-content h3 { font-size: 23px; }
  .xu-shop-page .hero-meta { grid-template-columns: 1fr !important; }
  .xu-shop-page .hero-meta span { width: 100%; min-width: 0; }
}

/* Rich homepage notice authored from Admin. */
.mbx-home-notice-content .shop-xu-hero,
.mbx-home-notice-content .shop-xu-card,
.mbx-home-notice-content .shop-xu-highlight,
.mbx-home-notice-content .shop-xu-contact,
.mbx-home-notice-content .shop-xu-note {
  border: 1px solid #dce7f1 !important;
  border-radius: 13px !important;
  background: #fff !important;
  color: #334a60 !important;
  box-shadow: 0 7px 20px rgba(27,57,86,.055) !important;
}
.mbx-home-notice-content .shop-xu-hero {
  position: relative;
  overflow: hidden;
  margin: 8px 0 12px !important;
  padding: 17px 19px !important;
  border-color: rgba(var(--domain-primary-rgb),.20) !important;
  background: linear-gradient(125deg,rgba(var(--domain-primary-rgb),.11),rgba(var(--domain-secondary-rgb),.08)) !important;
}
.mbx-home-notice-content .shop-xu-hero::after {
  position: absolute;
  right: -35px;
  bottom: -64px;
  width: 145px;
  height: 145px;
  border: 22px solid rgba(var(--domain-primary-rgb),.07);
  border-radius: 50%;
  content: "";
}
.mbx-home-notice-content .shop-xu-hero :is(h1,h2) {
  position: relative;
  z-index: 1;
  margin: 0 0 5px !important;
  color: #142f4a !important;
  font-size: 24px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  letter-spacing: -.025em;
}
.mbx-home-notice-content .shop-xu-hero p {
  position: relative;
  z-index: 1;
  margin: 0 !important;
  color: #657b90 !important;
  font-size: 12px !important;
}
.mbx-home-notice-content .shop-xu-grid {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 12px;
  margin: 0 0 12px !important;
}
.mbx-home-notice-content .shop-xu-card {
  min-width: 0;
  padding: 15px 16px !important;
}
.mbx-home-notice-content .shop-xu-card:first-child { border-top: 3px solid #1d83d4 !important; }
.mbx-home-notice-content .shop-xu-card:last-child { border-top: 3px solid #e09a22 !important; }
.mbx-home-notice-content :is(.shop-xu-card,.shop-xu-highlight,.shop-xu-contact) h2 {
  margin: 0 0 9px !important;
  color: #203a52 !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}
.mbx-home-notice-content .shop-xu-card :is(ul,ol) {
  margin: 0 !important;
  padding-left: 19px !important;
}
.mbx-home-notice-content .shop-xu-card li {
  margin: 0 0 6px !important;
  color: #60758a !important;
  font-size: 11px !important;
  line-height: 1.6 !important;
}
.mbx-home-notice-content .shop-xu-card li:last-child { margin-bottom: 0 !important; }
.mbx-home-notice-content .shop-xu-card li::marker { color: var(--domain-primary); font-weight: 800; }
.mbx-home-notice-content .shop-xu-card strong { color: #2a4964 !important; }
.mbx-home-notice-content .shop-xu-highlight,
.mbx-home-notice-content .shop-xu-contact {
  margin: 0 0 12px !important;
  padding: 15px 17px !important;
}
.mbx-home-notice-content .shop-xu-highlight {
  border-color: #f0d39d !important;
  background: linear-gradient(120deg,#fff9eb,#fffdf8) !important;
}
.mbx-home-notice-content .shop-xu-contact {
  border-color: #bfe5dc !important;
  background: linear-gradient(120deg,#f1fbf8,#fbfffe) !important;
}
.mbx-home-notice-content :is(.shop-xu-highlight,.shop-xu-contact) p {
  margin: 0 0 8px !important;
  color: #60758a !important;
  font-size: 11.5px !important;
  line-height: 1.55 !important;
}
.mbx-home-notice-content .shop-xu-actions {
  display: flex !important;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 11px !important;
}
.mbx-home-notice-content .shop-xu-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 8px 13px !important;
  border: 1px solid var(--domain-primary) !important;
  border-radius: 9px !important;
  background: var(--domain-primary) !important;
  color: #fff !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  box-shadow: 0 7px 16px rgba(var(--domain-primary-rgb),.16) !important;
}
.mbx-home-notice-content .shop-xu-btn.orange { border-color: #dc8414 !important; background: #dc8414 !important; box-shadow: 0 7px 16px rgba(220,132,20,.18) !important; }
.mbx-home-notice-content .shop-xu-btn.green { border-color: #0d937d !important; background: #0d937d !important; box-shadow: 0 7px 16px rgba(13,147,125,.18) !important; }
.mbx-home-notice-content .shop-xu-btn:hover { filter: brightness(.93); transform: translateY(-1px); text-decoration: none !important; }
.mbx-home-notice-content .shop-xu-note {
  margin: 0 !important;
  padding: 11px 14px !important;
  border-color: #d9e4ee !important;
  background: #f6f9fc !important;
  color: #60758a !important;
  font-size: 10.5px !important;
  line-height: 1.5 !important;
  text-align: center;
  box-shadow: none !important;
}

body.dark .mbx-home-notice-content .shop-xu-hero,
body.dark .mbx-home-notice-content .shop-xu-card,
body.dark .mbx-home-notice-content .shop-xu-highlight,
body.dark .mbx-home-notice-content .shop-xu-contact,
body.dark .mbx-home-notice-content .shop-xu-note {
  border-color: #29445f !important;
  background: #112137 !important;
  color: #cbd8e5 !important;
  box-shadow: none !important;
}
body.dark .mbx-home-notice-content .shop-xu-hero { background: linear-gradient(125deg,rgba(var(--domain-primary-rgb),.17),#112137) !important; }
body.dark .mbx-home-notice-content .shop-xu-highlight { border-color: #66532d !important; background: #292317 !important; }
body.dark .mbx-home-notice-content .shop-xu-contact { border-color: #28584f !important; background: #102c2b !important; }
body.dark .mbx-home-notice-content .shop-xu-hero :is(h1,h2),
body.dark .mbx-home-notice-content :is(.shop-xu-card,.shop-xu-highlight,.shop-xu-contact) h2 { color: #edf5fc !important; }
body.dark .mbx-home-notice-content :is(.shop-xu-hero,.shop-xu-highlight,.shop-xu-contact) p,
body.dark .mbx-home-notice-content .shop-xu-card li,
body.dark .mbx-home-notice-content .shop-xu-note { color: #a7b9ca !important; }
body.dark .mbx-home-notice-content .shop-xu-card strong { color: #dce8f3 !important; }
body.dark .mbx-home-notice-content .shop-xu-note { background: #0e1e32 !important; }

@media (max-width: 767.98px) {
  .mbx-home-notice-content .shop-xu-hero { padding: 14px 15px !important; }
  .mbx-home-notice-content .shop-xu-hero :is(h1,h2) { font-size: 20px !important; }
  .mbx-home-notice-content .shop-xu-grid { grid-template-columns: 1fr; }
  .mbx-home-notice-content .shop-xu-card,
  .mbx-home-notice-content .shop-xu-highlight,
  .mbx-home-notice-content .shop-xu-contact { padding: 13px !important; }
  .mbx-home-notice-content :is(.shop-xu-card,.shop-xu-highlight,.shop-xu-contact) h2 { font-size: 15px !important; }
  .mbx-home-notice-content .shop-xu-actions { display: grid !important; grid-template-columns: 1fr; }
  .mbx-home-notice-content .shop-xu-btn { width: 100%; }
}