.showcase-strip{height:36px;padding:0 16px;border-bottom:1px solid #292929;display:flex;align-items:center;justify-content:space-between;background:#141716;color:#aaa;font-size:11px;letter-spacing:.3px}.showcase-brand{display:flex;align-items:center;gap:8px;color:#eee;text-decoration:none;font-weight:650;letter-spacing:2px}.showcase-brand img{width:18px;height:18px}.showcase-brand span{font-weight:400;letter-spacing:.5px;color:#999;margin-left:6px}.showcase-actions{display:flex;gap:16px;align-items:center}.showcase-actions button{font-size:11px;padding:4px 8px;color:#c5d5cf}.demo-marker{display:flex;align-items:center;gap:6px}.demo-marker i{width:5px;height:5px;border-radius:50%;background:#29b99b}.workspace{height:calc(100dvh - 72px)!important}.showcase-strip+header{height:36px}.broker-account{color:#b7c3be!important}.livebadge{color:#00cfa0!important;background:#133029!important}#demoToast{position:fixed;z-index:1000;bottom:28px;left:50%;transform:translateX(-50%);max-width:90vw;padding:12px 20px;border:1px solid #385449;border-radius:10px;background:#19251f;box-shadow:0 12px 35px #0005;color:#cee3d9;font-size:13px}#demoToast[hidden]{display:none}#demoConfirm{width:420px;max-width:calc(100vw - 32px);background:#191919;border:1px solid #444;border-radius:14px;color:#ddd;padding:24px}#demoConfirm h2{margin:0 0 20px;font-size:19px}#demoConfirm p{line-height:1.7}#demoApply{background:#089981;color:white}#showcaseAbout{width:620px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);overflow:auto;background:#171a18;color:#d1d4dc;border:1px solid #3b4540;border-radius:16px;padding:30px;box-shadow:0 25px 100px #0009}#showcaseAbout::backdrop{background:#0009;backdrop-filter:blur(5px)}.showcase-about-top{display:flex;justify-content:space-between;align-items:center}.showcase-about-top span{font:10px monospace;color:#85bfa6;letter-spacing:2px}.showcase-about-top button{font-size:24px;padding:0 8px}#showcaseAbout h1{font-size:32px;line-height:1.25;margin:24px 0 12px;letter-spacing:-.5px}#showcaseAbout p{color:#a7b0ab;line-height:1.9;font-size:13px}.showcase-features{display:grid;grid-template-columns:1fr 1fr;gap:18px 26px;border-top:1px solid #323a35;margin:24px 0;padding-top:24px}.showcase-features h3{font-size:14px;margin:0 0 8px}.showcase-features p{font-size:12px!important;margin:0}.showcase-about-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #323a35;padding-top:18px}.showcase-about-foot a{color:#8ba394;font-size:11px;text-decoration:none}.showcase-about-foot button{background:#089981;color:#fff;padding:10px 18px}.accounttable table{width:100%;text-align:left;border-collapse:collapse}.accounttable th,.accounttable td{padding:9px 12px;border-bottom:1px solid #282828;white-space:nowrap;font-size:12px}.accounttable th{color:#888;font-weight:400}.accounttable td button{font-size:11px;color:#aaa}.broker-summary .broker-account{font-size:12px}.showcase-hint{color:#75847c!important}#accountState{color:#7da58e}#settingsButton,#disconnectButton{display:none!important}
@media(max-width:900px){.showcase-brand span{display:none}.showcase-strip{padding:0 10px}.showcase-actions{gap:5px}.showcase-strip .demo-marker{font-size:10px}.workspace{min-height:0!important}.showcase-features{gap:16px}.broker-panel{overflow:auto}.accounttable table{min-width:680px}}
@media(max-width:600px){.workspace{height:calc(100dvh - 72px)!important}.showcase-brand{font-size:10px}.showcase-actions button{font-size:10px}.showcase-strip{gap:4px}#showcaseAbout{padding:22px}.showcase-features{grid-template-columns:1fr}#showcaseAbout h1{font-size:26px}#chartLayoutGrid{min-width:0}}
@media(max-width:700px){body{height:auto!important;overflow:auto!important}.workspace{display:flex!important;flex-direction:column!important;height:auto!important}.workspace>main{order:1;width:100%;height:calc(100dvh - 72px);min-height:620px}.workspace>aside{order:2;position:relative!important;width:100%!important;height:520px!important;min-height:0!important;border-top:1px solid #363636}header.single-line-header{padding:0 8px;gap:4px}.compact-chart-topbar{gap:6px!important}.compact-chart-topbar .market-title{min-width:0!important;flex:0 1 auto!important}.compact-chart-topbar .market-title h1{font-size:12px!important}.compact-chart-topbar .quote{min-width:0!important;flex:1 1 auto!important;gap:4px!important}.compact-chart-topbar .quote #price{font-size:12px!important}.compact-chart-topbar #quoteDailyAmount,.compact-chart-topbar #change,.compact-chart-topbar #periods,#accountButton,#status,#fit,#resetLayout,#refresh{display:none!important}.compact-chart-topbar .toolbar{flex:0 0 auto!important;gap:2px!important}#periodMenu{padding:5px 8px!important}.broker-summary{flex-wrap:nowrap!important;overflow:auto!important}.broker-summary>div{flex-shrink:0}.showcase-strip .showcase-brand span{display:none}#chartLayoutGrid{height:100%}}