/* 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; }
}

@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 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; }

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-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; }

/* 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 a::after { display: none; }
}

@media (max-width: 1299.98px) {
  body.mbx3-app-body { --app-sidebar: 0px; }
  body.mbx3-app-body .mbx3-sidebar.iq-sidebar { 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; }
}

@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; }
}

@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; }

/* 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; }
}

@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; }
  .mbx6-public-light .mbx3-public-actions { min-width: 0; }
  .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; }
}