/* BaitDinarOps frontend premium app-mode styles */
body.bdops-appmode {
  background: #070708;
  color: rgba(255,255,255,.92);
  overflow-x: hidden;
  --g1:#EAE183;
  --g2:#C7A344;
  --g3:#D6C263;
}

body.bdops-appmode .bdops-assets-shell {
  --bd-bg:#070708;
  --bd-surface:rgba(255,255,255,.03);
  --bd-stroke:rgba(255,255,255,.10);
  --bd-text:rgba(255,255,255,.92);
  --bd-muted:rgba(255,255,255,.62);
  max-width: 980px;
  margin: 0 auto;
  width: 100%;
  overflow-x: hidden;
}

body.bdops-appmode .bdops-assets-shell,
body.bdops-appmode .bdops-assets-shell *,
body.bdops-appmode .bdops-assets,
body.bdops-appmode .bdops-assets > *,
body.bdops-appmode .bdops-acc,
body.bdops-appmode .bdops-acc__item,
body.bdops-appmode .bdops-acc__panel,
body.bdops-appmode .bdops-card,
body.bdops-appmode .bdops-redeem,
body.bdops-appmode .bdops-prompt,
body.bdops-appmode .bdops-withdraw-panel form,
body.bdops-appmode .bdops-topup-panel form {
  box-sizing: border-box;
  min-width: 0;
}

body.bdops-appmode #bdops-css-debug.bdops-css-debug {
  position: fixed;
  top: calc(8px + env(safe-area-inset-top));
  right: calc(8px + env(safe-area-inset-right));
  left: calc(8px + env(safe-area-inset-left));
  z-index: 100001;
  font: 11px/1.3 monospace;
  color: #f5f0cf;
  background: rgba(10, 12, 14, .92);
  border: 1px solid rgba(214,194,99,.45);
  border-radius: 10px;
  padding: 8px 10px;
  pointer-events: none;
  white-space: normal;
  word-break: break-word;
}

html.bdops-webview body.bdops-appmode .bdops-assets-shell,
body.bdops-webview.bdops-appmode .bdops-assets-shell,
body.bdops-appmode.bdops-webview .bdops-assets-shell {
  max-width: 640px !important;
  margin: 0 auto;
  padding-left: 16px !important;
  padding-right: 16px !important;
}

body.bdops-appmode .bdops-assets {
  display: grid;
  gap: 14px;
}

body.bdops-appmode .bdops-acc {
  border: 1px solid var(--bd-stroke);
  border-radius: 18px;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(10,11,15,.78), rgba(7,7,8,.65));
  box-shadow: 0 14px 46px rgba(0,0,0,.5);
}

body.bdops-appmode .bdops-acc__item + .bdops-acc__item {
  border-top: 1px solid rgba(255,255,255,.08);
}

/* Elementor editor helper overlays can show dashed/blue guides above custom UI. */
body.bdops-appmode.elementor-editor-active .bdops-assets-shell *,
body.bdops-appmode.elementor-editor-preview .bdops-assets-shell *,
.elementor-editor-active body.bdops-appmode .bdops-assets-shell *,
.elementor-element-edit-mode body.bdops-appmode .bdops-assets-shell * {
  outline: none !important;
}

body.bdops-appmode.elementor-editor-active .bdops-assets-shell .elementor-editor-element-settings,
body.bdops-appmode.elementor-editor-active .bdops-assets-shell .elementor-editor-section-settings,
body.bdops-appmode.elementor-editor-active .bdops-assets-shell .elementor-editor-column-settings,
body.bdops-appmode.elementor-editor-preview .bdops-assets-shell .elementor-editor-element-settings,
body.bdops-appmode.elementor-editor-preview .bdops-assets-shell .elementor-editor-section-settings,
body.bdops-appmode.elementor-editor-preview .bdops-assets-shell .elementor-editor-column-settings {
  display: none !important;
}

body.bdops-appmode .bdops-acc__btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 14px;
  border: 1px solid rgba(255,255,255,.08);
  border-left: 3px solid rgba(214,194,99,.45);
  text-align: left;
  cursor: pointer;
  background: linear-gradient(180deg, #111315, #0b0c0e);
  color: var(--bd-text);
  font-weight: 900;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 8px 20px rgba(0,0,0,.25);
  min-width: 0;
}

body.bdops-appmode .bdops-acc__btn:hover {
  background: linear-gradient(180deg, #15171a, #0d0f11);
}

body.bdops-appmode .bdops-acc__title {
  display: inline-block;
  position: relative;
  padding-bottom: 2px;
  min-width: 0;
}

body.bdops-appmode .bdops-acc__title::after {
  content: "";
  display: block;
  width: 48px;
  height: 2px;
  margin-top: 6px;
  border-radius: 2px;
  background: linear-gradient(90deg, var(--g1), var(--g2), var(--g3));
  opacity: .85;
}

body.bdops-appmode .bdops-acc__chev {
  width: 30px;
  height: 30px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.04);
  position: relative;
  flex: 0 0 auto;
}

body.bdops-appmode .bdops-acc__chev::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 8px;
  height: 8px;
  border-right: 2px solid rgba(255,255,255,.85);
  border-bottom: 2px solid rgba(255,255,255,.85);
  transform: translate(-50%, -62%) rotate(45deg);
  transition: transform .16s ease;
}

body.bdops-appmode .bdops-acc__item.is-open .bdops-acc__chev::before {
  transform: translate(-50%, -38%) rotate(225deg);
}

body.bdops-appmode .bdops-acc__panel {
  padding: 14px 16px 18px;
  border-top: 1px solid rgba(255,255,255,.06);
}

body.bdops-appmode .bdops-acc__panel[hidden] {
  display: none;
}

body.bdops-appmode .bdops-acc__panel > :first-child {
  margin-top: 6px;
}

body.bdops-appmode .bdops-acc__panel .bdops-card + .bdops-card {
  margin-top: 12px;
}

body.bdops-appmode .bdops-card,
body.bdops-appmode .bdops-prompt {
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(0,0,0,.18));
  border: 1px solid var(--bd-stroke);
  border-radius: 18px;
  box-shadow: 0 14px 44px rgba(0,0,0,.5);
  color: var(--bd-text);
}

