/* Shared UI contract: shop, collection, wallets, history, account and support. */
:root {
  --ui-canvas:#f5f6f8; --ui-surface:#ffffff; --ui-subtle:#f8fafc;
  --ui-text:#17191e; --ui-muted:#5d6470; --ui-line:#e1e5eb;
  --ui-primary:#1d4ed8; --ui-primary-hover:#1e40af; --ui-primary-soft:#eff6ff; --ui-action:#1d4ed8;
  --ui-coral:#c9694e; --ui-coral-soft:#fff1e9;
  --ui-green:#197c61; --ui-green-soft:#edf7f2;
  --ui-amber:#835617; --ui-amber-soft:#fff7e8;
  --ui-red:#b34d54; --ui-red-soft:#fceff0;
  --ui-nav:#1c1b2a; --ui-nav-text:#c8c3d5;
  --ui-radius:16px; --ui-input-radius:10px; --ui-shadow:0 3px 14px rgba(36,26,58,.035);
  --ui-sidebar:248px;
}
html:has(body.ui-client) { background:var(--ui-canvas); color-scheme:light; }
html.dark:has(body.ui-client) {
  --ui-canvas:#111315; --ui-surface:#1b1e22; --ui-subtle:#24282e;
  --ui-text:#f3f4f6; --ui-muted:#b9bfc9; --ui-line:#393f48;
  --ui-primary:#93c5fd; --ui-primary-hover:#bfdbfe; --ui-primary-soft:#1e3047;
  --ui-coral:#efb299; --ui-coral-soft:#3b2825;
  --ui-green:#83cfb0; --ui-green-soft:#20362d;
  --ui-amber:#ebc577; --ui-amber-soft:#3b3123;
  --ui-red:#edabb2; --ui-red-soft:#3d262e;
  --ui-shadow:none; color-scheme:dark;
}
html body.ui-client {
  --app-sidebar:var(--ui-sidebar); --public-sidebar:var(--ui-sidebar);
  --domain-primary:#1d4ed8; --domain-primary-rgb:29,78,216;
  --domain-secondary:#0f766e; --domain-secondary-rgb:15,118,110;
  --v8-page:var(--ui-canvas); --v8-surface:var(--ui-surface); --v8-surface-soft:var(--ui-subtle);
  --v8-line:var(--ui-line); --v8-line-strong:var(--ui-line); --v8-ink:var(--ui-text); --v8-muted:var(--ui-muted);
  --v8-hero:var(--ui-surface); --v8-head:var(--ui-subtle); --v8-sidebar:var(--ui-surface); --v8-topbar:var(--ui-surface);
  --v8-active:var(--ui-primary-soft); --v8-active-ink:var(--ui-primary); --v8-shadow:none; --v8-radius:12px;
  --mk-violet:var(--ui-action); --mk-violet-dk:#1e40af;
  --c3-canvas:var(--ui-canvas); --c3-line:var(--ui-line); --c3-line-soft:var(--ui-line);
  --mk-page:var(--ui-canvas); --mk-surface:var(--ui-surface); --mk-text:var(--ui-text); --mk-muted:var(--ui-muted); --mk-line:var(--ui-line);
  background:var(--ui-canvas)!important; color:var(--ui-text)!important;
  font-family:'Segoe UI',Arial,sans-serif!important; font-size:14px!important; font-weight:400!important; line-height:1.65!important;
  -webkit-font-smoothing:antialiased;
}
.ui-client :is(button,input,select,textarea) { font-family:inherit!important; }
.ui-client main :is(h1,h2,h3,h4,h5) { color:var(--ui-text)!important; font-family:inherit!important; font-weight:650!important; letter-spacing:-.45px!important; line-height:1.35!important; }
.ui-client main h1 { font-size:28px!important; }
.ui-client main h2 { font-size:20px!important; }
.ui-client main h3 { font-size:17px!important; }
.ui-client main h4 { font-size:17px!important; }
.ui-client main :is(p,li) { line-height:1.75; }
.ui-client main :is(small,.small,.text-muted) { color:var(--ui-muted)!important; font-size:12px!important; font-weight:400!important; }
.ui-client main :is(strong,b) { font-weight:600; }
.ui-client main a:not(.btn):not([class]) { color:var(--ui-primary); }
.ui-client :focus-visible { outline:3px solid #60a5fa!important; outline-offset:3px!important; }
.ui-client [hidden] { display:none!important; }
.ui-client main, .ui-client main>* { min-width:0; }

/* Both navigation shells share the same rhythm and hierarchy. */
html body.ui-client :is(.mbx5-public-sidebar,.mbx3-sidebar.iq-sidebar) { background:var(--ui-nav)!important; border:0!important; box-shadow:none!important; }
.ui-client :is(.mbx5-public-sidebar-head,.mbx3-sidebar-head) { min-height:76px!important; padding:16px!important; border-bottom:1px solid #353041!important; }
.ui-client .market-brand-copy strong { font-size:12px!important; font-weight:650!important; color:#f4effb!important; letter-spacing:.2px!important; }
.ui-client .market-brand-copy small { font-size:9px!important; font-weight:400!important; color:#a29aae!important; letter-spacing:.5px!important; }
.ui-client :is(.mbx3-public-header,.mbx3-public-footer) .market-brand-copy strong { color:var(--ui-text)!important; }
.ui-client :is(.mbx3-public-header,.mbx3-public-footer) .market-brand-copy small { color:var(--ui-muted)!important; }
.ui-client :is(.mbx5-sidebar-body,.mbx3-sidebar-scroll) { padding:16px 12px!important; scrollbar-color:#51475d transparent; scrollbar-width:thin; }
.ui-client :is(.mbx6-nav-group-title,.mbx-menu-title) { margin:19px 12px 8px!important; color:#9b92ad!important; font-size:10px!important; font-weight:500!important; letter-spacing:1.3px!important; }
.ui-client :is(.mbx6-nav-group-title,.mbx-menu-title)::after { display:none!important; }
html body.ui-client .mbx5-public-sidebar .mbx3-public-nav>a,
html body.ui-client .mbx3-sidebar .mbx3-side-menu li>a {
  min-height:43px!important; margin:2px 0!important; padding:10px 12px!important; gap:10px!important;
  border:0!important; border-radius:10px!important; color:var(--ui-nav-text)!important; font-size:13px!important; font-weight:400!important; background:transparent!important; box-shadow:none!important;
}
html body.ui-client .mbx5-public-sidebar .mbx3-public-nav>a strong,
html body.ui-client .mbx3-sidebar .mbx3-side-menu li>a span { color:inherit!important; font-size:13px!important; font-weight:400!important; }
.ui-client :is(.mbx3-public-nav>a,.mbx3-side-menu li>a):before,
.ui-client :is(.mbx3-public-nav>a,.mbx3-side-menu li>a):after { display:none!important; }
html body.ui-client .mbx5-public-sidebar .mbx3-public-nav>a:hover,
html body.ui-client .mbx3-sidebar .mbx3-side-menu li>a:hover { color:#fff!important; background:#2b253b!important; }
html body.ui-client .mbx5-public-sidebar .mbx3-public-nav>a.active,
html body.ui-client .mbx3-sidebar .mbx3-side-menu li.active>a { background:var(--ui-action)!important; color:#fff!important; box-shadow:none!important; }
html body.ui-client .mbx3-sidebar .mbx3-side-menu li>a { grid-template-columns:20px minmax(0,1fr)!important; text-transform:none!important; }
html body.ui-client .mbx3-sidebar .mbx3-side-menu li>a span { width:100%!important; max-width:none!important; text-transform:none!important; }
html body.ui-client .mbx3-sidebar .mbx3-side-menu li.active>a { border:0!important; background:var(--ui-action)!important; color:#fff!important; }
html body.ui-client .mbx3-sidebar .mbx3-side-menu li.active>a span { color:#fff!important; }
.ui-client :is(.mbx3-public-nav>a,.mbx3-side-menu li>a)>:is(i,svg) { width:20px!important; height:20px!important; color:inherit!important; background:none!important; font-size:14px!important; padding:2px!important; }
.ui-client :is(.mbx5-sidebar-close,.mbx8-sidebar-expand,.mbx3-sidebar-head button) { background:#302b40!important; border:1px solid #453c54!important; color:#cbc2d8!important; box-shadow:none!important; }
.ui-client .mbx5-sidebar-help { border:1px solid #3c344c!important; background:#262233!important; }
.ui-client .mbx5-sidebar-help strong { font-size:12px!important; font-weight:500!important; color:#e4dcee!important; }
.ui-client .mbx5-sidebar-help small { font-size:10px!important; color:#aca0bc!important; }
.ui-client .mbx5-sidebar-auth a { min-height:40px!important; font-size:12px!important; font-weight:500!important; }
.ui-client .mbx3-sidebar-account { border:1px solid #3d344c!important; background:#272132!important; padding:12px!important; border-radius:12px!important; }
.ui-client .mbx3-sidebar-account-copy strong { color:#eee7f8!important; font-size:12px!important; overflow-wrap:anywhere; }
.ui-client .mbx3-sidebar-account-copy small { color:#a99db8!important; font-size:10px!important; }
.ui-client .mbx3-sidebar-avatar { background:#7656ba!important; color:#fff!important; box-shadow:none!important; }
.ui-client .mbx3-sidebar-wallets { background:#272132!important; border:1px solid #3d344c!important; padding:12px!important; }
.ui-client .mbx3-sidebar-wallets header { color:#c9bfd7!important; font-size:11px!important; }
.ui-client .mbx3-sidebar-wallets a { background:#332a42!important; color:#f0e8fc!important; border:0!important; }
.ui-client .mbx3-sidebar-wallet-copy small { color:#c3b6d2!important; font-size:10px!important; }
.ui-client .mbx3-sidebar-wallet-copy strong { color:#f2ebfc!important; font-size:16px!important; font-weight:600!important; }
.ui-client .mbx3-sidebar-wallet-list .buy .mbx3-sidebar-wallet-icon { background:#544071!important; color:#e2ceff!important; }
.ui-client .mbx3-sidebar-wallet-list .sell .mbx3-sidebar-wallet-icon { background:#714b3b!important; color:#f1c2a5!important; }
html body.ui-client.mbx3-app-body .mbx3-sidebar-wallets { background:#272132!important; }
html body.ui-client.mbx3-app-body .mbx3-sidebar-wallets>header>span { color:#c9bfd7!important; font-size:10px!important; font-weight:500!important; }
html body.ui-client.mbx3-app-body .mbx3-sidebar-wallets>header>a { color:#c9b6fa!important; font-size:10px!important; }
html body.ui-client.mbx3-app-body .mbx3-sidebar-wallet-list>a { background:#332a42!important; }
html body.ui-client.mbx3-app-body .mbx3-sidebar-wallets .mbx3-sidebar-wallet-copy small { color:#c3b6d2!important; font-size:11px!important; font-weight:400!important; }
html body.ui-client.mbx3-app-body .mbx3-sidebar-wallets .mbx3-sidebar-wallet-copy strong { color:#f2ebfc!important; font-size:16px!important; font-weight:600!important; }
html body.ui-client.mbx3-app-body .mbx3-sidebar-wallet-list>a.buy .mbx3-sidebar-wallet-icon { background:#544071!important; color:#e2ceff!important; }
html body.ui-client.mbx3-app-body .mbx3-sidebar-wallet-list>a.sell .mbx3-sidebar-wallet-icon { background:#714b3b!important; color:#f1c2a5!important; }
html body.ui-client.mbx3-app-body .mbx3-side-menu .mbx-menu-title { font-size:10px!important; color:#a69bb9!important; font-weight:500!important; margin:19px 12px 8px!important; }
html body.ui-client .mbx3-sidebar-head .header-logo { max-width:none!important; }
html body.ui-client .mbx3-sidebar-head .market-brand-copy { min-width:0; padding:0!important; }
html body.ui-client .mbx3-sidebar-head .market-brand-copy small { white-space:normal; font-size:9px!important; letter-spacing:0!important; }
html body.ui-client.mbx3-app-body .mbx3-sidebar-head { min-height:86px!important; padding:16px 12px!important; gap:8px!important; }
html body.ui-client.mbx3-app-body .mbx3-sidebar-head .header-logo { display:block!important; margin:0!important; min-width:0!important; }
html body.ui-client.mbx3-app-body .mbx3-sidebar-head .market-brand { width:100%!important; min-width:0!important; padding:0!important; margin:0!important; gap:8px!important; flex:0 1 auto!important; }
html body.ui-client.mbx3-app-body .mbx3-sidebar-head .market-brand-mark { flex:0 0 32px!important; width:32px!important; height:34px!important; padding:0!important; margin:0!important; }
html body.ui-client.mbx3-app-body .mbx3-sidebar-head .market-brand-copy { flex:1 1 auto!important; width:auto!important; min-width:0!important; padding:0!important; margin:0!important; }
html body.ui-client.mbx3-app-body .mbx3-sidebar-head .market-brand-copy strong { font-size:11px!important; letter-spacing:0!important; line-height:1.4!important; white-space:nowrap!important; }
html body.ui-client.mbx3-app-body .mbx3-sidebar-head .market-brand-copy small { font-size:8px!important; line-height:1.5!important; white-space:nowrap!important; }
html body.ui-client.mbx3-app-body .mbx3-sidebar .mbx3-side-menu li.active>a { border:0!important; background:var(--ui-action)!important; color:#fff!important; }

/* Flat topbar, matching heights in public and authenticated layouts. */
html body.ui-client .mbx3-public-header,
html body.ui-client .mbx3-app-topbar .iq-navbar-custom { background:var(--ui-surface)!important; border:0!important; border-bottom:1px solid var(--ui-line)!important; border-radius:0!important; box-shadow:none!important; }
.ui-client .mbx3-public-header { top:0!important; margin:0!important; }
.ui-client .mbx5-public-topbar { min-height:76px!important; padding:0 26px!important; }
html body.ui-client .mbx3-app-topbar.iq-top-navbar { top:0!important; padding:0!important; min-height:76px!important; background:var(--ui-surface)!important; }
.ui-client .mbx3-app-topbar .navbar { min-height:76px!important; padding:0 26px!important; }
.ui-client :is(.mbx3-menu-button,.mbx3-topbar-menu,.mbx3-topbar-icon,.mbx8-guest-topbar-icon,.mbx3-theme-control .custom-control-label) { width:38px!important; height:38px!important; min-width:38px!important; border:1px solid var(--ui-line)!important; background:var(--ui-subtle)!important; color:var(--ui-muted)!important; border-radius:10px!important; box-shadow:none!important; }
.ui-client :is(.mbx8-public-topbar-mark,.mbx3-topbar-mark) { background:var(--ui-primary-soft)!important; color:var(--ui-primary)!important; border-radius:11px!important; box-shadow:none!important; }
.ui-client .mbx3-topbar-brand { color:var(--ui-text)!important; font-size:13px!important; font-weight:650!important; }
.ui-client :is(.mbx8-public-topbar-copy,.mbx3-topbar-context) strong { color:var(--ui-text)!important; font-size:14px!important; font-weight:600!important; }
.ui-client :is(.mbx8-public-topbar-copy,.mbx3-topbar-context) small { color:var(--ui-muted)!important; font-size:10px!important; font-weight:400!important; }
.ui-client .mbx3-top-wallets a { background:var(--ui-primary-soft)!important; border:0!important; border-radius:10px!important; box-shadow:none!important; }
.ui-client .mbx3-top-wallets a.sell { background:var(--ui-coral-soft)!important; }
.ui-client .mbx3-top-wallets a strong { color:var(--ui-text)!important; font-size:14px!important; font-weight:600!important; }
.ui-client .mbx3-top-wallets a small { color:var(--ui-muted)!important; font-size:10px!important; }
.ui-client :is(.mbx3-avatar,.mbx8-guest-avatar) { background:#ead5ca!important; color:#7a4936!important; box-shadow:none!important; border-radius:10px!important; }
.ui-client :is(.mbx3-profile-button,.mbx8-guest-account-button) { border:1px solid var(--ui-line)!important; border-radius:11px!important; background:var(--ui-surface)!important; color:var(--ui-text)!important; }
.ui-client :is(.mbx3-profile-copy,.mbx8-guest-account-copy) strong { color:var(--ui-text)!important; font-size:12px!important; font-weight:600!important; }
.ui-client :is(.mbx3-profile-copy,.mbx8-guest-account-copy) small { font-size:10px!important; color:var(--ui-muted)!important; }
.ui-client :is(.dropdown-menu,.mbx8-guest-account-menu) { border:1px solid var(--ui-line)!important; border-radius:12px!important; background:var(--ui-surface)!important; color:var(--ui-text)!important; box-shadow:0 12px 40px #2115311a!important; }
.ui-client :is(.dropdown-item,.mbx8-guest-account-menu a) { color:var(--ui-text)!important; font-size:13px!important; }

/* One page width, title treatment, card rhythm and empty state. */
html body.ui-client :is(main.content-page,.mbx5-public-stage,.mbx3-public-product-page,.thu-public-page) { background:var(--ui-canvas)!important; }
html body.ui-client main>.container-fluid,
html body.ui-client main>.mbx3-public-container { max-width:1320px!important; width:100%!important; padding:28px 28px 48px!important; margin-left:auto!important; margin-right:auto!important; }
.ui-client main { padding-top:0!important; }
.ui-client :is(.mbx3-page-titlebar,.mbx-page-heading,.mbx7-static-heading,.mbx7-faq-heading,.tool-free-hero,.thu-hero,.mbx3-withdraw-hero) {
  padding:0 0 24px!important; margin:0 0 24px!important; background:transparent!important; border:0!important; border-bottom:1px solid var(--ui-line)!important; border-radius:0!important; box-shadow:none!important; gap:20px!important;
}
.ui-client :is(.mbx3-page-titlebar,.mbx-page-heading,.mbx7-static-heading,.mbx7-faq-heading,.tool-free-hero,.thu-hero) h1 { margin:8px 0!important; }
.ui-client :is(.mbx3-page-titlebar,.mbx-page-heading,.mbx7-static-heading,.mbx7-faq-heading,.tool-free-hero,.thu-hero)::before,
.ui-client :is(.mbx3-page-titlebar,.mbx-page-heading,.mbx7-static-heading,.mbx7-faq-heading,.tool-free-hero,.thu-hero)::after { display:none!important; }
.ui-client :is(.mbx3-page-titlebar,.mbx-page-heading,.mbx7-static-heading,.mbx7-faq-heading,.tool-free-hero,.thu-hero) p { max-width:720px; color:var(--ui-muted)!important; font-size:14px!important; font-weight:400!important; line-height:1.75!important; }
.ui-client :is(.mbx3-page-kicker,.mbx-page-eyebrow,.market-eyebrow,.mbx7-static-heading>span,.mbx7-faq-heading>div>span,.tool-free-kicker) { color:var(--ui-primary)!important; font-size:11px!important; font-weight:600!important; letter-spacing:.8px!important; background:none!important; padding:0!important; border:0!important; }
.ui-client :is(.card,.mbx3-data-card,.mbx3-form-card,.mbx3-profile-summary,.mbx3-security-guide,.mbx3-withdraw-card,.mbx3-withdraw-guide,.mbx7-static-card,.tool-free-card,.thu-panel,.thu-service-card,.thu-history-v2 .batch,.thu-history-v2 .empty,.xu-history-card) {
  background:var(--ui-surface)!important; border:1px solid var(--ui-line)!important; border-radius:var(--ui-radius)!important; box-shadow:var(--ui-shadow)!important;
}
.ui-client :is(.card-header,.mbx3-data-card-head,.mbx3-form-card>header,.tool-free-card-head,.mbx3-withdraw-card-head) { padding:20px 22px!important; background:transparent!important; border-bottom:1px solid var(--ui-line)!important; color:var(--ui-text)!important; }
.ui-client :is(.card-header,.mbx3-data-card-head,.mbx3-form-card>header,.tool-free-card-head,.mbx3-withdraw-card-head) :is(h2,h3,h4,h5) { color:var(--ui-text)!important; font-size:17px!important; font-weight:600!important; letter-spacing:-.2px!important; }
.ui-client :is(.card-body,.mbx3-form-body) { padding:22px!important; background:var(--ui-surface)!important; color:var(--ui-text)!important; }
.ui-client :is(.mbx3-data-card-head,.mbx3-form-card>header,.card-header)::before { display:none!important; }
.ui-client :is(.mbx3-form-card>footer,.mbx3-withdraw-card form>footer,.modal-footer) { padding:18px 22px!important; border-top:1px solid var(--ui-line)!important; background:var(--ui-subtle)!important; border-radius:0 0 var(--ui-radius) var(--ui-radius)!important; }
.ui-client :is(.mbx3-large-empty,.xu-history-empty,.tool-free-empty,.thu-history-v2 .empty) { padding:46px 24px!important; color:var(--ui-muted)!important; text-align:center; }
.ui-client :is(.mbx3-large-empty,.xu-history-empty,.tool-free-empty,.thu-history-v2 .empty) :is(i,svg) { color:#ab9dc3!important; font-size:28px!important; }
.ui-client :is(.mbx3-large-empty,.thu-history-v2 .empty) :is(h3,h4) { margin:14px 0 7px!important; color:var(--ui-text)!important; font-size:18px!important; font-weight:600!important; }
.ui-client :is(.mbx3-large-empty,.thu-history-v2 .empty) p { color:var(--ui-muted)!important; font-size:13px!important; }

/* Common form, action and status semantics. */
.ui-client main :is(.form-control,.market-field input,.thu-input,.tool-report-fields input,.tool-report-fields select,.tool-report-form textarea) { border:1px solid var(--ui-line)!important; background:var(--ui-subtle)!important; border-radius:var(--ui-input-radius)!important; color:var(--ui-text)!important; font-size:14px!important; font-weight:400!important; line-height:1.5!important; box-shadow:none!important; }
.ui-client main :is(input.form-control,select.form-control,.market-field input) { min-height:46px!important; height:46px!important; padding:10px 13px!important; }
.ui-client main :is(.form-control,.market-field input,.thu-input):focus { border-color:#60a5fa!important; box-shadow:0 0 0 3px #2563eb1a!important; }
.ui-client main :is(input,textarea)::placeholder { color:#9a90a6!important; font-size:13px!important; }
.ui-client main label { color:var(--ui-text)!important; font-size:13px!important; font-weight:500!important; }
.ui-client main input[readonly] { background:var(--ui-canvas)!important; color:var(--ui-muted)!important; }
.ui-client main .form-group { margin-bottom:20px; }
.ui-client :is(.btn,.market-submit,.thu-submit,.tool-key-button,.tool-free-login,.tool-report-submit) { border-radius:10px!important; box-shadow:none!important; font-size:13px!important; font-weight:600!important; letter-spacing:0!important; line-height:1.5!important; padding:11px 16px!important; min-height:42px; text-transform:none!important; transition:background-color .15s,border-color .15s!important; }
.ui-client :is(.btn-primary,.market-submit,.thu-submit,.tool-key-button,.tool-free-login,.tool-report-submit) { border:1px solid var(--ui-action)!important; background:var(--ui-action)!important; color:#fff!important; }
.ui-client :is(.btn-primary,.market-submit,.thu-submit,.tool-key-button,.tool-free-login,.tool-report-submit):hover { background:#1e40af!important; border-color:#1e40af!important; transform:none!important; }
.ui-client :is(.btn-outline-primary,.btn-outline-secondary,.btn-light,.btn-refresh-list,.btn-history-outline,.tool-key-button.secondary) { color:var(--ui-primary)!important; border:1px solid var(--ui-line)!important; background:var(--ui-surface)!important; }
.ui-client :is(.btn-outline-primary,.btn-outline-secondary,.btn-light):hover { background:var(--ui-primary-soft)!important; color:var(--ui-primary)!important; }
.ui-client .btn-success { border-color:var(--ui-green)!important; background:var(--ui-green)!important; color:#fff!important; }
.ui-client .btn-danger { border-color:var(--ui-red)!important; background:var(--ui-red)!important; color:#fff!important; }
.ui-client :is(.btn,.market-submit,.thu-submit):disabled { opacity:.55!important; cursor:not-allowed; transform:none!important; }
.ui-client :is(.mbx3-status-chip,.badge,.market-status) { display:inline-flex; align-items:center; gap:5px; border:0!important; border-radius:6px!important; padding:5px 9px!important; font-size:11px!important; font-weight:500!important; box-shadow:none!important; }
.ui-client :is(.mbx3-status-chip.safe,.badge-success,.market-status:not(.closed)) { color:var(--ui-green)!important; background:var(--ui-green-soft)!important; }
.ui-client :is(.mbx3-status-chip.warning,.badge-warning,.market-status.closed) { color:var(--ui-amber)!important; background:var(--ui-amber-soft)!important; }
.ui-client :is(.mbx3-status-chip.danger,.badge-danger) { color:var(--ui-red)!important; background:var(--ui-red-soft)!important; }
.ui-client :is(.mbx3-status-chip.neutral,.badge-info,.badge-primary) { color:var(--ui-primary)!important; background:var(--ui-primary-soft)!important; }
.ui-client :is(.alert-primary,.alert-info,.mbx3-guide-note) { color:var(--ui-muted)!important; background:var(--ui-subtle)!important; border:1px solid var(--ui-line)!important; border-radius:12px!important; box-shadow:none!important; }
.ui-client :is(.alert-warning,.mbx3-inline-alert.warning) { color:var(--ui-amber)!important; background:var(--ui-amber-soft)!important; border-color:var(--ui-line)!important; }
.ui-client :is(.text-primary,.text-info) { color:var(--ui-primary)!important; }
.ui-client :is(.text-success,.mbx3-amount.positive,.thu-history-v2 .ok) { color:var(--ui-green)!important; }
.ui-client :is(.text-danger,.mbx3-amount.negative,.thu-history-v2 .failed) { color:var(--ui-red)!important; }

/* Statistics and tables use the same numbers, spacing and borders. */
.ui-client :is(.mbx3-stat-row,.market-metrics) { gap:16px!important; margin-bottom:24px!important; }
.ui-client .mbx3-stat-card { border:1px solid var(--ui-line)!important; background:var(--ui-surface)!important; padding:20px!important; border-radius:14px!important; box-shadow:none!important; }
.ui-client .mbx3-stat-card>span { background:var(--ui-primary-soft)!important; color:var(--ui-primary)!important; border-radius:11px!important; width:42px!important; height:42px!important; box-shadow:none!important; }
.ui-client .mbx3-stat-card.positive>span { background:var(--ui-green-soft)!important; color:var(--ui-green)!important; }
.ui-client .mbx3-stat-card.negative>span { background:var(--ui-red-soft)!important; color:var(--ui-red)!important; }
.ui-client .mbx3-stat-card.sell>span { background:var(--ui-amber-soft)!important; color:var(--ui-amber)!important; }
.ui-client .mbx3-stat-card small { font-size:12px!important; color:var(--ui-muted)!important; font-weight:400!important; }
.ui-client .mbx3-stat-card strong { color:var(--ui-text)!important; font-size:23px!important; font-weight:600!important; font-variant-numeric:tabular-nums; }
.ui-client main .table { background:var(--ui-surface)!important; color:var(--ui-text)!important; border-color:var(--ui-line)!important; }
.ui-client main .table thead th { border:0!important; border-bottom:1px solid var(--ui-line)!important; padding:13px 16px!important; background:var(--ui-subtle)!important; color:var(--ui-muted)!important; text-transform:none!important; font-size:12px!important; font-weight:500!important; letter-spacing:0!important; line-height:1.5!important; }
.ui-client main .table tbody td { border-top:1px solid var(--ui-line)!important; padding:15px 16px!important; background:transparent!important; color:var(--ui-text)!important; font-size:13px!important; font-weight:400!important; vertical-align:middle!important; }
.ui-client main .table-striped tbody tr:nth-of-type(odd) { background:var(--ui-subtle)!important; }
.ui-client main .table-hover tbody tr:hover { background:var(--ui-primary-soft)!important; }
.ui-client :is(.mbx3-table-note,.mbx3-table-date,.copy-cell) { color:var(--ui-text)!important; font-size:12px!important; font-weight:400!important; }
.ui-client main :is(td strong,td b,.mbx3-amount) { font-weight:600!important; font-variant-numeric:tabular-nums; }
.ui-client .pagination .page-link { border-color:var(--ui-line)!important; color:var(--ui-muted)!important; background:var(--ui-surface)!important; font-size:13px!important; }
.ui-client .pagination .active .page-link { background:var(--ui-action)!important; border-color:var(--ui-action)!important; color:#fff!important; }
.ui-client :is(.table-responsive,.mbx3-table-scroll,.table-wrap) { max-width:100%; overflow-x:auto; }

/* Storefront: priority goes to the order form, with restrained accent cards. */
.ui-client .market-intro { padding:2px 0 24px!important; }
.ui-client .market-intro h1 { font-size:34px!important; font-weight:650!important; letter-spacing:-1px!important; }
.ui-client .market-intro p { font-size:14px!important; max-width:690px; }
.ui-client .market-intro h1 span { color:var(--ui-primary)!important; }
.ui-client .market-shortcuts { padding-bottom:24px!important; gap:18px!important; }
.ui-client .market-service-card { padding:20px!important; box-shadow:none!important; border:1px solid var(--ui-line)!important; border-radius:14px!important; }
.ui-client .market-service-card.transfer { border-left:3px solid var(--ui-action)!important; }
.ui-client .market-service-card.collection { border-left:3px solid #ce8066!important; }
.ui-client .market-service-copy strong { font-size:15px!important; font-weight:600!important; color:var(--ui-text)!important; }
.ui-client .market-service-copy small { color:var(--ui-muted)!important; font-size:12px!important; }
.ui-client .market-rate { color:var(--ui-text)!important; font-size:22px!important; font-weight:650!important; }
.ui-client .market-rate small { font-size:11px!important; }
.ui-client .market-order-card { border:1px solid var(--ui-line)!important; border-radius:var(--ui-radius)!important; background:var(--ui-surface)!important; box-shadow:none!important; }
.ui-client .market-card-heading { padding:22px 24px!important; }
.ui-client .market-card-heading h2 { font-size:19px!important; font-weight:600!important; }
.ui-client .market-transfer-form { padding:24px!important; gap:20px!important; }
.ui-client .market-field small,.ui-client .market-field label span { font-size:12px!important; }
.ui-client .market-checkout { background:var(--ui-amber-soft)!important; border:1px solid var(--ui-line)!important; border-radius:12px!important; padding:18px!important; }
.ui-client .market-checkout strong { color:var(--ui-amber)!important; font-size:29px!important; font-weight:650!important; }
.ui-client .market-checkout>span,.ui-client .market-checkout small { color:var(--ui-amber)!important; }
.ui-client .market-sell-card { background:var(--ui-coral-soft)!important; border:1px solid var(--ui-line)!important; padding:26px!important; box-shadow:none!important; }
.ui-client .market-sell-card h2 { color:var(--ui-text)!important; font-size:28px!important; font-weight:650!important; }
.ui-client .market-sell-card p { color:var(--ui-muted)!important; font-size:13px!important; }
.ui-client .market-sell-rate strong { color:var(--ui-coral)!important; font-size:27px!important; font-weight:650!important; }
.ui-client .market-sell-card>a { background:var(--ui-surface)!important; border:1px solid var(--ui-line)!important; color:var(--ui-coral)!important; font-size:13px!important; }
.ui-client :is(.market-sell-card>small,.market-sell-rate span,.market-order-note) { color:var(--ui-muted)!important; font-size:12px!important; }
.ui-client .market-how-card { background:var(--ui-surface)!important; border-color:var(--ui-line)!important; }
.ui-client .market-how-card strong { font-size:13px!important; font-weight:500!important; color:var(--ui-text)!important; }
.ui-client .market-how-card small { font-size:12px!important; }
.ui-client .market-metrics>div { border-color:var(--ui-line)!important; background:transparent!important; padding:16px!important; }
.ui-client .market-metrics strong { color:var(--ui-text)!important; font-size:13px!important; font-weight:500!important; }
.ui-client .market-metrics small { font-size:11px!important; }
.ui-client .market-account-intro h2 { font-size:25px!important; }
.ui-client .market-account-intro p { font-size:14px!important; }
.ui-client .market-account-intro { margin:32px 0 22px!important; }
.ui-client .market-notice { background:var(--ui-surface)!important; border-color:var(--ui-line)!important; }
.ui-client .market-notice summary { color:var(--ui-text)!important; font-size:13px!important; font-weight:500!important; }
.ui-client .xu-shop-page :is(.soft-alert,.guest-preview-banner,.guest-history-note) { color:var(--ui-muted)!important; background:var(--ui-subtle)!important; border:1px solid var(--ui-line)!important; border-radius:12px!important; }
.ui-client .xu-shop-page .filter-chip { color:var(--ui-muted)!important; background:var(--ui-surface)!important; border:1px solid var(--ui-line)!important; border-radius:8px!important; padding:8px 12px!important; font-size:12px!important; font-weight:500!important; }
.ui-client .xu-shop-page .filter-chip.active { color:var(--ui-primary)!important; background:var(--ui-primary-soft)!important; border-color:#93c5fd!important; }

/* Collection: choose method, enter accounts, read results. */
.ui-client .thu-wrap { padding-top:0!important; }
.ui-client .thu-admin-notice { color:var(--ui-muted)!important; background:var(--ui-subtle)!important; border:1px solid var(--ui-line)!important; border-left:3px solid var(--ui-coral)!important; border-radius:10px!important; padding:13px 17px!important; font-size:13px!important; margin-bottom:22px!important; }
.ui-client .thu-flow-strip { gap:14px!important; margin-bottom:24px!important; }
.ui-client .thu-flow-step { background:var(--ui-surface)!important; border:1px solid var(--ui-line)!important; border-radius:12px!important; padding:15px!important; }
.ui-client .thu-flow-step strong { font-size:13px!important; font-weight:500!important; color:var(--ui-text)!important; }
.ui-client .thu-flow-step small { font-size:12px!important; }
.ui-client .thu-rules-card { box-shadow:none!important; border:1px solid var(--ui-line)!important; border-radius:12px!important; background:var(--ui-surface)!important; }
.ui-client .thu-rules-head { background:var(--ui-surface)!important; padding:16px 18px!important; }
.ui-client .thu-rules-head h2 { font-size:15px!important; }
.ui-client .thu-rules-grid { background:var(--ui-surface)!important; padding:4px 18px 18px!important; gap:9px!important; }
.ui-client .thu-rules-grid li { background:var(--ui-subtle)!important; color:var(--ui-muted)!important; border:1px solid var(--ui-line)!important; border-left:0!important; font-size:12px!important; }
.ui-client .thu-rules-grid li strong { color:var(--ui-text)!important; }
.ui-client .thu-service-picker { padding:22px!important; }
.ui-client .thu-method label { border:1px solid var(--ui-line)!important; border-radius:12px!important; padding:16px!important; background:var(--ui-surface)!important; box-shadow:none!important; }
.ui-client .thu-method label strong { color:var(--ui-text)!important; font-size:14px!important; font-weight:600!important; }
.ui-client .thu-method label small { font-size:12px!important; color:var(--ui-muted)!important; }
.ui-client .thu-method input:checked+label { border-color:#60a5fa!important; background:var(--ui-primary-soft)!important; box-shadow:inset 3px 0 var(--ui-action)!important; }
.ui-client .thu-method input:focus-visible+label { outline:3px solid #93c5fd; outline-offset:3px; }
.ui-client .thu-method-note { background:var(--ui-amber-soft)!important; color:var(--ui-amber)!important; border:0!important; border-radius:8px!important; padding:11px 14px!important; font-size:12px!important; }
.ui-client .thu-rate-line { background:var(--ui-subtle)!important; border:1px solid var(--ui-line)!important; border-radius:11px!important; color:var(--ui-muted)!important; padding:16px!important; }
.ui-client .thu-rate-line>span { color:var(--ui-muted)!important; font-size:12px!important; }
.ui-client #thuRate { color:var(--ui-green)!important; font-size:20px!important; font-weight:650!important; }
.ui-client .thu-rate-line .thu-limit-chip { border:1px solid var(--ui-line)!important; background:var(--ui-surface)!important; }
.ui-client .thu-rate-line .thu-limit-chip em { color:var(--ui-muted)!important; font-size:11px!important; }
.ui-client .thu-rate-line .thu-limit-chip b { color:var(--ui-text)!important; font-size:12px!important; }
html body.ui-client main .thu-wrap .thu-workspace .thu-panel>.mbx3-data-card-head { border-bottom:1px solid var(--ui-line)!important; background:var(--ui-surface)!important; background-image:none!important; padding:18px 20px!important; }
html body.ui-client main .thu-wrap .thu-workspace .thu-panel>.mbx3-data-card-head :is(h2,h2 i,h2 svg,small) { color:var(--ui-text)!important; font-size:15px!important; font-weight:600!important; background:none!important; text-shadow:none!important; }
.ui-client .thu-format-hint,.ui-client .thu-panel-foot { background:var(--ui-subtle)!important; border-color:var(--ui-line)!important; padding:13px 18px!important; color:var(--ui-muted)!important; font-size:12px!important; }
.ui-client .thu-input { min-height:270px!important; padding:18px!important; border:0!important; border-radius:0!important; background:var(--ui-surface)!important; font-family:Consolas,'Courier New',monospace!important; font-size:14px!important; line-height:1.9!important; }
.ui-client .thu-summary { background:var(--ui-subtle)!important; padding:16px!important; gap:9px!important; }
.ui-client .thu-summary-item { border:1px solid var(--ui-line)!important; background:var(--ui-surface)!important; border-radius:10px!important; padding:14px 10px!important; }
.ui-client .thu-summary-item span { color:var(--ui-muted)!important; font-size:11px!important; font-weight:400!important; }
.ui-client .thu-summary-item strong { font-size:21px!important; font-weight:600!important; }
.ui-client .thu-summary-item:nth-child(1) strong { color:var(--ui-primary)!important; }.ui-client .thu-summary-item:nth-child(2) strong { color:var(--ui-green)!important; }.ui-client .thu-summary-item:nth-child(3) strong { color:var(--ui-amber)!important; }
.ui-client .thu-results { background:var(--ui-surface)!important; }
.ui-client .thu-history-v2 summary { background:var(--ui-surface)!important; border-color:var(--ui-line)!important; }
.ui-client .thu-history-v2 .batch-total { color:var(--ui-green)!important; font-size:19px!important; }
.ui-client :is(.thu-seo-content,.thu-faq) { background:var(--ui-surface)!important; border:1px solid var(--ui-line)!important; padding:24px!important; box-shadow:none!important; }
.ui-client .thu-faq-grid article { background:var(--ui-subtle)!important; border-color:var(--ui-line)!important; }

/* Wallets and account settings: colored numbers, neutral form surfaces. */
.ui-client .thu-service-card.is-ttc-only .thu-type-row { display:none!important; }
.ui-client .thu-service-card.is-ttc-only .thu-method-picker { margin-top:8px!important; padding-top:8px!important; }
html body.ui-client .thu-rules-card:not([open]) { padding:0!important; }
html body.ui-client .thu-rules-card:not([open]) .thu-rules-head { padding:18px 20px!important; border:0!important; }
html body.ui-client .mbx3-app-topbar .mbx3-topbar-mark { background:var(--ui-primary-soft)!important; color:var(--ui-primary)!important; }
.ui-client :is(.mbx3-profile-avatar,.mbx3-guide-icon,.mbx3-withdraw-guide-icon) { background:var(--ui-primary-soft)!important; color:var(--ui-primary)!important; box-shadow:none!important; border-radius:15px!important; }
.ui-client .mbx3-profile-identity { padding:26px 18px!important; }
.ui-client .mbx3-profile-identity h2 { font-size:18px!important; overflow-wrap:anywhere; word-break:break-word; }
.ui-client .mbx3-profile-identity p { color:var(--ui-muted)!important; font-size:12px!important; overflow-wrap:anywhere; }
.ui-client .mbx3-profile-links a { color:var(--ui-muted)!important; font-size:13px!important; border-radius:9px!important; }
.ui-client .mbx3-profile-links a.active { color:var(--ui-primary)!important; background:var(--ui-primary-soft)!important; }
.ui-client :is(.mbx3-security-guide,.mbx3-withdraw-guide) { padding:24px!important; }
.ui-client :is(.mbx3-security-guide,.mbx3-withdraw-guide) li { color:var(--ui-muted)!important; font-size:13px!important; }
.ui-client :is(.mbx3-security-guide,.mbx3-withdraw-guide) li>b { background:var(--ui-primary-soft)!important; color:var(--ui-primary)!important; }
.ui-client :is(.mbx3-guide-note,.mbx3-withdraw-guide-note) { background:var(--ui-subtle)!important; border:1px solid var(--ui-line)!important; color:var(--ui-muted)!important; font-size:12px!important; }
html body.ui-client .mbx3-withdraw-balance { background:#272034!important; border:0!important; box-shadow:none!important; border-radius:14px!important; padding:22px!important; }
html body.ui-client .mbx3-withdraw-balance>strong { color:#f2ce89!important; font-size:31px!important; font-weight:600!important; }
html body.ui-client .mbx3-withdraw-balance :is(span,small,b) { color:#e3d7ef!important; font-size:12px!important; }
html body.ui-client .mbx3-withdraw-assurance { background:var(--ui-surface)!important; border:1px solid var(--ui-line)!important; box-shadow:none!important; }
html body.ui-client .mbx3-withdraw-assurance>span { background:transparent!important; border:0!important; border-right:1px solid var(--ui-line)!important; padding:16px!important; }
html body.ui-client .mbx3-withdraw-assurance :is(b,small) { color:var(--ui-muted)!important; font-size:12px!important; }
html body.ui-client .mbx3-withdraw-page .mbx3-withdraw-assurance :is(b,small) { grid-column:2; min-width:0; white-space:normal!important; }
html body.ui-client .mbx3-withdraw-card>header { background:var(--ui-surface)!important; border-color:var(--ui-line)!important; }
html body.ui-client .mbx3-withdraw-card>header :is(h2,p,.mbx3-withdraw-step) { color:var(--ui-text)!important; }
html body.ui-client .mbx3-withdraw-guide-head { margin:0 0 20px!important; padding:0 0 20px!important; background:none!important; border-bottom:1px solid var(--ui-line)!important; }
html body.ui-client .mbx3-withdraw-guide-head :is(h2,.mbx3-withdraw-step) { color:var(--ui-text)!important; }
html body.ui-client .mbx3-withdraw-form { background:var(--ui-surface)!important; }
.ui-client .mbx3-withdraw-amount button { color:var(--ui-primary)!important; border-color:var(--ui-line)!important; background:var(--ui-primary-soft)!important; font-size:12px!important; }
.ui-client .mbx3-payment-statusbar { background:var(--ui-surface)!important; border:1px solid var(--ui-line)!important; border-radius:12px!important; padding:20px!important; }
.ui-client .mbx3-payment-info-list>div { border-color:var(--ui-line)!important; }
.ui-client .mbx3-qr-box { background:#fff!important; padding:18px!important; border:1px solid #e7e3ee!important; border-radius:14px!important; }
.ui-client .mbx3-qr-box img,.ui-client .mbx3-qr-box svg { max-width:100%!important; }

/* Help, tools and legal pages use the same cards and readable type. */
/* Keep old domain/dark skins from painting legacy components independently. */
html body.ui-client.mbx3-app-body main :is(.mbx3-page-titlebar,.mbx-page-heading,.mbx3-withdraw-hero) { background:transparent!important; box-shadow:none!important; }
html body.ui-client.mbx3-app-body main :is(.mbx3-stat-card,.mbx3-data-card,.mbx3-form-card,.mbx3-profile-summary,.mbx3-security-guide,.mbx3-withdraw-guide,.mbx3-withdraw-card) { background:var(--ui-surface)!important; border-color:var(--ui-line)!important; box-shadow:var(--ui-shadow)!important; }
html body.ui-client.mbx3-app-body main :is(.mbx3-form-card>header,.mbx3-data-card-head) { background:var(--ui-surface)!important; border-color:var(--ui-line)!important; }
html body.ui-client.mbx3-app-body main :is(.mbx3-form-card>header,.mbx3-data-card-head) :is(h2,h3,h4,p) { color:var(--ui-text)!important; }
html body.ui-client.mbx3-app-body main :is(.form-control,.mbx3-withdraw-form .form-control) { background:var(--ui-subtle)!important; color:var(--ui-text)!important; border-color:var(--ui-line)!important; }
html body.ui-client.mbx3-app-body main .mbx3-profile-avatar { background:var(--ui-primary-soft)!important; color:var(--ui-primary)!important; border:0!important; }
html body.ui-client.mbx3-app-body main :is(.mbx3-profile-links a,.mbx3-profile-links a.active) { color:var(--ui-text)!important; }
html.dark body.ui-client.mbx3-app-body .mbx3-sidebar-wallet-list>a { background:#332a42!important; }
html.dark body.ui-client.mbx3-app-body .mbx3-sidebar :is(.mbx3-sidebar-account>a,.mbx3-sidebar-head button) { background:#302b40!important; color:#ddd2ee!important; border-color:#453c54!important; }
html body.ui-client.mbx3-app-body .mbx3-stat-card .mbx3-stat-icon { background:var(--ui-primary-soft)!important; color:var(--ui-primary)!important; }
.ui-client :is(.mbx7-contact-grid>a,.mbx7-contact-grid>div,.mbx7-support-checklist>div,.mbx7-faq-grid>details) { background:var(--ui-surface)!important; border:1px solid var(--ui-line)!important; border-radius:14px!important; box-shadow:none!important; padding:22px!important; }
.ui-client .mbx7-contact-grid :is(i,svg) { color:var(--ui-primary)!important; background:var(--ui-primary-soft)!important; }
.ui-client .mbx7-contact-grid strong { color:var(--ui-text)!important; font-size:15px!important; font-weight:600!important; overflow-wrap:anywhere; }
.ui-client .mbx7-faq-grid summary { color:var(--ui-text)!important; font-size:15px!important; font-weight:600!important; }
.ui-client .mbx7-faq-grid details>div { color:var(--ui-muted)!important; font-size:14px!important; }
.ui-client :is(.mbx7-static-action,.mbx7-faq-foot) { background:var(--ui-primary-soft)!important; border:1px solid var(--ui-line)!important; border-radius:14px!important; padding:22px!important; color:var(--ui-text)!important; }
.ui-client :is(.mbx7-static-action,.mbx7-faq-foot) a { color:var(--ui-primary)!important; font-size:13px!important; }
.ui-client :is(.mbx7-rich-content,.tool-free-article-content,.tool-free-seo) { color:var(--ui-muted)!important; font-size:14px!important; line-height:1.85!important; }
.ui-client .tool-free-hero { min-height:0!important; }
.ui-client .tool-free-hero h1 { color:var(--ui-text)!important; }
.ui-client .tool-free-hero p { color:var(--ui-muted)!important; }
.ui-client .tool-free-tool { background:var(--ui-surface)!important; border-color:var(--ui-line)!important; padding:20px!important; }
.ui-client .tool-free-tool-copy strong { color:var(--ui-text)!important; font-size:16px!important; font-weight:600!important; }
.ui-client .tool-free-tool-copy p { color:var(--ui-muted)!important; font-size:13px!important; }
.ui-client :is(.tool-key-guest,.tool-key-panel,.tool-key-user,.tool-selected-head) { background:var(--ui-subtle)!important; color:var(--ui-text)!important; border-color:var(--ui-line)!important; }
.ui-client :is(.tool-key-disabled,.tool-key-output,.tool-key-value) { background:var(--ui-surface)!important; border-color:var(--ui-line)!important; color:var(--ui-primary)!important; }
.ui-client .tool-free-faq summary { color:var(--ui-text)!important; font-size:14px!important; }
.ui-client .tool-free-faq p { color:var(--ui-muted)!important; font-size:14px!important; }

/* Footer, mobile dock and dialogs are shared components too. */
.ui-client :is(.iq-footer,.mbx3-public-footer) { background:var(--ui-surface)!important; border-top:1px solid var(--ui-line)!important; color:var(--ui-muted)!important; box-shadow:none!important; }
.ui-client :is(.iq-footer,.mbx3-public-footer) :is(p,a,span) { font-size:12px!important; font-weight:400!important; color:var(--ui-muted)!important; }
.ui-client .mbx3-public-footer h2 { color:var(--ui-text)!important; font-size:14px!important; font-weight:600!important; }
.ui-client .mbx-mobile-dock { background:var(--ui-surface)!important; border-top:1px solid var(--ui-line)!important; box-shadow:none!important; }
.ui-client .mbx-mobile-dock a { color:var(--ui-muted)!important; font-size:11px!important; }
.ui-client .mbx-mobile-dock a.active { background:var(--ui-primary-soft)!important; color:var(--ui-primary)!important; }
.ui-client .modal-content,.ui-client .swal2-popup { background:var(--ui-surface)!important; color:var(--ui-text)!important; border:1px solid var(--ui-line)!important; border-radius:16px!important; box-shadow:0 16px 60px #21153124!important; }
.ui-client .modal-header { background:var(--ui-surface)!important; border-bottom:1px solid var(--ui-line)!important; padding:20px!important; }
.ui-client .modal-body { color:var(--ui-text)!important; background:var(--ui-surface)!important; padding:22px!important; font-size:14px!important; }
.ui-client .swal2-title { font-size:22px!important; font-weight:600!important; color:var(--ui-text)!important; }
.ui-client .swal2-html-container { color:var(--ui-muted)!important; font-size:14px!important; }
.ui-client .swal2-confirm { border:0!important; background:var(--ui-action)!important; border-radius:9px!important; box-shadow:none!important; font-size:14px!important; }

/* Authentication gets the same surfaces and typography, with one dark side panel. */
html body.ui-client.mbx-auth-page.bg-image { background:var(--ui-canvas)!important; background-image:none!important; }
.ui-client.mbx-auth-page .mbx-auth-layout { background:var(--ui-surface)!important; border-color:var(--ui-line)!important; box-shadow:var(--ui-shadow)!important; }
.ui-client.mbx-auth-page .mbx-auth-form,.ui-client.mbx-auth-page .login-content .card { background:var(--ui-surface)!important; }
.ui-client.mbx-auth-page .login-content .form-control { background:var(--ui-subtle)!important; color:var(--ui-text)!important; border-color:var(--ui-line)!important; font-size:14px!important; }
.ui-client.mbx-auth-page .login-content label { color:var(--ui-text)!important; font-size:13px!important; font-weight:500!important; }
.ui-client.mbx-auth-page .login-content h3 { color:var(--ui-text)!important; font-size:27px!important; font-weight:650!important; }
.ui-client.mbx-auth-page .login-content p { color:var(--ui-muted)!important; font-size:13px!important; }
.ui-client.mbx-auth-page .mbx-auth-story { background:var(--ui-nav)!important; }
.ui-client.mbx-auth-page .mbx-auth-story h1 { color:#f4effb!important; font-size:32px!important; font-weight:600!important; }
.ui-client.mbx-auth-page .mbx-auth-story p { color:#b5a9c6!important; font-size:14px!important; }
.ui-client.mbx-auth-page .mbx-auth-point { background:#2b2539!important; border-color:#44374f!important; font-size:12px!important; font-weight:400!important; }
.ui-client.mbx-auth-page .auth-logo .market-brand-copy strong { color:var(--ui-text)!important; }

@media(min-width:1100px) {
  html body.ui-client.mbx6-public-light .mbx5-public-sidebar { width:var(--ui-sidebar)!important; }
  html body.ui-client.mbx6-public-light .mbx5-public-stage { margin-left:var(--ui-sidebar)!important; }
  html body.ui-client.mbx6-public-light.mbx6-sidebar-collapsed { --ui-sidebar:78px; }
  .ui-client.mbx6-sidebar-collapsed .mbx3-public-nav>a { width:46px!important; padding:9px!important; }
}
@media(min-width:1300px) {
  html body.ui-client.sidebar-main.mbx3-app-body { --ui-sidebar:78px; }
  html body.ui-client.sidebar-main .mbx3-sidebar .mbx3-side-menu li>a { grid-template-columns:1fr!important; justify-items:center; }
  html body.ui-client.sidebar-main .mbx3-sidebar .mbx3-side-menu li>a span { display:none!important; }
}
@media(max-width:1099px) {
  html body.ui-client.mbx6-public-light .mbx5-public-stage { margin-left:0!important; }
  html body.ui-client.mbx6-public-light .mbx5-public-sidebar { width:270px!important; }
  .ui-client .mbx5-public-topbar { padding:0 18px!important; }
}
@media(max-width:767px) {
  html body.ui-client main>.container-fluid,html body.ui-client main>.mbx3-public-container { padding:22px 18px 36px!important; }
  .ui-client main h1 { font-size:25px!important; }
  .ui-client main h2 { font-size:19px!important; }
  .ui-client .market-intro h1 { font-size:30px!important; }
  .ui-client .market-layout { grid-template-columns:1fr!important; }
  .ui-client .market-side-stack { grid-template-columns:1fr!important; }
  .ui-client :is(.mbx3-page-titlebar,.mbx-page-heading,.mbx7-faq-heading,.mbx3-withdraw-hero) { flex-wrap:wrap!important; align-items:flex-start!important; }
  .ui-client :is(.mbx3-profile-grid,.mbx3-settings-grid,.mbx3-withdraw-grid,.mbx3-payment-grid,.mbx7-support-checklist) { grid-template-columns:1fr!important; gap:20px!important; }
  .ui-client .mbx3-profile-summary { display:block!important; }
  .ui-client .mbx3-profile-identity { border-right:0!important; border-bottom:1px solid var(--ui-line)!important; }
  .ui-client :is(.card-body,.mbx3-form-body) { padding:20px!important; }
  .ui-client .mbx3-stat-card { padding:16px!important; }
  .ui-client .mbx3-stat-card strong { font-size:22px!important; }
  .ui-client .market-service-card { padding:17px!important; }
  .ui-client .market-service-copy strong { font-size:14px!important; }
  .ui-client .market-service-copy small { font-size:11px!important; }
  .ui-client .market-checkout strong { font-size:26px!important; }
}
@media(max-width:575px) {
  .ui-client .thu-flow-strip { display:none!important; }
  .ui-client .thu-admin-notice { padding:10px 14px!important; font-size:12px!important; }
  html body.ui-client main>.container-fluid,html body.ui-client main>.mbx3-public-container { padding:20px 14px 32px!important; }
  .ui-client .mbx5-public-topbar,.ui-client .mbx3-app-topbar .navbar { min-height:66px!important; padding:0 12px!important; }
  .ui-client .mbx3-app-offset { padding-top:66px!important; }
  .ui-client .mbx3-public-header,.ui-client .mbx3-app-topbar.iq-top-navbar { min-height:66px!important; }
  .ui-client :is(.mbx3-menu-button,.mbx3-topbar-menu,.mbx8-guest-topbar-icon) { width:36px!important; height:36px!important; min-width:36px!important; }
  .ui-client .market-brand-copy strong { font-size:11px!important; }
  .ui-client .market-brand-copy small { font-size:8px!important; }
  .ui-client .mbx3-topbar-context { display:none!important; }
  .ui-client .mbx3-topbar-brand { font-size:11px!important; }
  .ui-client .market-shortcuts { grid-template-columns:1fr!important; }
  .ui-client .market-card-heading,.ui-client .market-transfer-form { padding:20px!important; }
  .ui-client .market-card-heading h2 { font-size:18px!important; }
  .ui-client .market-sell-card { padding:23px!important; }
  .ui-client .market-sell-card h2 { font-size:26px!important; }
  .ui-client .market-account-intro { display:block!important; }
  .ui-client .market-stock-count { display:inline-flex;margin-top:12px; }
  .ui-client .market-account-intro h2 { font-size:23px!important; }
  .ui-client :is(.market-metrics,.mbx3-stat-row,.thu-flow-strip,.mbx7-contact-grid) { grid-template-columns:1fr!important; }
  .ui-client .mbx3-stat-card { display:flex!important; align-items:center; gap:14px!important; }
  .ui-client .mbx3-form-grid { grid-template-columns:1fr!important; }
  .ui-client .thu-workspace { grid-template-columns:1fr!important; }
  .ui-client .thu-service-picker { padding:18px!important; }
  .ui-client .thu-summary-item strong { font-size:19px!important; }
  .ui-client :is(.mbx3-form-card>footer,.mbx3-withdraw-card form>footer) { flex-wrap:wrap!important; gap:14px!important; }
  .ui-client .mbx3-withdraw-assurance { grid-template-columns:1fr!important; }
  html body.ui-client .mbx3-withdraw-assurance>span { border-right:0!important; border-bottom:1px solid var(--ui-line)!important; }
  .ui-client .mbx3-2fa-setup { grid-template-columns:1fr!important; }
  .ui-client :is(.mbx3-profile-identity h2,.mbx3-table-note,.market-order-feedback) { overflow-wrap:anywhere; }
  .ui-client .table-mobile tbody td { max-width:100%; overflow-wrap:anywhere; }
  .ui-client .mbx3-public-footer { padding-bottom:28px!important; }
  .ui-client.mbx-auth-page .mbx-auth-story h1 { font-size:24px!important; }
  .ui-client.mbx-auth-page .mbx-auth-story p { font-size:13px!important; }
}
/* Final interaction contract. Page layouts are loaded BEFORE these tokens. */
html body.ui-client #loading { background:var(--ui-canvas)!important; }
.ui-client .ui-skip-link { position:fixed; top:8px; left:12px; z-index:2200; padding:12px 18px; background:var(--ui-action); color:#fff; border-radius:8px; transform:translateY(-160%); }
.ui-client .ui-skip-link:focus { transform:translateY(0); }
html body.ui-client { --ui-muted:#5d6470; --ui-coral:#a14c35; }
html.dark body.ui-client { --ui-muted:#b9bfc9; }
html body.ui-client main :is(.btn-primary,.market-submit,.thu-submit,.btn-buy-selected) {
  background:var(--ui-action)!important; border-color:var(--ui-action)!important; color:#fff!important; box-shadow:none!important;
}
html body.ui-client main :is(.btn-primary,.market-submit,.thu-submit,.btn-buy-selected):hover { background:#1e40af!important; border-color:#1e40af!important; }
html body.ui-client main :is(.btn-outline-primary,.btn-outline-secondary,.btn-light,.btn-refresh-list,.btn-history-outline) {
  background:var(--ui-surface)!important; border:1px solid var(--ui-line)!important; color:var(--ui-primary)!important; box-shadow:none!important;
}
html body.ui-client main :is(.btn,.market-submit,.thu-submit) { min-height:44px!important; }
html body.ui-client :is(a,button,input,select,textarea,summary):focus-visible { outline:3px solid var(--ui-primary)!important; outline-offset:3px!important; }
html body.ui-client main :is(.market-amount-options button,.filter-chip,.thu-clear) { min-height:42px!important; font-size:12px!important; }
html body.ui-client main :is(.thu-service-picker,.thu-rules-head,.thu-rate-line,.thu-summary,.thu-results) { background:var(--ui-surface)!important; color:var(--ui-text)!important; box-shadow:none!important; }
html body.ui-client main .thu-service-card { overflow:visible!important; }
html body.ui-client main :is(.thu-service-picker-head>strong,.thu-method-picker>strong) { display:block; font-size:12px!important; font-weight:600!important; color:var(--ui-text)!important; letter-spacing:.3px!important; margin-bottom:10px!important; }
html body.ui-client main .thu-hero { background:none!important; }
html body.ui-client main .thu-hero .btn { background:var(--ui-primary-soft)!important; border:1px solid var(--ui-line)!important; color:var(--ui-primary)!important; }
html body.ui-client main .thu-rate-line { background:var(--ui-subtle)!important; border:1px solid var(--ui-line)!important; }
html body.ui-client main #thuRate { color:var(--ui-green)!important; font-size:20px!important; }
html body.ui-client main .thu-rate-line .thu-limit-chip { background:var(--ui-surface)!important; border-color:var(--ui-line)!important; }
html body.ui-client main .thu-limit-chip :is(em,b) { color:var(--ui-text)!important; font-size:12px!important; }
html body.ui-client main .thu-rules-head p { font-size:12px!important; color:var(--ui-muted)!important; }
html body.ui-client main .thu-rules-head { border-radius:12px!important; }
html body.ui-client main .thu-rules-card[open] .thu-rules-head { border-radius:12px 12px 0 0!important; }

/* This disclosure has no guide-icon column. Do not inherit the generic
   security guide's 50px/grid layout at tablet and small desktop widths. */
html body.ui-client .thu-wrap details.thu-rules-card { display:block!important; min-width:0; padding:0!important; }
html body.ui-client .thu-wrap .thu-rules-head { display:flex; width:100%; min-width:0; box-sizing:border-box; list-style:none; cursor:pointer; }
html body.ui-client .thu-wrap .thu-rules-head::-webkit-details-marker { display:none; }
html body.ui-client .thu-wrap .thu-rules-head>div { flex:1 1 0; min-width:0; }
html body.ui-client .thu-wrap .thu-rules-toggle { flex:0 0 auto; margin-left:auto; }
html body.ui-client .thu-wrap .thu-rules-head:focus-visible { outline:2px solid var(--ui-primary); outline-offset:-3px; }
html body.ui-client main .thu-workspace .thu-panel>.mbx3-data-card-head small { font-size:12px!important; font-weight:400!important; color:var(--ui-muted)!important; }
html body.ui-client main .thu-format-hint { flex-wrap:wrap; gap:8px!important; }
html body.ui-client main :is(.thu-line-count,.thu-session-note,.thu-panel-step) { font-size:11px!important; color:var(--ui-muted)!important; }
html body.ui-client main .thu-panel-foot { flex-wrap:wrap!important; }
html body.ui-client main .thu-clear { border:1px solid var(--ui-line)!important; color:var(--ui-muted)!important; background:var(--ui-surface)!important; border-radius:9px!important; padding:9px 14px!important; }
html body.ui-client main .thu-worker-control { display:inline-flex; align-items:center; gap:8px; margin:0 auto 0 0; color:var(--ui-muted); font-size:12px; white-space:nowrap; }
html body.ui-client main .thu-worker-control select { width:auto; min-width:64px; height:42px; padding:6px 10px; border:1px solid var(--ui-line); border-radius:9px; background:var(--ui-surface); color:var(--ui-text); }
html body.ui-client main .thu-worker-control select:disabled { opacity:.6; cursor:not-allowed; }
html body.ui-client main :is(.market-metrics small,.market-rate small,.market-service-copy small,.market-order-note,.market-order-note strong,.market-field>small) { font-size:12px!important; }
html body.ui-client main .market-amount-options button:disabled { opacity:.65!important; color:var(--ui-muted)!important; background:var(--ui-subtle)!important; cursor:not-allowed; }
html body.ui-client main .market-field label span { font-size:12px!important; }
html body.ui-client main .market-service-copy { min-width:0; }
html body.ui-client main .market-service-copy strong { white-space:normal!important; }
html body.ui-client main .market-order-note { margin-top:16px!important; }
html body.ui-client main .market-stock-notice {
  display:flex; align-items:flex-start; gap:14px; padding:18px!important;
  border:1px solid var(--ui-line); border-left:3px solid var(--ui-primary);
  border-radius:10px; background:var(--ui-primary-soft)!important; text-align:left;
}
html body.ui-client main .market-stock-notice-icon { display:grid; place-items:center; flex:0 0 40px; width:40px; height:40px; border-radius:10px; background:var(--ui-action); color:#fff; font-size:18px; }
html body.ui-client main .market-stock-notice>div { min-width:0; }
html body.ui-client main .market-stock-notice-label { display:block; color:var(--ui-text); font-size:13px; font-weight:600; }
html body.ui-client main .market-stock-notice .market-stock-notice-value { display:block; margin:4px 0 8px; color:var(--ui-primary)!important; font-size:26px!important; line-height:1.25; font-weight:700; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
html body.ui-client main .market-stock-notice p { margin:0; color:var(--ui-muted)!important; font-size:12px!important; line-height:1.6; }
html body.ui-client main :is(.mbx3-withdraw-guide li strong,.mbx3-withdraw-step,.mbx3-withdraw-submit-note b) { font-size:12px!important; }
html body.ui-client main .mbx3-withdraw-submit-note { font-size:12px!important; }
html body.ui-client .ui-bank-choice { display:flex; flex-direction:column; align-items:center; gap:10px; width:100%; max-width:300px; border:1px solid var(--ui-line); border-radius:12px; background:#fff; cursor:pointer; }
html body.ui-client .ui-bank-choice img { max-width:100%; height:90px; object-fit:contain; }
html body.ui-client .ui-bank-choice>span { color:var(--ui-action); font-size:13px; font-weight:600; }
html body.ui-client .ui-bank-choice:hover { border-color:var(--ui-primary); box-shadow:0 0 0 3px var(--ui-primary-soft)!important; }
html body.ui-client #exampleModal .modal-body>p { display:flex; justify-content:space-between; gap:20px; }
html body.ui-client #exampleModal :is(#payment,#received) { color:var(--ui-primary)!important; font-size:19px!important; font-weight:600!important; }
html body.ui-client #exampleModal input.form-control { background:var(--ui-subtle)!important; color:var(--ui-text)!important; border:1px solid var(--ui-line)!important; font-size:16px!important; }
html body.ui-client #exampleModal .modal-footer .btn-primary { background:var(--ui-action)!important; border-color:var(--ui-action)!important; color:#fff!important; }
html body.ui-client main .xu-history-card :is(.card-header,.card-body) { background:var(--ui-surface)!important; }
html body.ui-client main .xu-history-card { margin-bottom:24px; }
html body.ui-client .ui-history-shortcuts { display:flex; flex-wrap:wrap; gap:12px; margin-bottom:24px; }
html body.ui-client .ui-history-shortcuts a { display:flex; align-items:center; gap:10px; min-height:44px; padding:10px 16px; border:1px solid var(--ui-line); border-radius:10px; color:var(--ui-primary); background:var(--ui-surface); }
html body.ui-client .ui-history-shortcuts span { background:var(--ui-primary-soft); padding:2px 8px; border-radius:6px; font-size:12px; }
html body.ui-client :is(#xu-chuyen,#tai-khoan-xu,#xu-chuyen-history,#tai-khoan-history) { scroll-margin-top:100px; }
html body.ui-client .ui-copy-status { font-size:13px; color:var(--ui-primary); }
html body.ui-client .ui-copy-status:empty { display:none; }
html body.ui-client main .ui-transfer-history { min-width:720px; }
html body.ui-client main .ui-transfer-history td { overflow-wrap:anywhere; max-width:340px; }
html body.ui-client.mbx-auth-page .login-content .form-control { height:48px!important; border-radius:10px!important; }
html body.ui-client.mbx-auth-page :is(.btn-primary,#btnLogin,#btnRegister,#btnForgotPassword) { min-height:48px!important; background:var(--ui-action)!important; border-color:var(--ui-action)!important; color:#fff!important; }
html body.ui-client.mbx-auth-page .mbx-auth-story::before { opacity:.2!important; }
html body.ui-client.mbx-auth-page .login-content .mbx-auth-layout { background:var(--ui-surface)!important; border-color:var(--ui-line)!important; box-shadow:var(--ui-shadow)!important; }
html body.ui-client.mbx-auth-page .login-content .mbx-auth-form { background:var(--ui-surface)!important; }
html body.ui-client.mbx-auth-page .login-content .mbx-auth-form .card { border:0!important; box-shadow:none!important; background:var(--ui-surface)!important; }
html body.ui-client.mbx-auth-page .login-content .mbx-auth-form .form-control { background:var(--ui-subtle)!important; color:var(--ui-text)!important; border-color:var(--ui-line)!important; }
html body.ui-client .mbx-mobile-dock { padding-bottom:max(8px,env(safe-area-inset-bottom))!important; z-index:1190!important; }
html body.ui-client .mbx-mobile-dock a { min-height:44px!important; }
html body.ui-client .mbx-mobile-dock a span { font-size:11px!important; }
html body.ui-client :is(.swal2-popup,.modal-content) { background:var(--ui-surface)!important; color:var(--ui-text)!important; border:1px solid var(--ui-line)!important; }
html body.ui-client :is(.swal2-title,.swal2-html-container,.modal-title) { color:var(--ui-text)!important; }
html body.ui-client .swal2-confirm { min-height:44px!important; background:var(--ui-action)!important; }
@media(max-width:991px) {
  html body.ui-client .market-shortcuts { grid-template-columns:1fr!important; }
  html body.ui-client .market-service-card { flex-wrap:nowrap!important; }
}
@media(max-width:767px) {
  html body.ui-client :is(input,textarea,select,.form-control,.market-field input) { font-size:16px!important; }
  html body.ui-client main .thu-input { font-size:15px!important; min-height:220px!important; }
  html body.ui-client .thu-workspace-guest .thu-input { min-height:88px!important; height:88px!important; }
  html body.ui-client .thu-workspace-guest .thu-result-panel { display:none!important; }
  html body.ui-client .market-field label { flex-wrap:wrap; gap:6px; }
  html body.ui-client main .market-service-card { gap:12px!important; padding:18px!important; }
  html body.ui-client .ui-transfer-history { min-width:0!important; }
  html body.ui-client .ui-transfer-history thead { display:none; }
  html body.ui-client .ui-transfer-history :is(tbody,tr,td) { display:block; width:100%; max-width:none!important; }
  html body.ui-client .ui-transfer-history tbody tr { padding:10px 0; border-bottom:1px solid var(--ui-line); }
  html body.ui-client .ui-transfer-history tbody td { border:0!important; padding:9px 12px!important; }
  html body.ui-client .ui-transfer-history td::before { content:attr(data-label); display:block; color:var(--ui-muted); font-size:12px; margin-bottom:4px; }
  html body.ui-client .mbx3-app-shell { padding-bottom:calc(88px + env(safe-area-inset-bottom))!important; }
  html body.ui-client.mbx5-menu-open .mbx-mobile-dock,html body.ui-client.sidebar-main .mbx-mobile-dock { visibility:hidden!important; }
}
@media(max-width:399px) {
  html body.ui-client .market-card-heading { display:grid!important; grid-template-columns:36px minmax(0,1fr)!important; gap:12px!important; }
  html body.ui-client .market-card-heading .market-icon { width:36px!important; height:36px!important; }
  html body.ui-client .market-card-heading .market-status { grid-column:2!important; margin:0!important; justify-self:start; }
  html body.ui-client .market-card-heading h2 { font-size:18px!important; }
  html body.ui-client .market-amount-options { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  html body.ui-client .market-service-card { display:grid!important; grid-template-columns:36px minmax(0,1fr)!important; }
  html body.ui-client .market-service-card .market-rate { grid-column:2; margin:4px 0 0!important; text-align:left!important; }
  html body.ui-client .market-service-card .market-service-icon { width:36px!important; height:36px!important; }
}
@media(prefers-reduced-motion:reduce) { .ui-client * { scroll-behavior:auto!important; transition:none!important; animation-duration:.01ms!important; animation-iteration-count:1!important; } }

/* Transfer checkout: one confirmation and one compact result. */
html body.ui-client .market-order-actions { display:flex; flex-wrap:wrap; gap:10px; }
html body.ui-client .market-order-actions:not(:has(:not([hidden]))) { display:none; }
html body.ui-client :is(.market-submit,.market-order-actions a,.market-order-actions button)[hidden] { display:none!important; }
html body.ui-client .market-order-actions .btn { flex:1; margin:0!important; text-align:center; }
html body.ui-client .market-order-feedback.success { border:1px solid #bfe3d3; border-left:4px solid var(--ui-green); color:var(--ui-green)!important; background:var(--ui-green-soft)!important; font-size:14px; padding:16px 18px; }
html body.ui-client .market-order-code { display:inline-block; color:var(--ui-primary); font-weight:650; font-variant-numeric:tabular-nums; white-space:nowrap; letter-spacing:.2px; }
html body.ui-client main .ui-transfer-history { min-width:680px; }
html body.ui-client main .ui-transfer-history :is(th,td) { padding:14px 12px!important; }
html body.ui-client main .market-number { text-align:right; font-variant-numeric:tabular-nums; white-space:nowrap; }
html body.ui-client .market-remaining.complete { color:var(--ui-green); }
html body.ui-client .market-confirm-dialog { width:min(460px,calc(100vw - 32px)); max-height:calc(100dvh - 40px); overflow:auto; box-sizing:border-box; margin:auto; padding:28px; border:1px solid var(--ui-line); border-radius:20px; background:var(--ui-surface); color:var(--ui-text); box-shadow:0 24px 80px rgba(30,20,50,.2); }
html body.ui-client .market-confirm-dialog:not([open]) { display:none!important; }
html body.ui-client .market-confirm-dialog::backdrop { background:rgba(26,21,41,.48); backdrop-filter:blur(3px); }
html body.ui-client .market-confirm-heading { display:flex; align-items:center; gap:14px; margin-bottom:24px; }
html body.ui-client .market-confirm-heading h2 { margin:3px 0 0; font-size:22px!important; font-weight:650; color:var(--ui-text); }
html body.ui-client .market-confirm-icon { display:grid; place-items:center; width:48px; height:48px; flex-shrink:0; border-radius:14px; background:var(--ui-primary-soft); color:var(--ui-primary); font-size:21px; }
html body.ui-client .market-confirm-summary { margin:0; }
html body.ui-client .market-confirm-summary>div { display:flex; align-items:baseline; justify-content:space-between; gap:20px; padding:13px 0; border-bottom:1px solid var(--ui-line); }
html body.ui-client .market-confirm-summary dt { font-size:14px; font-weight:400; color:var(--ui-muted); }
html body.ui-client .market-confirm-summary dd { margin:0; font-size:15px; font-weight:650; text-align:right; overflow-wrap:anywhere; min-width:0; }
html body.ui-client .market-confirm-summary .market-confirm-total { border:0; padding:18px 0 0; }
html body.ui-client .market-confirm-total dd { color:var(--ui-primary); font-size:26px; }
html body.ui-client #marketConfirmNote { margin:18px 0 24px; font-size:13px; line-height:1.65; color:var(--ui-muted); }
html body.ui-client .market-confirm-actions { display:flex; gap:10px; }
html body.ui-client .market-confirm-actions .btn { flex:1; min-height:46px; border-radius:10px; font-size:14px; font-weight:600; }
html body.ui-client .market-confirm-actions .btn-primary { background:var(--ui-action); border-color:var(--ui-action); color:#fff; }
@media(max-width:767px) {
  html body.ui-client main .ui-transfer-history .market-number { text-align:left; }
  html body.ui-client .market-confirm-dialog { padding:22px; }
}

/* Sidebar foregrounds and surfaces must change together across legacy presets. */
html[data-domain-theme] body.ui-client {
  --nav-surface:#f8fafc; --nav-panel:#ffffff; --nav-line:#dce1eb;
  --nav-text:#17191e; --nav-muted:#5d6470; --nav-link:#343a44;
  --nav-hover:#f3f4f6; --nav-selected:#17191e; --nav-selected-text:#ffffff;
  --nav-wallet:#f8fafc; --nav-buy:#ffffff; --nav-sell:#f3f4f6;
  --nav-buy-icon:#6044b1; --nav-buy-icon-bg:#e9e0ff;
  --nav-sell-icon:#a0442d; --nav-sell-icon-bg:#fbe3d8;
  --nav-control:#ece8f4;
}
html[data-domain-theme] body.ui-client.dark {
  --nav-surface:#17191e; --nav-panel:#1b1e22; --nav-line:#393f48;
  --nav-text:#f3f4f6; --nav-muted:#b9bfc9; --nav-link:#e5e7eb;
  --nav-hover:#24282e; --nav-selected:#f3f4f6; --nav-selected-text:#17191e;
  --nav-wallet:#1b1e22; --nav-buy:#24282e; --nav-sell:#24282e;
  --nav-buy-icon:#e2ceff; --nav-buy-icon-bg:#544071;
  --nav-sell-icon:#ffdcc5; --nav-sell-icon-bg:#714b3b;
  --nav-control:#302b40;
}
html[data-domain-theme] body.ui-client :is(.mbx3-sidebar.iq-sidebar,.mbx5-public-sidebar) {
  background:var(--nav-surface)!important; color:var(--nav-text)!important;
  border-right:1px solid var(--nav-line)!important; box-shadow:none!important;
}
html[data-domain-theme] body.ui-client :is(.mbx3-sidebar.iq-sidebar,.mbx5-public-sidebar) :is(.mbx3-sidebar-head,.mbx5-public-sidebar-head) { border-bottom-color:var(--nav-line)!important; }
html[data-domain-theme] body.ui-client :is(.mbx3-sidebar.iq-sidebar,.mbx5-public-sidebar) .market-brand-copy strong { color:var(--nav-text)!important; opacity:1!important; }
html[data-domain-theme] body.ui-client :is(.mbx3-sidebar.iq-sidebar,.mbx5-public-sidebar) .market-brand-copy small { color:var(--nav-muted)!important; opacity:1!important; }
html[data-domain-theme] body.ui-client :is(.mbx3-sidebar.iq-sidebar,.mbx5-public-sidebar) :is(.mbx-menu-title,.mbx6-nav-group-title) { color:var(--nav-muted)!important; opacity:1!important; }
html[data-domain-theme] body.ui-client .mbx3-sidebar.iq-sidebar .mbx3-sidebar-account { background:var(--nav-panel)!important; border-color:var(--nav-line)!important; }
html[data-domain-theme] body.ui-client .mbx3-sidebar.iq-sidebar .mbx3-sidebar-account-copy strong { color:var(--nav-text)!important; opacity:1!important; }
html[data-domain-theme] body.ui-client .mbx3-sidebar.iq-sidebar .mbx3-sidebar-account-copy small { color:var(--nav-muted)!important; opacity:1!important; }
html[data-domain-theme] body.ui-client .mbx3-sidebar.iq-sidebar .mbx3-sidebar-account>a,
html[data-domain-theme] body.ui-client :is(.mbx3-sidebar.iq-sidebar,.mbx5-public-sidebar) :is(.mbx3-sidebar-head button,.mbx5-sidebar-close,.mbx8-sidebar-expand) { background:var(--nav-control)!important; border-color:var(--nav-line)!important; color:var(--nav-link)!important; }
html[data-domain-theme] body.ui-client .mbx3-sidebar.iq-sidebar .mbx3-sidebar-wallets { background:var(--nav-wallet)!important; border:1px solid var(--nav-line)!important; }
html[data-domain-theme] body.ui-client .mbx3-sidebar.iq-sidebar .mbx3-sidebar-wallets>header>span { color:var(--nav-text)!important; opacity:1!important; }
html[data-domain-theme] body.ui-client .mbx3-sidebar.iq-sidebar .mbx3-sidebar-wallets>header>a { background:transparent!important; color:var(--nav-link)!important; }
html[data-domain-theme] body.ui-client .mbx3-sidebar.iq-sidebar .mbx3-sidebar-wallet-list>a { background:var(--nav-buy)!important; color:var(--nav-text)!important; }
html[data-domain-theme] body.ui-client .mbx3-sidebar.iq-sidebar .mbx3-sidebar-wallet-list>a.sell { background:var(--nav-sell)!important; }
html[data-domain-theme] body.ui-client .mbx3-sidebar.iq-sidebar .mbx3-sidebar-wallets .mbx3-sidebar-wallet-copy strong { color:var(--nav-text)!important; opacity:1!important; text-shadow:none!important; }
html[data-domain-theme] body.ui-client .mbx3-sidebar.iq-sidebar .mbx3-sidebar-wallets .mbx3-sidebar-wallet-copy small { color:var(--nav-muted)!important; opacity:1!important; }
html[data-domain-theme] body.ui-client .mbx3-sidebar.iq-sidebar .mbx3-sidebar-wallet-list>a.buy .mbx3-sidebar-wallet-icon { background:var(--nav-buy-icon-bg)!important; color:var(--nav-buy-icon)!important; }
html[data-domain-theme] body.ui-client .mbx3-sidebar.iq-sidebar .mbx3-sidebar-wallet-list>a.sell .mbx3-sidebar-wallet-icon { background:var(--nav-sell-icon-bg)!important; color:var(--nav-sell-icon)!important; }
html[data-domain-theme] body.ui-client .mbx3-sidebar.iq-sidebar .mbx3-sidebar-wallet-icon :is(i,svg) { color:inherit!important; }
html[data-domain-theme] body.ui-client .mbx3-sidebar.iq-sidebar .mbx3-sidebar-wallet-arrow { color:var(--nav-link)!important; }
html[data-domain-theme] body.ui-client :is(.mbx3-sidebar.iq-sidebar,.mbx5-public-sidebar) :is(.mbx3-side-menu li>a,.mbx3-public-nav>a) { background:transparent!important; color:var(--nav-link)!important; }
html[data-domain-theme] body.ui-client :is(.mbx3-sidebar.iq-sidebar,.mbx5-public-sidebar) :is(.mbx3-side-menu li>a,.mbx3-public-nav>a):hover { background:var(--nav-hover)!important; color:var(--nav-text)!important; }
html[data-domain-theme] body.ui-client :is(.mbx3-sidebar.iq-sidebar,.mbx5-public-sidebar) :is(.mbx3-side-menu li.active>a,.mbx3-public-nav>a.active) { background:var(--nav-selected)!important; color:var(--nav-selected-text)!important; }
html[data-domain-theme] body.ui-client :is(.mbx3-sidebar.iq-sidebar,.mbx5-public-sidebar) :is(.mbx3-side-menu li>a,.mbx3-public-nav>a)>:is(span,strong,i,svg) { color:inherit!important; }
html[data-domain-theme] body.ui-client .mbx5-public-sidebar .mbx3-public-nav>a strong { color:inherit!important; }
/* The guest footer follows the same palette as the surrounding sidebar. */
html[data-domain-theme] body.ui-client .mbx5-public-sidebar .mbx5-sidebar-footer {
  background:var(--nav-surface)!important; border-color:var(--nav-line)!important; color:var(--nav-text)!important;
}
html[data-domain-theme] body.ui-client .mbx5-public-sidebar .mbx5-sidebar-help { background:var(--nav-panel)!important; border-color:var(--nav-line)!important; color:var(--nav-text)!important; }
html[data-domain-theme] body.ui-client .mbx5-public-sidebar .mbx5-sidebar-help strong { color:var(--nav-text)!important; }
html[data-domain-theme] body.ui-client .mbx5-public-sidebar .mbx5-sidebar-help small { color:var(--nav-muted)!important; }
html[data-domain-theme] body.ui-client .mbx5-public-sidebar .mbx5-sidebar-help > :is(i,svg) {
  width:32px; height:32px; box-sizing:border-box; border-radius:9px;
  background:var(--nav-buy-icon-bg)!important; color:var(--nav-buy-icon)!important; font-size:14px;
}
html[data-domain-theme] body.ui-client .mbx5-public-sidebar .mbx5-sidebar-help > svg { padding:8px; }
html[data-domain-theme] body.ui-client .mbx5-public-sidebar .mbx5-sidebar-auth > a {
  min-width:0; background:var(--ui-action)!important; border-color:var(--ui-action)!important; color:#fff!important;
}
html[data-domain-theme] body.ui-client .mbx5-public-sidebar .mbx5-sidebar-auth > a:last-child {
  background:var(--nav-panel)!important; border-color:var(--nav-line)!important; color:var(--nav-text)!important;
}
html[data-domain-theme] body.ui-client .mbx5-public-sidebar .mbx5-sidebar-auth > a:last-child:hover { background:var(--nav-hover)!important; }
html[data-domain-theme] body.ui-client .mbx5-public-sidebar .mbx5-sidebar-auth > a :is(i,svg) { color:inherit!important; }

/* Client navigation: a compact menu; balances live in the desktop topbar. */
html[data-domain-theme] body.ui-client.mbx3-app-body .mbx3-sidebar.mbx-nav-clean {
  --nav-surface:#ffffff; --nav-link:#343a44; --nav-muted:#5d6470;
  --nav-hover:#f3f4f6; --nav-selected:#17191e; --nav-selected-text:#ffffff;
  background:var(--nav-surface)!important;
}
html[data-domain-theme] body.ui-client.dark.mbx3-app-body .mbx3-sidebar.mbx-nav-clean {
  --nav-surface:#17191e; --nav-link:#e5e7eb; --nav-muted:#b9bfc9;
  --nav-hover:#24282e; --nav-selected:#f3f4f6; --nav-selected-text:#17191e;
}
html[data-domain-theme] body.ui-client.mbx3-app-body .mbx-nav-clean .mbx3-sidebar-head {
  height:76px!important; min-height:76px!important; padding:16px!important; gap:10px!important;
}
html[data-domain-theme] body.ui-client.mbx3-app-body .mbx-nav-clean .market-brand-copy strong { font-size:13px!important; font-weight:700!important; letter-spacing:.15px!important; }
html[data-domain-theme] body.ui-client.mbx3-app-body .mbx-nav-clean .market-brand-copy small { font-size:9px!important; margin-top:2px; }
html[data-domain-theme] body.ui-client.mbx3-app-body .mbx-nav-clean .mbx3-sidebar-head button {
  width:28px!important; height:28px!important; min-width:28px!important;
  border:0!important; background:var(--nav-hover)!important; border-radius:8px!important; font-size:15px!important;
}
html[data-domain-theme] body.ui-client.mbx3-app-body .mbx-nav-clean .mbx3-sidebar-scroll {
  height:calc(100dvh - 76px)!important; padding:18px 14px 24px!important;
  overflow-y:auto!important; overflow-x:hidden!important; scrollbar-color:var(--nav-line) transparent;
}
html[data-domain-theme] body.ui-client.mbx3-app-body .mbx-nav-clean :is(.iq-sidebar-menu,.mbx3-side-menu) { margin:0!important; padding:0!important; }
html[data-domain-theme] body.ui-client.mbx3-app-body .mbx-nav-clean .mbx3-side-menu>li { min-height:0!important; padding:0!important; margin:0!important; }
html[data-domain-theme] body.ui-client.mbx3-app-body .mbx-nav-clean .mbx3-side-menu>.mbx-menu-title {
  display:block!important; height:auto!important; min-height:0!important;
  margin:20px 12px 7px!important; padding:0!important;
  font-size:10px!important; line-height:16px!important; font-weight:650!important;
  letter-spacing:1px!important; text-transform:uppercase!important;
}
html[data-domain-theme] body.ui-client.mbx3-app-body .mbx-nav-clean .mbx3-side-menu>li>a {
  position:relative; display:grid!important; grid-template-columns:20px minmax(0,1fr)!important;
  align-items:center!important; gap:12px!important; width:100%!important;
  min-height:42px!important; margin:3px 0!important; padding:9px 12px!important;
  border:0!important; border-radius:8px!important; line-height:22px!important;
  background:transparent!important; color:var(--nav-link)!important;
  box-shadow:none!important; transition:background .15s,color .15s;
}
html[data-domain-theme] body.ui-client.mbx3-app-body .mbx-nav-clean .mbx3-side-menu>li>a>span {
  font-size:14px!important; font-weight:500!important; line-height:22px!important;
  color:inherit!important; white-space:nowrap!important; overflow:hidden; text-overflow:ellipsis;
}
html[data-domain-theme] body.ui-client.mbx3-app-body .mbx-nav-clean .mbx3-side-menu>li>a>:is(i,svg) {
  display:grid!important; place-items:center; width:20px!important; min-width:20px!important;
  height:20px!important; min-height:0!important; margin:0!important; padding:0!important;
  background:none!important; color:var(--nav-muted)!important; font-size:15px!important;
  border:0!important; border-radius:0!important; box-shadow:none!important;
}
html[data-domain-theme] body.ui-client.mbx3-app-body .mbx-nav-clean .mbx3-side-menu>li>a:hover { background:var(--nav-hover)!important; color:var(--nav-text)!important; }
html[data-domain-theme] body.ui-client.mbx3-app-body .mbx-nav-clean .mbx3-side-menu>li.active>a {
  background:var(--nav-selected)!important; color:var(--nav-selected-text)!important;
}
html[data-domain-theme] body.ui-client.mbx3-app-body .mbx-nav-clean .mbx3-side-menu>li.active>a>span { color:inherit!important; font-weight:650!important; }
html[data-domain-theme] body.ui-client.mbx3-app-body .mbx-nav-clean .mbx3-side-menu>li.active>a>:is(i,svg) { color:inherit!important; }
html[data-domain-theme] body.ui-client.mbx3-app-body .mbx-nav-clean .mbx3-side-menu>li.active>a::before {
  content:''; display:block!important; position:absolute; top:12px; bottom:12px; left:0;
  width:3px; height:auto; background:var(--nav-selected-text); border:0; border-radius:0 3px 3px 0;
}
html[data-domain-theme] body.ui-client.mbx3-app-body .mbx-nav-clean .mbx3-side-menu>.logout { margin-top:12px!important; padding-top:10px!important; border-top:1px solid var(--nav-line); }
@media(min-width:992px) {
  html[data-domain-theme] body.ui-client.mbx3-app-body .mbx-nav-clean :is(.mbx3-sidebar-account,.mbx3-sidebar-wallets) { display:none!important; }
}
@media(min-width:1300px) {
  html[data-domain-theme] body.ui-client.sidebar-main.mbx3-app-body .mbx-nav-clean .mbx3-sidebar-head { padding:16px 10px!important; justify-content:center!important; }
  html[data-domain-theme] body.ui-client.sidebar-main.mbx3-app-body .mbx-nav-clean .mbx3-sidebar-head .market-brand { justify-content:center; }
  html[data-domain-theme] body.ui-client.sidebar-main.mbx3-app-body .mbx-nav-clean .mbx3-sidebar-head .market-brand-mark { display:grid!important; }
  html[data-domain-theme] body.ui-client.sidebar-main.mbx3-app-body .mbx-nav-clean .mbx3-sidebar-scroll { padding:14px 10px 24px!important; }
  html[data-domain-theme] body.ui-client.sidebar-main.mbx3-app-body .mbx-nav-clean .mbx3-side-menu>.mbx-menu-title { display:none!important; }
  html[data-domain-theme] body.ui-client.sidebar-main.mbx3-app-body .mbx-nav-clean .mbx3-side-menu>li>a {
    grid-template-columns:1fr!important; justify-items:center!important;
    width:46px!important; min-height:44px!important; padding:12px!important; margin:3px auto!important;
  }
  html[data-domain-theme] body.ui-client.sidebar-main.mbx3-app-body .mbx-nav-clean .mbx3-side-menu>li>a>span {
    display:block!important; position:absolute!important; width:1px!important; height:1px!important;
    clip-path:inset(50%); overflow:hidden; white-space:nowrap!important;
  }
}
@media(max-width:991px) {
  html[data-domain-theme] body.ui-client.mbx3-app-body .mbx-nav-clean .mbx3-sidebar-scroll { padding-top:12px!important; }
  html[data-domain-theme] body.ui-client.mbx3-app-body .mbx-nav-clean .mbx3-sidebar-account {
    grid-template-columns:32px minmax(0,1fr) 24px; gap:10px; padding:0 4px 12px!important;
    margin:0 0 12px!important; border:0!important; border-bottom:1px solid var(--nav-line)!important;
    border-radius:0!important; background:transparent!important;
  }
  html[data-domain-theme] body.ui-client.mbx3-app-body .mbx-nav-clean .mbx3-sidebar-avatar { width:32px; height:32px; border-radius:9px; }
  html[data-domain-theme] body.ui-client.mbx3-app-body .mbx-nav-clean .mbx3-sidebar-account-copy strong { font-size:13px!important; text-transform:none; }
  html[data-domain-theme] body.ui-client.mbx3-app-body .mbx-nav-clean .mbx3-sidebar-wallets { padding:0!important; margin:0 0 18px!important; background:transparent!important; border:0!important; }
  html[data-domain-theme] body.ui-client.mbx3-app-body .mbx-nav-clean .mbx3-sidebar-wallets>header { display:none!important; }
  html[data-domain-theme] body.ui-client.mbx3-app-body .mbx-nav-clean .mbx3-sidebar-wallet-list { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
  html[data-domain-theme] body.ui-client.mbx3-app-body .mbx-nav-clean .mbx3-sidebar-wallet-list>a { display:block!important; min-height:0; padding:10px!important; border:1px solid var(--nav-line)!important; border-radius:8px!important; }
  html[data-domain-theme] body.ui-client.mbx3-app-body .mbx-nav-clean :is(.mbx3-sidebar-wallet-icon,.mbx3-sidebar-wallet-arrow) { display:none!important; }
  html[data-domain-theme] body.ui-client.mbx3-app-body .mbx-nav-clean .mbx3-sidebar-wallet-copy strong { font-size:15px!important; }
  html[data-domain-theme] body.ui-client.mbx3-app-body .mbx-nav-clean .mbx3-side-menu>li>a { min-height:44px!important; }
}

/* Keep legacy preset decorations from competing with the shared layout. */
html[data-domain-theme] body.ui-client[class] :is(.mbx3-app-shell,main.content-page,.mbx5-public-stage) { background:var(--ui-canvas)!important; }
html[data-domain-theme] body.ui-client.mbx3-app-body[class] .mbx3-app-topbar.iq-top-navbar {
  top:0!important; right:0!important; width:auto!important; margin:0!important; padding:0!important;
  height:72px!important; min-height:72px!important; background:var(--ui-surface)!important; box-shadow:none!important;
}
html[data-domain-theme] body.ui-client.mbx3-app-body[class] .mbx3-app-topbar .iq-navbar-custom {
  width:100%!important; height:72px!important; min-height:72px!important; margin:0!important; padding:0!important; box-sizing:border-box;
  border:0!important; border-bottom:1px solid var(--ui-line)!important; border-radius:0!important;
  background:var(--ui-surface)!important; box-shadow:none!important; backdrop-filter:none!important;
}
html[data-domain-theme] body.ui-client.mbx3-app-body[class] .mbx3-app-topbar .navbar {
  width:100%!important; min-height:0!important; height:100%!important; margin:0!important;
  padding:12px 24px!important; gap:16px!important; flex-wrap:nowrap!important; box-sizing:border-box;
}
html[data-domain-theme] body.ui-client.mbx3-app-body[class] .mbx3-app-offset { padding-top:72px!important; }
html[data-domain-theme] body.ui-client.mbx3-app-body[class] .mbx-nav-clean .mbx3-sidebar-head { height:72px!important; min-height:72px!important; }
html[data-domain-theme] body.ui-client.mbx3-app-body[class] .mbx-nav-clean .mbx3-sidebar-scroll { height:calc(100dvh - 72px)!important; }
html[data-domain-theme] body.ui-client[class] .mbx3-topbar-start { flex:1 1 auto; min-width:0; gap:12px!important; }
html[data-domain-theme] body.ui-client[class] .mbx3-topbar-end { flex:0 0 auto; min-width:0; gap:8px!important; }
html[data-domain-theme] body.ui-client[class] .mbx3-topbar-context { min-width:0; border:0; padding:0; }
html[data-domain-theme] body.ui-client[class] .mbx3-topbar-context small { display:none!important; }
html[data-domain-theme] body.ui-client[class] .mbx3-topbar-context strong { margin:0!important; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px!important; }
html[data-domain-theme] body.ui-client[class] .mbx3-top-wallets { display:flex; gap:0; border:0!important; border-radius:0!important; background:transparent!important; }
html[data-domain-theme] body.ui-client[class] .mbx3-top-wallets>a {
  display:flex; align-items:center; gap:9px; min-width:112px; padding:0 16px!important;
  min-height:40px!important; background:transparent!important; border:0!important; border-radius:0!important;
}
html[data-domain-theme] body.ui-client[class] .mbx3-top-wallets>a+a { border-left:1px solid var(--ui-line)!important; }
html[data-domain-theme] body.ui-client[class] .mbx3-top-wallets>a>i { background:transparent!important; color:var(--ui-muted)!important; width:18px; font-size:14px; }
html[data-domain-theme] body.ui-client[class] .mbx3-top-wallets small { color:var(--ui-muted)!important; font-size:11px!important; font-weight:400!important; }
html[data-domain-theme] body.ui-client[class] .mbx3-top-wallets strong { color:var(--ui-text)!important; font-size:14px!important; }
html[data-domain-theme] body.ui-client[class] :is(.mbx3-profile-button,.mbx3-topbar-menu,.mbx3-topbar-icon,.mbx3-theme-control .custom-control-label) { background:var(--ui-surface)!important; border-color:var(--ui-line)!important; color:var(--ui-text)!important; border-radius:8px!important; }
html[data-domain-theme] body.ui-client[class] .mbx3-profile-button { height:40px!important; min-height:40px!important; padding:4px 10px!important; }
html[data-domain-theme] body.ui-client[class] .mbx3-profile-button .mbx3-avatar { width:28px!important; height:28px!important; min-width:28px!important; }
html[data-domain-theme] body.ui-client[class] .mbx3-profile-copy { max-width:140px; min-width:0; }
html[data-domain-theme] body.ui-client[class] .mbx3-profile-copy strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
html[data-domain-theme] body.ui-client[class] :is(.mbx3-avatar,.mbx8-guest-avatar) { background:var(--ui-subtle)!important; color:var(--ui-text)!important; }
html[data-domain-theme] body.ui-client[class] :is(.mbx3-sidebar-avatar,.market-brand-mark,.mbx3-topbar-mark) { background:var(--ui-action)!important; color:#fff!important; }

/* Plain headings and consistent card spacing, without the clipped accent bars. */
html[data-domain-theme] body.ui-client[class] main :is(.mbx3-page-titlebar,.mbx-page-heading,.mbx7-static-heading,.mbx7-faq-heading,.thu-hero) {
  display:flex!important; align-items:center!important; justify-content:space-between!important;
  min-width:0; gap:20px!important; padding:0 0 22px!important; margin:0 0 22px!important;
  background:transparent!important; border:0!important; border-bottom:1px solid var(--ui-line)!important;
  border-radius:0!important; box-shadow:none!important; overflow:visible!important;
}
html[data-domain-theme] body.ui-client[class] main .mbx3-page-titlebar>div { min-width:0; }
html[data-domain-theme] body.ui-client[class] main :is(.mbx3-page-titlebar,.thu-hero) h1 { font-size:28px!important; line-height:1.3!important; margin:0 0 8px!important; color:var(--ui-text)!important; }
html[data-domain-theme] body.ui-client[class] main :is(.mbx3-page-titlebar,.thu-hero) p { font-size:14px!important; color:var(--ui-muted)!important; margin:0!important; line-height:1.6!important; }
html[data-domain-theme] body.ui-client[class] main :is(.mbx3-page-kicker,.market-eyebrow) { display:none!important; }
html[data-domain-theme] body.ui-client[class] main :is(.mbx3-data-card,.mbx3-form-card,.mbx3-stat-card,.thu-service-card,.thu-panel,.market-order-card,.market-sell-card) {
  border:1px solid var(--ui-line)!important; border-radius:12px!important;
  background:var(--ui-surface)!important; box-shadow:none!important;
}
html[data-domain-theme] body.ui-client[class] main :is(.mbx3-data-card-head,.mbx3-form-card>header) { background:var(--ui-surface)!important; padding:20px!important; border-color:var(--ui-line)!important; }
html[data-domain-theme] body.ui-client[class] main :is(.mbx3-data-card-head,.mbx3-form-card>header) p { color:var(--ui-muted)!important; font-size:12px!important; line-height:1.6!important; margin:6px 0 0!important; }
html[data-domain-theme] body.ui-client[class] main :is(.mbx3-data-card,.mbx3-page-titlebar,.mbx3-form-card)::before,
html[data-domain-theme] body.ui-client[class] main :is(.mbx3-data-card,.mbx3-page-titlebar,.mbx3-form-card)::after { display:none!important; content:none!important; }
html[data-domain-theme] body.ui-client[class] main :is(.mbx3-invoice-notice strong,.mbx3-invoice-notice p) { font-size:12px!important; line-height:1.6!important; }
html[data-domain-theme] body.ui-client[class] main :is(.mbx3-invoice-notice strong,.mbx3-invoice-notice p) { color:var(--ui-amber)!important; }
html[data-domain-theme] body.ui-client[class] main :is(.mbx3-large-empty,.xu-history-empty) :is(i,svg) { color:var(--ui-muted)!important; }
html[data-domain-theme] body.ui-client[class] main .thu-method-note { background:transparent!important; color:var(--ui-muted)!important; padding:10px 0 0!important; margin-bottom:12px; font-size:13px!important; line-height:1.6!important; }
html[data-domain-theme] body.ui-client[class] main .thu-service-card.is-ttc-only .thu-service-picker-head { display:none!important; }
html[data-domain-theme] body.ui-client[class] main .thu-service-card.is-ttc-only .thu-method-picker { border:0!important; margin-top:0!important; padding-top:0!important; }
html[data-domain-theme] body.ui-client[class] main :is(.thu-summary,.thu-results,.thu-format-hint,.thu-panel-foot) { background:var(--ui-surface)!important; color:var(--ui-muted)!important; border-color:var(--ui-line)!important; }
html[data-domain-theme] body.ui-client[class] main .thu-summary-item { background:var(--ui-subtle)!important; border-color:var(--ui-line)!important; box-shadow:none!important; }
html[data-domain-theme] body.ui-client[class] main .thu-rate-line { display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; background:var(--ui-subtle)!important; }
html[data-domain-theme] body.ui-client[class] main .thu-rules-head { padding:14px 18px!important; }
html[data-domain-theme] body.ui-client[class] main .thu-method label { min-height:78px; }
html[data-domain-theme] body.ui-client[class] main .thu-method input:checked+label { background:var(--ui-primary-soft)!important; border-color:var(--ui-primary)!important; box-shadow:inset 3px 0 var(--ui-primary)!important; }
html[data-domain-theme] body.ui-client[class] main .thu-hero a.btn.btn-outline-primary { background:var(--ui-surface)!important; border:1px solid var(--ui-line)!important; color:var(--ui-text)!important; }
html[data-domain-theme] body.ui-client[class] main .thu-hero a.btn.btn-outline-primary :is(i,svg) { background:none!important; color:inherit!important; }
@media(max-width:991px) {
  html[data-domain-theme] body.ui-client[class] .mbx3-top-wallets { display:none!important; }
}
@media(max-width:767px) {
  html[data-domain-theme] body.ui-client[class] main :is(.mbx3-page-titlebar,.mbx-page-heading,.thu-hero) { flex-direction:column; align-items:flex-start!important; gap:14px!important; }
  html[data-domain-theme] body.ui-client[class] main :is(.mbx3-page-titlebar,.thu-hero) h1 { font-size:24px!important; }
  html[data-domain-theme] body.ui-client[class] main .mbx3-page-titlebar>.btn { align-self:flex-start!important; margin:0!important; }
  html[data-domain-theme] body.ui-client[class] main .thu-method-row { grid-template-columns:1fr!important; }
}
@media(max-width:575px) {
  html[data-domain-theme] body.ui-client.mbx3-app-body[class] :is(.mbx3-app-topbar.iq-top-navbar,.mbx3-app-topbar .iq-navbar-custom) { height:64px!important; min-height:64px!important; }
  html[data-domain-theme] body.ui-client.mbx3-app-body[class] .mbx3-app-topbar .navbar { padding:10px 12px!important; gap:8px!important; }
  html[data-domain-theme] body.ui-client.mbx3-app-body[class] .mbx3-app-offset { padding-top:64px!important; }
  html[data-domain-theme] body.ui-client.mbx3-app-body[class] .mbx-nav-clean .mbx3-sidebar-head { height:64px!important; min-height:64px!important; }
  html[data-domain-theme] body.ui-client.mbx3-app-body[class] .mbx-nav-clean .mbx3-sidebar-scroll { height:calc(100dvh - 64px)!important; }
  html[data-domain-theme] body.ui-client[class] .mbx3-topbar-end { gap:6px!important; }
}