/* SCALPCRYPTOO controls, palette tokens and reusable chart overlay. */
:root{--font-mono:'JetBrains Mono',Consolas,monospace;--control-shadow:2px 3px 7px #0005,-1px -1px 3px #ffffff04,inset 0 1px 0 #ffffff12,inset 0 -1px 0 #0004}
body,button,input,select,.theme-options .theme-option,#workspaceTabs button{font-family:Inter,'Segoe UI',sans-serif}.num,.mini-sym,.csym,.mini-metrics,.ohlc,.chart-metrics,.radar-list button{font-family:var(--font-mono);font-variant-numeric:tabular-nums}
.nav-btn,.hright .terminal-button,.hright .sel-h,.scr-btn,.grid-choices button,.mini-timeframes button,.seg button,.indbtn,.fsbtn,.workspace-settings>summary,.workspace-controls>select,.mini-indicator-button,.mini-expand,.dtools button,.mini-tools button{border-radius:8px!important;border:1px solid color-mix(in srgb,var(--line) 88%,white 12%);background:linear-gradient(145deg,color-mix(in srgb,var(--glass) 90%,white 10%),var(--glass));box-shadow:var(--control-shadow);color:var(--muted)}
.nav-btn:hover,.scr-btn:hover,.grid-choices button:hover,.mini-timeframes button:hover,.seg button:hover,.dtools button:hover,.mini-tools button:hover,.mini-indicator-button:hover,.mini-expand:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:var(--bg3)}
.nav-btn.on,.scr-btn.on,.grid-choices button.on,.mini-timeframes button.on,.seg button.on,.dtools button.on,.mini-tools button.on{border:1px solid var(--accent);color:var(--text);background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 27%,var(--glass)),var(--surface-active));box-shadow:inset 0 1px 0 #ffffff24,inset 0 -1px 2px #0004,0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent),0 0 10px color-mix(in srgb,var(--accent) 20%,transparent)}
.scr-btn:active,.seg button:active,.grid-choices button:active{box-shadow:inset 2px 2px 5px #0007;transform:translateY(1px)!important}.nav-btn{height:34px}.scr-filters,.mini-timeframes,.seg{background:transparent;padding:0;gap:5px}.scr-btn{height:32px}.mini-timeframes button{height:28px;min-width:30px;font-family:var(--font-mono)}.seg{width:auto;flex:0 1 auto!important}.chart-controls{justify-content:flex-start}.seg button{height:34px;min-width:42px}.chart-controls .indbtn{margin-left:auto}
.mini-head{padding:5px 7px}.mini-left{gap:6px}.mini-sym{cursor:copy}.mini-sym:hover,#csym:hover,.pair .nm:hover{color:var(--accent)}.mini-expand{width:30px;height:30px;padding:5px}.mini-indicator-button{display:grid;place-items:center;width:30px;height:30px;padding:5px;cursor:pointer}.mini-indicator-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.mini-left-actions{gap:5px}.mini-left-actions .open-chart-btn,.mini-left-actions .favorite-flag{display:none}.mini-left-actions .mini-expand{display:grid;place-items:center}.mini-tools{display:flex!important;flex-direction:column;gap:5px;width:38px;flex:0 0 38px;padding:6px 3px;background:var(--glass);border-right:1px solid var(--line)}.mini-tools button{width:30px;height:30px;padding:5px;display:grid;place-items:center;cursor:pointer}.mini-tools button svg{height:19px;width:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.mini-metrics{top:49px;left:45px}.mini-metrics span{font-size:9px}.mini-card{border-radius:8px}.mini-indicators{z-index:12;border-radius:8px;background:var(--glass);box-shadow:0 12px 28px #0007}.mini-body{overflow:hidden}.mini-cv-wrap{min-height:0;min-width:0}.mini-status{z-index:4}.mini-status:empty{display:none}
/* A single expand action, indicators and bookmarks remain in compact headers. */
.mini-left-actions .favorite-flag{display:inline-grid;width:24px;height:28px;padding:3px}.mini-left-actions{gap:3px}
#sidebarToggle,.csym .perp{display:none}.pair .nm,#csym{cursor:copy}.dtools{padding:7px 4px;gap:6px;width:50px}.dtools button{width:40px;height:40px}.dtools button svg{width:23px;height:23px}.chart-quote>.num{font:500 16px var(--font-mono)}
.chart-overlay{position:fixed;inset:0;margin:auto;width:calc(100vw - 64px);height:calc(100dvh - 64px);max-width:1800px;max-height:1200px;padding:0;border:1px solid var(--line);border-radius:12px;color:var(--text);background:var(--chart);overflow:hidden;box-shadow:0 30px 100px #000a;overscroll-behavior:contain}.chart-overlay::backdrop{background:#03060bc9}.chart-overlay[open]{display:flex;flex-direction:column;animation:chart-reveal .18s ease-out}.chart-overlay-bar{display:flex;align-items:center;justify-content:space-between;flex:none;height:38px;padding:0 10px 0 15px;background:var(--glass);border-bottom:1px solid var(--line);font:500 12px var(--font-mono)}.chart-overlay-bar button{width:28px;height:28px;border:1px solid var(--line);border-radius:7px;background:var(--bg3);color:var(--text);font-size:22px;cursor:pointer}#chartOverlayHost{flex:1;min-height:0;display:flex}.chart-overlay .in-chart-overlay{margin:0!important;width:100%;height:100%!important;flex:1;min-height:0;border:0;border-radius:0}.chart-overlay .mini-head{padding:7px 12px}.chart-overlay .mini-metrics{top:52px;left:60px}.chart-overlay .mini-tools{width:50px;flex-basis:50px;padding:8px 5px;gap:8px}.chart-overlay .mini-tools button{width:40px;height:40px}.chart-overlay .mini-tools button svg{width:23px;height:23px}.chart-overlay .mini-metrics span{font-size:11px}.chart-overlay .mini-expand{display:none}.chart-overlay .mini-head .favorite-flag{display:inline-grid}.chart-overlay .mini-cv-wrap{height:auto}.chart-overlay .mini-timeframes button{height:30px;min-width:38px}
@keyframes chart-reveal{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
.price-alert-control{position:absolute;z-index:6;width:24px;height:24px;padding:0;display:grid;place-items:center;border:1px solid var(--accent);border-radius:50%;background:var(--glass);color:var(--accent);font:500 21px Inter,sans-serif;box-shadow:0 0 8px color-mix(in srgb,var(--accent) 20%,transparent);cursor:pointer}.price-alert-control[hidden]{display:none}.price-alert-control:hover{color:var(--chart);background:var(--accent)}
#viewMarket{background:radial-gradient(ellipse at 28% 40%,#102136 0%,#0B101A 60%);border-color:#21334B}.market-view-head h2{color:#F3F4F6}.density-radar{border-radius:12px;background:radial-gradient(circle at center,#11283A 0%,#0C1725 46%,#0B101A 72%)}.radar-ring{stroke:#31526A;opacity:.5}.radar-caption{fill:#7297AE}.radar-point circle{fill:url(#density-bid-core);stroke:#52CAED;stroke-width:1.5}.radar-point.ask circle{fill:url(#density-ask-core);stroke:#FBBF24}.radar-point .density-halo{fill:url(#density-bid-halo);stroke:none;pointer-events:none}.radar-point.ask .density-halo{fill:url(#density-ask-halo);stroke:none}.radar-point.selected circle:not(.density-halo),.radar-point:hover circle:not(.density-halo){stroke:#F3F4F6;stroke-width:2}.radar-point text{fill:#D7E7F1;stroke:#0B101A}.radar-detail{border-color:#21334B}.radar-detail h3{color:#F3F4F6}.radar-detail p{color:#94AABD}.radar-list button{color:#A3BCD0;border-color:#21334B;padding:10px 8px;border-radius:5px}.radar-list button:hover{color:#E1F6FF;background:#142A3D}
.global-toast.show{z-index:200;pointer-events:none}
@media(max-width:1250px){.mini-timeframes button{min-width:25px;padding:0 3px}.mini-sym{font-size:11px}.mini-left-actions{gap:3px}.mini-indicator-button,.mini-expand{width:28px}.mini-left{gap:4px}}
@media(max-width:760px){.chart-overlay{width:calc(100vw - 12px);height:calc(100dvh - 12px);border-radius:9px}.mini-timeframes button{min-width:22px;font-size:9px}.mini-left-actions .mini-indicator-button{width:25px}.mini-tools{width:32px;flex-basis:32px;padding:5px 2px}.mini-tools button{width:26px;height:28px}.mini-metrics{left:39px}.mini-sym svg{width:15px;height:15px}}
@media(prefers-reduced-motion:reduce){.chart-overlay[open]{animation:none}}
/* Compact controls and a fixed three-column workspace. */
#sidebarToggle{display:grid;width:30px;height:30px;place-items:center;border:1px solid var(--line);border-radius:5px;background:var(--glass);color:var(--muted);cursor:pointer}#sidebarToggle:hover{color:var(--text);background:var(--bg3)}#sidebarToggle svg{width:18px;height:18px;transition:transform .26s ease}#sidebarToggle.on svg{transform:rotate(180deg)}
@media(min-width:761px){#viewCoins.sidebar-motion-ready{grid-template-columns:minmax(0,var(--sidebar-reveal,clamp(340px,var(--sidebar-width,46%),calc(100% - 326px)))) var(--splitter-reveal,6px) minmax(320px,1fr)!important;min-width:0}#viewCoins.sidebar-motion-ready>.leftcol{display:flex!important;min-width:0;overflow:hidden;opacity:1;transform:translateX(0);transition:opacity .2s ease,transform .26s ease}#viewCoins.sidebar-motion-ready>.leftcol>.search,#viewCoins.sidebar-motion-ready>.leftcol>.panel{min-width:340px;flex-shrink:0}#viewCoins.sidebar-motion-ready>.splitter{display:block;min-width:0;width:100%;overflow:hidden}#viewCoins.sidebar-motion-ready>.chart{margin-left:0}#viewCoins.sidebar-motion-ready.sidebar-collapsed>.leftcol{opacity:0;transform:translateX(-12px);pointer-events:none}#viewCoins.sidebar-motion-ready.sidebar-collapsed:not(.sidebar-animating)>.leftcol{visibility:hidden}#viewCoins.sidebar-animating>.splitter{pointer-events:none}}
@media(prefers-reduced-motion:reduce){#viewCoins.sidebar-motion-ready>.leftcol,#sidebarToggle svg{transition:none}}
html[data-palette=peach] #notificationCount{background:#B51A2B;color:#FFF}html[data-palette=peach] #notificationsDialog{background:linear-gradient(140deg,#242F49,#541A2E)}
:root{--control-shadow:0 1px 2px #0003,inset 0 1px 0 #ffffff08}
.nav-btn,.hright .terminal-button,.hright .sel-h,.scr-btn,.grid-choices button,.mini-timeframes button,.seg button,.indbtn,.fsbtn,.workspace-settings>summary,.workspace-controls>select{border-radius:6px!important;box-shadow:var(--control-shadow);background:var(--glass)}
.nav-btn.on,.scr-btn.on,.grid-choices button.on,.mini-timeframes button.on,.seg button.on,.dtools button.on,.mini-tools button.on{box-shadow:inset 0 1px 0 #ffffff0a;border-color:color-mix(in srgb,var(--accent) 65%,var(--line));background:var(--surface-active)}
.nav-btn,.hright .terminal-button,.hright .sel-h{height:30px}.scr-btn{height:28px}.mini-timeframes button{height:24px}.seg button{height:30px}.screener-grid{grid-template-columns:repeat(3,minmax(280px,1fr))!important}.mini-period{display:block!important;flex-shrink:0;width:52px;max-width:52px;height:26px;font:10px var(--font-mono);padding:0 3px;background:var(--glass);color:var(--text);border:1px solid var(--line);border-radius:5px}.mini-timeframes{gap:3px}.mini-left{gap:4px}.mini-left-actions{gap:2px}.mini-sym{min-width:0;max-width:112px;flex-shrink:1}.mini-sym>span{overflow:hidden;text-overflow:ellipsis}.mini-timeframes button{min-width:25px;padding:0 3px}.mini-head{overflow:hidden}.mini-indicator-button,.mini-expand{width:26px;height:28px}.mini-left-actions .favorite-flag{width:22px}
html[data-language=ru] .mini-vol:before{content:'Объем 24ч '}.mini-vol:before{content:'Volume 24h '}.mini-change:before{content:'Change 24h '}html[data-language=ru] .mini-change:before{content:'Изм. 24ч '}
.free-pro-card{grid-column:span 2;display:flex;align-items:center;justify-content:center;gap:24px;padding:24px;border:1px solid var(--line);border-radius:8px;background:var(--glass);color:var(--text)}.free-pro-card[hidden]{display:none!important}.free-pro-card b{font-size:15px;font-weight:500}.free-pro-card p{margin-top:8px;color:var(--muted);font-size:12px}.free-pro-card button{height:34px;padding:0 14px;border:1px solid var(--accent);border-radius:6px;background:var(--surface-active);color:var(--text);cursor:pointer}
.notification-trigger{position:relative}#notificationCount{position:absolute;right:-4px;top:-4px;min-width:14px;height:14px;line-height:14px;background:#FFA500;color:#161E2F;border-radius:4px;font:600 9px/14px Inter;text-align:center}#notificationCount:empty{display:none}#notificationList{list-style:none;margin:0;padding:0}#notificationList li{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);font:11px var(--font-mono)}#notificationList li span{color:var(--muted)}
.settings-dialog{width:min(500px,calc(100vw - 24px))}.settings-dialog section{padding:16px 0;border-bottom:1px solid var(--line)}.settings-dialog h3,.guide-dialog h3{font-size:13px;font-weight:600;margin:0 0 12px}.settings-dialog p,.guide-dialog p{font-size:12px;color:var(--muted);line-height:1.7;margin:6px 0 12px}.settings-dialog select{height:34px;padding:0 9px;border:1px solid var(--line);border-radius:5px;background:var(--chart);color:var(--text)}.settings-dialog input[type=range]{height:24px!important;padding:0!important;border:0!important;accent-color:var(--accent)}#quickFrameChoices{display:flex;flex-wrap:wrap;gap:10px}#quickFrameChoices label{display:flex;align-items:center;flex-direction:row;gap:5px;margin:0;padding:7px;border:1px solid var(--line);border-radius:5px}#quickFrameChoices input{accent-color:var(--accent)}.guide-dialog{width:min(650px,calc(100vw - 24px))}.guide-dialog section{padding:12px 0;border-bottom:1px solid var(--line)}
#authDialog{border-radius:12px;background:linear-gradient(150deg,var(--glass),var(--chart));border-color:color-mix(in srgb,var(--accent) 30%,var(--line));box-shadow:0 24px 80px #0008}#authDialog::backdrop{background:#050810ad;backdrop-filter:blur(6px)}#authDialog input:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 12%,transparent)}
@media(max-width:1350px) and (min-width:761px){header{height:96px;flex-direction:column;align-items:stretch;gap:0;padding:0 12px}.hleft{height:46px;justify-content:space-between}.hright{height:50px;justify-content:flex-end;margin:0}.market-status{top:96px}body{padding-top:120px}main{height:calc(100dvh - 144px)}}
@media(max-width:760px){.hleft{height:46px;gap:10px;overflow:auto}.nav-views{gap:3px}.nav-btn{white-space:nowrap;padding:0 7px;font-size:11px}.hright{gap:4px}.free-pro-card{padding:14px;gap:12px;flex-direction:column}.screener-grid{overflow:auto}}