body.bdops-appmode .bdops-hero {
  background:
    radial-gradient(900px 260px at 20% -10%, rgba(234,225,131,.12), transparent 60%),
    radial-gradient(900px 260px at 85% 0%, rgba(199,163,68,.10), transparent 62%),
    linear-gradient(180deg, rgba(16,18,24,.92), rgba(9,10,14,.90));
  padding: 20px 22px;
  margin-bottom: 12px;
  overflow: visible;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.bdops-appmode .bdops-hero h3 {
  margin: 0 0 8px;
  line-height: 1.35;
  word-break: break-word;
  overflow-wrap: anywhere;
  text-shadow: none;
}

body.bdops-appmode .bdops-hero p {
  margin: 0;
  line-height: 1.5;
  word-break: break-word;
  overflow-wrap: anywhere;
}

body.bdops-appmode .bdops-hero h3,
body.bdops-appmode .bdops-redeem-head,
body.bdops-appmode .bdops-prompt h4 {
  background: linear-gradient(90deg, var(--g1), var(--g2), var(--g3));
  color: #EAE183;
  font-weight: 900;
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  body.bdops-appmode .bdops-hero h3,
  body.bdops-appmode .bdops-redeem-head,
  body.bdops-appmode .bdops-prompt h4 {
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
  }
}

body.bdops-appmode .bdops-hero p,
body.bdops-appmode .bdops-redeem-sub,
body.bdops-appmode .bdops-redeem-note {
  color: var(--bd-muted);
}

body.bdops-appmode .bdops-assets-shell button:not(.bdops-acc__btn):not(.bdops-chip-btn):not(.bdops-btn-ghost),
body.bdops-appmode .bdops-assets-shell input[type="submit"],
body.bdops-appmode .bdops-assets-shell button[type="submit"],
body.bdops-appmode .bdops-assets-shell .button,
body.bdops-appmode .bdops-assets-shell .wal-btn,
body.bdops-appmode .bdops-assets-shell .wal_submit,
body.bdops-appmode .bdops-assets-shell .woocommerce button.button,
body.bdops-appmode .bdops-assets-shell .woocommerce a.button,
body.bdops-appmode .bdops-assets-shell .woocommerce input.button {
  border-radius: 14px;
  border: 1px solid rgba(234,225,131,.34);
  background: linear-gradient(90deg, rgba(234,225,131,.95), rgba(199,163,68,.92), rgba(214,194,99,.92));
  color: #141414;
  font-weight: 900;
  min-height: 42px;
  padding: 10px 14px;
  box-shadow: 0 10px 26px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.25);
}

body.bdops-appmode .bdops-assets-shell button:not(.bdops-acc__btn):not(.bdops-chip-btn):not(.bdops-btn-ghost):hover,
body.bdops-appmode .bdops-assets-shell input[type="submit"]:hover,
body.bdops-appmode .bdops-assets-shell .button:hover {
  filter: brightness(1.04);
}

body.bdops-appmode .bdops-assets-shell button:not(.bdops-acc__btn):not(.bdops-chip-btn):not(.bdops-btn-ghost):active,
body.bdops-appmode .bdops-assets-shell input[type="submit"]:active,
body.bdops-appmode .bdops-assets-shell .button:active {
  transform: translateY(1px);
}

body.bdops-appmode .bdops-assets-shell button,
body.bdops-appmode .bdops-assets-shell a,
body.bdops-appmode .bdops-assets-shell input,
body.bdops-appmode .bdops-assets-shell select,
body.bdops-appmode .bdops-assets-shell textarea {
  outline: none;
}

body.bdops-appmode .bdops-assets-shell button:focus-visible,
body.bdops-appmode .bdops-assets-shell a:focus-visible,
body.bdops-appmode .bdops-assets-shell input:focus-visible,
body.bdops-appmode .bdops-assets-shell select:focus-visible,
body.bdops-appmode .bdops-assets-shell textarea:focus-visible {
  box-shadow: 0 0 0 2px rgba(214,194,99,.35), 0 0 0 4px rgba(199,163,68,.18);
  border-color: #D6C263;
}

body.bdops-appmode .bdops-chip-btn,
body.bdops-appmode .bdops-btn-ghost {
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.14);
  color: #fff;
  box-shadow: none;
}

body.bdops-appmode .bdops-prompt .bdops-chip,
body.bdops-appmode .bdops-assets-shell .bdops-prompt .bdops-chip {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  min-height: 34px;
  padding: 7px 11px;
  border-radius: 999px;
  border: 1px solid rgba(234,225,131,.22);
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.035)) !important;
  color: rgba(255,255,255,.92) !important;
  -webkit-text-fill-color: currentColor;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.25;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}

body.bdops-appmode .bdops-btn-ghost {
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  color: #fff;
}

body.bdops-appmode .woocommerce input[type=text],
body.bdops-appmode .woocommerce input[type=tel],
body.bdops-appmode .woocommerce input[type=email],
body.bdops-appmode .woocommerce input[type=password],
body.bdops-appmode .woocommerce input[type=number],
body.bdops-appmode .woocommerce textarea,
body.bdops-appmode .woocommerce select,
body.bdops-appmode .bdops-assets-shell #bdops-acc-topup .wal-topup-form input[type="text"],
body.bdops-appmode .bdops-assets-shell #bdops-acc-topup .wal-topup-form input[type="number"],
body.bdops-appmode .bdops-assets-shell #bdops-acc-withdraw .wal-withdrawal-request-form input:not([type="submit"]),
body.bdops-appmode .bdops-assets-shell #bdops-acc-withdraw .wal-withdrawal-request-form textarea,
body.bdops-appmode .bdops-assets-shell #bdops-acc-withdraw .wal-withdrawal-request-form select,
body.bdops-appmode .bdops-assets-shell .bdops-inline-settings .wal-withdrawal-settings-form input:not([type="submit"]),
body.bdops-appmode .bdops-assets-shell .bdops-inline-settings .wal-withdrawal-settings-form textarea,
body.bdops-appmode .bdops-assets-shell .bdops-inline-settings .wal-withdrawal-settings-form select,
body.bdops-appmode .bdops-redeem-form input,
body.bdops-appmode .bdops-redeem-form textarea,
body.bdops-appmode .select2-container--default .select2-selection--single {
  background: #0b0c0e !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  color: #fff !important;
  border-radius: 14px;
  width: 100%;
  max-width: 100%;
  padding: 12px 14px;
  background-clip: padding-box;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 0 0 1px rgba(255,255,255,.02);
  transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease;
}

body.bdops-appmode .woocommerce input[type=text],
body.bdops-appmode .woocommerce input[type=tel],
body.bdops-appmode .woocommerce input[type=email],
body.bdops-appmode .woocommerce input[type=password],
body.bdops-appmode .woocommerce input[type=number],
body.bdops-appmode .woocommerce textarea,
body.bdops-appmode .woocommerce select,
body.bdops-appmode .bdops-assets-shell #bdops-acc-topup .wal-topup-form input[type="text"],
body.bdops-appmode .bdops-assets-shell #bdops-acc-topup .wal-topup-form input[type="number"],
body.bdops-appmode .bdops-assets-shell #bdops-acc-withdraw .wal-withdrawal-request-form input:not([type="submit"]),
body.bdops-appmode .bdops-assets-shell #bdops-acc-withdraw .wal-withdrawal-request-form textarea,
body.bdops-appmode .bdops-assets-shell #bdops-acc-withdraw .wal-withdrawal-request-form select,
body.bdops-appmode .bdops-assets-shell .bdops-inline-settings .wal-withdrawal-settings-form input:not([type="submit"]),
body.bdops-appmode .bdops-assets-shell .bdops-inline-settings .wal-withdrawal-settings-form textarea,
body.bdops-appmode .bdops-assets-shell .bdops-inline-settings .wal-withdrawal-settings-form select,
body.bdops-appmode .bdops-redeem-form input,
body.bdops-appmode .bdops-redeem-form textarea {
  font-size: 16px;
  line-height: 1.25;
}

