.account-tag{border:1px solid #f3ce6855;border-radius:20px;color:#ffe09a;font-size:10px;padding:6px 12px;background:#ffdc6a0c}.account-balance{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.account-balance>div{padding:20px;background:linear-gradient(135deg,#292037,#15131f);border:1px solid #3a2b4b;border-radius:14px}.account-balance small{display:block;font-size:10px;color:#ae9dbc}.account-balance strong{display:block;font-size:25px;margin-top:8px;color:#ded1f7;font-variant-numeric:tabular-nums}.account-balance>div:first-child{border-color:#a989ef66}.account-balance>div:first-child strong{color:#cfb3ff}.tradfi-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:14px}#metal-chart{height:480px}.side-tabs{margin-top:20px}#quote-status{font-size:11px;color:#bba7cc;padding:9px 14px}.guide p{font-size:12px;color:#ad9bbe}.account-balance strong.positive{color:#6bdfca}.account-balance strong.negative{color:#ff657f}@media(max-width:760px){.tradfi-grid{grid-template-columns:1fr}.account-balance{grid-template-columns:1fr 1fr}.account-balance>div{padding:14px}.account-balance strong{font-size:21px}.account-tag{display:none}#metal-chart{height:390px}.tradfi-grid .order-panel{grid-column:auto;grid-row:auto}}
[hidden]{display:none!important}#metal-tv{height:560px;width:100%;background:#13111b}.metal-chart-tabs{display:flex;gap:8px;padding:10px 14px;border-bottom:1px solid #34263f;flex-wrap:wrap}.metal-chart-tabs button{font-size:11px}.metal-chart-tabs .active{background:#b48aff22;color:#d5b6ff;border-color:#ae86e9}#tv-status,.quote-caption{font-size:11px;color:#b5a2ca;padding:9px 14px;margin:0}.quote-caption{color:#ebd7a7}@media(max-width:760px){#metal-tv{height:550px}}
.metal-stage{position:relative;min-height:390px}#chart-empty{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:35px;background:#13111beb;color:#d0b6f2;font-size:13px;pointer-events:none}
.chart-tool-row{display:flex;gap:12px;align-items:center;padding:10px 14px;flex-wrap:wrap;border-bottom:1px solid #34263f;font-size:11px;color:#c5b2dc}.chart-tool-row label{display:flex;align-items:center;gap:5px}.chart-tool-row input[type=number]{width:45px;padding:4px;color:#eee;background:#21172e;border:1px solid #493454;border-radius:5px}.chart-tool-row input[type=color]{width:28px;height:24px;padding:0;border:0}.chart-tool-row button{font-size:10px;padding:6px 9px}.chart-tool-row details[open]{display:flex;gap:12px;flex-wrap:wrap}.ohlc{padding:9px 14px;color:#d4c6e8;font:10px ui-monospace,monospace}.tool-status{padding:5px 14px 9px;color:#a79ab8;font-size:10px}#workspace:fullscreen{display:flex;flex-direction:column;background:#13111b}#workspace:fullscreen .metal-stage{flex:1;min-height:0}#workspace:fullscreen #metal-chart{height:100%}#metal-chart{height:520px}@media(max-width:760px){#metal-chart{height:430px}.chart-tool-row{gap:9px}.controls{align-items:center}.controls select{max-width:240px}}
