/* NexoPix V7 - camada responsiva, sem alterar regras de negocio. */
html{width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%}
body{min-width:0;overflow-x:hidden}
.client-shell{width:100%;max-width:430px;min-width:0;margin:0 auto;min-height:100dvh;padding-bottom:calc(82px + env(safe-area-inset-bottom,0px))}
.client-shell img{max-width:100%}
.client-shell input,.client-shell select,.client-shell textarea,.client-shell button{max-width:100%;min-width:0}
.client-shell .v5-main,.client-shell .profile-main{min-width:0}
.client-shell .bottomnav{width:min(430px,100%);height:calc(66px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px)}
.client-shell .bottomnav a{min-width:0;min-height:48px;line-height:1.3;touch-action:manipulation}
.client-shell .market-token{min-width:0;grid-template-columns:42px minmax(0,1fr) minmax(90px,auto)}
.client-shell .market-token>div:nth-child(2){min-width:0}
.client-shell .market-value{min-width:0;white-space:nowrap;font-size:clamp(12px,3.5vw,15px)}
.client-shell .formcard{min-width:0}
.client-shell .field input,.client-shell .field select,.client-shell .mini-input{font-size:16px}
.client-shell .receive{overflow-wrap:anywhere;font-size:clamp(22px,6vw,30px)}
.client-shell .nexo-limit-columns strong{white-space:normal;overflow-wrap:anywhere}
.client-shell .profile-menu,.client-shell .profile-hero{min-width:0}
.client-shell .profile-ident{min-width:0;overflow-wrap:anywhere}
.client-shell .nexo-brand{min-width:0}
@media(max-width:430px){
 .client-shell{max-width:none}
 .client-head{padding:20px 16px 14px}
 .client-head h1{font-size:clamp(21px,6vw,28px);line-height:1.16;margin-top:16px}
 .client-head .muted{font-size:clamp(12px,3.6vw,15px);line-height:1.45}
 .v5-main{padding:0 14px}
 .v5-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .v5-actions .action{min-width:0;min-height:125px;padding:13px 12px 40px;border-radius:15px}
 .v5-actions .action strong{font-size:clamp(13px,4vw,17px);line-height:1.2}
 .v5-actions .action small{font-size:clamp(11px,3.3vw,14px)}
 .v5-actions .action i{right:10px;bottom:10px;width:28px;height:28px}
 .market-card{padding:12px;margin-top:12px}
 .market-token{padding:9px 8px;gap:8px}
 .market-scroll{max-height:150px}
 .trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .nexo-banner{padding:12px}
 .nexo-banner h2{font-size:clamp(18px,6vw,24px)}
 .formcard{margin:12px;padding:15px;border-radius:16px}
 .profile-main{padding:14px 12px}
 .profile-hero{padding:16px 12px;gap:12px}
 .avatar-wrap{width:64px;height:64px;flex-basis:64px}
 .profile-ident h2{font-size:18px}
 .profile-menu>a,.profile-menu>button{min-height:58px}
}
@media(max-width:340px){
 .client-head{padding-inline:12px}.v5-main{padding-inline:10px}
 .v5-actions .action{padding-inline:9px}
 .market-token{grid-template-columns:34px minmax(0,1fr) minmax(78px,auto);gap:5px}
 .market-token .token-icon{width:32px;height:32px;font-size:18px}
 .market-value{font-size:12px}
 .profile-hero{gap:8px}.avatar-wrap{width:54px;height:54px;flex-basis:54px}
}
@media(min-width:431px) and (max-width:900px){.client-shell{box-shadow:0 0 55px #0005}}
@media(prefers-reduced-motion:reduce){.client-shell *{scroll-behavior:auto!important}}