body.bdops-appmode .bdops-assets-shell #bdops-acc-topup .wal-topup-form .wal-topup-form-actions {
  display: flex;
  gap: 12px;
  align-items: stretch;
}

body.bdops-appmode .bdops-assets-shell #bdops-acc-topup .wal-topup-form .wal-topup-form-actions .wal-topup-form-amount,
body.bdops-appmode .bdops-assets-shell #bdops-acc-topup .wal-topup-form .wal-topup-form-actions input[type="number"],
body.bdops-appmode .bdops-assets-shell #bdops-acc-topup .wal-topup-form .wal-topup-form-actions input[type="text"] {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0 !important;
}

body.bdops-appmode .bdops-assets-shell #bdops-acc-topup .wal-topup-form .wal-topup-form-actions .wal-topup-form-btn,
body.bdops-appmode .bdops-assets-shell #bdops-acc-topup .wal-topup-form .wal-topup-form-actions input[type="submit"],
body.bdops-appmode .bdops-assets-shell #bdops-acc-topup .wal-topup-form .wal-topup-form-actions button[type="submit"] {
  flex: 0 0 auto;
  margin: 0 !important;
}

body.bdops-appmode .woocommerce select,
body.bdops-appmode .bdops-assets-shell select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 36px;
}

body.bdops-appmode .bdops-assets-shell input,
body.bdops-appmode .bdops-assets-shell select,
body.bdops-appmode .bdops-assets-shell textarea {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

body.bdops-appmode .bdops-assets-shell h1,
body.bdops-appmode .bdops-assets-shell h2,
body.bdops-appmode .bdops-assets-shell h3,
body.bdops-appmode .bdops-assets-shell h4,
body.bdops-appmode .bdops-assets-shell h5,
body.bdops-appmode .bdops-assets-shell h6,
body.bdops-appmode .bdops-assets-shell label {
  background: transparent !important;
}

body.bdops-appmode .bdops-assets-shell .bdops-hero h3,
body.bdops-appmode .bdops-assets-shell .bdops-redeem-head,
body.bdops-appmode .bdops-assets-shell .bdops-prompt h4,
body.bdops-appmode .bdops-card h3,
body.bdops-appmode .bdops-card h4 {
  background: none !important;
  color: #EAE183 !important;
  display: inline-block;
  -webkit-text-fill-color: currentColor;
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  body.bdops-appmode .bdops-assets-shell .bdops-hero h3,
  body.bdops-appmode .bdops-assets-shell .bdops-redeem-head,
  body.bdops-appmode .bdops-assets-shell .bdops-prompt h4,
  body.bdops-appmode .bdops-card h3,
  body.bdops-appmode .bdops-card h4 {
    background: linear-gradient(90deg, var(--g1), var(--g2), var(--g3)) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
  }
}

body.bdops-appmode h1.page-title.entry-title {
  font-size: 1.6rem !important;
  background: none !important;
  color: #EAE183 !important;
  -webkit-text-fill-color: currentColor;
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  body.bdops-appmode h1.page-title.entry-title {
    background: linear-gradient(90deg, var(--g1), var(--g2), var(--g3)) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
  }
}

body.bdops-appmode .bdops-assets-shell input:focus,
body.bdops-appmode .bdops-assets-shell textarea:focus,
body.bdops-appmode .bdops-assets-shell select:focus {
  outline: none;
  border-color: rgba(234,225,131,.45);
  box-shadow: 0 0 0 2px rgba(234,225,131,.22), 0 0 0 5px rgba(199,163,68,.14);
}

body.bdops-appmode .bdops-topup-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 10px 0 12px;
}

@supports not (gap: 8px) {
  body.bdops-appmode .bdops-topup-chips .bdops-chip-btn {
    margin: 0 8px 8px 0;
  }
}

body.bdops-appmode .bdops-assets-shell #bdops-acc-topup .wal-topup-form-title,
body.bdops-appmode .bdops-assets-shell #bdops-acc-topup h2.wal-topup-form-title,
body.bdops-appmode .bdops-assets-shell #bdops-acc-topup h3.wal-topup-form-title {
  display: none !important;
}

body.bdops-appmode .bdops-chip-btn {
  border-radius: 999px;
  padding: 8px 12px;
  min-height: 34px;
  font-size: 13px;
  font-weight: 700;
}

body.bdops-appmode .bdops-panel-notices {
  display: grid;
  gap: 8px;
  margin: 0 0 10px;
}

body.bdops-appmode .bdops-panel-notices:empty {
  display: none;
}

/* Hide native WAL/Woo notice wrappers in assets shell; custom toast/modal replaces these. */
body.bdops-appmode .bdops-assets-shell .wal-dashboard-notices-wrapper {
  display: none !important;
}

body.bdops-appmode .bdops-assets-shell .bdops-toast-root {
  position: fixed;
  top: calc(12px + env(safe-area-inset-top));
  right: calc(12px + env(safe-area-inset-right));
  left: calc(12px + env(safe-area-inset-left));
  z-index: 99999;
  display: grid;
  gap: 10px;
  pointer-events: none;
  width: auto;
  max-width: 420px;
  margin-left: auto;
}

body.bdops-appmode .bdops-assets-shell .bdops-toast {
  pointer-events: auto;
  display: grid;
  grid-template-columns: 10px 1fr auto;
  align-items: start;
  gap: 10px;
  padding: 12px 12px 12px 10px;
  border-radius: 14px;
  border: 1px solid rgba(214,194,99,.34);
  background: linear-gradient(180deg, rgba(22,24,28,.94), rgba(13,14,17,.92));
  box-shadow: 0 18px 42px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.08);
  color: rgba(255,255,255,.94);
  position: relative;
  animation: bdopsToastIn .22s ease-out;
}

@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  body.bdops-appmode .bdops-assets-shell .bdops-toast {
    background: linear-gradient(180deg, rgba(19,21,25,.78), rgba(10,11,14,.75));
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }
}

body.bdops-appmode .bdops-assets-shell .bdops-toast::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  border-radius: 14px 0 0 14px;
  background: linear-gradient(180deg, #EAE183, #C7A344, #D6C263);
}

body.bdops-appmode .bdops-assets-shell .bdops-toast.is-out {
  opacity: 0;
  transform: translateY(-8px);
  transition: opacity .2s ease, transform .2s ease;
}

body.bdops-appmode .bdops-assets-shell .bdops-toast__dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  margin-top: 5px;
  background: #7db5ff;
  box-shadow: 0 0 0 4px rgba(125,181,255,.15);
}

