/* UI only. Scoped to the existing crypto deposit panel and checkout page. */
#dpLayer #dpCrypto { padding: 2px 2px 16px; }
#dpLayer #dpCrypto .dp-payments { padding-top: 18px; }
#dpLayer #dpCrypto .dp-section-title { margin: 0 0 12px; color: #f7ecd8; font-size: 14px; line-height: 1.4; letter-spacing: .02em; }
#dpLayer #dpCryptoMethods { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
#dpLayer #dpCryptoMethods .dp-crypto-method { width: 100%; min-width: 0; height: auto; min-height: 62px; margin: 0; padding: 12px; gap: 10px; border-radius: 12px; border: 1px solid #544731; background: #1b1b16; text-align: left; }
#dpLayer #dpCryptoMethods .dp-crypto-method img { width: 30px; height: 30px; max-height: none; flex: 0 0 30px; object-fit: contain; }
#dpLayer #dpCryptoMethods .dp-method-name { min-width: 0; font-size: 14px; line-height: 1.45; word-break: normal; overflow-wrap: break-word; }
#dpLayer #dpCryptoMethods .dp-crypto-method[aria-pressed="true"] { border-color: #cfa55d; background: linear-gradient(125deg, #3b301e, #201e17); color: #f4d797; box-shadow: inset 0 0 0 1px #e7c67d18; padding-right: 23px; }
#dpLayer #dpCryptoMethods .dp-crypto-method[aria-pressed="true"]::after { content: '✓'; position: absolute; right: 8px; top: 8px; color: #e4bc71; font-size: 11px; line-height: 1; }
#dpLayer #dpCrypto .dp-crypto-note { margin: 14px 0 18px; padding: 11px 12px; border: 0; border-left: 2px solid #90703c; border-radius: 0 8px 8px 0; background: #c49c4f09; color: #bcae92; font-size: 12px; line-height: 1.75; }
#dpLayer #dpCrypto .dp-switch-hint { margin: 0 0 9px; padding: 0; border: 0; border-radius: 0; background: none; text-align: left; color: #b5aa94; font-size: 12px; line-height: 1.5; }
#dpLayer #dpCrypto .dp-switch-hint::after { display: none; }
#dpLayer #dpCrypto .dp-input-row { display: flex; align-items: center; gap: 10px; height: 58px; }
#dpLayer #dpCryptoBox { flex: 1 1 0; min-width: 0; height: 58px; padding: 0 14px; gap: 10px; border: 1px solid #75613c; border-radius: 12px; background: #0d0e0c; box-shadow: inset 0 1px 3px #0003; }
#dpLayer #dpCryptoBox:focus-within { border-color: #e1bc73; box-shadow: 0 0 0 3px #d6ad6016; }
#dpLayer #dpCryptoBox.dp-valid { border-color: #c39d57; background: #14150f; }
#dpLayer #dpCryptoUnit { font-size: 14px; font-weight: 600; color: #e8d3a6; }
#dpLayer #dpCryptoAmount { font-size: 16px; font-variant-numeric: tabular-nums; height: 100%; }
#dpLayer #dpCryptoAmount::placeholder { font-size: 12px; color: #867f70; opacity: 1; }
#dpLayer #dpSwitchUnit { flex: 0 0 52px; width: 52px; height: 58px; min-height: 0; align-self: center; border: 1px solid #79633c; border-radius: 12px; background: linear-gradient(140deg, #302919, #1b1b14); color: #dfbb72; }
#dpLayer #dpSwitchUnit svg { display: block; width: 23px; height: 23px; }
#dpLayer #dpCrypto .dp-rate { gap: 7px; margin: 13px 0 8px; min-height: 24px; color: #9f937c; font-size: 12px; flex-wrap: wrap; }
#dpLayer #dpCrypto .dp-rate-value { color: #ddc79d; font-size: 13px; font-variant-numeric: tabular-nums; }
#dpLayer #dpRateRefresh { width: 28px; height: 28px; }
#dpLayer #dpRateRefresh svg { width: 17px; height: 17px; }
#dpLayer #dpCrypto .dp-converted { margin: 0 0 12px; color: #d4b87d; font-size: 12px; line-height: 1.5; }
#dpLayer #dpCrypto .dp-error { margin: 7px 0 0; font-size: 12px; line-height: 1.5; }
#dpLayer #dpCryptoQuick { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 16px 0 18px; }
#dpLayer #dpCryptoQuick .dp-quick { height: 62px; border-radius: 10px; border-color: #4e4533; background: #171813; }
#dpLayer #dpCryptoQuick .dp-quick strong { font-size: 18px; font-weight: 600; font-variant-numeric: tabular-nums; }
#dpLayer #dpCryptoQuick .dp-quick span { height: 22px; background: #8c6b2e1a; color: #c9aa70; font-size: 11px; font-weight: 500; }
#dpLayer #dpCryptoQuick .dp-quick[aria-pressed="true"] { border-color: #cba359; background: #332b1b; box-shadow: inset 0 0 0 1px #f0cf8330; }
#dpLayer #dpCryptoPromos .dp-promos { padding: 12px; border: 1px solid #655130; border-radius: 13px; background: linear-gradient(120deg, #2c2619, #1a1b15); }
#dpLayer #dpCryptoPromos .dp-promo-head { padding: 0; min-height: 26px; gap: 10px; }
#dpLayer #dpCryptoPromos .dp-promo-head h3 { font-size: 14px; font-weight: 600; }
#dpLayer #dpCryptoPromos .dp-promo-head h3 span { font-size: 16px; }
#dpLayer #dpCryptoPromos .dp-countdown { font-size: 10px; }
#dpLayer #dpCryptoPromos .dp-promo-caption { margin: 12px 0 3px; color: #a99d87; font-size: 12px; line-height: 1.6; }
#dpLayer #dpCryptoPromos .dp-promo-caption::before, #dpLayer #dpCryptoPromos .dp-promo-caption::after { content: none; }
#dpLayer #dpCryptoPromos .dp-promo-row { padding: 9px; min-height: 44px; font-size: 12px; }
#dpLayer #dpCryptoPromos .dp-expand { min-height: 42px; font-size: 13px; color: #d3b77d; }
#dpLayer #dpCryptoSubmit { height: 50px; margin: 10px 0 4px; border: 1px solid #dbb873; border-radius: 12px; background: linear-gradient(110deg, #efdaa3, #cfa454); color: #302413; box-shadow: inset 0 1px #fff5; font-size: 16px !important; font-weight: 600; }
#dpLayer #dpCryptoSubmit:disabled { border-color: #555448; background: #393b32; color: #8f9184; box-shadow: none; }

