/* Hắc kim V2 · real recharge controller, visual layer only.
   Scope every rule to the admin V2 shell and the existing recharge DOM.
   Load this stylesheet after v2.css; stronger selectors also beat the legacy
   inline recharge styles injected with the AJAX template. */

body[data-mu-preview] #index_content .rc-neo {
  --rc-bg: #11171c;
  --rc-panel: #1b2227;
  --rc-panel-hover: #242a2c;
  --rc-line: #6d5b3d;
  --rc-line-soft: #554936;
  --rc-gold: #e1bf7d;
  --rc-gold-bright: #f2d9a7;
  --rc-text: #f6f1e8;
  --rc-muted: #bab9b5;
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 2px 12px;
  color: var(--rc-text) !important;
  background: transparent !important;
  font-family: 'Be Vietnam Pro', sans-serif !important;
}
body[data-mu-preview] #index_content .rc-neo::before,
body[data-mu-preview] #index_content .rc-neo .recharge-method-card::before,
body[data-mu-preview] #index_content .rc-neo .rc-mth-icon::before,
body[data-mu-preview] #index_content .rc-neo .rc-mth-icon::after,
body[data-mu-preview] #index_content .rc-neo .rc-consent-card::before,
body[data-mu-preview] #index_content .rc-neo .rc-consent-icon::after {
  display: none !important;
}
body[data-mu-preview] #index_content .rc-neo .rc-layer { width: 100%; }

/* Purposeful header: one title, one help action. */
body[data-mu-preview] #index_content .rc-neo .rc-hero {
  margin: 0 0 11px !important;
  padding: 12px 15px !important;
  border: 1px solid var(--rc-line-soft) !important;
  border-left: 3px solid var(--rc-gold) !important;
  border-radius: 7px !important;
  background: linear-gradient(105deg, #222621, #171e23 62%, #131a20) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
body[data-mu-preview] #index_content .rc-neo .rc-hero::before { display: none !important; }
body[data-mu-preview] #index_content .rc-neo .rc-title-row {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}
body[data-mu-preview] #index_content .rc-neo .rc-title-left { gap: 11px !important; }
body[data-mu-preview] #index_content .rc-neo .rc-title-icon {
  width: 39px !important;
  height: 39px !important;
  border: 1px solid var(--rc-line) !important;
  border-radius: 6px !important;
  background: #342d20 !important;
  box-shadow: none !important;
  color: var(--rc-gold-bright) !important;
  font-size: 17px !important;
}
body[data-mu-preview] #index_content .rc-neo .rc-title-text {
  margin: 0 !important;
  color: var(--rc-text) !important;
  font: 700 clamp(18px, 2.1vw, 24px)/1.22 Manrope, 'Be Vietnam Pro', sans-serif !important;
  letter-spacing: -.02em !important;
  text-transform: none !important;
  text-shadow: none !important;
}
body[data-mu-preview] #index_content .rc-neo .rc-subtitle {
  display: block !important;
  margin: 3px 0 0 !important;
  color: var(--rc-muted) !important;
  font: 500 11px/1.4 'Be Vietnam Pro', sans-serif !important;
}
body[data-mu-preview] #index_content .rc-neo :is(.rc-title-rule, .up-btn-rule) {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 42px;
  padding: 8px 13px !important;
  border: 1px solid var(--rc-line) !important;
  border-radius: 5px !important;
  background: #222720 !important;
  box-shadow: none !important;
  color: var(--rc-gold-bright) !important;
  font: 600 12px/1.2 'Be Vietnam Pro', sans-serif !important;
  transform: none !important;
}
body[data-mu-preview] #index_content .rc-neo :is(.rc-title-rule, .up-btn-rule):hover {
  background: #302d25 !important;
  border-color: var(--rc-gold) !important;
}

/* Keep every server-provided payment method; reorder the useful local channel first. */
body[data-mu-preview] #index_content .rc-neo .rc-method-shell {
  margin: 0 !important;
  padding: 14px !important;
  border: 1px solid var(--rc-line-soft) !important;
  border-radius: 7px !important;
  background: #151b20 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
body[data-mu-preview] #index_content .rc-neo .recharge-method-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-content: start !important;
  gap: 10px !important;
  max-width: none !important;
  margin: 0 !important;
}
body[data-mu-preview] #index_content .rc-neo .rc-mth-gb { order: -6; }
body[data-mu-preview] #index_content .rc-neo .rc-mth-vnpay { order: -5; }
body[data-mu-preview] #index_content .rc-neo .rc-mth-vietpay { order: -4; }
body[data-mu-preview] #index_content .rc-neo .rc-mth-usdt { order: -3; }
body[data-mu-preview] #index_content .rc-neo .rc-mth-mobile { order: -2; }
body[data-mu-preview] #index_content .rc-neo .rc-mth-zing { order: -1; }
body[data-mu-preview] #index_content .rc-neo .rc-mth-pay247 { order: 0; }
body[data-mu-preview] #index_content .rc-neo .rc-mth-pag { order: 1; }
body[data-mu-preview] #index_content .rc-neo .recharge-method-grid:not(:has(.rc-mth-vnpay)):has(.rc-mth-pay247) .rc-mth-pay247,
body[data-mu-preview] #index_content .rc-neo .recharge-method-grid:not(:has(.rc-mth-vnpay)):has(.rc-mth-pag) .rc-mth-pag { order: -5; }
body[data-mu-preview] #index_content .rc-neo .recharge-method-card {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 11px !important;
  position: relative;
  min-width: 0;
  min-height: 76px !important;
  padding: 10px 31px 10px 11px !important;
  margin: 0 !important;
  border: 1px solid var(--rc-line-soft) !important;
  border-radius: 6px !important;
  background: linear-gradient(115deg, #222829, #1a2025) !important;
  box-shadow: none !important;
  color: var(--rc-text) !important;
  text-decoration: none !important;
  transform: none !important;
  transition: background .15s, border-color .15s !important;
}
body[data-mu-preview] #index_content .rc-neo .recharge-method-card::after {
  content: '›';
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  color: var(--rc-gold);
  font: 25px/1 Arial, sans-serif;
}
body[data-mu-preview] #index_content .rc-neo .recharge-method-card:hover,
body[data-mu-preview] #index_content .rc-neo .recharge-method-card:focus-visible {
  border-color: var(--rc-gold) !important;
  background: var(--rc-panel-hover) !important;
  box-shadow: none !important;
  transform: none !important;
}
body[data-mu-preview] #index_content .rc-neo .rc-mth-icon,
body[data-mu-preview] #index_content .rc-neo .rc-consent-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 47px !important;
  height: 47px !important;
  border: 1px solid var(--rc-line) !important;
  border-radius: 5px !important;
  background: #332d22 !important;
  box-shadow: none !important;
  color: var(--rc-gold-bright) !important;
}
body[data-mu-preview] #index_content .rc-neo .rc-mth-icon .rci-logo .rci-top {
  color: var(--rc-gold-bright) !important;
  font: 800 10px/1.1 Manrope, 'Be Vietnam Pro', sans-serif !important;
  letter-spacing: .04em !important;
}
body[data-mu-preview] #index_content .rc-neo .rc-mth-icon .rci-logo .rci-bot {
  color: #d1b980 !important;
  font: 700 7px/1.1 'Be Vietnam Pro', sans-serif !important;
  letter-spacing: .02em !important;
}
body[data-mu-preview] #index_content .rc-neo .rc-mth-body {
  min-width: 0;
  width: auto !important;
  align-items: flex-start !important;
  text-align: left !important;
}
body[data-mu-preview] #index_content .rc-neo .rc-mth-name {
  display: block;
  margin-bottom: 3px;
  color: var(--rc-text) !important;
  font: 700 14px/1.25 Manrope, 'Be Vietnam Pro', sans-serif !important;
  text-align: left !important;
  text-shadow: none !important;
  overflow-wrap: anywhere;
}
body[data-mu-preview] #index_content .rc-neo .rc-mth-amount {
  display: block !important;
  width: fit-content;
  max-width: 100%;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  color: var(--rc-muted) !important;
  font: 500 11px/1.3 'Be Vietnam Pro', sans-serif !important;
  text-align: left !important;
  overflow-wrap: anywhere;
}
body[data-mu-preview] #index_content .rc-neo .rc-mth-amount b { color: var(--rc-gold-bright) !important; }

/* Consent stays visible and readable; the existing checked input remains unchanged. */
body[data-mu-preview] #index_content .rc-neo .rc-consent-wrap {
  grid-column: 1 / -1 !important;
  order: 100;
  margin: 2px 0 0 !important;
}
body[data-mu-preview] #index_content .rc-neo .rc-consent-card {
  display: flex !important;
  align-items: center !important;
  min-height: 62px !important;
  padding: 9px 12px !important;
  border: 1px solid var(--rc-line-soft) !important;
  border-radius: 6px !important;
  background: #20251f !important;
  box-shadow: none !important;
  color: var(--rc-text) !important;
}
body[data-mu-preview] #index_content .rc-neo .rc-consent-card:has(#iagree:checked) {
  border-color: var(--rc-gold) !important;
  box-shadow: none !important;
}
body[data-mu-preview] #index_content .rc-neo .rc-consent-left { gap: 10px !important; }
body[data-mu-preview] #index_content .rc-neo .rc-consent-icon {
  width: 37px !important;
  height: 37px !important;
  font-size: 15px !important;
}
body[data-mu-preview] #index_content .rc-neo .rc-consent-title {
  color: var(--rc-gold) !important;
  font: 700 10px/1.2 'Be Vietnam Pro', sans-serif !important;
  letter-spacing: .04em !important;
}
body[data-mu-preview] #index_content .rc-neo .rc-consent-text {
  color: var(--rc-text) !important;
  font: 600 12px/1.35 'Be Vietnam Pro', sans-serif !important;
}
body[data-mu-preview] #index_content .rc-neo .rc-consent-card .tc-text { color: var(--rc-gold-bright) !important; }
body[data-mu-preview] #index_content .rc-neo .rc-consent-switch {
  width: 44px !important;
  height: 25px !important;
  border: 1px solid var(--rc-line) !important;
  background: #30353a !important;
  box-shadow: none !important;
}
body[data-mu-preview] #index_content .rc-neo .rc-consent-switch::before {
  width: 19px !important;
  height: 19px !important;
  top: 2px !important;
  left: 2px !important;
  background: #d5d7d7 !important;
  box-shadow: none !important;
}
body[data-mu-preview] #index_content .rc-neo #iagree:checked + .rc-consent-switch {
  background: #7d633b !important;
  border-color: var(--rc-gold) !important;
}
body[data-mu-preview] #index_content .rc-neo #iagree:checked + .rc-consent-switch::before {
  left: 21px !important;
  background: var(--rc-gold-bright) !important;
}
body[data-mu-preview] #index_content .rc-neo .rc-consent-card:focus-within {
  outline: 2px solid var(--rc-gold);
  outline-offset: 2px;
}

/* Live-only server selector and region switch: both affect the payment target. */
body[data-mu-preview] #index_content .rc-neo .rc-title-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
body[data-mu-preview] #index_content .rc-neo .rc-server-open,
body[data-mu-preview] #index_content .rc-neo .rc-region-change {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-width: 0;
  min-height: 42px;
  padding: 8px 12px !important;
  border: 1px solid var(--rc-line) !important;
  border-radius: 5px !important;
  background: #242a28 !important;
  box-shadow: none !important;
  color: var(--rc-gold-bright) !important;
  font: 600 12px/1.3 'Be Vietnam Pro', sans-serif !important;
  text-align: left;
  cursor: pointer;
}
body[data-mu-preview] #index_content .rc-neo .rc-server-open i,
body[data-mu-preview] #index_content .rc-neo .rc-region-change i { color: var(--rc-gold) !important; }
body[data-mu-preview] #index_content .rc-neo .rc-server-open:disabled { opacity: .55; cursor: default; }
body[data-mu-preview] #index_content .rc-neo .rc-region-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 9px;
  margin: 0 0 11px;
  padding: 0 0 9px;
  border-bottom: 1px solid var(--rc-line-soft);
  color: var(--rc-muted) !important;
}
body[data-mu-preview] #index_content .rc-neo .rc-region-now {
  min-width: 0;
  font: 600 12px/1.3 'Be Vietnam Pro', sans-serif !important;
  color: var(--rc-muted) !important;
}
body[data-mu-preview] #index_content .rc-neo .rc-region-now :is(i,b) { color: var(--rc-gold-bright) !important; }
body[data-mu-preview] #index_content .rc-neo .rc-region-change { min-height: 36px; padding: 6px 10px !important; }