body.bdops-appmode .bdops-assets-shell .bdops-toast--success .bdops-toast__dot {
  background: #4fd089;
  box-shadow: 0 0 0 4px rgba(79,208,137,.16);
}

body.bdops-appmode .bdops-assets-shell .bdops-toast--error .bdops-toast__dot {
  background: #ff7373;
  box-shadow: 0 0 0 4px rgba(255,115,115,.18);
}

body.bdops-appmode .bdops-assets-shell .bdops-toast__text {
  font-size: 13px;
  line-height: 1.45;
  word-break: break-word;
}

body.bdops-appmode .bdops-assets-shell .bdops-toast__close {
  width: 32px;
  height: 32px;
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  line-height: 1 !important;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.2);
  background: rgba(255,255,255,.08);
  color: rgba(255,255,255,.92);
  font-size: 20px;
  font-weight: 900;
  vertical-align: middle;
  box-shadow: none;
}

body.bdops-appmode .bdops-assets-shell .bdops-modal {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: none;
}

body.bdops-appmode .bdops-assets-shell .bdops-modal.is-open {
  display: block;
}

body.bdops-appmode .bdops-assets-shell .bdops-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.72);
}

@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  body.bdops-appmode .bdops-assets-shell .bdops-modal__backdrop {
    background: rgba(0,0,0,.55);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
  }
}

body.bdops-appmode .bdops-assets-shell .bdops-modal__card {
  position: relative;
  width: min(520px, calc(100% - (28px + env(safe-area-inset-left) + env(safe-area-inset-right))));
  margin: min(16vh, 110px) auto 0;
  max-height: calc(100vh - 40px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
  border-radius: 22px;
  border: 1px solid rgba(214,194,99,.44);
  background: linear-gradient(180deg, rgba(18,20,24,.95), rgba(10,11,14,.93));
  box-shadow: 0 26px 70px rgba(0,0,0,.58), inset 0 1px 0 rgba(255,255,255,.08);
  color: rgba(255,255,255,.95);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  body.bdops-appmode .bdops-assets-shell .bdops-modal__card {
    background: linear-gradient(180deg, rgba(18,20,24,.84), rgba(10,11,14,.82));
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
  }
}

body.bdops-appmode .bdops-assets-shell .bdops-modal__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

body.bdops-appmode .bdops-assets-shell .bdops-modal__title {
  font-weight: 900;
  background: linear-gradient(90deg, #EAE183, #C7A344, #D6C263);
  color: #EAE183;
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  body.bdops-appmode .bdops-assets-shell .bdops-modal__title {
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
  }
}

body.bdops-appmode .bdops-assets-shell .bdops-modal__close {
  width: 30px;
  height: 30px;
  min-height: 30px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.2);
  background: rgba(255,255,255,.08);
  color: rgba(255,255,255,.94);
  font-size: 20px;
  box-shadow: none;
}

body.bdops-appmode .bdops-assets-shell .bdops-modal__body {
  padding: 14px 16px 8px;
  line-height: 1.5;
  color: rgba(255,255,255,.9);
  overflow: auto;
}

body.bdops-appmode .bdops-assets-shell .bdops-modal__actions {
  padding: 12px 16px 16px;
  display: flex;
  justify-content: flex-end;
}

body.bdops-appmode .bdops-assets-shell .bdops-modal--form .bdops-modal__body {
  padding-bottom: 16px;
}

body.bdops-appmode .bdops-assets-shell .bdops-inline-settings__intro {
  margin: 0 0 14px;
  color: rgba(255,255,255,.84);
}

body.bdops-appmode .bdops-assets-shell .bdops-inline-settings .wal-dashboard-notices-wrapper {
  display: block !important;
  margin: 0 0 12px;
}

body.bdops-appmode .bdops-assets-shell .bdops-inline-settings .wal-withdrawal-settings-form-wrapper,
body.bdops-appmode .bdops-assets-shell .bdops-inline-settings .wal-withdrawal-settings-form-wrapper form,
body.bdops-appmode .bdops-assets-shell .bdops-inline-settings .wal-withdrawal-settings-form-wrapper form p,
body.bdops-appmode .bdops-assets-shell .bdops-inline-settings .wal-withdrawal-settings-form-wrapper form label,
body.bdops-appmode .bdops-assets-shell .bdops-inline-settings .wal-withdrawal-settings-form-wrapper form input,
body.bdops-appmode .bdops-assets-shell .bdops-inline-settings .wal-withdrawal-settings-form-wrapper form select,
body.bdops-appmode .bdops-assets-shell .bdops-inline-settings .wal-withdrawal-settings-form-wrapper form textarea,
body.bdops-appmode .bdops-assets-shell .bdops-inline-settings .wal-withdrawal-settings-form-wrapper form .select2,
body.bdops-appmode .bdops-assets-shell .bdops-inline-settings .wal-withdrawal-settings-form-wrapper form .select2-container {
  float: none !important;
}

body.bdops-appmode .bdops-assets-shell .bdops-inline-settings .wal-withdrawal-settings-form-wrapper {
  padding: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
}

body.bdops-appmode .bdops-assets-shell .bdops-inline-settings .wal-withdrawal-settings-form-content {
  display: grid !important;
  gap: 12px;
  width: 100% !important;
}

body.bdops-appmode .bdops-assets-shell .bdops-inline-settings .wal-withdrawal-settings-form-wrapper form p,
body.bdops-appmode .bdops-assets-shell .bdops-inline-settings .wal-withdrawal-settings-form-wrapper form .wal-form-row {
  display: grid !important;
  gap: 8px;
  width: 100% !important;
  margin: 0 0 12px 0 !important;
  min-width: 0 !important;
}

body.bdops-appmode .bdops-assets-shell .bdops-inline-settings .wal-withdrawal-settings-form-wrapper form p label,
body.bdops-appmode .bdops-assets-shell .bdops-inline-settings .wal-withdrawal-settings-form-wrapper form .wal-form-row > label {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

body.bdops-appmode .bdops-assets-shell .bdops-inline-settings input,
body.bdops-appmode .bdops-assets-shell .bdops-inline-settings select,
body.bdops-appmode .bdops-assets-shell .bdops-inline-settings textarea,
body.bdops-appmode .bdops-assets-shell .bdops-inline-settings .select2-container,
body.bdops-appmode .bdops-assets-shell .bdops-inline-settings .wal-form-row-value,
body.bdops-appmode .bdops-assets-shell .bdops-inline-settings .select2-container .select2-selection--single {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

body.bdops-appmode .bdops-assets-shell .bdops-inline-settings .select2-container .select2-selection--single {
  min-height: 46px;
}

body.bdops-appmode .bdops-assets-shell .bdops-inline-settings input[type="submit"],
body.bdops-appmode .bdops-assets-shell .bdops-inline-settings .wal-withdrawal-settings-button {
  width: 100% !important;
  border-radius: 14px !important;
  border: 1px solid rgba(234,225,131,.34) !important;
  background: linear-gradient(90deg, rgba(234,225,131,.95), rgba(199,163,68,.92), rgba(214,194,99,.92)) !important;
  color: #141414 !important;
  font-weight: 900 !important;
  min-height: 42px !important;
  padding: 10px 14px !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.25) !important;
}

@keyframes bdopsToastIn {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Hide wallet-for-woocommerce built-in preset buttons in app assets topup panel. */
body.bdops-appmode .bdops-assets-shell .wal-topup-form-predefined-buttons,
body.bdops-appmode .bdops-assets-shell .wal-topup-predefined-buttons,
body.bdops-appmode .bdops-assets-shell .wal-topup-form .wal-topup-predefined-button {
  display: none !important;
}

body.bdops-appmode .bdops-assets-shell #bdops-acc-withdraw .bdops-withdraw-card {
  padding: 16px;
  overflow: hidden;
}

body.bdops-appmode .bdops-assets-shell #bdops-acc-withdraw .wal-withdrawal-request-form,
body.bdops-appmode .bdops-assets-shell #bdops-acc-withdraw .wal-withdrawal-request-form-content {
  display: grid !important;
  gap: 12px;
  width: 100% !important;
}

body.bdops-appmode .bdops-assets-shell #bdops-acc-withdraw input,
body.bdops-appmode .bdops-assets-shell #bdops-acc-withdraw select,
body.bdops-appmode .bdops-assets-shell #bdops-acc-withdraw textarea,
body.bdops-appmode .bdops-assets-shell #bdops-acc-withdraw .select2-container {
  width: 100% !important;
  max-width: 100% !important;
}

