body{display:flex;flex-direction:column}header{flex:0 0 52px}.topbar{flex:0 0 48px}main{flex:1;height:auto!important;min-height:0!important;overflow:hidden}.currency{display:flex;align-items:center;gap:7px}.currency select{width:auto;margin:0;padding:6px 8px}.currency label{display:flex;align-items:center;gap:5px;margin:0;white-space:nowrap}.currency input{width:72px;margin:0;padding:6px}.panelLabel{position:absolute;left:8px;top:5px;z-index:5;color:#8d99aa;font-size:10px;pointer-events:none}.workspace{height:100%!important;min-height:0!important;overflow:hidden;display:grid!important;grid-template-rows:minmax(180px,1fr) 80px 100px 34px}#chart,#volume,#rsi{height:auto!important;min-height:0!important;position:relative}#rsi{display:block!important}.replay{height:34px!important;min-height:34px;padding:2px 8px!important;gap:5px!important}.replay button,.replay select{padding:4px 8px!important;height:27px}.replay select{width:auto!important;margin-top:0!important}.replay label{display:flex;align-items:center;margin:0 0 0 3px!important;white-space:nowrap}.pending{margin:8px 0;padding:9px;border:1px solid #715b20;background:#2a2412;border-radius:7px;color:#f5c842;display:flex;justify-content:space-between;align-items:center}.pending button{border:1px solid #715b20;background:transparent;color:#f5c842;border-radius:5px;padding:5px}.liqNote{display:block;color:#7f8b9d;margin:-8px 0 12px}.reviewBadge{position:absolute;left:14px;top:12px;z-index:12;background:#312714e8;border:1px solid #f5c842;color:#f5c842;padding:7px 11px;border-radius:7px;font-size:11px}
#fxWrap.hidden{display:inline-flex!important}
#quickReset{position:fixed;right:18px;bottom:62px;z-index:40;border:1px solid #6b3340;background:#241218;color:#ff9aaa;border-radius:8px;padding:9px 14px;font-weight:700;box-shadow:0 5px 20px #0008}
#quickReset:hover{background:#3a1821;color:#fff}
.zonebox{z-index:9!important;box-shadow:inset 0 0 0 1px #ffffff0a}
body.chart-focus header,body.chart-focus>.topbar,body.chart-focus main>aside,body.chart-focus #maPanel,body.chart-focus #quickReset{display:none!important}
body.chart-focus main{position:fixed!important;inset:0;z-index:100;background:#070a0e}
body.chart-focus .workspace{width:100vw!important;height:100vh!important;grid-template-rows:minmax(240px,1fr) 95px 110px 34px}
body.chart-focus #chart{cursor:zoom-out}
@media(max-width:1100px){main>aside{position:absolute;right:112px;height:100%;width:min(330px,calc(100vw - 112px));box-shadow:-8px 0 30px #000b}main>aside.closed{transform:translateX(calc(100% + 112px))}.workspace{width:100%}#maPanel{right:120px}}
@media(max-width:1200px){#frames button{padding-left:7px;padding-right:7px}.topbar{gap:8px}}
