/* Wallet withdrawal clarity and safe cancellation controls. */
.wallet-withdraw-note {
    font-size: 12px;
    line-height: 1.52;
    color: #b7bdc8;
    padding: 11px 13px;
    margin: 14px 0 3px;
    background: #25303a;
    border: 1px solid #3a4b59;
    border-radius: 14px;
    text-align: left;
}
.wallet-withdraw-note b { color:#f3f5f7; font-weight:750; }
.wallet-max:disabled { opacity:.42; cursor:not-allowed; }
.wallet-cancel-withdraw {
    padding: 4px 0;
    margin-top: 5px;
    background:transparent;
    border:0;
    color:#b5cbf2;
    font-size:11px;
    font-weight:700;
    text-align:left;
}
.wallet-cancel-withdraw:disabled { opacity:.5; }
.wallet-history-row .wallet-cancelled-amount {
    color:#9298a4;
    text-decoration:line-through;
    font-weight:600;
}
html[data-crafter-theme="light"] .wallet-withdraw-note {
    background:#edf4fa;
    border-color:#d0dfea;
    color:#48576a;
}
html[data-crafter-theme="light"] .wallet-withdraw-note b { color:#202c3d; }
html[data-crafter-theme="light"] .wallet-cancel-withdraw { color:#1166ab; }
@media (prefers-reduced-motion: reduce) {
    .wallet-cancel-withdraw { transition:none }
}


/* Stable mobile amount field. No resize per keystroke, no native steppers. */
.wallet-funding .wallet-amount {
    display:flex;align-items:center;justify-content:center;
    min-width:0;width:100%;gap:8px;overflow:hidden;
}
.wallet-funding .wallet-amount input {
    box-sizing:border-box!important;
    flex:0 1 230px;
    width:min(67%,230px)!important;
    max-width:67%!important;
    min-width:0;
    font-size:clamp(24px,7.6vw,39px)!important;
    line-height:1.2!important;
    letter-spacing:-.02em!important;
    border-radius:8px;
    font-variant-numeric:tabular-nums;
    text-align:right!important;
    -webkit-appearance:none;appearance:none;
}
.wallet-funding .wallet-amount b {
    flex:0 0 auto;
    font-size:clamp(16px,4.7vw,24px);
    white-space:nowrap;
}
.wallet-funding .wallet-limits {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
}
.wallet-funding .wallet-limits > div {min-width:0;padding:12px 7px}
.wallet-funding .wallet-limits b {
    display:block;max-width:100%;white-space:normal;
    overflow-wrap:anywhere;word-break:normal;
    font-size:clamp(11px,3.2vw,15px);
}
@media(max-width:355px) {
    .wallet-funding .wallet-amount-card {padding-left:10px;padding-right:10px}
    .wallet-funding .wallet-amount input {width:64%!important;max-width:64%!important}
    .wallet-funding .wallet-limits {gap:6px}
}

/* Responsive, truly centered amount + GRAM group. */
.wallet-funding .wallet-amount {
 display:flex;align-items:center;justify-content:center!important;
 gap:7px;min-width:0;width:100%;overflow:visible;
}
.wallet-funding .wallet-amount input,
.wallet-funding .wallet-amount input:focus {
 flex:0 1 auto!important;box-sizing:content-box!important;
 width:calc(var(--wallet-amount-digits, 1) * 1ch + .35em)!important;
 max-width:calc(100% - 5.5rem)!important;min-width:1.35ch!important;
 padding:0!important;margin:0!important;text-align:center!important;
 font-variant-numeric:tabular-nums;border:0!important;
}
.wallet-funding .wallet-amount b {flex:0 0 auto;margin:0;white-space:nowrap}
@media(max-width:355px){
 .wallet-funding .wallet-amount input {
  width:calc(var(--wallet-amount-digits, 1) * 1ch + .35em)!important;
  max-width:calc(100% - 4.8rem)!important;
 }
}

/* Deposits: no external wallet balance / Mainnet status block; only connect action. */
.wallet-funding .wallet-deposit-connect {
  display:inline-flex;align-items:center;justify-content:center;
  width:auto;max-width:100%;min-height:36px;
  align-self:flex-start;
  padding:7px 12px;margin:3px 0 14px;
  border:1px solid #3c5167;border-radius:999px;
  background:#1a2a39;color:#cfe6ff;font-size:12px;font-weight:700;
}
.wallet-funding .wallet-deposit-connect:focus-visible {outline:2px solid #87c9ff;outline-offset:3px}