body.bdops-appmode .bdops-assets-shell #bdops-acc-withdraw .select2-container .select2-selection--single {
  min-height: 44px;
  border-radius: 14px;
}

body.bdops-appmode .bdops-assets-shell #bdops-acc-withdraw p,
body.bdops-appmode .bdops-assets-shell #bdops-acc-withdraw .form-row {
  margin-bottom: 12px;
}

body.bdops-appmode .bdops-assets-shell #bdops-acc-withdraw .wal-withdrawal-request-form-wrapper,
body.bdops-appmode .bdops-assets-shell #bdops-acc-withdraw .wal-withdrawal-request-form-wrapper form,
body.bdops-appmode .bdops-assets-shell #bdops-acc-withdraw .wal-withdrawal-request-form-wrapper form p,
body.bdops-appmode .bdops-assets-shell #bdops-acc-withdraw .wal-withdrawal-request-form-wrapper form label,
body.bdops-appmode .bdops-assets-shell #bdops-acc-withdraw .wal-withdrawal-request-form-wrapper form input,
body.bdops-appmode .bdops-assets-shell #bdops-acc-withdraw .wal-withdrawal-request-form-wrapper form select,
body.bdops-appmode .bdops-assets-shell #bdops-acc-withdraw .wal-withdrawal-request-form-wrapper form textarea,
body.bdops-appmode .bdops-assets-shell #bdops-acc-withdraw .wal-withdrawal-request-form-wrapper form .select2,
body.bdops-appmode .bdops-assets-shell #bdops-acc-withdraw .wal-withdrawal-request-form-wrapper form .select2-container {
  float: none !important;
}

body.bdops-appmode .bdops-assets-shell #bdops-acc-withdraw .wal-withdrawal-request-form-wrapper {
  padding: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
}

body.bdops-appmode .bdops-assets-shell #bdops-acc-withdraw .wal-withdrawal-request-form-wrapper form p,
body.bdops-appmode .bdops-assets-shell #bdops-acc-withdraw .wal-withdrawal-request-form-wrapper form .wal-form-row {
  display: grid !important;
  gap: 8px;
  width: 100% !important;
  margin: 0 0 12px 0 !important;
  min-width: 0 !important;
}

body.bdops-appmode .bdops-assets-shell #bdops-acc-withdraw .wal-withdrawal-request-form-wrapper form p label,
body.bdops-appmode .bdops-assets-shell #bdops-acc-withdraw .wal-withdrawal-request-form-wrapper form .wal-form-row > label {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 8px 0 !important;
}

body.bdops-appmode .bdops-assets-shell #bdops-acc-withdraw .wal-withdrawal-request-form-wrapper form p input:not([type="submit"]),
body.bdops-appmode .bdops-assets-shell #bdops-acc-withdraw .wal-withdrawal-request-form-wrapper form p select,
body.bdops-appmode .bdops-assets-shell #bdops-acc-withdraw .wal-withdrawal-request-form-wrapper form p textarea,
body.bdops-appmode .bdops-assets-shell #bdops-acc-withdraw .wal-withdrawal-request-form-wrapper form p .select2-selection--single,
body.bdops-appmode .bdops-assets-shell #bdops-acc-withdraw .wal-withdrawal-request-form-wrapper form .wal-form-row-value {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

body.bdops-appmode .bdops-assets-shell #bdops-acc-withdraw .wal-withdrawal-request-form-wrapper form p .select2-selection--single {
  min-height: 46px;
}

body.bdops-appmode .bdops-assets-shell #bdops-acc-withdraw .wal-withdrawal-request-form-wrapper form input[type="submit"],
body.bdops-appmode .bdops-assets-shell #bdops-acc-withdraw .wal-withdrawal-request-form-wrapper form .wal-withdrawal-request-button {
  margin-left: 0 !important;
  width: 100% !important;
}

body.bdops-appmode .bdops-withdraw-panel .wal-withdraw-form,
body.bdops-appmode .bdops-withdraw-panel form {
  margin-top: 10px;
}

body.bdops-appmode .bdops-withdraw-panel label {
  display: block;
  margin: 10px 0 8px;
}

body.bdops-appmode .bdops-withdraw-balance {
  margin: 6px 0 14px;
  font-weight: 700;
  letter-spacing: .2px;
}

body.bdops-appmode .bdops-withdraw-balance .bdops-money {
  font-weight: 800;
}

body.bdops-appmode .bdops-withdraw-card [class*="balance"],
body.bdops-appmode .bdops-withdraw-card .wal-balance {
  margin: 6px 0 14px;
}

/* Withdraw balance baseline fix: scoped only to app-mode assets withdraw row. */
body.bdops-appmode .bdops-assets-shell #bdops-acc-withdraw .wal-withdrawal-request-form .wal-withdrawal-request-form-content > .wal-form-row:first-child {
  display: flex;
  align-items: baseline;
  gap: 8px;
  flex-wrap: wrap;
  padding-bottom: 2px;
}

body.bdops-appmode .bdops-assets-shell #bdops-acc-withdraw .wal-withdrawal-request-form .wal-withdrawal-request-form-content > .wal-form-row:not(:first-child) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr);
}

