body.okx-terminal{--accent:#00aa70;--positive:#00ba77;--negative:#e34848;font-family:Arial,Helvetica,sans-serif}body.okx-terminal[data-theme=graphite]{--bg:#000;--panel:#080909;--text:#f5f5f5}body.okx-terminal .app:not([hidden]){display:flex;flex-direction:column;height:100dvh;background:#000;color:#eee}body.okx-terminal header{height:88px;min-height:88px;background:#000;border:0;padding:6px 18px;gap:18px}body.okx-terminal .logo-mini,body.okx-terminal .auth-head .brand-lockup{display:flex;align-items:center;gap:8px;width:210px;height:65px;overflow:visible;background:none;border:0;transform:none}.okx-symbol{display:block;width:48px;height:56px;background:url('/brand-symbol-transparent.png') center/contain no-repeat;flex-shrink:0}.okx-word{font-size:43px;font-weight:800;letter-spacing:2px;line-height:.9;color:#fff}.okx-word small{display:block;font-size:11px;letter-spacing:7px;text-align:right;margin-top:6px}body.okx-terminal .grid-button{display:none}body.okx-terminal .asset-tabs{height:68px;flex:0 1 auto}body.okx-terminal .asset-tab{border:1px solid #292929;border-radius:9px;min-width:170px;background:#101010;height:66px}body.okx-terminal .asset-tab.active{background:#00a269;border-color:#00a269;color:white}body.okx-terminal .add-asset{background:none;border:0;font-size:36px;width:38px}.header-extras{display:flex;align-items:center;gap:16px}.header-extras button{background:none;color:#eee;border:0;font-size:21px;cursor:pointer}.header-extras .vip-plan{border:1px solid #222;border-radius:12px;padding:16px;font-size:17px;white-space:nowrap}.bell-icon{color:#328bba}.language-button{font-size:20px}body.okx-terminal .profile-button{display:flex;flex-wrap:wrap;min-width:120px;max-width:160px;gap:6px;background:none;border:0}body.okx-terminal .profile-button .avatar{display:none}body.okx-terminal #marketDisclosure{width:100%;font-size:13px;color:#ddd}body.okx-terminal #balance{color:#298cc7;font-size:22px}body.okx-terminal .deposit{background:#287eb6;color:#fff;border:0;border-radius:5px;height:54px;font-size:18px}body.okx-terminal .signup-strip{background:#101514;border-bottom:1px solid #24302c;height:27px;min-height:27px;font-size:11px}body.okx-terminal .shell{display:flex;flex:1;min-height:0}body.okx-terminal .shell>nav{width:94px;flex-shrink:0;background:#000;border:0;padding-top:8px}body.okx-terminal nav .secondary-nav{display:none}body.okx-terminal nav .primary-nav{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;width:100%;height:87px;background:none;color:#eee;border:0;font-size:13px;position:relative}body.okx-terminal nav .primary-nav span{width:30px;height:30px;margin:0}body.okx-terminal nav .primary-nav svg{width:30px;height:30px}body.okx-terminal nav .primary-nav.active{color:#278fc5}body.okx-terminal main{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-template-rows:minmax(0,1fr);flex:1;min-width:0;min-height:0;background:#000}body.okx-terminal .terminal{grid-column:1;grid-row:1;min-height:0;background:#000;border:0}body.okx-terminal #chart{top:54px;height:calc(100% - 54px)}body.okx-terminal .chart-tools{top:4px;left:15px;bottom:auto;display:flex;flex-direction:row;gap:7px;align-items:center;width:auto;height:42px}body.okx-terminal .chart-tools button{background:none;border:0;color:#ccc;width:34px;height:36px;font-size:20px;border-radius:4px}body.okx-terminal .chart-tools button:hover{background:#202020}body.okx-terminal .chart-tools button[data-tool=indicators]{width:auto;display:flex;align-items:center;gap:8px;font-size:18px;padding:0 12px}body.okx-terminal .chart-tools button[data-tool=signal]{display:none}body.okx-terminal .chart-head{left:auto;right:20px;top:14px;gap:5px;pointer-events:auto}body.okx-terminal .chart-head .chart-asset-logo,body.okx-terminal #activeType{display:none}body.okx-terminal #activeAsset{font-size:15px;font-weight:400}body.okx-terminal .buy-time{display:none}body.okx-terminal .line-palette{top:52px;left:80px;bottom:auto}body.okx-terminal .trade-panel{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:8px;padding:12px 14px;min-height:0;overflow-y:auto;background:#000;border:0;position:relative}.order-pair{display:grid;grid-template-columns:35px minmax(0,1fr) auto;align-items:center;gap:8px;margin-bottom:10px}.order-pair-icon,.order-pair-icon .asset-icon{width:34px;height:34px}.order-pair-name{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:none;color:#eee;border:0;text-align:left}.order-clock{font-size:13px;color:#00c994;white-space:nowrap}.order-progress{grid-column:1/-1;height:5px;border-radius:5px;background:#333;margin-top:5px;overflow:hidden}.order-progress i{display:block;height:100%;background:#00c58c}body.okx-terminal .trade-panel>label{font-size:14px;margin:6px 0 -5px 12px;color:#eee}body.okx-terminal .expiry-control{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:44px 27px;border:1px solid #555;border-radius:10px;overflow:hidden;gap:0;height:73px;flex-shrink:0;background:#000}body.okx-terminal .expiry-button{grid-column:1/-1;grid-row:1;background:none;color:white;border:0;font-size:20px}body.okx-terminal .expiry-step{grid-row:2;background:#373737;border:0;border-top:1px solid #555;border-right:1px solid #555;color:white;width:auto;height:auto}body.okx-terminal .value-step{display:grid;grid-template-columns:1fr;grid-template-rows:44px 27px;height:73px;flex-shrink:0;border:1px solid #555;border-radius:10px;overflow:hidden;background:#000;padding:0}body.okx-terminal .value-step>span{display:none}body.okx-terminal .value-step input{grid-row:1;text-align:center;width:100%;font-size:21px;background:none;color:white;padding:0;border:0}body.okx-terminal .value-step>div{display:flex;flex-direction:row-reverse;width:100%;grid-row:2}body.okx-terminal .value-step button{width:50%;height:27px;background:#373737;border:0;border-top:1px solid #555;border-right:1px solid #555;color:white}body.okx-terminal .profit{text-align:center;padding:8px 0;display:flex;flex-direction:column;gap:9px;margin:0}body.okx-terminal .profit small{font-size:20px;color:white}body.okx-terminal .profit strong{font-size:48px;font-weight:300;color:#00ac68;line-height:1.1}body.okx-terminal .profit b{font-size:21px;color:#00ac68}body.okx-terminal .trade{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:62px;min-height:62px;border-radius:9px;font-size:21px;font-weight:700;margin:0;border:0;color:white}body.okx-terminal .trade svg{width:29px;height:29px;margin:0}body.okx-terminal .higher{background:#00a76b}body.okx-terminal .lower{background:#df4448}body.okx-terminal .portfolio-dock{display:block;background:none;border:0;padding:0;margin-top:12px;min-height:90px}.order-tabs{display:flex;justify-content:space-between;border-bottom:1px solid #222}.order-tabs button{padding:10px 4px;background:none;border:0;color:#ddd;font-size:15px}.order-tabs button.active{color:#298cc7;border-bottom:2px solid #298cc7}body.okx-terminal #positions{display:block;max-height:170px;overflow:auto;padding:0}.order-empty{padding:20px 5px;color:#777;text-align:center;font-size:12px}.compact-position{display:flex;justify-content:space-between;border-bottom:1px solid #222;padding:12px 2px;font-size:12px}.compact-position small{display:block;color:#888;margin-top:4px}.positive{color:#00bd81}.negative{color:#ef5555}.full-history{width:100%;background:none;border:0;color:#298cc7;padding:12px}body.okx-terminal footer{height:31px;min-height:31px;background:#000;border:0;padding:0 16px;font-size:12px;gap:14px}body.okx-terminal #supportButton{display:none}.independent-demo{color:#717a7c;font-size:10px}body.okx-terminal .footer-right{margin-left:auto}body.okx-terminal .asset-browser,body.okx-terminal .settings{grid-column:1;grid-row:1;z-index:25}body.okx-terminal .expiry-menu{position:absolute;left:10px;right:10px;top:155px;width:auto;z-index:50}body.okx-terminal .auth{background:radial-gradient(ellipse at top,#102520,#030505 65%)}body.okx-terminal .auth-head .brand-lockup{justify-content:center;margin:auto}body.okx-terminal .auth-card{border-color:#253631}body.okx-terminal .auth .primary{background:#00a86b;color:#fff}body.okx-terminal .auth .auth-tabs .active{color:#00ba81;border-color:#00ba81}body.okx-terminal .side-panel{background:#101313}.okx-terminal .market-state{top:35px}
@media(max-width:1150px){body.okx-terminal header{gap:10px;padding:5px 10px}body.okx-terminal .logo-mini{width:130px}.okx-word{font-size:31px}.okx-symbol{width:35px;height:42px}.header-extras .vip-plan{display:none}body.okx-terminal main{grid-template-columns:minmax(0,1fr) 260px}body.okx-terminal .chart-head{display:none}body.okx-terminal .asset-tab{min-width:150px}.header-extras{gap:8px}}
@media(max-width:760px){body.okx-terminal header{display:grid;grid-template-columns:100px 1fr 110px;grid-template-rows:50px 48px;height:108px;min-height:108px;padding:4px 10px;gap:3px 8px;position:relative}body.okx-terminal .logo-mini{grid-column:1;grid-row:1;position:static;width:100px;height:45px;transform:none;gap:4px}.okx-symbol{width:25px;height:34px}.okx-word{font-size:25px}.okx-word small{font-size:7px;letter-spacing:3px}body.okx-terminal .profile-button{grid-column:2;grid-row:1;justify-self:end;width:auto;min-width:90px;height:44px;padding:0;gap:1px}body.okx-terminal #marketDisclosure{font-size:10px}body.okx-terminal #balance{font-size:17px}body.okx-terminal .deposit{grid-column:3;grid-row:1;font-size:13px;width:110px;height:37px}body.okx-terminal .header-extras,body.okx-terminal .header-spacer{display:none}body.okx-terminal .asset-tabs{grid-column:1/-1;grid-row:2;margin-left:45px;height:46px;max-width:calc(100% - 45px);overflow:auto}body.okx-terminal .asset-tab{height:43px;min-width:140px;border-radius:6px;font-size:11px}body.okx-terminal .add-asset{position:absolute;left:10px;bottom:8px;height:40px;width:37px;background:#111;border:1px solid #333;border-radius:6px;font-size:28px}body.okx-terminal .signup-strip{height:24px;min-height:24px;font-size:9px;padding:0 8px}body.okx-terminal .signup-strip button{font-size:9px;padding:2px}body.okx-terminal .shell{padding-bottom:50px;position:relative}body.okx-terminal .shell>nav{position:absolute;bottom:0;left:0;right:0;width:100%;height:50px;display:flex;z-index:40;background:#0c1113;padding:0;border-top:1px solid #222}body.okx-terminal nav .primary-nav{height:50px;font-size:9px;gap:3px;flex:1}body.okx-terminal nav .primary-nav span,body.okx-terminal nav .primary-nav svg{width:22px;height:22px}body.okx-terminal nav .nav-more{display:none}body.okx-terminal main{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(130px,1fr) auto;overflow:hidden}body.okx-terminal .terminal{grid-column:1;grid-row:1;min-height:130px}body.okx-terminal .chart-tools{height:34px;top:0;left:5px;gap:2px}body.okx-terminal .chart-tools button{height:30px;width:28px;font-size:17px}body.okx-terminal .chart-tools button[data-tool=indicators]{font-size:13px;padding:0 6px}body.okx-terminal #chart{top:36px;height:calc(100% - 36px)}body.okx-terminal .trade-panel{grid-column:1;grid-row:2;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:16px 49px 26px 43px auto;gap:5px 10px;padding:6px 10px;overflow:visible;width:auto;height:auto;border-top:1px solid #222;min-height:0}body.okx-terminal .order-pair{display:none}body.okx-terminal .expiry-label{grid-column:2;grid-row:1}body.okx-terminal .amount-label{grid-column:1;grid-row:1}body.okx-terminal .trade-panel>label{margin:0;text-align:center;font-size:11px}body.okx-terminal .expiry-control{grid-column:2;grid-row:2;height:49px;grid-template-rows:29px 18px;border-radius:6px}body.okx-terminal .value-step{grid-column:1;grid-row:2;height:49px;grid-template-rows:29px 18px;border-radius:6px}body.okx-terminal .value-step input,body.okx-terminal .expiry-button{font-size:16px}body.okx-terminal .value-step button{height:18px;font-size:14px}body.okx-terminal .profit{grid-column:1/-1;grid-row:3;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0;gap:6px}body.okx-terminal .profit small,body.okx-terminal .profit strong,body.okx-terminal .profit b{font-size:14px}body.okx-terminal .profit strong{margin-right:auto}body.okx-terminal .trade{height:43px;min-height:43px;font-size:17px;grid-row:4;border-radius:6px}body.okx-terminal .higher{grid-column:1}body.okx-terminal .lower{grid-column:2}body.okx-terminal .trade svg{width:22px;height:22px}body.okx-terminal .portfolio-dock{grid-column:1/-1;grid-row:5;margin:0;min-height:0}body.okx-terminal .order-tabs button{font-size:12px;padding:6px}body.okx-terminal #positions{max-height:55px}.order-empty{padding:6px;font-size:10px}body.okx-terminal footer{height:21px;min-height:21px;padding:0 6px;gap:4px;font-size:9px}body.okx-terminal footer .footer-right #clock,body.okx-terminal #fullScreen{display:none}.independent-demo{font-size:8px}body.okx-terminal .side-panel{position:absolute;left:0;top:0;bottom:50px;width:min(360px,100%);z-index:60}body.okx-terminal .settings,body.okx-terminal .asset-browser{grid-row:1/-1;grid-column:1;z-index:55;min-height:0;overflow:auto}body.okx-terminal .expiry-menu{position:fixed;top:auto;bottom:210px;left:15px;right:15px;max-height:50vh;overflow:auto}body.okx-terminal .line-palette{top:35px;left:10px}body.okx-terminal .auth-head .brand-lockup{width:160px;height:65px}body.okx-terminal .auth-head .okx-word{font-size:37px}body.okx-terminal .auth-head .okx-symbol{width:42px;height:50px}}
body.okx-terminal #balance{display:inline!important}body.okx-terminal .expiry-step{display:block}body.okx-terminal .value-step>div{position:static;height:auto;border:0}body.okx-terminal .value-step input{height:44px;grid-column:1;padding:0}body.okx-terminal .trade-panel>label{background:none;padding:0}body.okx-terminal .profit strong{margin:0}body.okx-terminal .asset-tab.active{background:#00a269!important}body.okx-terminal .trade.higher{background:#00a76b!important}body.okx-terminal .trade.lower{background:#df4448!important}body.okx-terminal .expiry-button{text-align:center;width:100%}body.okx-terminal .shell{height:auto;min-height:0}body.okx-terminal .logo-mini{font-style:normal}
@media(max-width:760px){body.okx-terminal .value-step input{height:29px;grid-column:1}body.okx-terminal .expiry-step{height:18px;min-height:0}body.okx-terminal .value-step{margin:0}body.okx-terminal .expiry-button{height:29px;padding:0}body.okx-terminal .trade-panel .value-step{grid-template-columns:1fr;grid-template-rows:29px 18px;height:49px;grid-row:2;grid-column:1}}
@media(max-width:760px){body.okx-terminal .shell>nav{flex-direction:row}body.okx-terminal .trade-panel #higher{grid-row:4;grid-column:1}body.okx-terminal .trade-panel #lower{grid-row:4;grid-column:2}body.okx-terminal footer .independent-demo{display:inline!important}body.okx-terminal .profile-button .avatar{display:none!important}body.okx-terminal .trade-panel .profit{grid-row:3}body.okx-terminal .trade-panel .amount-label,body.okx-terminal .trade-panel .expiry-label{grid-row:1}}
@media(min-width:761px) and (max-width:1000px){body.okx-terminal .header-extras{display:none}body.okx-terminal .asset-tab{min-width:120px;width:120px}body.okx-terminal .add-asset{flex-shrink:0}body.okx-terminal .deposit{padding:8px;font-size:14px}}

/* Identidade visual OKX: gradiente tie-dye aplicado aos detalhes da interface. */
body.okx-terminal .brand-art{display:block;width:205px;height:65px;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 0 8px #197dff66)}
body.okx-terminal header .logo-mini,body.okx-terminal .auth-head .brand-lockup{border:0!important;background:transparent!important;box-shadow:none!important;padding:0}
body.okx-terminal .brand-art{mix-blend-mode:screen;opacity:.96}
body.okx-terminal header .logo-mini{width:150px;height:65px;justify-content:flex-start;overflow:hidden;gap:0}
body.okx-terminal header .logo-mini .brand-art{width:150px;height:65px;object-fit:contain;object-position:left center;mix-blend-mode:screen}
@media(min-width:761px){body.okx-terminal header{gap:10px}body.okx-terminal header .logo-mini{width:158px;height:68px;padding:0;align-self:center}body.okx-terminal header .logo-mini .brand-art{width:158px;height:68px;object-fit:contain;object-position:left center}}
body.okx-terminal .auth{background:radial-gradient(circle at 18% 8%,#087cff55,transparent 34%),radial-gradient(circle at 85% 80%,#ff24d455,transparent 38%),#030305}
body.okx-terminal .auth-head{border:0;background:transparent}
body.okx-terminal .auth-head .brand-lockup,body.okx-terminal .auth-head .brand-lockup img{border:0!important;background:transparent!important;box-shadow:none!important}
body.okx-terminal .auth-head .brand-lockup{width:270px;height:92px;justify-content:center;overflow:visible}
body.okx-terminal .auth-head .brand-art{width:260px;height:88px;object-fit:contain;object-position:center}
body.okx-terminal .auth-card{border:1px solid #793cff99;box-shadow:0 0 38px #087cff22}
body.okx-terminal .auth .primary{background:linear-gradient(135deg,#54f5ff,#087cff 42%,#793cff 72%,#ff24d4);border:0;box-shadow:0 8px 24px #793cff44}
body.okx-terminal .auth .auth-tabs .active{color:#54f5ff;border-color:#ff24d4}
body.okx-terminal .auth a,.auth .link-button{color:#54dfff}
body.okx-terminal .auth .trial{border-color:#087cff;color:#54f5ff;background:#087cff12}
body.okx-terminal .auth-card input,body.okx-terminal .auth-card select,body.okx-terminal .auth-card .password,body.okx-terminal .auth-card .google,body.okx-terminal .auth-card .trial{border-color:#087cff!important;box-shadow:none}
body.okx-terminal .auth-card input:focus,body.okx-terminal .auth-card select:focus{border-color:#ff24d4!important;outline:1px solid #793cff}
body.okx-terminal .auth-card .auth-tabs{border-color:#793cff55}
body.okx-terminal .auth-card .auth-tabs button{border-color:transparent;color:#b9dfff}
body.okx-terminal .auth-card .auth-tabs button.active{border-color:#ff24d4;color:#54f5ff}
body.okx-terminal .header-extras .vip-plan,body.okx-terminal .chart-tools button:hover,body.okx-terminal .order-tabs button.active,body.okx-terminal .internal-tabs .active{border-image:linear-gradient(90deg,#54f5ff,#793cff,#ff24d4) 1}
body.okx-terminal .header-extras .language-button,body.okx-terminal .chart-tools button[data-tool=time],body.okx-terminal .chart-tools button[data-tool=lineMenu],body.okx-terminal .internal-link,body.okx-terminal .asset-tab.active{color:#54eaff}
body.okx-terminal .deposit{background:linear-gradient(135deg,#087cff,#793cff 60%,#ff24d4)!important}
body.okx-terminal .trade-panel .profit strong,body.okx-terminal .trade-panel .profit b{background:linear-gradient(90deg,#54f5ff,#793cff,#ff24d4);-webkit-background-clip:text;background-clip:text;color:transparent}
body.okx-terminal .order-progress i{background:linear-gradient(90deg,#54f5ff,#087cff,#ff24d4)}
body.okx-terminal .internal-primary{background:linear-gradient(135deg,#087cff,#793cff,#ff24d4)}
@media(max-width:760px){body.okx-terminal header .logo-mini{width:100px;height:43px;justify-content:center}body.okx-terminal header .logo-mini .brand-art{width:100px;height:43px;object-fit:contain}body.okx-terminal .brand-art{width:92px;height:43px}}
@media(max-width:760px){body.okx-terminal .buy-time{display:flex;top:45px;right:8px;left:auto;z-index:8;background:#050505d9;border:1px solid #293b55;border-radius:4px;color:#dcecff;font-size:9px}body.okx-terminal .buy-time strong{font-size:13px;color:#54f5ff}body.okx-terminal .trade-panel .order-pair{display:block;position:static;height:0;margin:0;padding:0}body.okx-terminal .trade-panel .order-pair-icon,body.okx-terminal .trade-panel .order-pair-name,body.okx-terminal .trade-panel .order-progress{display:none}body.okx-terminal .trade-panel .order-clock{position:fixed;top:146px;right:10px;z-index:12;padding:4px 7px;border:1px solid #293b55;border-radius:4px;background:#050505d9;color:#54f5ff;font-size:11px}}
@media(max-width:760px){body.okx-terminal .auth-head .brand-lockup{width:225px;height:78px}body.okx-terminal .auth-head .brand-art{width:220px;height:74px}}
/* Barra própria deste terminal: os controles adicionais da CM não são exibidos. */
body.okx-terminal .chart-tools button[data-tool=indicators],body.okx-terminal .chart-tools button[data-tool=cursor],body.okx-terminal .chart-tools button[data-tool=draw],body.okx-terminal .chart-tools button[data-tool=zoomOut],body.okx-terminal .chart-tools button[data-tool=zoomIn]{display:none}
body.okx-terminal .chart-tools button[data-tool=lineMenu]{border-left:1px solid #333;border-radius:0;padding-left:15px;width:50px}