/* Desktop keeps the original terminal; the same live controls rearrange on phones. */
.expiry-control{display:contents}.expiry-step{display:none}
@media(max-width:650px){
 html,body{width:100%;overflow-x:hidden}
 #app:not([hidden]){display:flex;flex-direction:column;height:100dvh;min-height:600px;overflow:hidden}
 .signup-strip{height:27px;min-height:27px;gap:7px;padding:0 8px;font-size:9px;white-space:nowrap}
 .signup-strip button{padding:4px 7px;font-size:9px}
 header{display:grid;grid-template-columns:40px minmax(0,1fr) auto;grid-template-rows:44px 46px;gap:7px 9px;height:109px;min-height:109px;padding:5px 10px 7px}
 .logo-mini{grid-row:1;grid-column:1;width:38px;height:34px;border-radius:6px}
 .logo-mini img{width:88px;height:88px;left:-25px;top:-17px}
 .grid-button,.header-spacer{display:none}
 .profile-button{grid-row:1;grid-column:2;display:grid;grid-template-columns:auto auto;justify-content:start;align-content:center;gap:2px 6px;font-size:17px;white-space:nowrap}
 .profile-button:before{content:'Saldo';grid-column:1/-1;color:var(--muted);font-size:10px;font-weight:400}
 .profile-button .avatar{display:none}
 .profile-button #balance{display:inline;font-size:17px}
 .deposit{grid-row:1;grid-column:3;font-size:12px;padding:9px 10px;border-radius:5px;white-space:nowrap}
 .add-asset{grid-row:2;grid-column:1;height:43px;width:38px;font-size:25px;border-radius:6px}
 .asset-tabs{grid-row:2;grid-column:2/4;display:flex;width:100%;height:46px;overflow-x:auto;overflow-y:hidden;gap:6px;scrollbar-width:none}
 .asset-tabs::-webkit-scrollbar{display:none}
 .asset-tabs .asset-tab:nth-child(n){display:block;flex:0 0 127px;min-width:127px;width:127px;height:43px;padding:5px 18px 4px 39px;font-size:11px;border-radius:5px}
 .asset-tab .pair-flag{left:5px;top:7px;transform:scale(.85);transform-origin:left center}
 .asset-tab small{font-size:9px;margin-top:4px}.asset-tab i{font-size:17px;right:5px;top:1px;font-style:normal}
 .shell{flex:1;height:auto;min-height:0;width:100%;padding-bottom:51px}
 .shell>nav{position:fixed;left:0;right:0;bottom:calc(21px + env(safe-area-inset-bottom));width:100%;height:51px;display:grid;grid-template-columns:repeat(3,1fr);border:0;border-top:1px solid var(--line);background:var(--panel);z-index:60}
 nav button{display:none;min-height:0;max-height:none;height:50px;font-size:8px;line-height:9px;padding:3px 0}
 nav button[data-nav="portfolio"],nav button[data-nav="history"],nav button[data-nav="more"]{display:block}
 nav button span{margin:0 0 2px;height:23px}nav button span svg{width:22px;height:22px}
 main{width:100%;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(160px,1fr) auto auto;min-height:0}
 .terminal{grid-column:1;grid-row:1;min-width:0;min-height:160px}
 #chart{inset:39px 0 0;height:calc(100% - 39px);width:100%}
 .chart-tools{top:0;bottom:auto;left:0;right:0;display:flex;flex-direction:row;align-items:center;gap:5px;height:39px;padding:3px 9px;border-bottom:1px solid var(--line);overflow-x:auto;background:var(--panel);scrollbar-width:none;z-index:5}
 .chart-tools button{height:31px;width:32px;min-width:32px;font-size:14px;border-radius:4px;flex-shrink:0}
 .chart-tools button[data-tool="time"]{order:-1;font-size:12px}.chart-tools button[data-tool="signal"]{display:none}
 .chart-head{top:48px;left:10px;gap:8px}.chart-head strong{font-size:11px}.chart-head small{font-size:9px;margin-top:4px}.chart-asset-logo{transform:scale(.8);width:29px;min-width:29px}
 .buy-time{top:47px;right:8px;left:auto;padding:4px 6px;font-size:7px;display:flex;align-items:center;gap:4px}.buy-time strong{font-size:14px}
 .price-tag{transform:translateY(39px);font-size:10px;padding:4px 5px}
 .line-palette{top:40px;bottom:auto;left:8px;right:8px;max-width:none;width:auto;z-index:20}
 body[data-theme] .trade-panel,.trade-panel{grid-column:1;grid-row:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:49px 18px 38px 23px;gap:5px 8px;padding:8px 10px 5px;border-top:1px solid var(--line);min-width:0}
 .trade-panel #higher{grid-column:1;grid-row:1}.trade-panel #lower{grid-column:2;grid-row:1}
 .trade-panel .trade{display:flex;align-items:center;justify-content:space-between;flex-direction:row-reverse;margin:0;height:49px;min-height:49px;border-radius:7px;padding:0 13px;font-size:17px;font-weight:500;touch-action:manipulation}
 .trade svg{display:block;width:25px;height:23px;margin:0}
 body[data-theme] .trade-panel>label,.trade-panel>label{margin:0;padding:0;align-self:end;text-align:center;font-size:11px;background:transparent;border:0}
 .amount-label{grid-row:2;grid-column:1}.expiry-label{grid-row:2;grid-column:2}.trade-panel label span{display:none}
 body[data-theme] .trade-panel .value-step,.value-step{grid-row:3;grid-column:1;display:grid;grid-template-columns:29px minmax(0,1fr) 29px;grid-template-rows:38px;margin:0;height:38px;border:1px solid var(--line);border-radius:6px;overflow:hidden;min-width:0}
 .value-step>span{display:none}.value-step>div{display:contents;position:static;border:0;height:auto}
 .value-step input{height:36px;grid-column:2;grid-row:1;text-align:center;padding:0;font-size:15px;min-width:0;width:100%;border:0;appearance:textfield;-moz-appearance:textfield;background:transparent}
 .value-step input::-webkit-inner-spin-button{appearance:none}.value-step button{height:38px;width:29px;font-size:17px;background:transparent!important;border:0}
 #amountMinus{grid-column:1;grid-row:1}#amountPlus{grid-column:3;grid-row:1}
 .expiry-control{grid-row:3;grid-column:2;display:grid;grid-template-columns:29px minmax(0,1fr) 29px;height:38px;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--panel2)}
 .expiry-step{display:block;height:36px;width:29px;font-size:17px;touch-action:manipulation}
 body[data-theme] .expiry-button,.expiry-button{border:0;height:36px;padding:0;font-size:0;text-align:center;border-radius:0;background:transparent;min-width:0}
 .expiry-button span{float:none;margin:0;font-size:13px}
 .trade-panel .profit{grid-column:1/-1;grid-row:4;display:flex;align-items:center;gap:6px;justify-content:flex-start;margin:0;min-width:0}
 .profit small{font-size:10px}.profit strong{font-size:11px;font-weight:500;margin:0}.profit b{font-size:14px;margin-left:auto;white-space:nowrap}
 .expiry-menu{position:absolute;left:10px;right:10px;bottom:155px;top:auto;max-height:min(50dvh,350px);z-index:55;width:auto}
 .portfolio-dock{grid-column:1;grid-row:3;max-height:130px;min-width:0}.portfolio-dock>button{height:24px;padding:3px 10px;font-size:10px}.portfolio-dock>button span{font-size:9px}.portfolio-dock>button em{font-size:9px}
 #positions{max-height:105px;overflow:auto}#positions>p{padding:12px 8px}.position{font-size:9px;padding:8px;gap:4px;grid-template-columns:1.2fr .6fr 1fr .6fr}
 body[data-theme] footer,footer{height:calc(21px + env(safe-area-inset-bottom));min-height:calc(21px + env(safe-area-inset-bottom));padding:0 8px env(safe-area-inset-bottom);gap:5px;font-size:8px}
 footer>#supportButton,footer>span:not(.support-email):not(.footer-right){display:none}
 footer .market-disclosure{font-size:8px;white-space:nowrap}.footer-right{gap:7px}.footer-right #clock,.footer-right #fullScreen{display:none}.footer-right button{padding:2px;font-size:13px;min-width:24px}
 .asset-browser{grid-column:1;grid-row:1/4;display:flex;flex-direction:column;min-height:0;overflow:hidden}
 .asset-categories{display:flex;padding:6px;gap:4px;overflow-x:auto;flex-shrink:0;border:0;border-bottom:1px solid var(--line)}
 .asset-categories button{width:auto;min-width:max-content;font-size:10px;padding:9px 10px;gap:8px;border-radius:4px;white-space:nowrap}
 .asset-results{padding:10px;min-height:0;overflow:auto}.asset-filter{gap:5px}.asset-filter input{width:100%;min-width:0;padding:10px;font-size:11px}.asset-filter select{display:none}.asset-results h2{font-size:16px;margin:14px 0}
 .asset-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.asset-card{padding:10px;gap:6px!important;min-height:65px!important;flex-wrap:wrap}.asset-card strong{font-size:10px;gap:6px}.asset-card .asset-icon{width:24px;height:24px}.asset-card-payout{font-size:12px}
 .asset-card:disabled .asset-card-payout{width:auto;text-align:left;font-size:9px}.asset-card .forex-pair-icon{transform:scale(.85);transform-origin:left center;width:30px;flex-basis:30px}
 .settings{grid-column:1;grid-row:1/4;padding:54px 12px 12px;min-width:0}.settings-layout{grid-template-columns:minmax(0,1fr);gap:12px}.settings-nav{overflow-x:auto}.settings-nav button{padding:10px;font-size:11px}.settings-close{left:10px;top:10px}.settings .saved{right:15px;top:20px}
 .side-panel{position:fixed;left:0;right:0;top:136px;bottom:calc(72px + env(safe-area-inset-bottom));z-index:65;width:0}.side-panel:not(.open){display:none}.side-panel.open{width:100%;overflow:auto}
 .profile-menu{left:8px;right:8px;top:75px;width:auto;max-height:70dvh;overflow:auto;font-size:11px}.profile-menu>div{padding:12px}
 #toast{bottom:85px;max-width:calc(100% - 24px);font-size:11px;padding:10px 13px;text-align:center}
}
@media(max-width:360px){.signup-strip{font-size:8px;gap:5px}.signup-strip button{padding:4px 5px}.asset-cards{grid-template-columns:minmax(0,1fr)}.profit small{font-size:9px}}

@media(max-width:650px){
 .profile-button:before{display:none}
 .profile-button .account-disclosure{display:block!important;grid-column:1/-1;font-size:8px;max-width:none;white-space:nowrap}
 footer #supportEmail{display:inline;font-size:9px;white-space:nowrap}
}
@media(max-width:650px){header .logo-mini{align-self:center;justify-self:center;width:38px;height:38px;overflow:hidden}header .logo-mini img{position:static;width:100%;height:100%;left:auto;top:auto;max-width:100%;object-fit:contain;clip-path:none}}

/* tela fixa no celular */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior:none;overflow-anchor:none;scroll-behavior:auto}
body{overscroll-behavior:none;overflow-anchor:none}
html,body,button,a,input,select,textarea,label{touch-action:manipulation}
@media(max-width:900px){input,select,textarea{font-size:16px!important}body{min-height:100dvh}}

/* termos e privacidade: visíveis, sem clique */
a[data-doc]{pointer-events:none;cursor:default;text-decoration:none;color:inherit;opacity:.85}