body.bdops-appmode .bdops-assets-shell #bdops-acc-withdraw .wal-withdrawal-request-form .wal-withdrawal-request-form-content > .wal-form-row:first-child > label {
  margin: 0;
  line-height: 1.35;
  white-space: nowrap;
  padding-right: 4px;
}

body.bdops-appmode .bdops-assets-shell #bdops-acc-withdraw .wal-withdrawal-request-available-amount {
  display: inline-flex;
  align-items: baseline;
  gap: 2px;
  font-size: 1em;
  line-height: 1.35;
  vertical-align: baseline;
}

body.bdops-appmode .bdops-assets-shell #bdops-acc-withdraw .wal-withdrawal-request-available-amount .woocommerce-Price-amount,
body.bdops-appmode .bdops-assets-shell #bdops-acc-withdraw .wal-withdrawal-request-available-amount .woocommerce-Price-currencySymbol,
body.bdops-appmode .bdops-assets-shell #bdops-acc-withdraw .wal-withdrawal-request-available-amount bdi,
body.bdops-appmode .bdops-assets-shell #bdops-acc-withdraw .wal-withdrawal-request-available-amount span,
body.bdops-appmode .bdops-assets-shell #bdops-acc-withdraw .wal-withdrawal-request-available-amount sup,
body.bdops-appmode .bdops-assets-shell #bdops-acc-withdraw .wal-withdrawal-request-available-amount sub,
body.bdops-appmode .bdops-assets-shell #bdops-acc-withdraw .wal-withdrawal-request-available-amount small {
  font-size: 1em !important;
  line-height: inherit;
  vertical-align: baseline !important;
}

body.bdops-appmode .bdops-redeem {
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

body.bdops-appmode .bdops-redeem-panel-card {
  margin-top: 12px;
  padding: 16px;
  border-radius: 18px;
}

body.bdops-appmode .bdops-alert {
  border-radius: 12px;
  padding: 8px 10px;
  margin-bottom: 10px;
}

body.bdops-appmode .bdops-alert-ok {
  background: rgba(30,130,70,.18);
  border: 1px solid rgba(82,166,103,.6);
}

body.bdops-appmode .bdops-alert-err {
  background: rgba(130,40,40,.18);
  border: 1px solid rgba(194,90,90,.65);
}

body.bdops-appmode .bdops-redeem-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 8px 0 12px;
}

body.bdops-appmode .bdops-redeem-card {
  display: grid;
  gap: 6px;
  padding: 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.12);
  background: linear-gradient(180deg, rgba(14,16,19,.95), rgba(10,11,14,.9));
  cursor: pointer;
}

body.bdops-appmode .bdops-redeem-card input[type="radio"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

body.bdops-appmode .bdops-redeem-card.is-selected {
  border-color: rgba(214,194,99,.7);
  box-shadow: 0 0 0 1px rgba(214,194,99,.35), inset 0 1px 0 rgba(255,255,255,.08);
}

body.bdops-appmode .bdops-redeem-card.is-disabled {
  opacity: .55;
  cursor: not-allowed;
}

body.bdops-appmode .bdops-redeem-card__title {
  font-weight: 900;
}

body.bdops-appmode .bdops-redeem-card__badge {
  display: inline-block;
  width: fit-content;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 12px;
  border: 1px solid rgba(214,194,99,.45);
  color: #f1e3a2;
}

body.bdops-appmode .bdops-redeem-card__meta {
  font-size: 12px;
  color: rgba(255,255,255,.72);
}

body.bdops-appmode .bdops-redeem-maxhint,
body.bdops-appmode .bdops-redeem-clampmsg {
  display: block;
  margin-top: 6px;
  font-size: 12px;
  color: rgba(255,255,255,.72);
}

body.bdops-appmode .bdops-redeem-clampmsg {
  color: #f2cc73;
}

body.bdops-appmode .woocommerce .wal-frontend-table,
body.bdops-appmode .woocommerce table.wal-frontend-table,
body.bdops-appmode .woocommerce table.shop_table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 14px;
  overflow: hidden;
  background: rgba(255,255,255,.02);
}

body.bdops-appmode .woocommerce .wal-frontend-table th,
body.bdops-appmode .woocommerce .wal-frontend-table td,
body.bdops-appmode .woocommerce table.shop_table th,
body.bdops-appmode .woocommerce table.shop_table td {
  border-color: rgba(255,255,255,.08);
  color: rgba(255,255,255,.88);
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
  max-width: 0;
}

body.bdops-appmode .woocommerce .wal-row-credit td,
body.bdops-appmode .woocommerce tr.wal-row-credit td {
  background: rgba(40, 140, 80, .12);
}

body.bdops-appmode .woocommerce .wal-row-debit td,
body.bdops-appmode .woocommerce tr.wal-row-debit td {
  background: rgba(150, 50, 50, .15);
}

body.bdops-appmode .bdops-bm-page {
  gap: 16px;
  color: rgba(255,255,255,.92);
}

body.bdops-appmode .bdops-bm-summary {
  display: grid;
  gap: 14px;
  padding: 16px;
}

body.bdops-appmode .bdops-bm-copy {
  margin: 0;
  color: rgba(255,255,255,.75);
  line-height: 1.6;
}

body.bdops-appmode .bdops-bm-address,
body.bdops-appmode .bdops-bm-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 14px;
  align-items: center;
  color: rgba(255,255,255,.72);
  font-size: 13px;
}

body.bdops-appmode .bdops-bm-address code,
body.bdops-appmode .bdops-ledger code {
  color: #f4ecb0;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 10px;
  padding: 4px 8px;
  font-family: Consolas, monospace;
}

body.bdops-appmode .bdops-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

body.bdops-appmode .bdops-stat {
  display: grid;
  gap: 6px;
  padding: 14px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.10);
  background: linear-gradient(180deg, rgba(14,16,19,.95), rgba(8,9,11,.92));
}

body.bdops-appmode .bdops-stat.is-credit {
  border-color: rgba(83,170,108,.42);
}

body.bdops-appmode .bdops-stat.is-debit {
  border-color: rgba(193,96,96,.38);
}

body.bdops-appmode .bdops-stat.is-balance {
  border-color: rgba(214,194,99,.42);
}

body.bdops-appmode .bdops-stat__label {
  font-size: 12px;
  color: rgba(255,255,255,.66);
  text-transform: uppercase;
  letter-spacing: .08em;
}

body.bdops-appmode .bdops-stat__value {
  font-size: 18px;
  line-height: 1.3;
}

body.bdops-appmode .bdops-ledger {
  padding: 16px;
  display: grid;
  gap: 12px;
}

body.bdops-appmode .bdops-bm-report-shell {
  padding: 16px;
  display: grid;
  gap: 14px;
}

body.bdops-appmode .bdops-bm-report-grid {
  display: grid;
  gap: 16px;
}

body.bdops-appmode .bdops-bm-report-block {
  display: grid;
  gap: 12px;
}

