.dashboard-page .dashboard-shell{width:calc(100% - 40px);max-width:1920px}
@media(min-width:1000px){.dashboard-page .dashboard-grid{grid-template-columns:240px minmax(0,1fr)}}
.dashboard-page #dashboardLiveChart{height:clamp(620px,78vh,1120px);box-sizing:border-box}
.chart-expand-control{white-space:nowrap;box-shadow:0 2px 12px rgba(0,0,0,.35)}
body.chart-expanded{overflow:hidden}
.dashboard-chart-card.is-expanded{position:fixed;inset:0;z-index:9000;display:flex;flex-direction:column;gap:8px;border:0;border-radius:0;padding:12px;background:#061b13;height:100vh;height:100dvh;width:100%;box-sizing:border-box}
.is-expanded .chart-display-controls{flex:0 0 auto;max-height:26vh;overflow:auto;overscroll-behavior:contain;padding-right:4px;scrollbar-width:thin}
.is-expanded #dashboardLiveChart{flex:1 1 0;min-height:120px;height:auto;margin:0;width:100%;border-radius:8px}
.is-expanded .dashboard-card-head{margin-bottom:6px}
.is-expanded .dashboard-card-head h2{font-size:20px;margin:0}
.is-expanded .dashboard-label{display:none}
.is-expanded .indicator-picker,.is-expanded .applied-indicators{margin:4px 0}
.is-expanded #historyStatus,.is-expanded #indicatorAccessNote,.is-expanded #indicatorLegend{margin:4px 0;min-height:0!important;font-size:12px}
.is-expanded #loadEarlierCandles{padding:6px 10px;margin-top:4px}
.is-expanded .chart-display-controls .btn{padding:7px 12px}
.chart-expand-control:focus-visible{outline:2px solid #38d77d;outline-offset:3px}
@media(max-width:600px){.dashboard-page .dashboard-shell{width:calc(100% - 20px)}.dashboard-page #dashboardLiveChart{height:65vh;min-height:360px}.dashboard-chart-card.is-expanded{padding:8px}.is-expanded #dashboardLiveChart{height:auto;min-height:120px}.is-expanded .chart-display-controls{max-height:40vh}.is-expanded .dashboard-card-head{flex-wrap:wrap;gap:6px}.chart-expand-control{font-size:12px;padding:7px 10px}}

.dashboard-page .dashboard-main,.dashboard-page .dashboard-chart-card{min-width:0;max-width:100%;box-sizing:border-box}
.dashboard-page #dashboardLiveChart{min-width:0;width:100%;overflow:hidden}
.dashboard-chart-card .dashboard-card-head{flex-wrap:wrap;gap:12px}
.dashboard-page #dashboardLiveChart{position:relative}
.chart-drawings-root{position:absolute;inset:8px auto 8px 8px;z-index:30;display:flex;flex-direction:column;align-items:flex-start;gap:8px;pointer-events:none;font:13px Arial,sans-serif;color:#202124}
.chart-drawings-toolbar{display:flex;flex-direction:column;gap:3px;padding:4px;background:#fff;border:1px solid #d7d9dc;border-radius:6px;box-shadow:0 2px 8px #0002;pointer-events:auto}
.drawing-button{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:4px;background:#fff;color:#30343b;font-size:22px;cursor:pointer}
.drawing-button:hover,.drawing-button[aria-pressed="true"]{background:#eef2f5;color:#1677ff}
.drawing-tool-main{border-bottom:1px solid #e4e6e9;margin-bottom:3px}
.drawing-toolbar-separator{height:1px;background:#e1e3e6;margin:4px 2px}
.drawing-danger:hover{background:#fff0f0;color:#d63333}
.drawing-tool-group{position:relative}
.drawing-tool-group-button{font-size:20px}
.drawing-popover{position:absolute;left:43px;top:0;z-index:50;display:flex;flex-direction:column;gap:2px;width:min(265px,calc(100vw - 90px));max-height:min(70vh,620px);overflow:auto;padding:7px;background:#fff;border:1px solid #d7d9dc;border-radius:6px;box-shadow:0 8px 24px #0003;color:#202124}
.drawing-popover strong{padding:8px 10px;border-bottom:1px solid #e5e7eb}
.drawing-popover>button{border:0;border-radius:4px;background:#fff;text-align:left;padding:9px 10px;color:#202124;font:14px Arial,sans-serif;cursor:pointer}
.drawing-popover>button:hover{background:#edf3ff;color:#145dcc}
.drawing-popover select{padding:8px;border:1px solid #ccd0d5;border-radius:4px;background:white}
.drawing-inspector{pointer-events:auto;display:flex;align-items:center;gap:7px;flex-wrap:wrap;max-width:260px;padding:8px;background:#fff;border:1px solid #d7d9dc;border-radius:6px;box-shadow:0 2px 8px #0002;color:#202124}
.drawing-inspector[hidden]{display:none}
.drawing-inspector strong{width:100%}
.drawing-inspector input[type=text]{width:140px;max-width:100%;padding:5px}
.drawing-inspector select,.drawing-inspector button{padding:5px;border:1px solid #d7d9dc;border-radius:4px;background:white;color:#202124}
.drawing-tool-status{position:absolute;left:48px;bottom:0;padding:5px 8px;border-radius:4px;background:#fff;color:#30343b;white-space:nowrap;pointer-events:none;font-size:12px}
.chart-drawings-root[data-active-tool="cursor"] .drawing-tool-status:empty{display:none}
.dashboard-page #historyStatus,.dashboard-page #indicatorAccessNote,.dashboard-page #indicatorLegend{display:none!important}
.dashboard-page #buzzProReport>p:first-child{display:none!important}
@media(max-width:600px){.chart-drawings-root{inset:6px auto 6px 5px}.chart-drawings-toolbar{gap:2px;padding:3px}.drawing-button{width:34px;height:34px;font-size:19px}.drawing-popover{left:38px}}
.dashboard-page #historyStatus,.dashboard-page #indicatorAccessNote,.dashboard-page #indicatorLegend{display:none!important}
.dashboard-page #buzzProReport>p:first-child{display:none!important}
@media(max-width:600px){.dashboard-page #dashboardLiveChart{height:75vh;min-height:420px}}

/* Clear, TradingView-inspired drawing controls and tool picker. */
.chart-drawings-toolbar{gap:2px;padding:5px;background:#fff;border:1px solid #d5d8dc;border-radius:7px;box-shadow:0 3px 12px rgba(0,0,0,.24)}
.drawing-button{width:42px;height:42px;color:#242a31;font-size:0;transition:background-color .12s,color .12s}
.drawing-button .drawing-icon{display:grid;place-items:center;width:24px;height:24px}
.drawing-button svg,.drawing-menu-icon svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.drawing-button:hover,.drawing-button:focus-visible,.drawing-button[aria-pressed="true"]{background:#edf2f7;color:#1677ff;outline:none}
.drawing-tool-group-button[aria-haspopup="menu"]:after{content:"";position:absolute;right:4px;bottom:4px;width:0;height:0;border:3px solid transparent;border-right-color:#8b9299;border-bottom-color:#8b9299}
.drawing-tool-group-button{position:relative}
.drawing-popover{left:48px;width:min(290px,calc(100vw - 100px));gap:2px;padding:6px;border-color:#d5d8dc;border-radius:7px;box-shadow:0 8px 26px rgba(0,0,0,.24)}
.drawing-popover strong{padding:9px 11px;color:#666e76;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.drawing-popover>button{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:40px;padding:7px 10px;font:14px Arial,sans-serif;color:#242a31}
.drawing-menu-icon{display:grid;place-items:center;width:22px;height:22px;color:#4b535c}
.drawing-menu-icon svg{width:19px;height:19px}
.drawing-popover>button:hover,.drawing-popover>button:focus-visible{background:#eef3f8;color:#145dcc;outline:none}
.drawing-popover kbd{padding:2px 5px;border-radius:3px;color:#8b9299;background:transparent;font:12px Arial,sans-serif;white-space:nowrap}
.drawing-toolbar-separator{height:1px;margin:5px 2px;background:#e1e4e8}
.drawing-inspector{border-color:#d5d8dc;border-radius:7px}
@media(max-width:600px){.drawing-button{width:38px;height:38px}.drawing-popover{left:43px;width:min(270px,calc(100vw - 90px))}}

/* Responsive dashboard layout for laptop, tablet, and phone screens. */
.dashboard-page .dashboard-shell{width:min(1920px,calc(100% - clamp(24px,4vw,72px)));padding:clamp(18px,3vw,42px) 0 56px}
.dashboard-page .dashboard-grid{grid-template-columns:minmax(210px,240px) minmax(0,1fr);gap:clamp(12px,1.5vw,24px)}
.dashboard-page .dashboard-main,.dashboard-page .dashboard-sidebar,.dashboard-page .dashboard-chart-card{min-width:0}
.dashboard-page .dashboard-chart-card{padding:clamp(12px,1.4vw,22px)}
.dashboard-page .dashboard-card-head{align-items:flex-start;flex-wrap:wrap;gap:12px}
.dashboard-page .dashboard-timeframes{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px;max-width:100%}
.dashboard-page #dashboardLiveChart{height:clamp(480px,68vh,820px);min-height:0;width:100%;}
.dashboard-page .indicator-picker{gap:8px!important;margin:10px 0!important;min-width:0}
.dashboard-page .indicator-picker label{max-width:100%;font-size:clamp(11px,1vw,13px);line-height:1.35}
.dashboard-page .indicator-picker .btn{min-height:40px}
.dashboard-chart-card.is-expanded #dashboardLiveChart{flex:1 1 0;min-height:180px;height:auto}
.dashboard-chart-card.is-expanded .indicator-picker{max-height:22vh;overflow:auto;overscroll-behavior:contain}

@media(max-width:1100px){
 .dashboard-page .dashboard-grid{grid-template-columns:minmax(190px,220px) minmax(0,1fr)}
 .dashboard-page #dashboardLiveChart{height:clamp(440px,66vh,700px)}
 .dashboard-page .dashboard-card{padding:16px}
}
@media(max-width:900px){
 .dashboard-page .dashboard-grid{grid-template-columns:minmax(0,1fr)}
 .dashboard-page .dashboard-main{order:1}
 .dashboard-page .dashboard-sidebar{order:2;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
 .dashboard-page .dashboard-topbar{align-items:flex-start;gap:14px;margin-bottom:18px}
 .dashboard-page .dashboard-topbar h1{font-size:clamp(30px,5vw,46px)}
 .dashboard-page #dashboardLiveChart{height:clamp(420px,65vh,680px)}
}
@media(max-width:640px){
 .dashboard-page .dashboard-shell{width:calc(100% - 20px);padding:14px 0 32px}
 .dashboard-page .dashboard-topbar{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:14px}
 .dashboard-page .dashboard-topbar h1{font-size:clamp(28px,8vw,38px);line-height:1.06}
 .dashboard-page .dashboard-plan-card{min-width:0;width:100%;padding:10px 14px}
 .dashboard-page .dashboard-grid{gap:12px}
 .dashboard-page .dashboard-sidebar{grid-template-columns:minmax(0,1fr);gap:12px}
 .dashboard-page .dashboard-card{padding:12px;border-radius:14px}
 .dashboard-page .dashboard-card-head{flex-direction:column;align-items:stretch;gap:10px}
 .dashboard-page .dashboard-card-head h2{font-size:21px}
 .dashboard-page .dashboard-timeframes{justify-content:flex-start;width:100%}
 .dashboard-page #showLoadedHistory{flex:1 1 100%;min-height:38px}
 .dashboard-page .dashboard-timeframe{flex:1 1 0;min-width:0;padding:8px 9px}
 .dashboard-page .indicator-picker{gap:7px!important;margin:8px 0!important}
 .dashboard-page .indicator-picker label{font-size:11px}
 .dashboard-page .indicator-picker .btn{flex:1 1 auto;padding:9px 11px}
 .dashboard-page #dashboardLiveChart{height:clamp(340px,60svh,540px);min-height:340px;border-radius:12px}
 .dashboard-chart-card.is-expanded{padding:8px}
 .dashboard-chart-card.is-expanded #dashboardLiveChart{height:auto;min-height:160px}
 .dashboard-chart-card.is-expanded .indicator-picker{max-height:18vh}
}
@media(max-width:640px) and (orientation:landscape){
 .dashboard-page #dashboardLiveChart{height:62dvh;min-height:260px}
 .dashboard-chart-card.is-expanded .indicator-picker{max-height:12vh}
}