/* Live promotion is a quiet, short callout; its details stay in the existing popup. */
body[data-mu-preview] #index_content .rc-neo .rc-lucky {
  margin: 0 0 10px !important;
  padding: 9px 12px !important;
  border: 1px solid var(--rc-line) !important;
  border-left: 3px solid var(--rc-gold) !important;
  border-radius: 6px !important;
  background: #252820 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: var(--rc-text) !important;
}
body[data-mu-preview] #index_content .rc-neo .rc-lucky::before { display: none !important; }
body[data-mu-preview] #index_content .rc-neo .rc-lucky-row { align-items: center; gap: 9px; }
body[data-mu-preview] #index_content .rc-neo .rc-lucky-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 36px;
  height: 36px;
  border: 1px solid var(--rc-line);
  border-radius: 5px;
  background: #342d20 !important;
  box-shadow: none !important;
  color: var(--rc-gold-bright) !important;
  font-size: 15px;
}
body[data-mu-preview] #index_content .rc-neo .rc-lucky-copy,
body[data-mu-preview] #index_content .rc-neo .rc-lucky-dialog { color: var(--rc-text) !important; }
body[data-mu-preview] #index_content .rc-neo .rc-lucky-title { color: var(--rc-gold) !important; font-size: 10px !important; }
body[data-mu-preview] #index_content .rc-neo .rc-lucky-big {
  margin-top: 1px !important;
  color: var(--rc-text) !important;
  font: 700 14px/1.25 Manrope, 'Be Vietnam Pro', sans-serif !important;
}
body[data-mu-preview] #index_content .rc-neo .rc-lucky-more {
  padding: 5px 9px !important;
  border: 1px solid var(--rc-line) !important;
  border-radius: 5px !important;
  background: #302e25 !important;
  color: var(--rc-gold-bright) !important;
  font-size: 11px !important;
}
body[data-mu-preview] #index_content .rc-neo .rc-lucky-modal {
  background: #070b0edc !important;
  backdrop-filter: blur(3px) !important;
  -webkit-backdrop-filter: blur(3px) !important;
}
body[data-mu-preview] #index_content .rc-neo .rc-lucky-dialog {
  width: min(480px, 100%) !important;
  max-height: min(700px, calc(100dvh - 24px)) !important;
  overflow-y: auto !important;
  padding: 16px !important;
  border: 1px solid var(--rc-gold) !important;
  border-radius: 8px !important;
  background: #1b2227 !important;
  box-shadow: 0 20px 60px #000a !important;
  animation: none !important;
}
body[data-mu-preview] #index_content .rc-neo .rc-lucky-dialog .rc-lucky-big,
body[data-mu-preview] #index_content .rc-neo .rc-lucky-dialog .rc-lucky-note {
  border: 1px solid var(--rc-line-soft) !important;
  border-radius: 5px !important;
  background: #242a2c !important;
  box-shadow: none !important;
  color: var(--rc-text) !important;
}
body[data-mu-preview] #index_content .rc-neo .rc-lucky-dialog :is(.rc-lucky-sub, .rc-lucky-cap, .rc-lucky-used) {
  color: var(--rc-muted) !important;
  border-left-color: var(--rc-line) !important;
}
body[data-mu-preview] #index_content .rc-neo .rc-lucky-dialog .rc-lucky-used i { color: var(--rc-gold); }
body[data-mu-preview] #index_content .rc-neo .rc-lucky-close {
  flex: none;
  width: 44px !important;
  height: 44px !important;
  border: 1px solid var(--rc-line) !important;
  border-radius: 5px !important;
  background: #292f31 !important;
  color: var(--rc-gold-bright) !important;
}
body[data-mu-preview] #index_content .rc-neo .rc-lucky-toast {
  border: 1px solid var(--rc-gold) !important;
  border-radius: 5px !important;
  background: #263a2f !important;
  color: #d8f0d8 !important;
  box-shadow: none !important;
  animation: none !important;
}

body[data-mu-preview] #index_content .rc-neo .rc-server-modal {
  background: #070b0ee5 !important;
  backdrop-filter: blur(3px) !important;
  -webkit-backdrop-filter: blur(3px) !important;
  padding: max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left)) !important;
}
body[data-mu-preview] #index_content .rc-neo .rc-server-dialog {
  display: flex;
  flex-direction: column;
  width: min(520px, 100%) !important;
  max-height: min(700px, calc(100dvh - 24px));
  border: 1px solid var(--rc-gold) !important;
  border-radius: 8px !important;
  background: #171e24 !important;
  box-shadow: 0 20px 60px #000a !important;
  color: var(--rc-text) !important;
  overflow: hidden !important;
}
body[data-mu-preview] #index_content .rc-neo .rc-server-body {
  min-height: 0;
  overflow-y: auto;
  padding: 16px !important;
}
body[data-mu-preview] #index_content .rc-neo .rc-server-title,
body[data-mu-preview] #index_content .rc-neo .rc-server-current-label,
body[data-mu-preview] #index_content .rc-neo .rc-server-pick-name {
  color: var(--rc-text) !important;
  font: 700 14px/1.3 Manrope, 'Be Vietnam Pro', sans-serif !important;
}
body[data-mu-preview] #index_content .rc-neo .rc-server-title i { color: var(--rc-gold) !important; }
body[data-mu-preview] #index_content .rc-neo .rc-server-status { color: var(--rc-gold) !important; }
body[data-mu-preview] #index_content .rc-neo .rc-server-pick,
body[data-mu-preview] #index_content .rc-neo .rc-server-current {
  min-height: 64px;
  border: 1px solid var(--rc-line-soft) !important;
  border-radius: 6px !important;
  background: #22292d !important;
  box-shadow: none !important;
  color: var(--rc-text) !important;
  transform: none !important;
}
body[data-mu-preview] #index_content .rc-neo .rc-server-pick:hover,
body[data-mu-preview] #index_content .rc-neo .rc-server-pick.is-current { border-color: var(--rc-gold) !important; background: #2d302b !important; }
body[data-mu-preview] #index_content .rc-neo .rc-server-pick-icon,
body[data-mu-preview] #index_content .rc-neo .rc-server-current-icon {
  border: 1px solid var(--rc-line) !important;
  border-radius: 5px !important;
  background: #342d20 !important;
  box-shadow: none !important;
  color: var(--rc-gold-bright) !important;
}
body[data-mu-preview] #index_content .rc-neo .rc-server-pick-name small,
body[data-mu-preview] #index_content .rc-neo .rc-server-pick-char { color: var(--rc-muted) !important; }
body[data-mu-preview] #index_content .rc-neo .rc-server-pick-char i { color: var(--rc-gold) !important; }
body[data-mu-preview] #index_content .rc-neo .rc-server-badge { border-radius: 4px !important; }
body[data-mu-preview] #index_content .rc-neo .rc-server-badge.is-online { background: #233b2e !important; color: #9ed6a4 !important; }
body[data-mu-preview] #index_content .rc-neo .rc-server-badge.is-current { background: #3a3122 !important; color: var(--rc-gold-bright) !important; }
body[data-mu-preview] #index_content .rc-neo .rc-server-warning {
  border: 1px solid #886638 !important;
  border-radius: 5px !important;
  background: #392e20 !important;
  color: #f0c98c !important;
}
body[data-mu-preview] #index_content .rc-neo .rc-server-warning.is-ok { border-color: #4d7859 !important; background: #21372a !important; color: #b3dfb7 !important; }
body[data-mu-preview] #index_content .rc-neo .rc-server-warning.is-muted { border-color: var(--rc-line-soft) !important; background: #242a2d !important; color: var(--rc-muted) !important; }
body[data-mu-preview] #index_content .rc-neo .rc-server-actions {
  flex: none;
  padding: 11px 15px !important;
  border-top: 1px solid var(--rc-line-soft);
  background: #20262b !important;
}
body[data-mu-preview] #index_content .rc-neo :is(.rc-server-close, .rc-server-confirm, .rc-server-rolebtn) {
  min-height: 44px;
  padding: 9px 14px !important;
  border-radius: 5px !important;
  box-shadow: none !important;
  font: 700 12px/1.3 'Be Vietnam Pro', sans-serif !important;
}
body[data-mu-preview] #index_content .rc-neo .rc-server-close { border: 1px solid var(--rc-line) !important; background: #292f34 !important; color: var(--rc-text) !important; }
body[data-mu-preview] #index_content .rc-neo :is(.rc-server-confirm, .rc-server-rolebtn) { border: 1px solid #e4c589 !important; background: linear-gradient(120deg, #f1d8a6, #cba564) !important; color: #211b12 !important; }
body[data-mu-preview] #index_content .rc-neo :is(.rc-server-confirm, .rc-server-rolebtn):disabled { opacity: .55; cursor: not-allowed; }

/* One modal language for country, confirmation, network and help. */
body[data-mu-preview] #index_content .rc-neo .vq-overlay {
  background: #070b0edc !important;
  backdrop-filter: blur(3px) !important;
  -webkit-backdrop-filter: blur(3px) !important;
  padding: max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left)) !important;
}
body[data-mu-preview] #index_content .rc-neo .vq-modal {
  width: 100%;
  max-width: 540px !important;
  max-height: min(700px, calc(100dvh - 24px));
  overflow-y: auto !important;
  overscroll-behavior: contain;
  border: 1px solid var(--rc-gold) !important;
  border-radius: 8px !important;
  background: #171e24 !important;
  box-shadow: 0 20px 60px #000a !important;
  color: var(--rc-text) !important;
}
body[data-mu-preview] #index_content .rc-neo #rcCountryConfirm .vq-modal,
body[data-mu-preview] #index_content .rc-neo #rcSelectUsdtModal .vq-modal { max-width: 410px !important; }
body[data-mu-preview] #index_content .rc-neo .vq-modal-head {
  position: sticky;
  top: 0;
  z-index: 1;
  padding: 13px 16px !important;
  border-bottom: 1px solid var(--rc-line-soft) !important;
  background: #20262b !important;
}
body[data-mu-preview] #index_content .rc-neo .vq-modal-title {
  color: var(--rc-text) !important;
  font: 700 16px/1.3 Manrope, 'Be Vietnam Pro', sans-serif !important;
}
body[data-mu-preview] #index_content .rc-neo .vq-modal-title i { color: var(--rc-gold) !important; }
body[data-mu-preview] #index_content .rc-neo #rcCountryPicker .vq-modal > div > p { color: var(--rc-muted) !important; }
body[data-mu-preview] #index_content .rc-neo :is(.vq-modal-close, .rc-rule-close, .up-head-close, .up-rules-popup-close) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 44px !important;
  height: 44px !important;
  border: 1px solid var(--rc-line) !important;
  border-radius: 5px !important;
  background: #252a2b !important;
  box-shadow: none !important;
  color: var(--rc-gold) !important;
  cursor: pointer;
}
body[data-mu-preview] #index_content .rc-neo .rc-country-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 8px !important;
}
body[data-mu-preview] #index_content .rc-neo .rc-country-btn,
body[data-mu-preview] #index_content .rc-neo .rc-usdt-btn {
  min-width: 0;
  min-height: 80px;
  border: 1px solid var(--rc-line-soft) !important;
  border-radius: 6px !important;
  background: #22292d !important;
  box-shadow: none !important;
  color: var(--rc-text) !important;
  font-family: 'Be Vietnam Pro', sans-serif !important;
  transform: none !important;
}
body[data-mu-preview] #index_content .rc-neo .rc-country-btn:hover,
body[data-mu-preview] #index_content .rc-neo .rc-country-btn:focus-visible,
body[data-mu-preview] #index_content .rc-neo .rc-usdt-btn:hover,
body[data-mu-preview] #index_content .rc-neo .rc-usdt-btn:focus-visible,
body[data-mu-preview] #index_content .rc-neo .rc-country-btn.is-suggest {
  border-color: var(--rc-gold) !important;
  background: #2c2e29 !important;
  box-shadow: none !important;
}
body[data-mu-preview] #index_content .rc-neo .rc-country-btn.is-suggest::after { color: var(--rc-gold) !important; }
body[data-mu-preview] #index_content .rc-neo .rc-confirm-body { padding: 16px !important; }
body[data-mu-preview] #index_content .rc-neo .rc-confirm-msg { color: var(--rc-text) !important; }
body[data-mu-preview] #index_content .rc-neo .rc-confirm-warn { color: #e4b481 !important; }
body[data-mu-preview] #index_content .rc-neo .rc-confirm-actions button {
  flex: 1;
  min-height: 44px;
  border-radius: 5px !important;
  box-shadow: none !important;
}
body[data-mu-preview] #index_content .rc-neo .rc-btn-back { border: 1px solid var(--rc-line) !important; background: #282f34 !important; color: var(--rc-text) !important; }
body[data-mu-preview] #index_content .rc-neo .rc-btn-confirm { border: 1px solid #e4c589 !important; background: linear-gradient(120deg, #f1d8a6, #cba564) !important; color: #221b12 !important; }
body[data-mu-preview] #index_content .rc-neo .rc-usdt-grid { gap: 9px !important; }
body[data-mu-preview] #index_content .rc-neo .rc-usdt-title { color: var(--rc-text) !important; }
body[data-mu-preview] #index_content .rc-neo :is(.rc-usdt-sub, .rc-usdt-foot) { color: var(--rc-muted) !important; }
body[data-mu-preview] #index_content .rc-neo .rc-usdt-pill.is-usdt { background: #263e36 !important; color: #91dbba !important; }
body[data-mu-preview] #index_content .rc-neo .rc-usdt-pill.is-bep { background: #423621 !important; color: #efcf8d !important; }
body[data-mu-preview] #index_content .rc-neo .rc-usdt-pill.is-trc { background: #452b2b !important; color: #efaaa1 !important; }