body.bdops-appmode .bdops-ledger__head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

body.bdops-appmode .bdops-ledger__head h4 {
  margin: 0 0 6px;
  color: #EAE183 !important;
  font-weight: 900;
}

body.bdops-appmode .bdops-ledger__head p {
  margin: 0;
  color: rgba(255,255,255,.66);
}

body.bdops-appmode .bdops-ledger__empty {
  border: 1px dashed rgba(255,255,255,.16);
  border-radius: 14px;
  padding: 14px;
  color: rgba(255,255,255,.72);
}

body.bdops-appmode .bdops-ledger__tablewrap {
  overflow-x: auto;
}

body.bdops-appmode .bdops-ledger__table {
  width: 100%;
  border-collapse: collapse;
  min-width: 640px;
}

body.bdops-appmode .bdops-ledger__table th,
body.bdops-appmode .bdops-ledger__table td {
  padding: 12px 10px;
  border-bottom: 1px solid rgba(255,255,255,.08);
  text-align: left;
  vertical-align: middle;
}

body.bdops-appmode .bdops-ledger__table tbody tr.is-credit {
  background: rgba(40, 140, 80, .08);
}

body.bdops-appmode .bdops-ledger__table tbody tr.is-debit {
  background: rgba(150, 50, 50, .10);
}

body.bdops-appmode .bdops-ledger__dir {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 78px;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  font-weight: 800;
  color: rgba(255,255,255,.92);
}

body.bdops-appmode .bdops-bm-form,
body.bdops-appmode .bdops-bm-records {
  padding: 16px;
}

body.bdops-appmode .bdops-bm-form h4,
body.bdops-appmode .bdops-bm-records h4 {
  margin: 0 0 10px;
  color: #EAE183 !important;
  font-weight: 900;
}

body.bdops-appmode .bdops-bm-page h4,
body.bdops-appmode .bdops-bm-page th,
body.bdops-appmode .bdops-bm-page td,
body.bdops-appmode .bdops-bm-page p,
body.bdops-appmode .bdops-bm-page span,
body.bdops-appmode .bdops-bm-page label {
  color: inherit;
}

body.bdops-appmode .bdops-bm-page .bdops-ledger__head h4,
body.bdops-appmode .bdops-bm-page .bdops-bm-form h4,
body.bdops-appmode .bdops-bm-page .bdops-bm-records h4 {
  color: #EAE183 !important;
  background: none !important;
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  body.bdops-appmode .bdops-bm-page .bdops-ledger__head h4,
  body.bdops-appmode .bdops-bm-page .bdops-bm-form h4,
  body.bdops-appmode .bdops-bm-page .bdops-bm-records h4 {
    background: linear-gradient(90deg, var(--g1), var(--g2), var(--g3)) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
  }
}

body.bdops-appmode .bdops-bm-form__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

body.bdops-appmode .bdops-bm-form__grid p {
  margin: 0;
}

body.bdops-appmode .bdops-bm-form__grid label {
  display: block;
  margin: 0 0 8px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: rgba(255,255,255,.72);
}

body.bdops-appmode .bdops-bm-form__grid .bdops-bm-amount-field label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}

body.bdops-appmode .bdops-bm-idrhelper {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid rgba(214,194,99,.32);
  background: linear-gradient(180deg, rgba(214,194,99,.14), rgba(214,194,99,.05));
  color: #f1e3a2;
  font-size: 11px;
  line-height: 1.2;
  letter-spacing: .02em;
  text-transform: none;
  white-space: nowrap;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}

body.bdops-appmode .bdops-bm-form__full {
  grid-column: 1 / -1;
}

body.bdops-appmode .bdops-bm-form__grid input:not([type="submit"]),
body.bdops-appmode .bdops-bm-form__grid select,
body.bdops-appmode .bdops-bm-form__grid textarea,
body.bdops-appmode .bdops-bm-tx-form input:not([type="submit"]) {
  width: 100%;
  min-height: 48px;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.12);
  background: linear-gradient(180deg, rgba(21,24,30,.98), rgba(10,12,16,.96));
  color: rgba(255,255,255,.96);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
}

body.bdops-appmode .bdops-bm-form__grid textarea {
  min-height: 120px;
  resize: vertical;
}

body.bdops-appmode .bdops-bm-form__grid input[readonly] {
  color: rgba(234,225,131,.92);
  border-color: rgba(234,225,131,.18);
}

body.bdops-appmode .bdops-bm-form__grid input:not([type="submit"]):focus,
body.bdops-appmode .bdops-bm-form__grid select:focus,
body.bdops-appmode .bdops-bm-form__grid textarea:focus,
body.bdops-appmode .bdops-bm-tx-form input:not([type="submit"]):focus {
  outline: none;
  border-color: rgba(234,225,131,.46);
  box-shadow: 0 0 0 3px rgba(234,225,131,.12);
}

body.bdops-appmode .bdops-bm-form .bdops-btn--gold,
body.bdops-appmode .bdops-bm-tx-form .bdops-btn,
body.bdops-appmode .bdops-bm-cancel .bdops-btn {
  min-height: 46px;
}

body.bdops-appmode .bdops-bm-record {
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(15,17,22,.94), rgba(8,9,11,.92));
}

body.bdops-appmode .bdops-bm-record + .bdops-bm-record {
  margin-top: 12px;
}

body.bdops-appmode .bdops-bm-record__head,
body.bdops-appmode .bdops-bm-record__meta,
body.bdops-appmode .bdops-bm-transfer-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 14px;
  align-items: center;
}

body.bdops-appmode .bdops-bm-record__notes {
  margin: 0;
  color: rgba(255,255,255,.74);
  line-height: 1.55;
}

body.bdops-appmode .bdops-bm-record__actions {
  display: grid;
  gap: 10px;
}

body.bdops-appmode .bdops-bm-record__actions > .bdops-btn,
body.bdops-appmode .bdops-bm-record__actions > form {
  margin: 0;
}

body.bdops-appmode .bdops-bm-tx-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 10px;
  margin-top: 10px;
}

body.bdops-appmode .bdops-bm-cancel {
  margin-top: 6px;
}

body.bdops-appmode #order_review,
body.bdops-appmode .woocommerce,
body.bdops-appmode .woocommerce-page,
body.bdops-appmode .bdops-tablewrap {
  overflow-x: auto;
}

