/* Flow guidance is appended inside existing containers; coordinate IDs remain stable. */
#walletExperience{max-width:560px;margin:18px 0 4px;text-align:left;color:#f6e9d0;line-height:1.55;font-size:14px;letter-spacing:normal}
#walletExperience .wallet-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;list-style:none;margin:0 0 14px;padding:0}
#walletExperience .wallet-steps:has(li:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}
#walletExperience .wallet-steps li{min-width:0;display:flex;align-items:flex-start;gap:6px;font-size:12px;color:#c0b8a8;line-height:1.5}
#walletExperience .wallet-steps b{display:grid;place-items:center;flex:0 0 22px;height:22px;border-radius:50%;border:1px solid #7a6541;font-size:12px;color:#d4bf92;background:#201e1a}
#walletExperience .wallet-steps li.current{color:#ffe0a0}#walletExperience .wallet-steps li.current b{background:#d7ac55;color:#17130c;border-color:#e3bc70}
#walletExperience .wallet-next{padding:16px;border:1px solid #806638;border-radius:12px;background:linear-gradient(145deg,#2b241acc,#15191ded)}
#walletExperience .wallet-next strong{font-size:17px;line-height:1.5;color:#ffe3ac;display:block}
#walletExperience .wallet-next p{margin:8px 0 13px;font-size:14px;line-height:1.65;color:#ded6c5}
#walletExperience .wallet-next-actions,.wallet-order-actions{display:flex;flex-wrap:wrap;gap:9px}
#walletExperience button,.wallet-order-actions button{min-height:44px;white-space:normal;line-height:1.4;padding:10px 14px;font-size:14px}
#walletExperience .wallet-next-actions button{margin:0}
#walletExperience [hidden],#withdrawalOrder[hidden]{display:none!important}
#depositOrder{max-width:560px;padding:20px;margin:18px 0;border:1px solid #8c713f;border-radius:14px;background:#151a20;color:#f3eadc;line-height:1.7;scroll-margin-top:calc(110px + env(safe-area-inset-top,0px));overflow-wrap:anywhere}
#depositOrder h2{font-size:21px;color:#ffe4b0;margin-top:0}#depositOrder p{line-height:1.7}
#depositOrderStatus{font-size:13px;color:#e5c990}#depositQrSource{margin:0 auto 12px;max-width:300px;text-align:center;color:#e5c990;font-size:12px}#depositNetwork{font-weight:700;color:#f4d697}
#depositOrder label{display:grid;gap:8px}#depositAddress{width:100%;min-height:46px;border:1px solid #736547;background:#0c1016;border-radius:8px;padding:11px;color:#fff1d6;font-size:13px;box-sizing:border-box}
#depositQr{max-width:224px;margin:20px auto;padding:10px;border-radius:12px;background:#fff;color:#242424}#depositQr svg{display:block;width:100%;height:auto;max-height:240px}
#copyDepositAddress{min-height:44px;margin-top:10px;border:1px solid #a88a53;border-radius:8px;background:#312819;color:#ffe4ae;padding:10px 16px}
#depositOrderAmount{padding:12px 0;border-top:1px solid #514632;border-bottom:1px solid #514632;font-size:17px;font-weight:700;color:#ffe3a4}
#depositProof{margin-top:18px}#depositProof input{width:100%;min-height:46px;border:1px solid #655a44;border-radius:8px;background:#0d1218;color:#fff1db;padding:11px;box-sizing:border-box}#depositProof button{width:100%;min-height:46px;margin-top:12px;padding:10px;border:1px solid #d6ad64;border-radius:8px;background:#d8b56b;color:#19150e;font-size:15px;font-weight:700}
#depositNextStep,.wallet-order-result{padding:13px;border:1px solid #5c674b;border-radius:10px;background:#20281b;color:#e5ebd3}
#depositOrder a{color:#ebce91}#depositProofStatus{min-height:20px;color:#ebce91}
#walletExperience[data-state=failed] .wallet-next,#walletExperience[data-state=unavailable] .wallet-next{border-color:#9c7845}
#walletExperience[data-state=ready] .wallet-next{border-color:#586a48}
.wallet-order-result{margin-top:18px;overflow-wrap:anywhere}.wallet-order-result h2{font-size:18px;margin:0 0 10px}.wallet-order-result p{line-height:1.6}
@media(max-width:380px){#walletExperience .wallet-steps{gap:4px}#walletExperience .wallet-steps li{flex-direction:column;gap:4px}#walletExperience .wallet-next{padding:13px}}
/* Transfer notes are shown with the issued order, after its network and amount. */
#rechargeForm #depositMemoHint{display:none}

#page-recharge #walletLegacyRetry{display:none}
#rechargeForm button:disabled,#withdrawForm button:disabled{opacity:.5;cursor:not-allowed}