/* The in-page rules and QR view remain on their original nodes and callbacks. */
body[data-mu-preview] #index_content .rc-neo .rc-rule-modal {
  border-radius: 7px !important;
  background: #080d10e6 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
body[data-mu-preview] #index_content .rc-neo .rc-rule-dialog,
body[data-mu-preview] #index_content .rc-neo .up-rules-popup {
  max-height: min(620px, calc(100dvh - 120px));
  overflow-y: auto !important;
  padding: 14px !important;
  border: 1px solid var(--rc-line) !important;
  border-radius: 7px !important;
  background: #1b2227 !important;
  box-shadow: none !important;
  color: var(--rc-text) !important;
}
body[data-mu-preview] #index_content .rc-neo .rc-rule-title-icon,
body[data-mu-preview] #index_content .rc-neo .rc-rule-num {
  border: 1px solid var(--rc-line) !important;
  border-radius: 5px !important;
  background: #342d20 !important;
  box-shadow: none !important;
  color: var(--rc-gold-bright) !important;
}
body[data-mu-preview] #index_content .rc-neo :is(.rc-rule-title-label, .up-rules-popup-head) { color: var(--rc-text) !important; }
body[data-mu-preview] #index_content .rc-neo :is(.rc-rule-title-sub, .rc-rule-text, .up-rules-list li) { color: var(--rc-muted) !important; }
body[data-mu-preview] #index_content .rc-neo .rc-rule-row,
body[data-mu-preview] #index_content .rc-neo .up-rules-list li { border-bottom-color: var(--rc-line-soft) !important; }
body[data-mu-preview] #index_content .rc-neo .usdt-pay-panel {
  max-height: min(650px, calc(100dvh - 120px)) !important;
  overflow-y: auto !important;
  padding: 12px !important;
  border: 1px solid var(--rc-line) !important;
  border-radius: 7px !important;
  background: #171f24 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: var(--rc-text) !important;
}
body[data-mu-preview] #index_content .rc-neo :is(.up-head, .up-rules-popup-head) { border-bottom-color: var(--rc-line-soft) !important; }
body[data-mu-preview] #index_content .rc-neo :is(.up-wallet-cell, .up-timer-cell) {
  border: 1px solid var(--rc-line-soft) !important;
  border-radius: 5px !important;
  background: #22292d !important;
  box-shadow: none !important;
}
body[data-mu-preview] #index_content .rc-neo :is(.up-cell-label, .up-scan-label) { color: var(--rc-muted) !important; }
body[data-mu-preview] #index_content .rc-neo .up-wallet-addr { color: var(--rc-text) !important; }
body[data-mu-preview] #index_content .rc-neo .up-wallet-copy { color: var(--rc-gold) !important; }
body[data-mu-preview] #index_content .rc-neo .up-qr-frame { background: #fff !important; border-radius: 6px !important; box-shadow: none !important; }
body[data-mu-preview] #index_content .rc-neo .up-btn-report {
  border: 1px solid var(--rc-line) !important;
  border-radius: 5px !important;
  background: #282f34 !important;
  box-shadow: none !important;
  color: var(--rc-gold-bright) !important;
}

/* Small screens keep a natural scroll; short game landscape uses dense two-column cards. */
@media (min-width: 1080px) {
  body[data-mu-preview] #index_content .rc-neo .recharge-method-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (max-width: 699px) and (orientation: portrait) {
  body[data-mu-preview] #index_content .rc-neo .rc-hero { padding: 10px 11px !important; }
  body[data-mu-preview] #index_content .rc-neo .rc-title-row { flex-direction: column !important; align-items: stretch !important; gap: 7px !important; }
  body[data-mu-preview] #index_content .rc-neo .rc-title-icon { width: 34px !important; height: 34px !important; font-size: 15px !important; }
  body[data-mu-preview] #index_content .rc-neo .rc-title-text { font-size: 17px !important; }
  body[data-mu-preview] #index_content .rc-neo .rc-subtitle { font-size: 10px !important; }
  body[data-mu-preview] #index_content .rc-neo .rc-title-actions { width: 100%; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 7px; }
  body[data-mu-preview] #index_content .rc-neo .rc-server-open { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-height: 36px; font-size: 11px !important; }
  body[data-mu-preview] #index_content .rc-neo .rc-title-rule { width: auto !important; min-width: 44px; margin: 0 !important; padding: 8px 9px !important; font-size: 11px !important; }
  body[data-mu-preview] #index_content .rc-neo .rc-method-shell { padding: 9px !important; }
  body[data-mu-preview] #index_content .rc-neo .rc-region-bar { margin-bottom: 8px; padding-bottom: 7px; }
  body[data-mu-preview] #index_content .rc-neo .rc-region-change { min-height: 35px; padding: 5px 7px !important; font-size: 10px !important; }
  body[data-mu-preview] #index_content .rc-neo .rc-lucky { padding: 7px 9px !important; margin-bottom: 8px !important; }
  body[data-mu-preview] #index_content .rc-neo .rc-lucky-icon { width: 31px; height: 31px; }
  body[data-mu-preview] #index_content .rc-neo .rc-lucky-big { font-size: 12px !important; }
  body[data-mu-preview] #index_content .rc-neo .rc-lucky-more { font-size: 10px !important; padding: 4px 6px !important; }
  body[data-mu-preview] #index_content .rc-neo .recharge-method-grid { grid-template-columns: minmax(0, 1fr) !important; gap: 7px !important; }
  body[data-mu-preview] #index_content .rc-neo .recharge-method-card { min-height: 63px !important; padding: 7px 28px 7px 8px !important; gap: 9px !important; }
  body[data-mu-preview] #index_content .rc-neo .rc-mth-icon { width: 39px !important; height: 39px !important; }
  body[data-mu-preview] #index_content .rc-neo .rc-mth-name { font-size: 12px !important; margin-bottom: 2px; }
  body[data-mu-preview] #index_content .rc-neo .rc-mth-amount { font-size: 10px !important; }
  body[data-mu-preview] #index_content .rc-neo .rc-consent-card { min-height: 56px !important; padding: 7px 9px !important; }
  body[data-mu-preview] #index_content .rc-neo .rc-consent-text { font-size: 11px !important; }
  body[data-mu-preview] #index_content .rc-neo .vq-overlay { align-items: flex-end !important; padding: 0 !important; }
  body[data-mu-preview] #index_content .rc-neo .vq-modal,
  body[data-mu-preview] #index_content .rc-neo #rcCountryConfirm .vq-modal,
  body[data-mu-preview] #index_content .rc-neo #rcSelectUsdtModal .vq-modal,
  body[data-mu-preview] #index_content .rc-neo .rc-server-dialog,
  body[data-mu-preview] #index_content .rc-neo .rc-lucky-dialog {
    width: 100% !important;
    max-width: none !important;
    max-height: min(82dvh, 650px) !important;
    padding-bottom: env(safe-area-inset-bottom);
    border-radius: 12px 12px 0 0 !important;
  }
  body[data-mu-preview] #index_content .rc-neo :is(.rc-server-modal, .rc-lucky-modal) { align-items: flex-end !important; padding: 0 !important; }
  body[data-mu-preview] #index_content .rc-neo .rc-country-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  body[data-mu-preview] #index_content .rc-neo .rc-country-btn-other { grid-column: 1 / -1; }
}
@media (max-height: 520px) and (min-width: 600px) and (orientation: landscape) {
  body[data-mu-preview] #index_content .rc-neo .rc-hero { padding: 5px 9px !important; margin-bottom: 6px !important; }
  body[data-mu-preview] #index_content .rc-neo .rc-title-icon { width: 30px !important; height: 30px !important; font-size: 13px !important; }
  body[data-mu-preview] #index_content .rc-neo .rc-title-text { font-size: 15px !important; }
  body[data-mu-preview] #index_content .rc-neo .rc-subtitle { display: none !important; }
  body[data-mu-preview] #index_content .rc-neo .rc-title-rule { min-height: 34px !important; padding: 5px 9px !important; }
  body[data-mu-preview] #index_content .rc-neo .rc-title-actions { gap: 5px; }
  body[data-mu-preview] #index_content .rc-neo .rc-server-open { min-height: 34px; max-width: 260px; padding: 5px 8px !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 10px !important; }
  body[data-mu-preview] #index_content .rc-neo .rc-method-shell { padding: 8px !important; }
  body[data-mu-preview] #index_content .rc-neo .rc-region-bar { margin-bottom: 6px; padding-bottom: 5px; }
  body[data-mu-preview] #index_content .rc-neo .rc-region-change { min-height: 30px; padding: 4px 7px !important; font-size: 10px !important; }
  body[data-mu-preview] #index_content .rc-neo .rc-lucky { padding: 5px 8px !important; margin-bottom: 6px !important; }
  body[data-mu-preview] #index_content .rc-neo .rc-lucky-icon { width: 29px; height: 29px; }
  body[data-mu-preview] #index_content .rc-neo .rc-lucky-big { font-size: 11px !important; }
  body[data-mu-preview] #index_content .rc-neo .recharge-method-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 6px !important; }
  body[data-mu-preview] #index_content .rc-neo .recharge-method-card { min-height: 54px !important; padding: 5px 27px 5px 7px !important; gap: 7px !important; }
  body[data-mu-preview] #index_content .rc-neo .rc-mth-icon { width: 34px !important; height: 34px !important; }
  body[data-mu-preview] #index_content .rc-neo .rc-mth-icon .rci-logo .rci-top { font-size: 8px !important; }
  body[data-mu-preview] #index_content .rc-neo .rc-mth-icon .rci-logo .rci-bot { font-size: 6px !important; }
  body[data-mu-preview] #index_content .rc-neo .rc-mth-name { font-size: 11px !important; margin-bottom: 1px; }
  body[data-mu-preview] #index_content .rc-neo .rc-mth-amount { font-size: 9px !important; }
  body[data-mu-preview] #index_content .rc-neo .rc-consent-card { min-height: 46px !important; padding: 5px 8px !important; }
  body[data-mu-preview] #index_content .rc-neo .rc-consent-icon { width: 30px !important; height: 30px !important; }
  body[data-mu-preview] #index_content .rc-neo .rc-consent-text { font-size: 10px !important; }
  body[data-mu-preview] #index_content .rc-neo .vq-overlay { justify-content: flex-end !important; align-items: stretch !important; padding: 6px !important; }
  body[data-mu-preview] #index_content .rc-neo .vq-modal,
  body[data-mu-preview] #index_content .rc-neo #rcCountryConfirm .vq-modal,
  body[data-mu-preview] #index_content .rc-neo #rcSelectUsdtModal .vq-modal,
  body[data-mu-preview] #index_content .rc-neo .rc-server-dialog,
  body[data-mu-preview] #index_content .rc-neo .rc-lucky-dialog {
    width: min(430px, 100%) !important;
    max-width: min(430px, 100%) !important;
    max-height: 100% !important;
    border-radius: 7px !important;
  }
  body[data-mu-preview] #index_content .rc-neo :is(.rc-server-modal, .rc-lucky-modal) { justify-content: flex-end !important; align-items: stretch !important; padding: 6px !important; }
  body[data-mu-preview] #index_content .rc-neo .rc-country-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  body[data-mu-preview] #index_content .rc-neo .rc-country-btn-other { grid-column: 1 / -1; }
}
@media (max-height: 520px) and (min-width: 760px) and (orientation: landscape) {
  body[data-mu-preview] #index_content .rc-neo .recharge-method-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (max-width: 360px) {
  body[data-mu-preview] #index_content .rc-neo .rc-title-rule { font-size: 0 !important; }
  body[data-mu-preview] #index_content .rc-neo .rc-title-rule i { font-size: 14px !important; }
  body[data-mu-preview] #index_content .rc-neo .rc-consent-icon { display: none !important; }
}
@media (prefers-reduced-motion: reduce) {
  body[data-mu-preview] #index_content .rc-neo * { transition-duration: 0s !important; animation-duration: 0s !important; }
}

