/* Shared layouts for account, wallet, support and test trading. */
.zm-wallet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:10px;margin:14px 0}
.zm-wallet-grid>p{margin:0;padding:12px;background:#0a2026;border:1px solid #315158;border-radius:10px;min-width:0;overflow-wrap:anywhere}
.zm-wallet-grid strong,.zm-wallet-grid span{display:block}.zm-wallet-grid strong{font-size:19px;margin-top:4px;color:#eaffff}
.zm-action-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0}
.zm-action-row>*{max-width:100%;white-space:normal;overflow-wrap:anywhere;box-sizing:border-box;min-height:44px}
.zm-open-order{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #315158;padding:10px 0}
.zm-open-order p{margin:0;min-width:0;overflow-wrap:anywhere}
.zm-credit-claim,.zm-guided-trade{padding:12px;border:1px solid #37585b;border-radius:10px;margin:14px 0}
.zm-test-trading .field{box-sizing:border-box;min-width:0;max-width:100%;width:100%}.zm-test-trading label{display:block;margin:10px 0}
.zm-test-trading [role=status],#zmarket-privy-panel [role=status]{overflow-wrap:anywhere}
:where(button,a,input,select,textarea):focus-visible{outline:2px solid #55e6dc;outline-offset:3px}
body{padding-bottom:90px!important}#zm-support-link{right:max(14px,env(safe-area-inset-right))!important;bottom:max(14px,env(safe-area-inset-bottom))!important;max-width:calc(100vw - 28px);box-sizing:border-box}
@media(max-width:650px){
 header.top{position:static!important}
 header.top .bar{height:auto!important;min-width:0;gap:10px!important;padding:12px 14px!important;box-sizing:border-box}
 header.top .brand{min-width:0;max-width:100%}header.top .brand small{white-space:normal}
 header.top .spacer{display:none}header.top #search{flex:1 1 100%;width:100%;min-width:0;max-width:100%;box-sizing:border-box;order:5}
 header.top .auth-nav{flex-wrap:wrap;max-width:100%}header.top .zmarket-language-control{position:static!important;margin-left:0!important;max-width:100%;flex:0 1 auto}
 header.top .zmarket-language-control select{max-width:160px!important;min-height:44px}
 header.top nav#nav{width:100%;max-width:100%;gap:6px!important}header.top nav#nav button{white-space:normal;min-height:44px;flex:1 1 auto}
 .zm-account-balances{min-width:0;flex-wrap:wrap!important;max-width:100%}.zm-account-balances>a{min-width:0!important;flex:1 1 100px!important}
 .zmarket-language-row{position:static!important;width:100%;flex-wrap:wrap;padding:10px 14px!important}
 #zmarket-privy-panel section{min-width:0;max-width:100%;box-sizing:border-box}#zmarket-privy-panel button{max-width:100%;white-space:normal!important;overflow-wrap:anywhere;min-height:44px}
 .zm-test-trading{padding:12px!important}.zm-action-row>button,.zm-action-row>a.action{flex:1 1 180px;text-align:center}
 .zm-test-trading .btn{white-space:normal;max-width:100%;min-height:44px;line-height:1.4}
 .zm-wallet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.zm-wallet-grid strong{font-size:17px}
 .nav{flex-wrap:wrap;min-width:0}.nav .links{min-width:0;gap:12px}.nav select{max-width:100%}
 .composer{flex-wrap:wrap}.composer input{flex:1 1 160px}.composer button{flex:0 1 auto}.panel{min-width:0}.quick>button{flex:1 1 130px}
}
@media(max-width:360px){.zm-wallet-grid{grid-template-columns:1fr}}

/* Keep anchored sections and keyboard focus clear of a wrapping sticky header. */
#markets{scroll-margin-top:var(--zm-header-offset,16px)}
/* Toast feedback must remain above the persistent support control. */
#toast.toast{bottom:90px;right:max(14px,env(safe-area-inset-right));max-width:min(380px,calc(100vw - 28px));box-sizing:border-box;overflow-wrap:anywhere}
header.top .bar>*{min-width:0}
@media(max-width:700px){
 header.top nav#nav{flex-wrap:wrap!important;overflow:visible!important}
 header.top nav#nav button{min-height:44px;white-space:normal}
 .hero{flex-wrap:wrap}.hero>div{min-width:0;flex:1 1 230px}.hero img{max-width:100%}
 .market-footer,.meta{flex-wrap:wrap}.market h3,.detail-title{overflow-wrap:anywhere}
 .category-scroller{max-width:100%}.category-chip{min-height:44px}
 .toolbar>*,.filters>*{min-width:0;max-width:100%}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{transition:none!important}}