@media (max-width: 768px) {
  body.bdops-appmode .bdops-assets-shell {
    padding: 0 8px;
    max-width: 100%;
  }

  body.bdops-appmode .bdops-card,
  body.bdops-appmode .bdops-redeem,
  body.bdops-appmode .bdops-prompt {
    border-radius: 14px;
  }

  body.bdops-appmode .bdops-hero {
    padding: 18px;
  }

  body.bdops-appmode .bdops-redeem-cards {
    grid-template-columns: 1fr;
  }

  body.bdops-appmode .bdops-stats {
    grid-template-columns: 1fr;
  }

  body.bdops-appmode .bdops-bm-form__grid,
  body.bdops-appmode .bdops-bm-tx-form {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  html.bdops-webview body.bdops-appmode .bdops-assets-shell,
  body.bdops-webview.bdops-appmode .bdops-assets-shell,
  body.bdops-appmode.bdops-webview .bdops-assets-shell {
    max-width: 100% !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}

@media (max-width: 420px) {
  body.bdops-appmode .bdops-acc__panel {
    padding: 12px 14px 16px;
  }

  body.bdops-appmode .bdops-assets-shell .bdops-toast-root {
    top: calc(10px + env(safe-area-inset-top));
    right: calc(10px + env(safe-area-inset-right));
    left: calc(10px + env(safe-area-inset-left));
  }
}

@media (max-width: 520px) {
  body.bdops-appmode .bdops-assets-shell #bdops-acc-topup .wal-topup-form .wal-topup-form-actions {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: stretch;
  }

  body.bdops-appmode .bdops-assets-shell #bdops-acc-topup .wal-topup-form .wal-topup-form-actions .wal-topup-form-amount,
  body.bdops-appmode .bdops-assets-shell #bdops-acc-topup .wal-topup-form .wal-topup-form-actions input[type="number"],
  body.bdops-appmode .bdops-assets-shell #bdops-acc-topup .wal-topup-form .wal-topup-form-actions input[type="text"] {
    width: 100%;
    max-width: 100%;
    margin: 0;
  }

  body.bdops-appmode .bdops-assets-shell #bdops-acc-topup .wal-topup-form .wal-topup-form-actions .wal-topup-form-btn,
  body.bdops-appmode .bdops-assets-shell #bdops-acc-topup .wal-topup-form .wal-topup-form-actions input[type="submit"],
  body.bdops-appmode .bdops-assets-shell #bdops-acc-topup .wal-topup-form .wal-topup-form-actions button[type="submit"] {
    width: 100%;
    margin: 0;
  }
}

body.bdops-app-withdraw-settings .bdops-back-assets {
  margin-top: 18px;
  padding: 14px 16px 4px;
  display: flex;
  justify-content: center;
}

body.bdops-app-withdraw-settings .bdops-back-assets .bdops-btn--gold,
body.bdops-app-withdraw-settings .bdops-back-assets .bdops-btn {
  width: min(520px, 92vw);
  text-align: center;
}

/* === WooCommerce account/login page overrides for app mode === */
body.bdops-appmode.woocommerce-account .woocommerce-form-login,
body.bdops-appmode.woocommerce-account .woocommerce-form-register,
body.bdops-appmode.woocommerce-account .woocommerce-notices-wrapper,
body.bdops-appmode.woocommerce-page .woocommerce-form-login,
body.bdops-appmode.woocommerce-page .woocommerce-form-register {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  border-radius: 14px !important;
}

body.bdops-appmode.woocommerce-account .woocommerce-form-login p,
body.bdops-appmode.woocommerce-account .woocommerce-form-register p,
body.bdops-appmode.woocommerce-page .woocommerce-form-login p,
body.bdops-appmode.woocommerce-page .woocommerce-form-register p {
  color: rgba(255,255,255,0.85) !important;
}

body.bdops-appmode.woocommerce-account .woocommerce-form-login label,
body.bdops-appmode.woocommerce-account .woocommerce-form-register label,
body.bdops-appmode.woocommerce-page .woocommerce-form-login label,
body.bdops-appmode.woocommerce-page .woocommerce-form-register label {
  color: rgba(255,255,255,0.62) !important;
}

body.bdops-appmode.woocommerce-account input.input-text,
body.bdops-appmode.woocommerce-account input[type="text"],
body.bdops-appmode.woocommerce-account input[type="password"],
body.bdops-appmode.woocommerce-account input[type="email"],
body.bdops-appmode.woocommerce-account textarea,
body.bdops-appmode.woocommerce-page input.input-text,
body.bdops-appmode.woocommerce-page input[type="text"],
body.bdops-appmode.woocommerce-page input[type="password"],
body.bdops-appmode.woocommerce-page input[type="email"],
body.bdops-appmode.woocommerce-page textarea {
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.20) !important;
  color: rgba(255,255,255,0.92) !important;
  border-radius: 8px !important;
}

body.bdops-appmode.woocommerce-account button,
body.bdops-appmode.woocommerce-account input[type="submit"],
body.bdops-appmode.woocommerce-page button,
body.bdops-appmode.woocommerce-page input[type="submit"] {
  background: #C7A344 !important;
  color: #070708 !important;
  border: none !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
}

/* h2 headings - gold gradient for Login/Register */
body.bdops-appmode.woocommerce-account .woocommerce-form-login h2,
body.bdops-appmode.woocommerce-account .woocommerce-form-register h2 {
  font-size: 1.2rem !important;
  background: none !important;
  color: #EAE183 !important;
  -webkit-text-fill-color: currentColor;
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  body.bdops-appmode.woocommerce-account .woocommerce-form-login h2,
  body.bdops-appmode.woocommerce-account .woocommerce-form-register h2 {
    background: linear-gradient(90deg, var(--g1), var(--g2), var(--g3)) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
  }
}

/* Compact form rows - reduce p margins and kill br line-break spacing */
body.bdops-appmode.woocommerce-account .woocommerce-form-login p,
body.bdops-appmode.woocommerce-account .woocommerce-form-register p {
  margin: 0 0 10px !important;
}

body.bdops-appmode.woocommerce-account .woocommerce-form-login br,
body.bdops-appmode.woocommerce-account .woocommerce-form-register br {
  display: none !important;
}

/* Full-width override - target BOTH .col-1/.col-2 AND .u-column1/.u-column2 */
body.bdops-appmode.woocommerce-account .col-1,
body.bdops-appmode.woocommerce-account .col-2,
body.bdops-appmode.woocommerce-account .u-column1,
body.bdops-appmode.woocommerce-account .u-column2 {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  float: none !important;
  flex: 1 !important;
  padding: 16px !important;
}

/* Remove gap from the grid container too */
body.bdops-appmode.woocommerce-account .col2-set {
  gap: 0 !important;
}

/* Full-width cards - override WooCommerce 48% float columns */
body.bdops-appmode.woocommerce-account .woocommerce-form-login,
body.bdops-appmode.woocommerce-account .woocommerce-form-register {
  width: 100% !important;
  max-width: 100% !important;
}

body.bdops-appmode.woocommerce-account .woocommerce {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
}

body.bdops-appmode.woocommerce-account .woocommerce-form-login,
body.bdops-appmode.woocommerce-account .woocommerce-form-register {
  padding: 16px !important;
}

/* Remove header/footer white backgrounds when in app mode - allow body dark to show */
body.bdops-appmode #masthead,
body.bdops-appmode .site-header,
body.bdops-appmode .site-footer,
body.bdops-appmode #colophon {
  background: transparent !important;
}