/* V2: four clear entry points, with regional providers available on demand. */
body[data-mu-preview] #index_content .mu-recharge .rc-method-shell {
  padding: 13px !important;
}
body[data-mu-preview] #index_content .mu-recharge .recharge-method-grid,
body[data-mu-preview] #index_content .mu-recharge .recharge-method-grid:not(:has(.rc-mth-vnpay)) {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 9px !important;
}
body[data-mu-preview] #index_content .mu-recharge .rc-v2-intro {
  grid-column: 1 / -1;
  order: -10;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  margin: 0 1px 2px;
  color: #f6f1e8;
}
body[data-mu-preview] #index_content .mu-recharge .rc-v2-intro strong {
  font: 700 16px/1.3 Manrope, 'Be Vietnam Pro', sans-serif;
}
body[data-mu-preview] #index_content .mu-recharge .rc-v2-intro span {
  color: #b8b8b6;
  font: 500 11px/1.4 'Be Vietnam Pro', sans-serif;
  text-align: right;
}
body[data-mu-preview] #index_content .mu-recharge .rc-mth-vnpay { order: -6; }
body[data-mu-preview] #index_content .mu-recharge .rc-mth-vietpay { order: -5; }
body[data-mu-preview] #index_content .mu-recharge .rc-mth-mobile { order: -4; }
body[data-mu-preview] #index_content .mu-recharge .rc-mth-usdt { order: -3; }
/* Zing nằm sẵn trong ô Thẻ cào (chỉ VN/admin) — chỉ ẩn ô Zing riêng khi có ô đó; vùng khác (OTHER, BR, PH...) vẫn cần Zing. */
body[data-mu-preview] #index_content .mu-recharge.mu-recharge-card-merged .rc-mth-zing { display: none !important; }
body[data-mu-preview] #index_content .mu-recharge:not(.mu-recharge-expanded) :is(.rc-mth-pay247,.rc-mth-pag) { display: none !important; }
body[data-mu-preview] #index_content .mu-recharge .rc-mth-vnpay {
  border-color: #bd9b65 !important;
  background: linear-gradient(110deg, #2d2b25, #202728) !important;
}
body[data-mu-preview] #index_content .mu-recharge .rc-v2-more {
  order: 3;
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 39px;
  padding: 7px 12px;
  border: 1px solid #554936;
  border-radius: 6px;
  background: #191f23;
  color: #dec99f;
  font: 600 12px/1.3 'Be Vietnam Pro', sans-serif;
  cursor: pointer;
}
body[data-mu-preview] #index_content .mu-recharge .rc-v2-more:hover,
body[data-mu-preview] #index_content .mu-recharge .rc-v2-more:focus-visible {
  border-color: #e1bf7d;
  background: #272a27;
}
body[data-mu-preview] #index_content .mu-recharge .rc-v2-more svg {
  width: 17px;
  height: 17px;
  fill: currentColor;
  transition: transform .15s;
}
body[data-mu-preview] #index_content .mu-recharge-expanded .rc-v2-more svg { transform: rotate(90deg); }
body[data-mu-preview] #index_content .mu-recharge .rc-consent-wrap { order: 4; }
body[data-mu-preview] #index_content .mu-recharge .rc-consent-card { min-height: 49px !important; }
body[data-mu-preview] #index_content .mu-recharge .rc-server-dialog,
body[data-mu-preview] #index_content .mu-recharge .rc-rule-dialog,
body[data-mu-preview] #index_content .mu-recharge .vq-modal {
  box-shadow: 0 18px 60px #0008 !important;
}
body[data-mu-preview] #index_content .mu-recharge .rc-server-pick {
  min-height: 62px !important;
}
@media (max-width: 699px) and (orientation: portrait) {
  body[data-mu-preview] #index_content .mu-recharge .recharge-method-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  body[data-mu-preview] #index_content .mu-recharge .rc-v2-intro {
    align-items: flex-start;
  }
  body[data-mu-preview] #index_content .mu-recharge .rc-v2-intro span { max-width: 48%; }
  body[data-mu-preview] #index_content .mu-recharge .recharge-method-card { min-height: 60px !important; }
  body[data-mu-preview] #index_content .mu-recharge .rc-v2-more { min-height: 41px; }
  body[data-mu-preview] #index_content .mu-recharge .rc-server-dialog,
  body[data-mu-preview] #index_content .mu-recharge .rc-rule-dialog { max-height: min(78dvh, 610px) !important; }
}
@media (max-height: 520px) and (orientation: landscape) {
  body[data-mu-preview] #index_content .mu-recharge .recharge-method-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  body[data-mu-preview] #index_content .mu-recharge .rc-v2-intro strong { font-size: 13px; }
  body[data-mu-preview] #index_content .mu-recharge .rc-v2-more { min-height: 32px; }
}

