/* X-Trader v2.0.0 — TradingView-inspired readability + live-core layer */
:root{--font-ui:-apple-system,BlinkMacSystemFont,"Trebuchet MS",Roboto,Ubuntu,"Segoe UI",Arial,sans-serif;--font-num:var(--font-ui)}
html,body{font-family:var(--font-ui);font-size:13px;line-height:1.4;letter-spacing:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,input,select{font-family:var(--font-ui)}
.app{grid-template-rows:60px minmax(0,1fr)}.topbar{gap:11px;padding:0 11px}.brand{min-width:226px}.brandcopy b{font-size:19px;font-weight:650;letter-spacing:.25px}.brandcopy span{font-size:7px;letter-spacing:4px}
.demo,.build-version{font-size:9px}.demo.live-badge{border-color:#147f62;background:#071914;color:#35d6a6}.nav button{height:34px;padding:0 11px;font-size:11px;font-weight:500}.kyc{font-size:9px;padding:4px 8px}
.metric small{font-size:8px;letter-spacing:.4px}.metric strong{font-family:var(--font-ui);font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}
.terminal{grid-template-columns:210px minmax(620px,1fr) 274px;grid-template-rows:minmax(0,1fr) 294px}.terminal.watch-hidden{grid-template-columns:0 minmax(620px,1fr) 274px}
.watch-head{height:38px;font-size:10px;padding:0 9px}.watch-row{height:74px;padding:9px 9px 8px}.wtop{font-size:11px;font-weight:600}.wmid{font-family:var(--font-ui);font-size:10px;margin-top:7px;font-variant-numeric:tabular-nums}.wlow{font-family:var(--font-ui);font-size:9px;margin-top:5px;font-variant-numeric:tabular-nums}
.chart-shell{grid-template-rows:41px minmax(0,1fr) 36px}.chart-top{padding:0 9px;gap:3px}.chart-button,.chart-select{height:30px;padding:0 9px;font-size:11px}.chart-info{left:11px;top:9px;font-size:11px}.chart-info span{font-family:var(--font-ui);font-size:10px;font-variant-numeric:tabular-nums}.price-badge{font-family:var(--font-ui);font-size:10px;padding:3px 7px;font-variant-numeric:tabular-nums}.cross-label{font-family:var(--font-ui);font-size:9px;font-variant-numeric:tabular-nums}.chart-bottom{font-size:10px;padding:0 10px}.range-buttons button{font-size:10px}.chart-status{font-family:var(--font-ui);font-variant-numeric:tabular-nums}
.tv-chart-container{position:absolute;inset:0;display:none;background:#0b0f14;z-index:3}.tv-chart-container>iframe,.tv-chart-container>div{width:100%!important;height:100%!important}
.ticket-head{height:50px;padding:8px 11px}.ticket-title{font-size:10px}.pair{font-size:11px;margin-top:7px}.oneclick{font-size:9px;padding:4px 8px}.ticket-body{padding:11px}.order-tabs button{height:31px;font-size:10px}.field{margin-top:12px}.field label{font-size:9px;margin-bottom:6px}.field input{height:34px;font-family:var(--font-ui);font-size:11px;font-variant-numeric:tabular-nums}.summary{margin-top:12px;padding:8px 0}.sumrow{font-size:10px;padding:4px 0}.sumrow b{font-family:var(--font-ui);font-size:10px;font-variant-numeric:tabular-nums}.trade-row{grid-template-columns:1fr 80px 1fr;gap:6px;margin-top:11px}.sell,.buy{height:42px;font-size:10px;font-weight:700}.sell span,.buy span{font-family:var(--font-ui);font-size:10px;font-variant-numeric:tabular-nums}.qty{grid-template-columns:24px 1fr 24px}.qty button,.qty span{font-size:10px}.qty span{font-family:var(--font-ui);font-variant-numeric:tabular-nums}.ticket-note{font-size:9px;line-height:1.45}
.bottom{grid-template-rows:40px minmax(0,1fr)}.bottom-tabs{gap:24px;padding:0 11px}.bottom-tab{height:40px;font-size:10px}.emptyicon{width:38px;height:38px}.empty b{font-size:11px}.empty p{font-size:10px}.data-table{font-size:10px}.data-table th{height:34px;font-size:9px}.data-table td{font-family:var(--font-ui);font-size:10px;font-variant-numeric:tabular-nums}
.chart-area{background:#0b0f14}.chart-top,.chart-bottom{background:#0a0f14}.watchlist,.ticket,.bottom{background:#0c1117}.watch-row:hover{background:#111820}.watch-row.selected{background:#121a22}
.session-panel{position:fixed;top:54px;right:10px;z-index:120;width:250px;display:none;background:#0e141a;border:1px solid #28343e;border-radius:7px;box-shadow:0 14px 34px rgba(0,0,0,.38);padding:11px}.session-panel.open{display:block}.session-title{font-size:9px;font-weight:650;letter-spacing:.45px;color:#87939c;padding-bottom:8px;border-bottom:1px solid #202a33}.session-state{font-size:10px;color:#d7dde3;padding:9px 0}.session-login{display:grid;gap:7px}.session-login input{height:32px;border:1px solid #26323b;border-radius:4px;background:#090e13;color:#e2e7ea;padding:0 8px;font-size:10px;outline:0}.session-login input:focus{border-color:#35636d}.session-login button,.session-logout{height:31px;border:1px solid #246b72;border-radius:4px;background:#0a1c20;color:#55dce5;font-size:9px;font-weight:650}.session-logout{display:none;width:100%;border-color:#60303a;background:#1b0d11;color:#f08a96}
@media(max-width:1450px){.terminal{grid-template-columns:198px minmax(560px,1fr) 260px}.terminal.watch-hidden{grid-template-columns:0 minmax(560px,1fr) 260px}.nav button{padding:0 9px;font-size:10px}.metrics{gap:12px}}
@media(max-width:1180px){.brand{min-width:195px}.terminal{grid-template-columns:188px minmax(500px,1fr) 238px}.terminal.watch-hidden{grid-template-columns:0 minmax(500px,1fr) 238px}.nav button{padding:0 7px;font-size:10px}.metrics .metric:nth-child(n+4){display:none}}
@media(max-width:900px){html,body{overflow:auto}.app{height:auto;min-height:100vh;display:block}.topbar{min-height:60px;height:auto;flex-wrap:wrap;padding:9px 10px}.brand{min-width:auto}.nav{order:3;width:100%;overflow-x:auto;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.terminal{display:flex;flex-direction:column;min-height:0}.watchlist{height:250px;border-right:0;border-bottom:1px solid var(--line)}.watch-collapse{display:none}.chart-shell{height:560px;border-right:0}.ticket{height:auto;border-top:1px solid var(--line)}.bottom{height:340px;grid-column:auto}.session-panel{top:58px;right:8px;width:min(250px,calc(100vw - 16px))}}