.bgx.bgx-cashier { box-sizing: border-box; width: 100%; max-width: 480px; min-height: 100vh; min-height: 100svh; margin: 0 auto; padding: 0 0 calc(24px + env(safe-area-inset-bottom)); color: #f1e8d7; background: radial-gradient(ellipse at 50% 0, #3b301c66, transparent 48%), #10110e; font: 14px/1.6 -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif; }
.bgx.bgx-cashier *, .bgx.bgx-cashier *::before, .bgx.bgx-cashier *::after { box-sizing: border-box; }
.bgx.bgx-cashier button, .bgx.bgx-cashier a { font-family: inherit; touch-action: manipulation; }
.bgx.bgx-cashier .bgx-head { display: grid; grid-template-columns: 40px 1fr 40px; align-items: center; height: 64px; padding: 0 14px; border-bottom: 1px solid #c7a46122; background: #14150fee; }
.bgx.bgx-cashier .bgx-head > b { text-align: center; font-size: 17px; font-weight: 600; letter-spacing: .06em; }
.bgx.bgx-cashier .bgx-head .bgx-back { width: 40px; height: 44px; border: 0; padding: 0; background: transparent; color: #d7b575; font-size: 32px; line-height: 1; }
.bgx.bgx-cashier .bgx-cash-status { margin: 20px 16px 16px; padding: 18px; display: grid; grid-template-columns: 1fr auto; gap: 9px 12px; align-items: center; border: 1px solid #8f713842; border-radius: 16px; background: linear-gradient(115deg, #3e321e88, #1e211780); }
.bgx.bgx-cashier .bgx-cash-status > b { font-size: 18px; font-weight: 600; color: #efd397; }
.bgx.bgx-cashier .bgx-cash-status > b.done { color: #a8d6ad; }
.bgx.bgx-cashier .bgx-cash-status > strong { padding: 4px 11px; border: 1px solid #d8b36833; border-radius: 8px; background: #0f100b55; color: #e4bf75; font-size: 20px; line-height: 1.4; font-weight: 500; font-variant-numeric: tabular-nums; }
.bgx.bgx-cashier .bgx-cash-status > span { grid-column: 1 / -1; color: #b2a58c; font-size: 12px; }
.bgx.bgx-cashier .bgx-cash-card { margin: 12px 16px; padding: 16px; border: 1px solid #b4955c2c; border-radius: 15px; background: #1b1c17; box-shadow: 0 4px 18px #00000012; }
.bgx.bgx-cashier .bgx-cash-card > h3 { margin: 0 0 13px; padding-bottom: 10px; border-bottom: 1px solid #cfb37a18; color: #eee0c6; font-size: 14px; font-weight: 600; }
.bgx.bgx-cashier .bgx-cash-card > div { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 9px 0; }
.bgx.bgx-cashier .bgx-cash-card > div + div { border-top: 1px solid #bca46e12; }
.bgx.bgx-cashier .bgx-cash-card > div > span { flex: 0 0 auto; color: #aaa18e; font-size: 12px; padding-top: 2px; }
.bgx.bgx-cashier .bgx-cash-card > div > b { min-width: 0; text-align: right; font-size: 13px; font-weight: 500; overflow-wrap: anywhere; word-break: normal; font-variant-numeric: tabular-nums; }
.bgx.bgx-cashier .bgx-cash-status + .bgx-cash-card > div:first-child { display: block; padding: 0 0 15px; }
.bgx.bgx-cashier .bgx-cash-status + .bgx-cash-card > div:first-child > span { display: block; margin-bottom: 4px; }
.bgx.bgx-cashier .bgx-cash-status + .bgx-cash-card > div:first-child > b { display: block; text-align: left; color: #eed29a; font-size: 32px; font-weight: 600; line-height: 1.35; letter-spacing: .01em; }
.bgx.bgx-cashier .bgx-cash-card > h3 + div > b { color: #e6cb90; font-size: 18px; }
.bgx.bgx-cashier .bgx-cash-card .bgx-muted { margin: 9px 0; padding: 10px 12px; border-radius: 8px; color: #b9aa8f; background: #a28b5a0a; font-size: 12px; line-height: 1.75; }
.bgx.bgx-cashier .bgx-pay-link { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 48px; margin-top: 13px; padding: 10px 16px; border: 1px solid #c6a261; border-radius: 10px; color: #eed49c; background: linear-gradient(115deg, #59452255, #332a1966); text-decoration: none; font-size: 14px; font-weight: 600; }
.bgx.bgx-cashier .bgx-cash-card ol { margin: 0; padding-left: 19px; color: #afa591; font-size: 12px; line-height: 1.85; }
.bgx.bgx-cashier .bgx-cash-card li + li { margin-top: 6px; }
.bgx.bgx-cashier .bgx-copy button { flex: 0 0 auto; border: 1px solid #94774466; border-radius: 6px; padding: 4px 8px; color: #d6b777; background: #342c1b55; font-size: 12px; }
.bgx.bgx-cashier > .bgx-submit { display: block; position: static; left: auto; bottom: auto; transform: none; width: calc(100% - 32px); max-width: none; min-height: 52px; margin: 18px 16px 0; padding: 12px; border: 1px solid #e2c084; border-radius: 12px; background: linear-gradient(115deg, #efdba9, #cfa45a); box-shadow: inset 0 1px #fff4, 0 5px 18px #0002; color: #302514; font-size: 15px; line-height: 1.5; font-weight: 600; z-index: auto; }
.bgx.bgx-cashier > .bgx-submit:disabled { opacity: .6; }
.bgx.bgx-cashier .bgx-dual { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 12px 16px 0; }
.bgx.bgx-cashier .bgx-dual button { min-height: 44px; padding: 10px 8px; border: 1px solid #b69c6633; border-radius: 10px; background: #1c1d17; color: #bdae91; font-size: 13px; line-height: 1.4; }
.bgx.bgx-cashier .bgx-error { margin: 12px 16px; padding: 10px 12px; border: 1px solid #bb735744; border-radius: 9px; background: #6f34221a; color: #e6a789; font-size: 12px; overflow-wrap: anywhere; }
.bgx.bgx-cashier .bgx-loading, .bgx.bgx-cashier .bgx-empty { margin: 40px 20px; text-align: center; color: #aa9c83; font-size: 14px; }
.bgx.bgx-cashier button:focus-visible, .bgx.bgx-cashier a:focus-visible { outline: 2px solid #edce8f; outline-offset: 3px; }
@media (max-width: 350px) {
  #dpLayer #dpCryptoMethods .dp-crypto-method { padding-left: 9px; gap: 7px; }
  #dpLayer #dpCryptoMethods .dp-method-name { font-size: 13px; }
  #dpLayer #dpCryptoBox { padding: 0 10px; gap: 7px; }
  #dpLayer #dpCryptoAmount::placeholder { font-size: 10px; }
  .bgx.bgx-cashier .bgx-cash-card { padding: 13px; margin-left: 12px; margin-right: 12px; }
}