/* VietQR inherits the same restrained black-and-gold language as the entry page. */
body[data-mu-preview] #index_content.mu-vnqr-v2 .vq-hero,
body[data-mu-preview] #index_content.mu-vnqr-v2 .vq-card,
body[data-mu-preview] #index_content.mu-vnqr-v2 :is(.vq-history-inline,.vq-rules-inline) .vq-card {
  border: 1px solid #665438 !important;
  border-radius: 8px !important;
  background: #1e2528 !important;
  box-shadow: none !important;
  color: #f6f1e8 !important;
}
body[data-mu-preview] #index_content.mu-vnqr-v2 .vq-hero { padding: 13px 16px !important; }
body[data-mu-preview] #index_content.mu-vnqr-v2 .vq-hero::before { display: none !important; }
body[data-mu-preview] #index_content.mu-vnqr-v2 .vq-title-text,
body[data-mu-preview] #index_content.mu-vnqr-v2 :is(.vq-inline-title,.vq-history-amount) { color: #f6f1e8 !important; }
body[data-mu-preview] #index_content.mu-vnqr-v2 :is(.vq-subtitle,.vq-inline-sub,.vq-history-sub,.vq-history-table td) { color: #b8b8b6 !important; }
body[data-mu-preview] #index_content.mu-vnqr-v2 :is(.vq-rule-btn,.vq-inline-close) {
  border: 1px solid #665438 !important;
  border-radius: 6px !important;
  background: #22292b !important;
  box-shadow: none !important;
  color: #e4c386 !important;
}
body[data-mu-preview] #index_content.mu-vnqr-v2 .vq-sec-title { color: #e4c386 !important; }
body[data-mu-preview] #index_content.mu-vnqr-v2 .vq-sec-icon,
body[data-mu-preview] #index_content.mu-vnqr-v2 .vq-inline-icon {
  border: 1px solid #665438 !important;
  border-radius: 6px !important;
  background: #332d23 !important;
  box-shadow: none !important;
  color: #e4c386 !important;
}
body[data-mu-preview] #index_content.mu-vnqr-v2 .vq-tile-grid { gap: 8px !important; }
body[data-mu-preview] #index_content.mu-vnqr-v2 .vq-tile {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: center !important;
  min-height: 66px !important;
  padding: 10px 14px !important;
  border: 1px solid #574c3a !important;
  border-radius: 7px !important;
  background: #171e22 !important;
  box-shadow: none !important;
  animation: none !important;
  transform: none !important;
}
body[data-mu-preview] #index_content.mu-vnqr-v2 .vq-tile:hover,
body[data-mu-preview] #index_content.mu-vnqr-v2 .vq-tile:focus-visible { border-color: #e4c386 !important; background: #302b24 !important; }
body[data-mu-preview] #index_content.mu-vnqr-v2 .vq-tile::before,
body[data-mu-preview] #index_content.mu-vnqr-v2 .vq-tile::after,
body[data-mu-preview] #index_content.mu-vnqr-v2 .vq-tile-divider { display: none !important; }
body[data-mu-preview] #index_content.mu-vnqr-v2 .vq-tile-vnd { color: #f6f1e8 !important; }
body[data-mu-preview] #index_content.mu-vnqr-v2 .vq-tile-unit { color: #b8b8b6 !important; }
body[data-mu-preview] #index_content.mu-vnqr-v2 .vq-tile-silver-val {
  color: #e4c386 !important;
  animation: none !important;
  text-shadow: none !important;
}
body[data-mu-preview] #index_content.mu-vnqr-v2 .vq-tile-silver-icon { color: #e4c386 !important; }
body[data-mu-preview] #index_content.mu-vnqr-v2 .vq-history-table th { color: #e4c386 !important; }
body[data-mu-preview] #index_content.mu-vnqr-v2 .vq-history-table td { border-color: #544a3c !important; }
body[data-mu-preview] #index_content.mu-vnqr-v2 .vq-rule-row { color: #e2ddd3 !important; border-color: #544a3c !important; }
body[data-mu-preview] #index_content.mu-vnqr-v2 .vq-rule-num {
  background: #3b3326 !important;
  box-shadow: none !important;
  color: #e4c386 !important;
}
body[data-mu-preview] #index_content.mu-vnqr-v2 .vq-rule-row a { color: #e4c386 !important; }
body[data-mu-preview] #index_content.mu-vnqr-v2 .p247-country-pill {
  border:1px solid #574c3a !important;
  border-radius:7px !important;
  background:#171e22 !important;
  box-shadow:none !important;
  color:#f6f1e8 !important;
}
body[data-mu-preview] #index_content.mu-vnqr-v2 .p247-country-pill.is-active { border-color:#e4c386 !important; background:#302b24 !important; }
body[data-mu-preview] #index_content.mu-vnqr-v2 :is(.p247-country-name,.p247-country-cur,.p247-ms-name) { color:#f6f1e8 !important; }
body[data-mu-preview] #index_content.mu-vnqr-v2 .p247-method-summary {
  border:1px solid #574c3a !important;
  border-radius:7px !important;
  background:#171e22 !important;
  box-shadow:none !important;
}
body[data-mu-preview] #index_content.mu-vnqr-v2 .p247-ms-cap { color:#e4c386 !important; }
body[data-mu-preview] #index_content.mu-vnqr-v2 .p247-ms-pick {
  border:1px solid #665438 !important;
  border-radius:6px !important;
  background:#282923 !important;
  box-shadow:none !important;
  color:#e4c386 !important;
}
body[data-mu-preview] #index_content.mu-vnqr-v2 .p247-modal-card {
  border:1px solid #9d8157 !important;
  border-radius:8px !important;
  background:#1e2528 !important;
  box-shadow:0 18px 55px #0009 !important;
  color:#f6f1e8 !important;
}
body[data-mu-preview] #index_content.mu-vnqr-v2 :is(.p247-modal-title-main,.p247-info-amt) { color:#f6f1e8 !important; }
body[data-mu-preview] #index_content.mu-vnqr-v2 :is(.p247-modal-title-sub,.p247-info-label,.p247-scan-note,.p247-status,.p247-order-code) { color:#b8b8b6 !important; }
body[data-mu-preview] #index_content.mu-vnqr-v2 :is(.p247-info-cell,.p247-scan-note,.p247-status) {
  border:1px solid #514736 !important;
  border-radius:6px !important;
  background:#171e22 !important;
  box-shadow:none !important;
}
body[data-mu-preview] #index_content.mu-vnqr-v2 :is(.p247-info-silver,.p247-countdown) { color:#e4c386 !important; }
body[data-mu-preview] #index_content.mu-vnqr-v2 :is(.p247-modal-close,.p247-btn-report) {
  border:1px solid #665438 !important;
  border-radius:6px !important;
  background:#22292b !important;
  color:#e4c386 !important;
  box-shadow:none !important;
}
body[data-mu-preview] #index_content.mu-vnqr-v2 .p247-btn-open {
  border:1px solid #e4c386 !important;
  border-radius:6px !important;
  background:#d3b37a !important;
  color:#221b13 !important;
  box-shadow:none !important;
}
body[data-mu-preview] #index_content.mu-vnqr-v2 #pbEmailModal .vq-modal {
  width:min(520px,calc(100vw - 24px)) !important;
  max-height:min(84dvh,620px) !important;
  overflow:auto !important;
  border:1px solid #9d8157 !important;
  border-radius:9px !important;
  background:#1e2528 !important;
  box-shadow:0 18px 55px #000a !important;
  color:#f6f1e8 !important;
}
body[data-mu-preview] #index_content.mu-vnqr-v2 #pbEmailModal :is(.vq-modal-head,.vq-modal-body,.pb-email-foot) {
  border-color:#514736 !important;
  background:#1e2528 !important;
  color:#f6f1e8 !important;
}
body[data-mu-preview] #index_content.mu-vnqr-v2 #pbEmailModal :is(.vq-modal-title,.form-label) { color:#e4c386 !important; }
body[data-mu-preview] #index_content.mu-vnqr-v2 #pbEmailModal :is(.form-control,.form-select) {
  border:1px solid #665438 !important;
  border-radius:6px !important;
  background:#141b20 !important;
  box-shadow:none !important;
  color:#f6f1e8 !important;
}
body[data-mu-preview] #index_content.mu-vnqr-v2 #pbEmailModal :is(.form-control,.form-select):focus { border-color:#e4c386 !important; }
body[data-mu-preview] #index_content.mu-vnqr-v2 #pbEmailModal .form-control::placeholder { color:#9a9b98 !important; opacity:1 !important; }
body[data-mu-preview] #index_content.mu-vnqr-v2 #pbEmailModal :is(.vq-modal-close,.pb-btn-cancel) {
  border:1px solid #665438 !important;
  border-radius:6px !important;
  background:#22292b !important;
  box-shadow:none !important;
  color:#e4c386 !important;
}
body[data-mu-preview] #index_content.mu-vnqr-v2 #pbEmailModal .pb-btn-primary {
  border:1px solid #e4c386 !important;
  border-radius:6px !important;
  background:#d3b37a !important;
  box-shadow:none !important;
  color:#221b13 !important;
}
body[data-mu-preview] #index_content.mu-vnqr-v2 #pbEmailModal .pb-step-dot.active { background:#e4c386 !important; }
@media (max-width:650px) and (orientation:portrait) {
  body[data-mu-preview] #index_content.mu-vnqr-v2 #pbEmailModal { align-items:flex-end !important; padding:0 !important; }
  body[data-mu-preview] #index_content.mu-vnqr-v2 #pbEmailModal .vq-modal {
    width:100% !important;
    max-height:78dvh !important;
    border-radius:12px 12px 0 0 !important;
  }
}
@media (max-height:520px) and (orientation:landscape) {
  body[data-mu-preview] #index_content.mu-vnqr-v2 #pbEmailModal { justify-content:flex-end !important; padding:6px !important; }
  body[data-mu-preview] #index_content.mu-vnqr-v2 #pbEmailModal .vq-modal { max-height:100% !important; }
}
@media (max-width: 650px) and (orientation: portrait) {
  body[data-mu-preview] #index_content.mu-vnqr-v2 .vq-tile-grid { grid-template-columns: minmax(0, 1fr) !important; }
  body[data-mu-preview] #index_content.mu-vnqr-v2 .vq-tile { min-height: 53px !important; }
}
@media (max-height: 520px) and (orientation: landscape) {
  body[data-mu-preview] #index_content.mu-vnqr-v2 .vq-hero { padding: 8px 12px !important; }
  body[data-mu-preview] #index_content.mu-vnqr-v2 .vq-card { padding: 9px 12px !important; }
  body[data-mu-preview] #index_content.mu-vnqr-v2 .vq-tile { min-height: 46px !important; }
}

