/* Deposit, withdrawal and payment-detail surfaces; layered after the member theme. */
@media (max-width: 1199px) {
  .sdg[data-v-9c8fdf02],
  .sdg[data-v-9c8fdf02] > div:first-child,
  .app.metransRecord {
    background: #090712 !important;
    color: #f4f0ff !important;
  }
  .sdg[data-v-9c8fdf02] .van-nav-bar {
    background: linear-gradient(110deg, #21163f, #110d22) !important;
    border-bottom: 1px solid rgba(158, 121, 246, .35) !important;
  }
  .sdg[data-v-9c8fdf02] .van-nav-bar__title,
  .sdg[data-v-9c8fdf02] .van-nav-bar__arrow { color: #f6f2ff !important; }

  /* Deposit method cards and the account/amount form. */
  .sdg[data-v-9c8fdf02] .typelis {
    background: #171228 !important;
    border: 1px solid rgba(155, 117, 247, .32) !important;
    border-radius: 14px !important;
    gap: 7px;
    padding: 9px !important;
  }
  .sdg[data-v-9c8fdf02] .typelis .tyls {
    width: auto !important;
    flex: 1 1 0;
    min-width: 0;
    background: linear-gradient(150deg, #2a2045, #1b1630) !important;
    border: 1px solid rgba(153, 115, 241, .36) !important;
    border-radius: 11px !important;
    color: #d9cdef !important;
  }
  .sdg[data-v-9c8fdf02] .typelis .tyls.atc {
    background: linear-gradient(145deg, #5434a5, #292051) !important;
    border-color: #ae85ff !important;
    box-shadow: 0 0 0 1px rgba(174, 133, 255, .24), 0 6px 17px rgba(85, 47, 176, .25) !important;
    color: #fff !important;
  }
  .sdg[data-v-9c8fdf02] .typelis .tyls img {
    filter: grayscale(.65) brightness(1.2) sepia(.25) hue-rotate(218deg) !important;
  }
  .sdg[data-v-9c8fdf02] .usrse,
  .sdg[data-v-9c8fdf02] .tipsh {
    background: #171228 !important;
    color: #f1eaff !important;
    border: 1px solid rgba(155, 117, 247, .32) !important;
    border-radius: 14px !important;
    margin: 10px auto !important;
    width: 95% !important;
  }
  .sdg[data-v-9c8fdf02] .usrse { padding: 10px 14px 14px !important; }
  .sdg[data-v-9c8fdf02] .usrse .hgs {
    width: 100% !important;
    border-color: rgba(155, 117, 247, .22) !important;
    color: #eee7ff !important;
  }
  .sdg[data-v-9c8fdf02] .usrse .nams,
  .sdg[data-v-9c8fdf02] .usrse .sdsw,
  .sdg[data-v-9c8fdf02] .tipsh .tops { color: #eee7ff !important; }
  .sdg[data-v-9c8fdf02] .usrse .frists,
  .sdg[data-v-9c8fdf02] .usrse .lasthg,
  .sdg[data-v-9c8fdf02] .tipsh .tops span { color: #b9abd4 !important; }
  .sdg[data-v-9c8fdf02] .usrse .copy,
  .sdg[data-v-9c8fdf02] .usrse [style*="color: rgb(89, 126, 247)"],
  .sdg[data-v-9c8fdf02] .usrse [style*="color: #597ef7"] { color: #b995ff !important; }
  .sdg[data-v-9c8fdf02] .usrse > div[style*="background"] {
    background: rgba(155, 117, 247, .22) !important;
    height: 1px !important;
    margin: 9px 0 !important;
  }
  .sdg[data-v-9c8fdf02] .usrse .ssa {
    background: #2a2043 !important;
    border: 1px solid rgba(155, 117, 247, .35) !important;
    color: #d7c9ee !important;
    border-radius: 9px !important;
  }
  .sdg[data-v-9c8fdf02] .usrse .ssa.acti {
    background: #4e32a1 !important;
    border-color: #ad85ff !important;
    color: #fff !important;
  }
  .sdg[data-v-9c8fdf02] .van-cell-group,
  .sdg[data-v-9c8fdf02] .van-field,
  .sdg[data-v-9c8fdf02] input:not([type="file"]) {
    background: #211a37 !important;
    color: #f4eeff !important;
    border-color: rgba(155, 117, 247, .28) !important;
  }
  .sdg[data-v-9c8fdf02] input::placeholder { color: #a99ac4 !important; }
  .sdg[data-v-9c8fdf02] .tipsh .tsgs {
    background: #261d41 !important;
    background-image: none !important;
    color: #c7b8e3 !important;
    border-radius: 7px !important;
  }

  /* Optional assisted-deposit panel still ships with a white/blue inline theme. */
  .sdg[data-v-9c8fdf02] .ky-customer-card,
  .sdg[data-v-9c8fdf02] .ky-pay-grid > .ky-pay-wrap,
  .sdg[data-v-9c8fdf02] .ky-assisted-panel {
    background: #1a1430 !important;
    color: #efe8ff !important;
    border: 1px solid rgba(163, 124, 251, .42) !important;
    border-radius: 13px !important;
    box-shadow: 0 9px 25px rgba(6, 2, 21, .3) !important;
  }
  .sdg[data-v-9c8fdf02] .ky-customer-text,
  .sdg[data-v-9c8fdf02] .ky-assisted-title,
  .sdg[data-v-9c8fdf02] .ky-assisted-field label { color: #efe7ff !important; }
  .sdg[data-v-9c8fdf02] .ky-assisted-tip,
  .sdg[data-v-9c8fdf02] .ky-assisted-file-tip { color: #b5a7ce !important; }
  .sdg[data-v-9c8fdf02] .ky-assisted-method,
  .sdg[data-v-9c8fdf02] .ky-assisted-info,
  .sdg[data-v-9c8fdf02] .ky-assisted-field input {
    background: #241b3e !important;
    color: #f4eeff !important;
    border: 1px solid rgba(155, 117, 247, .38) !important;
    border-radius: 9px !important;
  }
  .sdg[data-v-9c8fdf02] .ky-assisted-method.active,
  .sdg[data-v-9c8fdf02] .ky-customer-card.ky-selected {
    background: #4a3092 !important;
    color: #fff !important;
    border-color: #a87eff !important;
  }
  .sdg[data-v-9c8fdf02] .ky-assisted-submit {
    background: linear-gradient(105deg, #6240d9, #9550ec 60%, #2f9bdb) !important;
    color: #fff !important;
    border-radius: 11px !important;
  }
  .sdg[data-v-9c8fdf02] .ky-assisted-info hr { border-color: rgba(155, 117, 247, .26) !important; }

  /* Withdrawal uses the same dark cards, including the old inline separators. */
  body.hy9-route-withdrawal .sdgg > div[style*="background"] { background: transparent !important; }
  body.hy9-route-withdrawal .usrse {
    width: calc(100% - 20px) !important;
    margin: 10px auto !important;
    padding: 10px 14px 14px !important;
  }
  body.hy9-route-withdrawal .usrse .hgs { width: 100% !important; color: #eee7ff !important; }
  body.hy9-route-withdrawal .usrse > div[style*="background"] {
    background: rgba(155, 117, 247, .22) !important;
    height: 1px !important;
    margin: 9px 0 !important;
  }
  body.hy9-route-withdrawal .usrse .cardhgs,
  body.hy9-route-withdrawal .usrse [style*="color: rgb(89, 126, 247)"],
  body.hy9-route-withdrawal .usrse [style*="color: #597ef7"] { color: #b995ff !important; }
  body.hy9-route-withdrawal .usrse .lasthg { color: #b8a8d2 !important; }
  body.hy9-route-withdrawal .usrse .van-cell-group,
  body.hy9-route-withdrawal .usrse .van-field {
    background: #211a37 !important;
    border-radius: 9px !important;
  }
  body.hy9-route-withdrawal .usrse .van-field__control { color: #f3edff !important; }
  body.hy9-route-withdrawal .card { background: #151126 !important; color: #eee7ff !important; }
  body.hy9-route-withdrawal .textcns { color: #b8a8d2 !important; }

  /* Deposit confirmation page, reached after submitting the method form. */
  .app.metransRecord .green-wrapper,
  .app.metransRecord .transaction-detail.bg {
    background: #171228 !important;
    color: #f1eaff !important;
    border: 1px solid rgba(155, 117, 247, .32) !important;
    border-radius: 14px !important;
  }
  .app.metransRecord .green-PayInfoTime { background: #21183b !important; color: #f5eeff !important; }
  .app.metransRecord .transaction-detail p { border-color: rgba(155, 117, 247, .24) !important; color: #eee7ff !important; }
  .app.metransRecord .goback-button,
  .app.metransRecord .seedetail-button {
    background: linear-gradient(105deg, #6240d9, #9550ec 60%, #2f9bdb) !important;
    color: #fff !important;
    border-radius: 11px !important;
  }
}