/* VietQR V2: compact choices and one shared popup pattern at every viewport. */
body[data-mu-preview] .mu-dialog.vq-v2-confirm-dialog { width: min(100%,500px) !important; padding: 17px !important; gap: 10px !important; }
body[data-mu-preview] .mu-dialog.vq-v2-confirm-dialog .mu-dialog-head { gap: 10px; }
body[data-mu-preview] .mu-dialog.vq-v2-confirm-dialog .mu-dialog-head h2 { flex: 1; font: 700 18px/1.3 Manrope,'Be Vietnam Pro',sans-serif !important; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body[data-mu-preview] .mu-dialog.vq-v2-confirm-dialog .mu-dialog-head button { width: 36px !important; height: 36px !important; min-width: 36px !important; min-height: 36px !important; }
body[data-mu-preview] .vq-v2-confirm-icon { width: 32px; height: 32px; flex: none; display: grid; place-items: center; border: 1px solid #665438; border-radius: 6px; background: #332d23; color: #e7c78d; font-size: 15px; }
body[data-mu-preview] .vq-v2-confirm { display: grid; gap: 13px; color: #f6f1e8; }
body[data-mu-preview] .vq-v2-confirm-summary { display: grid; gap: 8px; padding: 13px 14px; border: 1px solid #665438; border-radius: 7px; background: #171e22; }
body[data-mu-preview] .vq-v2-confirm-row { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
body[data-mu-preview] .vq-v2-confirm-row span { color: #b8b8b6; font: 400 12px/1.35 'Be Vietnam Pro',sans-serif; }
body[data-mu-preview] .vq-v2-confirm-row strong { color: #f6f1e8; font: 700 17px/1.3 Manrope,'Be Vietnam Pro',sans-serif; white-space: nowrap; }
body[data-mu-preview] .vq-v2-confirm-row:last-child strong { color: #e7c78d; }
body[data-mu-preview] .vq-v2-confirm-hint { color: #c9c4ba; font: 400 12px/1.5 'Be Vietnam Pro',sans-serif; }
body[data-mu-preview] .vq-v2-confirm-consent { display: flex; align-items: flex-start; gap: 9px; font: 600 12px/1.45 'Be Vietnam Pro',sans-serif; cursor: pointer; }
body[data-mu-preview] .vq-v2-confirm-consent input { width: 17px; height: 17px; flex: none; margin: 1px 0 0; accent-color: #d5b77a; }
body[data-mu-preview] .vq-v2-confirm-actions { display: grid; grid-template-columns: 1fr 1.4fr; gap: 9px; }
body[data-mu-preview] .vq-v2-confirm-actions button { min-height: 43px; border-radius: 6px; font: 700 13px 'Be Vietnam Pro',sans-serif; cursor: pointer; }
body[data-mu-preview] .vq-v2-confirm-cancel { border: 1px solid #665438; background: #292f31; color: #f6f1e8; }
body[data-mu-preview] .vq-v2-confirm-proceed { border: 1px solid #f0d5a0; background: linear-gradient(110deg,#f2d7a2,#c9a468); color: #251d12; }
body[data-mu-preview] .vq-v2-confirm-proceed:disabled { opacity: .48; cursor: not-allowed; }
@media (max-height: 520px) and (orientation: landscape) {
  body[data-mu-preview] .mu-dialog-layer.vq-v2-confirm-layer { display: flex !important; justify-content: flex-end !important; align-items: stretch !important; padding: 5px !important; }
  body[data-mu-preview] .mu-dialog.vq-v2-confirm-dialog { width: min(430px,60vw) !important; max-height: 100% !important; }
}
body[data-mu-preview] #index_content.mu-vietqr-page { min-width: 0; }
body[data-mu-preview] #index_content.mu-vietqr-page .vq-hero { padding: 9px 12px !important; margin-bottom: 8px !important; }
body[data-mu-preview] #index_content.mu-vietqr-page .vq-title-row { justify-content: flex-start; gap: 10px; flex-wrap: wrap; }
body[data-mu-preview] #index_content.mu-vietqr-page .vq-title-row > div:last-child { margin-left: auto; }
body[data-mu-preview] #index_content.mu-vietqr-page .vq-title-row .mu-page-backbar { width: auto; margin: 0; flex: 0 0 auto; }
body[data-mu-preview] #index_content.mu-vietqr-page .vq-logo-badge { display: none; }
body[data-mu-preview] #index_content.mu-vietqr-page .vq-title-text { font: 800 clamp(19px,2.7vw,24px)/1.12 Manrope,'Be Vietnam Pro',sans-serif !important; }
body[data-mu-preview] #index_content.mu-vietqr-page .vq-subtitle { font-size: 11px !important; }
body[data-mu-preview] #index_content.mu-vietqr-page .vq-rule-btn { min-height: 38px; padding: 6px 9px !important; }
body[data-mu-preview] #index_content.mu-vietqr-page .vq-form-wrap { margin-bottom: 0 !important; }
body[data-mu-preview] #index_content.mu-vietqr-page .vq-form-wrap .vq-card { padding: 11px 12px !important; }
body[data-mu-preview] #index_content.mu-vietqr-page .vq-sec-title { margin-bottom: 9px !important; font-size: 12px !important; letter-spacing: 0; text-transform: none; }
body[data-mu-preview] #index_content.mu-vietqr-page .vq-tile-grid { grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 8px !important; }
body[data-mu-preview] #index_content.mu-vietqr-page .vq-tile {
  min-width: 0; min-height: 72px !important; padding: 10px 12px !important;
  flex-direction: column !important; align-items: flex-start !important; justify-content: center !important; gap: 6px;
  text-align: left !important;
}
body[data-mu-preview] #index_content.mu-vietqr-page :is(.vq-tile-amount,.vq-tile-silver) { justify-content: flex-start !important; white-space: nowrap; }
body[data-mu-preview] #index_content.mu-vietqr-page .vq-tile-vnd { font-size: clamp(13px,1.4vw,18px) !important; }
body[data-mu-preview] #index_content.mu-vietqr-page .vq-tile-unit { font-size: 12px !important; text-transform: none !important; letter-spacing: 0 !important; }
body[data-mu-preview] #index_content.mu-vietqr-page .vq-tile-silver-val { font-size: 13px !important; }
body[data-mu-preview] #index_content.mu-vietqr-page .vq-tile-silver-lbl { font-size: 11px !important; }

body[data-mu-preview] #index_content.mu-vietqr-page :is(.vq-history-inline,.vq-rules-inline),
body[data-mu-preview] #index_content.mu-vietqr-page #vqPayContainer {
  position: fixed !important; inset: 0 !important; z-index: 12000 !important;
  display: none !important; align-items: center; justify-content: center;
  padding: max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left)) !important;
  border: 0 !important; border-radius: 0 !important;
  background: rgba(7,10,12,.78) !important; box-shadow: none !important;
  backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
}
body[data-mu-preview] #index_content.mu-vietqr-page :is(.vq-history-inline,.vq-rules-inline).is-open,
body[data-mu-preview] #index_content.mu-vietqr-page #vqPayContainer.is-open { display: flex !important; }
body[data-mu-preview] #index_content.mu-vietqr-page :is(.vq-history-inline,.vq-rules-inline) > .vq-card,
body[data-mu-preview] #index_content.mu-vietqr-page .vq-v2-pay-dialog {
  width: min(100%,500px) !important; max-height: min(82dvh,680px) !important;
  margin: 0 !important; padding: 17px !important; overflow: auto !important;
  border: 1px solid #9b7e50 !important; border-radius: 10px !important;
  background: var(--mu-popup-bg,#1b2227) !important; box-shadow: 0 18px 48px #0009 !important; color: #f6f1e8 !important;
}
body[data-mu-preview] #index_content.mu-vietqr-page .vq-v2-pay-dialog { position: relative; }
body[data-mu-preview] #index_content.mu-vietqr-page .vq-v2-pay-close {
  position: absolute; top: 12px; right: 12px; z-index: 3;
  width: 36px; height: 36px; border: 1px solid #665438; border-radius: 7px;
  background: #292d2c; color: #e7c78d; font-size: 23px; cursor: pointer;
}
body[data-mu-preview] #index_content.mu-vietqr-page #contenpay .vq-pay-head-close { display: none !important; }
body[data-mu-preview] #index_content.mu-vietqr-page .vq-inline-close { width: 36px !important; height: 36px !important; font-size: 16px !important; }
body[data-mu-preview] #index_content.mu-vietqr-page .vq-v2-history-note {
  margin: 0 0 12px; padding: 9px 11px; border: 1px solid #665438; border-radius: 7px;
  background: #292a26; color: #d6d0c3; font: 400 11px/1.5 'Be Vietnam Pro',sans-serif;
}
body[data-mu-preview] #index_content.mu-vietqr-page .vq-history-wrap { max-height: none !important; overflow: visible !important; }
body[data-mu-preview] #index_content.mu-vietqr-page .vq-history-table thead { display: none; }
body[data-mu-preview] #index_content.mu-vietqr-page .vq-history-table,
body[data-mu-preview] #index_content.mu-vietqr-page .vq-history-table tbody { display: block; width: 100%; }
body[data-mu-preview] #index_content.mu-vietqr-page .vq-history-table tr {
  display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 4px 10px;
  margin: 0 0 8px; padding: 11px 12px; border: 1px solid #544a3c; border-radius: 7px; background: #171e22;
}
body[data-mu-preview] #index_content.mu-vietqr-page .vq-history-table td { display: block; border: 0 !important; padding: 0 !important; min-width: 0; }
body[data-mu-preview] #index_content.mu-vietqr-page .vq-history-table td:nth-child(1) { grid-column: 1 / -1; grid-row: 2; font-size: 11px; font-weight: 400; }
body[data-mu-preview] #index_content.mu-vietqr-page .vq-history-table td:nth-child(2) { grid-column: 1; grid-row: 3; }
body[data-mu-preview] #index_content.mu-vietqr-page .vq-history-table td:nth-child(2) strong { display: none; }
body[data-mu-preview] #index_content.mu-vietqr-page .vq-history-table td:nth-child(3) { grid-column: 1; grid-row: 1; }
body[data-mu-preview] #index_content.mu-vietqr-page .vq-history-table td:nth-child(4) { grid-column: 2; grid-row: 1; }
body[data-mu-preview] #index_content.mu-vietqr-page .vq-history-amount { color: #f6f1e8 !important; }
body[data-mu-preview] #index_content.mu-vietqr-page .vq-history-table td:nth-child(2) .vq-history-sub { color: #e7c78d !important; font-weight: 700; }
body[data-mu-preview] #index_content.mu-vietqr-page .vq-history-badge { min-width: 0; white-space: nowrap; }
body[data-mu-preview] #index_content.mu-vietqr-page .vq-history-badge.is-done { background: #253c2d; color: #a9dab3; }
body[data-mu-preview] #index_content.mu-vietqr-page :is(.vq-pay-loading-title,.vq-pay-amount-val) { color: #f6f1e8 !important; }
body[data-mu-preview] #index_content.mu-vietqr-page :is(.vq-pay-loading-sub,.vq-pay-cell-label,.vq-pay-amount-unit,.vq-pay-timer-expires,.vq-pay-scan-label) { color: #b8b8b6 !important; }
body[data-mu-preview] #index_content.mu-vietqr-page :is(.vq-pay-price-cell,.vq-pay-timer-cell) { background: #171e22 !important; border: 1px solid #544a3c !important; box-shadow: none !important; }
body[data-mu-preview] #index_content.mu-vietqr-page .vq-pay-silver-badge { color: #e7c78d !important; }
body[data-mu-preview] #index_content.mu-vietqr-page .vq-pay-head { padding-right: 42px; }
body[data-mu-preview] #index_content.mu-vietqr-page .vq-pay-head-brand { color: #f6f1e8; font: 700 17px/1.3 Manrope,'Be Vietnam Pro',sans-serif; }
body[data-mu-preview] #index_content.mu-vietqr-page .vq-pay-timer-row { color: #e7c78d !important; }
body[data-mu-preview] #index_content.mu-vietqr-page .vq-pay-scan-label i { color: #e7c78d !important; }
body[data-mu-preview] #index_content.mu-vietqr-page .vq-pay-btn-report { border: 1px solid #665438 !important; background: #292f31 !important; color: #e7c78d !important; box-shadow: none !important; }

@media (max-width: 700px) and (orientation: portrait) {
  body[data-mu-preview] #index_content.mu-vietqr-page .vq-hero { padding: 8px 10px !important; }
  body[data-mu-preview] #index_content.mu-vietqr-page .vq-title-row { gap: 6px; }
  body[data-mu-preview] #index_content.mu-vietqr-page .vq-title-row .mu-page-back { width: 36px !important; height: 36px !important; min-width: 36px !important; min-height: 36px !important; }
  body[data-mu-preview] #index_content.mu-vietqr-page .vq-subtitle { display: none; }
  body[data-mu-preview] #index_content.mu-vietqr-page .vq-rule-btn { min-height: 34px; padding: 5px 7px !important; font-size: 11px !important; }
  body[data-mu-preview] #index_content.mu-vietqr-page .vq-form-wrap .vq-card { padding: 10px !important; }
  body[data-mu-preview] #index_content.mu-vietqr-page .vq-tile-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  body[data-mu-preview] #index_content.mu-vietqr-page .vq-tile { min-height: 72px !important; padding: 8px 10px !important; }
  body[data-mu-preview] #index_content.mu-vietqr-page :is(.vq-history-inline,.vq-rules-inline),
  body[data-mu-preview] #index_content.mu-vietqr-page #vqPayContainer { align-items: flex-end; padding: 0 !important; }
  body[data-mu-preview] #index_content.mu-vietqr-page :is(.vq-history-inline,.vq-rules-inline) > .vq-card,
  body[data-mu-preview] #index_content.mu-vietqr-page .vq-v2-pay-dialog {
    width: 100% !important; max-height: min(78dvh,660px) !important;
    padding: 24px 15px max(16px,env(safe-area-inset-bottom)) !important;
    border-radius: 14px 14px 0 0 !important; border-bottom: 0 !important;
  }
}
@media (max-height: 520px) and (orientation: landscape) {
  body[data-mu-preview] #index_content.mu-vietqr-page .vq-hero { padding: 6px 9px !important; }
  body[data-mu-preview] #index_content.mu-vietqr-page .vq-subtitle { display: none; }
  body[data-mu-preview] #index_content.mu-vietqr-page .vq-form-wrap .vq-card { padding: 8px 10px !important; }
  body[data-mu-preview] #index_content.mu-vietqr-page .vq-sec-title { margin-bottom: 5px !important; }
  body[data-mu-preview] #index_content.mu-vietqr-page .vq-tile { min-height: 56px !important; gap: 3px; padding: 6px 10px !important; }
  body[data-mu-preview] #index_content.mu-vietqr-page :is(.vq-history-inline,.vq-rules-inline),
  body[data-mu-preview] #index_content.mu-vietqr-page #vqPayContainer { justify-content: flex-end; padding: 4px !important; }
  body[data-mu-preview] #index_content.mu-vietqr-page :is(.vq-history-inline,.vq-rules-inline) > .vq-card,
  body[data-mu-preview] #index_content.mu-vietqr-page .vq-v2-pay-dialog { width: min(430px,60vw) !important; max-height: 100% !important; }
}

/* VietPay V2 follows VietQR's compact six-choice layout and popup contract. */
body[data-mu-preview] #index_content.mu-vietpay-page { min-width: 0; }
body[data-mu-preview] #index_content.mu-vietpay-page .vq-hero { padding: 9px 12px !important; margin-bottom: 8px !important; }
body[data-mu-preview] #index_content.mu-vietpay-page .vq-title-row { justify-content: flex-start; gap: 10px; flex-wrap: wrap; }
body[data-mu-preview] #index_content.mu-vietpay-page .vq-title-row > div:last-child { margin-left: auto; }
body[data-mu-preview] #index_content.mu-vietpay-page .vq-title-row .mu-page-backbar { width: auto; margin: 0; flex: 0 0 auto; }
body[data-mu-preview] #index_content.mu-vietpay-page .vq-logo-badge { display: none; }
body[data-mu-preview] #index_content.mu-vietpay-page .vq-title-text { font: 800 clamp(19px,2.7vw,24px)/1.12 Manrope,'Be Vietnam Pro',sans-serif !important; }
body[data-mu-preview] #index_content.mu-vietpay-page .vq-subtitle { font-size: 11px !important; }
body[data-mu-preview] #index_content.mu-vietpay-page .vq-rule-btn { min-height: 38px; padding: 6px 9px !important; }
body[data-mu-preview] #index_content.mu-vietpay-page .vq-form-wrap { margin-bottom: 0 !important; }
body[data-mu-preview] #index_content.mu-vietpay-page .vq-form-wrap .vq-card { padding: 11px 12px !important; }
body[data-mu-preview] #index_content.mu-vietpay-page .vq-sec-title { margin-bottom: 9px !important; font-size: 12px !important; letter-spacing: 0; text-transform: none; }
body[data-mu-preview] #index_content.mu-vietpay-page .vq-tile-grid { grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 8px !important; }
body[data-mu-preview] #index_content.mu-vietpay-page .vq-tile {
  min-width: 0; min-height: 72px !important; padding: 10px 12px !important;
  flex-direction: column !important; align-items: flex-start !important; justify-content: center !important; gap: 6px;
  text-align: left !important;
}
body[data-mu-preview] #index_content.mu-vietpay-page :is(.vq-tile-amount,.vq-tile-silver) { justify-content: flex-start !important; white-space: nowrap; }
body[data-mu-preview] #index_content.mu-vietpay-page .vq-tile-vnd { font-size: clamp(13px,1.4vw,18px) !important; }
body[data-mu-preview] #index_content.mu-vietpay-page .vq-tile-unit { font-size: 12px !important; text-transform: none !important; letter-spacing: 0 !important; }
body[data-mu-preview] #index_content.mu-vietpay-page .vq-tile-silver-val { font-size: 13px !important; }
body[data-mu-preview] #index_content.mu-vietpay-page .vq-tile-silver-lbl { font-size: 11px !important; }
body[data-mu-preview] #index_content.mu-vietpay-page :is(#vpHistoryPanel,#vpRulesPanel,#vpPayModal) {
  position: fixed !important; inset: 0 !important; z-index: 12000 !important;
  display: none !important; align-items: center; justify-content: center;
  padding: max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left)) !important;
  border: 0 !important; border-radius: 0 !important;
  background: rgba(7,10,12,.78) !important; box-shadow: none !important;
  backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
}
body[data-mu-preview] #index_content.mu-vietpay-page :is(#vpHistoryPanel,#vpRulesPanel,#vpPayModal).is-open { display: flex !important; }
body[data-mu-preview] #index_content.mu-vietpay-page #vpPayModal .vp-modal-backdrop { background: transparent !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
body[data-mu-preview] #index_content.mu-vietpay-page :is(#vpHistoryPanel,#vpRulesPanel) > .vq-card,
body[data-mu-preview] #index_content.mu-vietpay-page #vpPayModal .vp-modal-card {
  position: relative; width: min(100%,500px) !important; max-height: min(82dvh,680px) !important;
  margin: 0 !important; padding: 17px !important; overflow: auto !important;
  border: 1px solid #9b7e50 !important; border-radius: 10px !important;
  background: var(--mu-popup-bg,#1b2227) !important; box-shadow: 0 18px 48px #0009 !important; color: #f6f1e8 !important;
}
body[data-mu-preview] #index_content.mu-vietpay-page #vpPayModal .vp-modal-card { z-index: 1; }
body[data-mu-preview] #index_content.mu-vietpay-page :is(.vq-inline-close,.vp-modal-close) {
  width: 36px !important; height: 36px !important; border: 1px solid #665438 !important;
  border-radius: 7px !important; background: #292d2c !important; color: #e7c78d !important;
  box-shadow: none !important; font-size: 17px !important;
}
body[data-mu-preview] #index_content.mu-vietpay-page .vp-v2-history-note {
  margin: 0 0 12px; padding: 9px 11px; border: 1px solid #665438; border-radius: 7px;
  background: #292a26; color: #d6d0c3; font: 400 11px/1.5 'Be Vietnam Pro',sans-serif;
}
body[data-mu-preview] #index_content.mu-vietpay-page .vq-history-wrap { max-height: none !important; overflow: visible !important; }
body[data-mu-preview] #index_content.mu-vietpay-page .vq-history-table thead { display: none; }
body[data-mu-preview] #index_content.mu-vietpay-page :is(.vq-history-table,.vq-history-table tbody) { display: block; width: 100%; }
body[data-mu-preview] #index_content.mu-vietpay-page .vq-history-table tr {
  display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 4px 10px;
  margin: 0 0 8px; padding: 11px 12px; border: 1px solid #544a3c; border-radius: 7px; background: #171e22;
}
body[data-mu-preview] #index_content.mu-vietpay-page .vq-history-table td { display: block; border: 0 !important; padding: 0 !important; min-width: 0; }
body[data-mu-preview] #index_content.mu-vietpay-page .vq-history-table td:nth-child(1) { grid-column: 1; grid-row: 2; font-size: 11px; font-weight: 400; }
body[data-mu-preview] #index_content.mu-vietpay-page .vq-history-table td:nth-child(2) { grid-column: 1; grid-row: 1; }
body[data-mu-preview] #index_content.mu-vietpay-page .vq-history-table td:nth-child(3) { grid-column: 1; grid-row: 3; font-size: 11px; }
body[data-mu-preview] #index_content.mu-vietpay-page .vq-history-table td:nth-child(4) { grid-column: 2; grid-row: 1 / 4; display: grid; align-content: center; justify-items: end; gap: 6px; }
body[data-mu-preview] #index_content.mu-vietpay-page .vq-history-amount { color: #f6f1e8 !important; }
body[data-mu-preview] #index_content.mu-vietpay-page .vq-history-sub { color: #e7c78d !important; font-weight: 700; }
body[data-mu-preview] #index_content.mu-vietpay-page .vq-history-badge { min-width: 0; white-space: nowrap; }
body[data-mu-preview] #index_content.mu-vietpay-page .vq-history-badge.is-done { background: #253c2d; color: #a9dab3; }
body[data-mu-preview] #index_content.mu-vietpay-page .vq-history-link { color: #e7c78d !important; }
body[data-mu-preview] #index_content.mu-vietpay-page #vpPayModal :is(.vp-modal-title-main,.vp-pay-amount-old,.vp-pay-value-old,.vp-countdown-value-old) { color: #f6f1e8 !important; }
body[data-mu-preview] #index_content.mu-vietpay-page #vpPayModal :is(.vp-modal-title-sub,.vp-scan-note,.vp-pay-label-old,.vp-countdown-label-old) { color: #b8b8b6 !important; }
body[data-mu-preview] #index_content.mu-vietpay-page #vpPayModal .vp-modal-title-icon { border: 1px solid #665438 !important; border-radius: 6px !important; background: #332d23 !important; box-shadow: none !important; color: #e7c78d !important; }
body[data-mu-preview] #index_content.mu-vietpay-page #vpPayModal :is(.vp-pay-summary-old,.vp-pay-row-old,.vp-pay-countdown-old,.vp-qr-status-box-old,.vp-scan-note) { border: 1px solid #544a3c !important; border-radius: 7px !important; background: #171e22 !important; box-shadow: none !important; }
body[data-mu-preview] #index_content.mu-vietpay-page #vpPayModal .vp-qr-frame-old { background: #f7f7f5 !important; border: 1px solid #665438 !important; box-shadow: none !important; }
body[data-mu-preview] #index_content.mu-vietpay-page #vpPayModal .vp-pay-silver-old { background: #332d23 !important; border: 1px solid #665438 !important; box-shadow: none !important; color: #e7c78d !important; }
body[data-mu-preview] #index_content.mu-vietpay-page #vpPayModal .vp-pay-status-old { background: #292a26 !important; color: #e7c78d; }
body[data-mu-preview] #index_content.mu-vietpay-page #vpPayModal .vp-pay-btn-old { border: 1px solid #665438 !important; border-radius: 6px !important; background: #292f31 !important; color: #e7c78d !important; box-shadow: none !important; }
body[data-mu-preview] #index_content.mu-vietpay-page #vpPayModal .vp-pay-wrap-old { grid-template-columns: minmax(0,170px) minmax(0,1fr); gap: 11px; }
body[data-mu-preview] #index_content.mu-vietpay-page #vpPayModal .vp-pay-info-old { gap: 5px; }
body[data-mu-preview] #index_content.mu-vietpay-page #vpPayModal .vp-pay-row-old { grid-template-columns: 88px minmax(0,1fr); gap: 6px; padding: 6px 8px; }
body[data-mu-preview] #index_content.mu-vietpay-page #vpPayModal .vp-pay-label-old { text-transform: none; letter-spacing: 0; }
body[data-mu-preview] #index_content.mu-vietpay-page #vpPayModal .vp-pay-summary-old { padding: 8px 10px; }
body[data-mu-preview] #index_content.mu-vietpay-page #vpPayModal .vp-qr-frame-old { max-width: 180px; margin-inline: auto; padding: 8px; }
@media (max-width: 700px) and (orientation: portrait) {
  body[data-mu-preview] #index_content.mu-vietpay-page .vq-hero { padding: 8px 10px !important; }
  body[data-mu-preview] #index_content.mu-vietpay-page .vq-title-row { gap: 6px; }
  body[data-mu-preview] #index_content.mu-vietpay-page .vq-title-row .mu-page-back { width: 36px !important; height: 36px !important; min-width: 36px !important; min-height: 36px !important; }
  body[data-mu-preview] #index_content.mu-vietpay-page .vq-subtitle { display: none; }
  body[data-mu-preview] #index_content.mu-vietpay-page .vq-rule-btn { min-height: 34px; padding: 5px 7px !important; font-size: 11px !important; }
  body[data-mu-preview] #index_content.mu-vietpay-page .vq-form-wrap .vq-card { padding: 10px !important; }
  body[data-mu-preview] #index_content.mu-vietpay-page .vq-tile-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  body[data-mu-preview] #index_content.mu-vietpay-page .vq-tile { min-height: 72px !important; padding: 8px 10px !important; }
  body[data-mu-preview] #index_content.mu-vietpay-page :is(#vpHistoryPanel,#vpRulesPanel,#vpPayModal) { align-items: flex-end; padding: 0 !important; }
  body[data-mu-preview] #index_content.mu-vietpay-page :is(#vpHistoryPanel,#vpRulesPanel) > .vq-card,
  body[data-mu-preview] #index_content.mu-vietpay-page #vpPayModal .vp-modal-card {
    width: 100% !important; max-height: min(78dvh,660px) !important;
    padding: 24px 15px max(16px,env(safe-area-inset-bottom)) !important;
    border-radius: 14px 14px 0 0 !important; border-bottom: 0 !important;
  }
  body[data-mu-preview] #index_content.mu-vietpay-page #vpPayModal .vp-pay-wrap-old { grid-template-columns: 1fr; gap: 10px; }
  body[data-mu-preview] #index_content.mu-vietpay-page #vpPayModal .vp-pay-qr-side-old { display: grid; grid-template-columns: 180px minmax(0,1fr); gap: 8px; align-items: start; }
  body[data-mu-preview] #index_content.mu-vietpay-page #vpPayModal .vp-qr-frame-old { grid-row: 1 / 3; }
  body[data-mu-preview] #index_content.mu-vietpay-page #vpPayModal :is(.vp-scan-note,.vp-qr-status-box-old) { margin: 0; min-width: 0; }
}
@media (max-width: 430px) and (orientation: portrait) {
  body[data-mu-preview] #index_content.mu-vietpay-page #vpPayModal .vp-pay-qr-side-old { grid-template-columns: minmax(0,150px) minmax(0,1fr); }
  body[data-mu-preview] #index_content.mu-vietpay-page #vpPayModal .vp-qr-frame-old { max-width: 150px; }
  body[data-mu-preview] #index_content.mu-vietpay-page #vpPayModal .vp-scan-note { font-size: 10px; }
  body[data-mu-preview] #index_content.mu-vietpay-page #vpPayModal .vp-pay-countdown-old { flex-wrap: wrap; padding: 6px; }
}
@media (max-height: 520px) and (orientation: landscape) {
  body[data-mu-preview] #index_content.mu-vietpay-page .vq-hero { padding: 6px 9px !important; }
  body[data-mu-preview] #index_content.mu-vietpay-page .vq-subtitle { display: none; }
  body[data-mu-preview] #index_content.mu-vietpay-page .vq-form-wrap .vq-card { padding: 8px 10px !important; }
  body[data-mu-preview] #index_content.mu-vietpay-page .vq-sec-title { margin-bottom: 5px !important; }
  body[data-mu-preview] #index_content.mu-vietpay-page .vq-tile { min-height: 56px !important; gap: 3px; padding: 6px 10px !important; }
  body[data-mu-preview] #index_content.mu-vietpay-page :is(#vpHistoryPanel,#vpRulesPanel,#vpPayModal) { justify-content: flex-end; padding: 4px !important; }
  body[data-mu-preview] #index_content.mu-vietpay-page :is(#vpHistoryPanel,#vpRulesPanel) > .vq-card,
  body[data-mu-preview] #index_content.mu-vietpay-page #vpPayModal .vp-modal-card { width: min(430px,60vw) !important; max-height: 100% !important; }
}

/* QR payment: one clear instruction, a readable code, and only the transfer details needed. */
body[data-mu-preview] #index_content.mu-vietpay-page #vpPayModal .vp-modal-card { width: min(100%,620px) !important; padding: 16px !important; }
body[data-mu-preview] #index_content.mu-vietpay-page #vpPayModal .vp-modal-title { padding: 0 46px 9px 0; gap: 9px; }
body[data-mu-preview] #index_content.mu-vietpay-page #vpPayModal .vp-modal-title-main { font: 800 18px/1.2 Manrope,'Be Vietnam Pro',sans-serif !important; }
body[data-mu-preview] #index_content.mu-vietpay-page #vpPayModal .vp-modal-title-sub { font: 500 11px/1.35 'Be Vietnam Pro',sans-serif; }
body[data-mu-preview] #index_content.mu-vietpay-page #vpPayModal .vp-pay-wrap-old { grid-template-columns: minmax(0,184px) minmax(0,1fr); gap: 12px; }
body[data-mu-preview] #index_content.mu-vietpay-page #vpPayModal .vp-pay-qr-side-old { display: grid; align-content: start; gap: 6px; }
body[data-mu-preview] #index_content.mu-vietpay-page #vpPayModal .vp-qr-frame-old { width: 100%; max-width: 184px; padding: 8px; border-radius: 8px !important; }
body[data-mu-preview] #index_content.mu-vietpay-page #vpPayModal .vp-qr-frame-old img { border-radius: 3px; }
body[data-mu-preview] #index_content.mu-vietpay-page #vpPayModal .vp-scan-note,
body[data-mu-preview] #index_content.mu-vietpay-page #vpPayModal .vp-v2-expiry { display: none !important; }
body[data-mu-preview] #index_content.mu-vietpay-page #vpPayModal .vp-qr-status-box-old { margin: 0; gap: 0; overflow: hidden; }
body[data-mu-preview] #index_content.mu-vietpay-page #vpPayModal .vp-pay-countdown-old { margin: 0; padding: 7px 8px; border: 0 !important; border-bottom: 1px solid #544a3c !important; border-radius: 0 !important; background: transparent !important; }
body[data-mu-preview] #index_content.mu-vietpay-page #vpPayModal .vp-countdown-label-old { font: 500 10px/1.2 'Be Vietnam Pro',sans-serif; letter-spacing: 0; text-transform: none; }
body[data-mu-preview] #index_content.mu-vietpay-page #vpPayModal .vp-countdown-value-old { color: #e7c78d !important; font: 800 13px/1.1 Manrope,'Be Vietnam Pro',sans-serif; }
body[data-mu-preview] #index_content.mu-vietpay-page #vpPayModal .vp-pay-status-old { padding: 7px 8px; border-radius: 0; background: transparent !important; color: #e7c78d !important; font: 700 11px/1.3 'Be Vietnam Pro',sans-serif; }
body[data-mu-preview] #index_content.mu-vietpay-page #vpPayModal .vp-pay-status-old.vp-v2-status-error { color: #f09b92 !important; }
body[data-mu-preview] #index_content.mu-vietpay-page #vpPayModal .vp-pay-status-old.vp-v2-status-done { color: #a9dab3 !important; }
body[data-mu-preview] #index_content.mu-vietpay-page #vpPayModal .vp-pay-info-old { gap: 5px; }
body[data-mu-preview] #index_content.mu-vietpay-page #vpPayModal .vp-pay-summary-old { min-height: 42px; padding: 7px 9px; gap: 5px; }
body[data-mu-preview] #index_content.mu-vietpay-page #vpPayModal .vp-pay-amount-old { font: 800 18px/1.1 Manrope,'Be Vietnam Pro',sans-serif; }
body[data-mu-preview] #index_content.mu-vietpay-page #vpPayModal .vp-pay-amount-old small { color: #b8b8b6 !important; font-size: 10px; }
body[data-mu-preview] #index_content.mu-vietpay-page #vpPayModal .vp-pay-silver-old { padding: 5px 7px; border-radius: 6px; font-size: 11px; }
body[data-mu-preview] #index_content.mu-vietpay-page #vpPayModal .vp-pay-row-old { min-height: 32px; grid-template-columns: 92px minmax(0,1fr); padding: 5px 8px; }
body[data-mu-preview] #index_content.mu-vietpay-page #vpPayModal .vp-pay-label-old { font-size: 10px; }
body[data-mu-preview] #index_content.mu-vietpay-page #vpPayModal .vp-pay-value-old { font: 700 12px/1.25 'Be Vietnam Pro',sans-serif; }
body[data-mu-preview] #index_content.mu-vietpay-page #vpPayModal .vp-pay-actions-old { justify-content: flex-end; margin-top: 1px; }
body[data-mu-preview] #index_content.mu-vietpay-page #vpPayModal .vp-pay-btn-old { min-width: 0; padding: 7px 10px; font-size: 11px; }
@media (max-width: 700px) and (orientation: portrait) {
  body[data-mu-preview] #index_content.mu-vietpay-page #vpPayModal .vp-modal-card { width: 100% !important; max-height: min(82dvh,700px) !important; padding: 24px 13px max(14px,env(safe-area-inset-bottom)) !important; }
  body[data-mu-preview] #index_content.mu-vietpay-page #vpPayModal .vp-pay-wrap-old { grid-template-columns: 1fr; gap: 8px; }
  body[data-mu-preview] #index_content.mu-vietpay-page #vpPayModal .vp-pay-qr-side-old { grid-template-columns: minmax(0,176px) minmax(0,1fr); align-items: center; gap: 9px; }
  body[data-mu-preview] #index_content.mu-vietpay-page #vpPayModal .vp-qr-frame-old { grid-row: 1; max-width: 176px; }
  body[data-mu-preview] #index_content.mu-vietpay-page #vpPayModal .vp-qr-status-box-old { grid-column: 2; grid-row: 1; }
}
@media (max-width: 360px) and (orientation: portrait) {
  body[data-mu-preview] #index_content.mu-vietpay-page #vpPayModal .vp-pay-qr-side-old { grid-template-columns: minmax(0,148px) minmax(0,1fr); }
  body[data-mu-preview] #index_content.mu-vietpay-page #vpPayModal .vp-qr-frame-old { max-width: 148px; }
}
@media (max-height: 520px) and (min-width: 600px) and (orientation: landscape) {
  body[data-mu-preview] #index_content.mu-vietpay-page #vpPayModal .vp-modal-card { width: min(620px,calc(100vw - 12px)) !important; max-height: calc(100dvh - 8px) !important; padding: 10px 12px !important; }
  body[data-mu-preview] #index_content.mu-vietpay-page #vpPayModal .vp-modal-title { padding-bottom: 5px; }
  body[data-mu-preview] #index_content.mu-vietpay-page #vpPayModal .vp-pay-wrap-old { grid-template-columns: minmax(0,178px) minmax(0,1fr); gap: 10px; }
  body[data-mu-preview] #index_content.mu-vietpay-page #vpPayModal .vp-qr-frame-old { max-width: 178px; }
}

/* VietPay's transient QR creation state uses the same quiet black-and-gold dialog. */
body[data-mu-preview].mu-vietpay-active .swal2-popup.vnqr-compact.vp-v2-loading { width: min(370px,calc(100vw - 20px)) !important; min-height: 0 !important; padding: 20px !important; gap: 8px; }
body[data-mu-preview].mu-vietpay-active .swal2-popup.vnqr-compact.vp-v2-loading .swal2-title { margin: 0 !important; padding: 0 36px 0 0 !important; color: #f6f1e8 !important; font: 800 18px/1.3 Manrope,'Be Vietnam Pro',sans-serif !important; text-align: left !important; }
body[data-mu-preview].mu-vietpay-active .swal2-popup.vnqr-compact.vp-v2-loading .swal2-html-container { margin: 0 !important; padding: 0 !important; color: #d6d0c3 !important; text-align: left !important; }
body[data-mu-preview].mu-vietpay-active .vp-v2-loading-body { display: flex; align-items: center; gap: 12px; padding: 12px; border: 1px solid #665438; border-radius: 7px; background: #171e22; }
body[data-mu-preview].mu-vietpay-active .vp-v2-loading-ring { width: 30px; height: 30px; flex: none; border: 3px solid #655842; border-top-color: #e7c78d; border-radius: 50%; animation: vp-v2-turn 850ms linear infinite; }
body[data-mu-preview].mu-vietpay-active .vp-v2-loading-copy { display: grid; gap: 2px; }
body[data-mu-preview].mu-vietpay-active .vp-v2-loading-copy strong { color: #e7c78d; font: 800 14px/1.2 Manrope,'Be Vietnam Pro',sans-serif; }
body[data-mu-preview].mu-vietpay-active .vp-v2-loading-copy span { color: #c7c2ba; font: 400 11px/1.45 'Be Vietnam Pro',sans-serif; }
@keyframes vp-v2-turn { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { body[data-mu-preview].mu-vietpay-active .vp-v2-loading-ring { animation: none; } }
@media (max-height: 520px) and (orientation: landscape) {
  body[data-mu-preview].mu-vietpay-active .swal2-container.vp-v2-loading-layer { justify-content: flex-end !important; align-items: center !important; padding: 6px !important; }
  body[data-mu-preview].mu-vietpay-active .swal2-popup.vnqr-compact.vp-v2-loading { width: min(430px,58vw) !important; max-height: calc(100dvh - 12px) !important; }
}

/* USDT retains its network warning while sharing the V2 visual system. */
body[data-mu-preview] #index_content .ud-page { --neo-blue-ink:#f6f1e8; --neo-blue-soft:#b8b8b6; }
body[data-mu-preview] #index_content .ud-page::before,
body[data-mu-preview] #index_content .ud-page .ud-hero::before { display:none !important; }
body[data-mu-preview] #index_content .ud-page :is(.ud-hero,.ud-card,.ud-rules-dialog) {
  border:1px solid #665438 !important;
  border-radius:8px !important;
  background:#1e2528 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
body[data-mu-preview] #index_content .ud-page .ud-hero { padding:12px 15px !important; margin-bottom:10px !important; }
body[data-mu-preview] #index_content .ud-page :is(.ud-title-text,.ud-rules-title-label,.ud-network-title,.ud-consent-copy strong) { color:#f6f1e8 !important; }
body[data-mu-preview] #index_content .ud-page :is(.ud-subtitle,.ud-rules-title-sub,.ud-network-sub,.ud-network-foot,.ud-network-help,.ud-consent-hint,.ud-rule-text) { color:#b8b8b6 !important; }
body[data-mu-preview] #index_content .ud-page :is(.ud-sec-title,.ud-network-help strong) { color:#e4c386 !important; }
body[data-mu-preview] #index_content .ud-page :is(.ud-action-btn,.ud-rules-close) {
  border:1px solid #665438 !important;
  border-radius:6px !important;
  background:#22292b !important;
  box-shadow:none !important;
  color:#e4c386 !important;
}
body[data-mu-preview] #index_content .ud-page :is(.ud-sec-icon,.ud-rules-icon,.ud-rule-num) {
  border:1px solid #665438 !important;
  border-radius:6px !important;
  background:#332d23 !important;
  box-shadow:none !important;
  color:#e4c386 !important;
}
body[data-mu-preview] #index_content .ud-page .ud-network-btn {
  border:1px solid #574c3a !important;
  border-radius:7px !important;
  background:#171e22 !important;
  box-shadow:none !important;
  transform:none !important;
}
body[data-mu-preview] #index_content .ud-page .ud-network-btn:enabled:hover,
body[data-mu-preview] #index_content .ud-page .ud-network-btn.is-active { border-color:#e4c386 !important; background:#302b24 !important; }
body[data-mu-preview] #index_content .ud-page .ud-network-btn:disabled { opacity:.72 !important; box-shadow:none !important; }
body[data-mu-preview] #index_content .ud-page .ud-consent-box {
  border:1px solid #665438 !important;
  border-radius:7px !important;
  background:#171e22 !important;
  box-shadow:none !important;
}
body[data-mu-preview] #index_content .ud-page .ud-consent-box.is-warning { border-color:#bd786b !important; }
body[data-mu-preview] #index_content .ud-page .ud-consent-check { accent-color:#c9a668 !important; }
body[data-mu-preview] #index_content .ud-page .ud-rule-row { border-color:#514736 !important; }
body[data-mu-preview] #index_content .ud-page .ud-rule-text :is(.txt-bsc,.txt-tron) { color:#e4c386 !important; }
@media (max-height:520px) and (orientation:landscape) {
  body[data-mu-preview] #index_content .ud-page .ud-hero { padding:7px 11px !important; }
  body[data-mu-preview] #index_content .ud-page .ud-card { padding:9px 11px !important; }
  body[data-mu-preview] #index_content .ud-page .ud-network-btn { padding:8px !important; }
}