@vninvestcharts/widget 0.0.0-stage → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (676) hide show
  1. package/LICENSE +201 -0
  2. package/NOTICE.md +83 -0
  3. package/README.md +851 -3
  4. package/dist/AlertsModal-WKEUDTUZ.js +2 -0
  5. package/dist/ConnectedTradingPanel-KWJMIKTN.css +2 -0
  6. package/dist/ConnectedTradingPanel-XDKMOQY5.js +2 -0
  7. package/dist/PineEditorPanel-AUXB4FD3.js +2 -0
  8. package/dist/PineEditorPanel-V6YN2OTU.css +2 -0
  9. package/dist/RightSidebarDockHost-6FPZ6EKV.css +2 -0
  10. package/dist/RightSidebarDockHost-OBFXKSIY.js +2 -0
  11. package/dist/StrategyTesterPanel-6IUTS2P4.js +2 -0
  12. package/dist/StrategyTesterPanel-LEWEUMXP.css +2 -0
  13. package/dist/VolumeProfileWorker-UREKVPUE.js +189 -0
  14. package/dist/adapters/index.cjs +2532 -0
  15. package/dist/adapters/index.d.mts +673 -0
  16. package/dist/adapters/index.d.ts +673 -0
  17. package/dist/adapters/index.js +2521 -0
  18. package/dist/adapters/index.umd.js +2535 -0
  19. package/dist/chunk-5T6DGB3V.js +2 -0
  20. package/dist/chunk-66JBEGR3.js +4 -0
  21. package/dist/chunk-6D7DVBIK.js +2 -0
  22. package/dist/chunk-76E7CKUD.js +2 -0
  23. package/dist/chunk-AKWVXRQ6.js +2 -0
  24. package/dist/chunk-FHHSTO6Z.js +2 -0
  25. package/dist/chunk-HPL723JA.js +2 -0
  26. package/dist/chunk-NVGTF73S.js +2 -0
  27. package/dist/chunk-PNIB4OM3.js +2 -0
  28. package/dist/chunk-UKJ5AKQX.js +595 -0
  29. package/dist/chunk-UYJTX3SD.js +2 -0
  30. package/dist/combined.css +3068 -0
  31. package/dist/css-modules-manifest.json +297 -0
  32. package/dist/dist-Y6PZ2RN3.js +12 -0
  33. package/dist/drawing/index.cjs +53 -0
  34. package/dist/drawing/index.d.mts +2 -0
  35. package/dist/drawing/index.d.ts +2 -0
  36. package/dist/drawing/index.js +2 -0
  37. package/dist/drawing/index.umd.js +54 -0
  38. package/dist/dts/drawing-shim.d.ts +3 -0
  39. package/dist/dts/index.d.ts +31 -0
  40. package/dist/dts/lib/Chart.d.ts +31 -0
  41. package/dist/dts/lib/ChartContext.d.ts +10 -0
  42. package/dist/dts/lib/EventCapture.d.ts +3 -0
  43. package/dist/dts/lib/GenericChartComponent.d.ts +5 -0
  44. package/dist/dts/lib/GenericComponent.d.ts +124 -0
  45. package/dist/dts/lib/StockChartContext.d.ts +53 -0
  46. package/dist/dts/lib/adapters/BaseAdapter.d.ts +25 -0
  47. package/dist/dts/lib/adapters/BinanceAdapter.d.ts +51 -0
  48. package/dist/dts/lib/adapters/CSVAdapter.d.ts +17 -0
  49. package/dist/dts/lib/adapters/ContinuousContractAdapter.d.ts +63 -0
  50. package/dist/dts/lib/adapters/ContinuousContractTypes.d.ts +154 -0
  51. package/dist/dts/lib/adapters/DBAdapter.d.ts +16 -0
  52. package/dist/dts/lib/adapters/DataAdapter.d.ts +136 -0
  53. package/dist/dts/lib/adapters/DjangoVnstockAdapter.d.ts +15 -0
  54. package/dist/dts/lib/adapters/LocalCacheAdapter.d.ts +18 -0
  55. package/dist/dts/lib/adapters/MockAdapter.d.ts +22 -0
  56. package/dist/dts/lib/adapters/RESTAdapter.d.ts +16 -0
  57. package/dist/dts/lib/adapters/StockDataAdapter.d.ts +1 -0
  58. package/dist/dts/lib/adapters/UDFDataAdapter.d.ts +29 -0
  59. package/dist/dts/lib/adapters/VNStocksAdapter.d.ts +8 -0
  60. package/dist/dts/lib/adapters/WSAdapter.d.ts +30 -0
  61. package/dist/dts/lib/adapters/gapFixture.d.ts +71 -0
  62. package/dist/dts/lib/adapters/index.d.ts +15 -0
  63. package/dist/dts/lib/adapters/rollAlgorithms.d.ts +68 -0
  64. package/dist/dts/lib/advisory/AdvisoryPanel.d.ts +5 -0
  65. package/dist/dts/lib/alerts/AlertEvaluator.d.ts +5 -0
  66. package/dist/dts/lib/alerts/AlertManager.d.ts +123 -0
  67. package/dist/dts/lib/alerts/types.d.ts +58 -0
  68. package/dist/dts/lib/cache/cacheDebug.d.ts +3 -0
  69. package/dist/dts/lib/calendars/ExchangeCalendar.d.ts +23 -0
  70. package/dist/dts/lib/calendars/calendarRegistry.d.ts +10 -0
  71. package/dist/dts/lib/calendars/index.d.ts +3 -0
  72. package/dist/dts/lib/core/ChartPane.d.ts +8 -0
  73. package/dist/dts/lib/core/ChartSplitter.d.ts +70 -0
  74. package/dist/dts/lib/core/ChartTerminal.d.ts +12 -0
  75. package/dist/dts/lib/core/ErrorBoundary.d.ts +17 -0
  76. package/dist/dts/lib/core/IndicatorLegend.d.ts +47 -0
  77. package/dist/dts/lib/core/PaneHeader.d.ts +24 -0
  78. package/dist/dts/lib/core/PaneLabel.d.ts +8 -0
  79. package/dist/dts/lib/core/PaneSplitter.d.ts +9 -0
  80. package/dist/dts/lib/core/SeriesPicker.d.ts +10 -0
  81. package/dist/dts/lib/core/calculators/alignBarsByDate.d.ts +38 -0
  82. package/dist/dts/lib/core/calculators/buildIndicatorComputationPlan.d.ts +16 -0
  83. package/dist/dts/lib/core/calculators/calcCVDApprox.d.ts +6 -0
  84. package/dist/dts/lib/core/calculators/calcStrengthElder.d.ts +7 -0
  85. package/dist/dts/lib/core/calculators/calcWhaleApprox.d.ts +6 -0
  86. package/dist/dts/lib/core/calculators/computationHelpers.d.ts +12 -0
  87. package/dist/dts/lib/core/calculators/computeIndicatorComputationResult.d.ts +3 -0
  88. package/dist/dts/lib/core/calculators/computeMarketStructure.d.ts +8 -0
  89. package/dist/dts/lib/core/calculators/computeMomentum.d.ts +22 -0
  90. package/dist/dts/lib/core/calculators/computeMovingAverage.d.ts +15 -0
  91. package/dist/dts/lib/core/calculators/computeProfile.d.ts +9 -0
  92. package/dist/dts/lib/core/calculators/computeTrend.d.ts +10 -0
  93. package/dist/dts/lib/core/calculators/computeVolatility.d.ts +14 -0
  94. package/dist/dts/lib/core/calculators/computeVolumeFlow.d.ts +19 -0
  95. package/dist/dts/lib/core/calculators/enrichData.d.ts +7 -0
  96. package/dist/dts/lib/core/calculators/enrichDataWithCanonicalStore.d.ts +33 -0
  97. package/dist/dts/lib/core/calculators/exoticChartData.d.ts +140 -0
  98. package/dist/dts/lib/core/calculators/fixtures/mockData.d.ts +2 -0
  99. package/dist/dts/lib/core/calculators/indicatorComputation.d.ts +27 -0
  100. package/dist/dts/lib/core/calculators/indicatorComputationTypes.d.ts +249 -0
  101. package/dist/dts/lib/core/calculators/materializeIndicatorValues.d.ts +3 -0
  102. package/dist/dts/lib/core/calculators/normalizePrices.d.ts +36 -0
  103. package/dist/dts/lib/core/calculators/resolveCalculationOrder.d.ts +17 -0
  104. package/dist/dts/lib/core/calculators/types.d.ts +269 -0
  105. package/dist/dts/lib/core/canvas/ChartRenderContext.d.ts +14 -0
  106. package/dist/dts/lib/core/canvas/OverlayCanvas.d.ts +19 -0
  107. package/dist/dts/lib/core/context/ChartSyncContext.d.ts +21 -0
  108. package/dist/dts/lib/core/context/DataContext.d.ts +15 -0
  109. package/dist/dts/lib/core/context/PaneManagerContext.d.ts +10 -0
  110. package/dist/dts/lib/core/hooks/paneSizingHelpers.d.ts +13 -0
  111. package/dist/dts/lib/core/hooks/useCanvasResize.d.ts +8 -0
  112. package/dist/dts/lib/core/hooks/useChartTheme.d.ts +12 -0
  113. package/dist/dts/lib/core/hooks/useDynamicPanes.d.ts +155 -0
  114. package/dist/dts/lib/core/hooks/useIndicatorSets.d.ts +20 -0
  115. package/dist/dts/lib/core/hooks/usePaneManager.d.ts +39 -0
  116. package/dist/dts/lib/core/hooks/usePaneSizes.d.ts +52 -0
  117. package/dist/dts/lib/core/index.d.ts +41 -0
  118. package/dist/dts/lib/core/paneScaleSlotDomains.d.ts +3 -0
  119. package/dist/dts/lib/core/registry/SeriesRegistry.d.ts +22 -0
  120. package/dist/dts/lib/core/registry/filterPanesBySeriesTier.d.ts +43 -0
  121. package/dist/dts/lib/core/registry/marketStructure.d.ts +7 -0
  122. package/dist/dts/lib/core/registry/momentum.d.ts +20 -0
  123. package/dist/dts/lib/core/registry/movingAverage.d.ts +14 -0
  124. package/dist/dts/lib/core/registry/priceChartTypes.d.ts +16 -0
  125. package/dist/dts/lib/core/registry/profile.d.ts +8 -0
  126. package/dist/dts/lib/core/registry/registerAll.d.ts +1 -0
  127. package/dist/dts/lib/core/registry/registerPhaseOne.d.ts +3 -0
  128. package/dist/dts/lib/core/registry/registryCore.d.ts +77 -0
  129. package/dist/dts/lib/core/registry/trend.d.ts +11 -0
  130. package/dist/dts/lib/core/registry/volatility.d.ts +11 -0
  131. package/dist/dts/lib/core/registry/volumeFlow.d.ts +20 -0
  132. package/dist/dts/lib/core/replay/BarReplayController.d.ts +62 -0
  133. package/dist/dts/lib/core/replay/ReplayEventBus.d.ts +68 -0
  134. package/dist/dts/lib/core/replay/ReplayFillSimulator.d.ts +33 -0
  135. package/dist/dts/lib/core/replay/ReplayOrderBook.d.ts +24 -0
  136. package/dist/dts/lib/core/replay/ReplayPositionManager.d.ts +30 -0
  137. package/dist/dts/lib/core/replay/ReplaySessionAnalytics.d.ts +31 -0
  138. package/dist/dts/lib/core/replay/createReplayTradeMarkerPrimitives.d.ts +7 -0
  139. package/dist/dts/lib/core/replay/pnlUtils.d.ts +2 -0
  140. package/dist/dts/lib/core/replay/replayBrokerAdapters.d.ts +51 -0
  141. package/dist/dts/lib/core/replay/replayTradingTypes.d.ts +61 -0
  142. package/dist/dts/lib/core/scales/computeScales.d.ts +8 -0
  143. package/dist/dts/lib/core/seriesValueResolver.d.ts +27 -0
  144. package/dist/dts/lib/core/sets/builtins.d.ts +2 -0
  145. package/dist/dts/lib/core/sets/indicatorSetCodec.d.ts +15 -0
  146. package/dist/dts/lib/core/trading/AnalyticsEngine.d.ts +56 -0
  147. package/dist/dts/lib/core/trading/BrokerAPI.d.ts +40 -0
  148. package/dist/dts/lib/core/trading/ExecutionSimulator.d.ts +53 -0
  149. package/dist/dts/lib/core/trading/FillSettlement.d.ts +38 -0
  150. package/dist/dts/lib/core/trading/MarketDataPort.d.ts +41 -0
  151. package/dist/dts/lib/core/trading/MarketRules.d.ts +58 -0
  152. package/dist/dts/lib/core/trading/OrderManagementSystem.d.ts +57 -0
  153. package/dist/dts/lib/core/trading/PositionManager.d.ts +79 -0
  154. package/dist/dts/lib/core/trading/RiskEngine.d.ts +40 -0
  155. package/dist/dts/lib/core/trading/SettlementCalendar.d.ts +10 -0
  156. package/dist/dts/lib/core/trading/VirtualBrokerEngine.d.ts +92 -0
  157. package/dist/dts/lib/core/trading/orderMargin.d.ts +3 -0
  158. package/dist/dts/lib/core/trading/storage/InMemoryStorageAdapter.d.ts +10 -0
  159. package/dist/dts/lib/core/trading/storage/TradingStorage.d.ts +34 -0
  160. package/dist/dts/lib/core/trading/types.d.ts +99 -0
  161. package/dist/dts/lib/core/types/chart.d.ts +21 -0
  162. package/dist/dts/lib/core/types/indicator-catalog.d.ts +38 -0
  163. package/dist/dts/lib/core/types/indicator-set.d.ts +19 -0
  164. package/dist/dts/lib/core/types/pane-descriptor.d.ts +46 -0
  165. package/dist/dts/lib/core/types/seriesComponents.d.ts +15 -0
  166. package/dist/dts/lib/credentials/credentialStore.d.ts +93 -0
  167. package/dist/dts/lib/helper/SaveChartAsImage.d.ts +90 -0
  168. package/dist/dts/lib/indicator/defaultOptionsForAppearance.d.ts +105 -0
  169. package/dist/dts/lib/indicators/builtin/MTFWrapper.d.ts +3 -0
  170. package/dist/dts/lib/indicators/builtin/VolumeProfileWorker.d.ts +19 -0
  171. package/dist/dts/lib/indicators/builtin/ac.d.ts +4 -0
  172. package/dist/dts/lib/indicators/builtin/alligator.d.ts +5 -0
  173. package/dist/dts/lib/indicators/builtin/anchoredVwap.d.ts +5 -0
  174. package/dist/dts/lib/indicators/builtin/ao.d.ts +4 -0
  175. package/dist/dts/lib/indicators/builtin/bbi.d.ts +10 -0
  176. package/dist/dts/lib/indicators/builtin/bias.d.ts +4 -0
  177. package/dist/dts/lib/indicators/builtin/bollinger.d.ts +9 -0
  178. package/dist/dts/lib/indicators/builtin/brar.d.ts +4 -0
  179. package/dist/dts/lib/indicators/builtin/cci.d.ts +4 -0
  180. package/dist/dts/lib/indicators/builtin/chaikinOscillator.d.ts +14 -0
  181. package/dist/dts/lib/indicators/builtin/chaikinVol.d.ts +4 -0
  182. package/dist/dts/lib/indicators/builtin/ci.d.ts +4 -0
  183. package/dist/dts/lib/indicators/builtin/cmf.d.ts +4 -0
  184. package/dist/dts/lib/indicators/builtin/cr.d.ts +4 -0
  185. package/dist/dts/lib/indicators/builtin/cvd.d.ts +4 -0
  186. package/dist/dts/lib/indicators/builtin/deltaProfile.d.ts +5 -0
  187. package/dist/dts/lib/indicators/builtin/dema.d.ts +4 -0
  188. package/dist/dts/lib/indicators/builtin/dma.d.ts +4 -0
  189. package/dist/dts/lib/indicators/builtin/dmi.d.ts +4 -0
  190. package/dist/dts/lib/indicators/builtin/donchian.d.ts +5 -0
  191. package/dist/dts/lib/indicators/builtin/ema.d.ts +4 -0
  192. package/dist/dts/lib/indicators/builtin/emv.d.ts +4 -0
  193. package/dist/dts/lib/indicators/builtin/footprint.d.ts +5 -0
  194. package/dist/dts/lib/indicators/builtin/fractals.d.ts +5 -0
  195. package/dist/dts/lib/indicators/builtin/gator.d.ts +5 -0
  196. package/dist/dts/lib/indicators/builtin/hma.d.ts +4 -0
  197. package/dist/dts/lib/indicators/builtin/hv.d.ts +4 -0
  198. package/dist/dts/lib/indicators/builtin/ichimoku.d.ts +5 -0
  199. package/dist/dts/lib/indicators/builtin/kdj.d.ts +4 -0
  200. package/dist/dts/lib/indicators/builtin/keltner.d.ts +5 -0
  201. package/dist/dts/lib/indicators/builtin/ma.d.ts +10 -0
  202. package/dist/dts/lib/indicators/builtin/maRibbon.d.ts +5 -0
  203. package/dist/dts/lib/indicators/builtin/macd.d.ts +9 -0
  204. package/dist/dts/lib/indicators/builtin/marketProfile.d.ts +5 -0
  205. package/dist/dts/lib/indicators/builtin/mfi.d.ts +4 -0
  206. package/dist/dts/lib/indicators/builtin/mtm.d.ts +4 -0
  207. package/dist/dts/lib/indicators/builtin/obv.d.ts +10 -0
  208. package/dist/dts/lib/indicators/builtin/pivotHighLow.d.ts +5 -0
  209. package/dist/dts/lib/indicators/builtin/pivotStandard.d.ts +5 -0
  210. package/dist/dts/lib/indicators/builtin/psy.d.ts +4 -0
  211. package/dist/dts/lib/indicators/builtin/pvt.d.ts +4 -0
  212. package/dist/dts/lib/indicators/builtin/roc.d.ts +4 -0
  213. package/dist/dts/lib/indicators/builtin/rsi.d.ts +4 -0
  214. package/dist/dts/lib/indicators/builtin/sar.d.ts +10 -0
  215. package/dist/dts/lib/indicators/builtin/sma.d.ts +4 -0
  216. package/dist/dts/lib/indicators/builtin/smfi.d.ts +8 -0
  217. package/dist/dts/lib/indicators/builtin/stdDev.d.ts +4 -0
  218. package/dist/dts/lib/indicators/builtin/strengthRelative.d.ts +7 -0
  219. package/dist/dts/lib/indicators/builtin/supertrend.d.ts +5 -0
  220. package/dist/dts/lib/indicators/builtin/tema.d.ts +4 -0
  221. package/dist/dts/lib/indicators/builtin/trix.d.ts +4 -0
  222. package/dist/dts/lib/indicators/builtin/volOsc.d.ts +4 -0
  223. package/dist/dts/lib/indicators/builtin/volume.d.ts +4 -0
  224. package/dist/dts/lib/indicators/builtin/volumeProfile.d.ts +8 -0
  225. package/dist/dts/lib/indicators/builtin/vr.d.ts +10 -0
  226. package/dist/dts/lib/indicators/builtin/vwap.d.ts +5 -0
  227. package/dist/dts/lib/indicators/builtin/vwma.d.ts +4 -0
  228. package/dist/dts/lib/indicators/builtin/wma.d.ts +4 -0
  229. package/dist/dts/lib/indicators/builtin/wr.d.ts +10 -0
  230. package/dist/dts/lib/indicators/builtin/wyckoffWave.d.ts +15 -0
  231. package/dist/dts/lib/indicators/index.d.ts +63 -0
  232. package/dist/dts/lib/indicators/indicatorValueShapes.d.ts +15 -0
  233. package/dist/dts/lib/indicators/outputKeys.d.ts +50 -0
  234. package/dist/dts/lib/indicators/overlays/CVDIndicator.d.ts +26 -0
  235. package/dist/dts/lib/indicators/overlays/DarkFlowBadge.d.ts +19 -0
  236. package/dist/dts/lib/indicators/overlays/ExternalCVDOverlay.d.ts +15 -0
  237. package/dist/dts/lib/indicators/overlays/WhaleBubbleOverlay.d.ts +14 -0
  238. package/dist/dts/lib/indicators/overlays/WhaleMarketBubbleOverlay.d.ts +27 -0
  239. package/dist/dts/lib/indicators/overlays/whaleDetector.d.ts +66 -0
  240. package/dist/dts/lib/indicators/registry.d.ts +6 -0
  241. package/dist/dts/lib/indicators/types.d.ts +5 -0
  242. package/dist/dts/lib/indicators/utils.d.ts +259 -0
  243. package/dist/dts/lib/pinescript/PineCompiler.d.ts +34 -0
  244. package/dist/dts/lib/pinescript/ast.d.ts +73 -0
  245. package/dist/dts/lib/pinescript/compile.d.ts +40 -0
  246. package/dist/dts/lib/pinescript/grammar.d.ts +12 -0
  247. package/dist/dts/lib/pinescript/pine.worker.d.ts +1 -0
  248. package/dist/dts/lib/pinescript/pineBlocks.d.ts +54 -0
  249. package/dist/dts/lib/pinescript/pineBuiltins.d.ts +47 -0
  250. package/dist/dts/lib/pinescript/pineEnv.d.ts +46 -0
  251. package/dist/dts/lib/pinescript/pineMath.d.ts +13 -0
  252. package/dist/dts/lib/pinescript/pineParse.d.ts +25 -0
  253. package/dist/dts/lib/pinescript/pineStrings.d.ts +50 -0
  254. package/dist/dts/lib/pinescript/runtime.d.ts +5 -0
  255. package/dist/dts/lib/pinescript/scriptRegistry.d.ts +40 -0
  256. package/dist/dts/lib/pinescript/series-value.d.ts +64 -0
  257. package/dist/dts/lib/pinescript/vnscript-completion.d.ts +1 -0
  258. package/dist/dts/lib/pinescript/vnscript-grammar.d.ts +19 -0
  259. package/dist/dts/lib/scale/discontinuousTimeScaleProvider.d.ts +3 -0
  260. package/dist/dts/lib/scale/financeDiscontinuousScale.d.ts +15 -0
  261. package/dist/dts/lib/scale/index.d.ts +1 -0
  262. package/dist/dts/lib/scale/levels.d.ts +12 -0
  263. package/dist/dts/lib/series/AlternatingFillAreaSeries.d.ts +13 -0
  264. package/dist/dts/lib/series/AreaOnlySeries.d.ts +10 -0
  265. package/dist/dts/lib/series/AreaSeries.d.ts +30 -0
  266. package/dist/dts/lib/series/BarSeries.d.ts +40 -0
  267. package/dist/dts/lib/series/BollingerSeries.d.ts +11 -0
  268. package/dist/dts/lib/series/CandlestickSeries.d.ts +56 -0
  269. package/dist/dts/lib/series/CircleMarker.d.ts +28 -0
  270. package/dist/dts/lib/series/ElderRaySeries.d.ts +14 -0
  271. package/dist/dts/lib/series/FootprintSeries.d.ts +21 -0
  272. package/dist/dts/lib/series/GroupedBarSeries.d.ts +9 -0
  273. package/dist/dts/lib/series/HTFOverlaySeries.d.ts +32 -0
  274. package/dist/dts/lib/series/HistogramSeries.d.ts +51 -0
  275. package/dist/dts/lib/series/KagiSeries.d.ts +9 -0
  276. package/dist/dts/lib/series/LineBreakSeries.d.ts +28 -0
  277. package/dist/dts/lib/series/LineSeries.d.ts +54 -0
  278. package/dist/dts/lib/series/MACDSeries.d.ts +28 -0
  279. package/dist/dts/lib/series/MarketProfileSeries.d.ts +18 -0
  280. package/dist/dts/lib/series/OHLCSeries.d.ts +9 -0
  281. package/dist/dts/lib/series/OverlayBarSeries.d.ts +9 -0
  282. package/dist/dts/lib/series/PointAndFigureSeries.d.ts +45 -0
  283. package/dist/dts/lib/series/RSISeries.d.ts +38 -0
  284. package/dist/dts/lib/series/RenkoSeries.d.ts +9 -0
  285. package/dist/dts/lib/series/SARSeries.d.ts +10 -0
  286. package/dist/dts/lib/series/SVGComponent.d.ts +5 -0
  287. package/dist/dts/lib/series/ScatterSeries.d.ts +9 -0
  288. package/dist/dts/lib/series/SquareMarker.d.ts +28 -0
  289. package/dist/dts/lib/series/StackedBarSeries.d.ts +19 -0
  290. package/dist/dts/lib/series/StochasticSeries.d.ts +9 -0
  291. package/dist/dts/lib/series/StraightLine.d.ts +18 -0
  292. package/dist/dts/lib/series/TriangleMarker.d.ts +30 -0
  293. package/dist/dts/lib/series/VolumeProfileSeries.d.ts +9 -0
  294. package/dist/dts/lib/series/index.d.ts +28 -0
  295. package/dist/dts/lib/strategy/BrokerSimulator.d.ts +11 -0
  296. package/dist/dts/lib/strategy/types.d.ts +35 -0
  297. package/dist/dts/lib/tape/TapePanel.d.ts +5 -0
  298. package/dist/dts/lib/types/adapter.d.ts +1 -0
  299. package/dist/dts/lib/types/index.d.ts +5 -0
  300. package/dist/dts/lib/types/indicator.d.ts +11 -0
  301. package/dist/dts/lib/types/ohlcv.d.ts +1 -0
  302. package/dist/dts/lib/types/pane.d.ts +23 -0
  303. package/dist/dts/lib/types/runtime.d.ts +11 -0
  304. package/dist/dts/lib/types/vninvest.d.ts +320 -0
  305. package/dist/dts/lib/types.d.ts +45 -0
  306. package/dist/dts/lib/utils/ChartDataUtil.d.ts +26 -0
  307. package/dist/dts/lib/utils/PureComponent.d.ts +5 -0
  308. package/dist/dts/lib/utils/accumulatingWindow.d.ts +1 -0
  309. package/dist/dts/lib/utils/axisPriceFormat.d.ts +6 -0
  310. package/dist/dts/lib/utils/barWidth.d.ts +14 -0
  311. package/dist/dts/lib/utils/identity.d.ts +1 -0
  312. package/dist/dts/lib/utils/index.d.ts +70 -0
  313. package/dist/dts/lib/utils/logger.d.ts +28 -0
  314. package/dist/dts/lib/utils/mappedSlidingWindow.d.ts +1 -0
  315. package/dist/dts/lib/utils/merge.d.ts +6 -0
  316. package/dist/dts/lib/utils/noop.d.ts +1 -0
  317. package/dist/dts/lib/utils/rebind.d.ts +1 -0
  318. package/dist/dts/lib/utils/shallowEqual.d.ts +1 -0
  319. package/dist/dts/lib/utils/slidingWindow.d.ts +1 -0
  320. package/dist/dts/lib/utils/storage.d.ts +32 -0
  321. package/dist/dts/lib/utils/strokeDasharray.d.ts +3 -0
  322. package/dist/dts/lib/utils/timezoneFormatter.d.ts +14 -0
  323. package/dist/dts/lib/utils/zipper.d.ts +4 -0
  324. package/dist/dts/public-api.d.ts +31 -0
  325. package/dist/dts/widget/BackfillWorkerFlags.d.ts +12 -0
  326. package/dist/dts/widget/CanaryRollbackHelper.d.ts +95 -0
  327. package/dist/dts/widget/CanaryRolloutConfig.d.ts +100 -0
  328. package/dist/dts/widget/DrawingPriceLabelsOverlay.d.ts +20 -0
  329. package/dist/dts/widget/ForkDrawingsOverlay.d.ts +16 -0
  330. package/dist/dts/widget/MeasurementOverlay.d.ts +24 -0
  331. package/dist/dts/widget/VNInvestCharts.d.ts +5 -0
  332. package/dist/dts/widget/VNInvestChartsProps.d.ts +302 -0
  333. package/dist/dts/widget/VNInvestMultiCharts.d.ts +8 -0
  334. package/dist/dts/widget/VNInvestMultiCharts.types.d.ts +130 -0
  335. package/dist/dts/widget/WidgetEmptyState.d.ts +11 -0
  336. package/dist/dts/widget/WidgetErrorBoundary.d.ts +26 -0
  337. package/dist/dts/widget/adapters/ContinuousFuturesStockDataAdapter.d.ts +18 -0
  338. package/dist/dts/widget/adapters/DataProviderAdapterWrapper.d.ts +14 -0
  339. package/dist/dts/widget/adapters/MultiSourceDataAdapter.d.ts +24 -0
  340. package/dist/dts/widget/adapters/VNInvestClient.d.ts +161 -0
  341. package/dist/dts/widget/adapters/VNInvestDataAdapter.d.ts +77 -0
  342. package/dist/dts/widget/adapters/VNInvestWebSocketClient.d.ts +79 -0
  343. package/dist/dts/widget/adapters/barsPagingPolicy.d.ts +18 -0
  344. package/dist/dts/widget/adapters/corporateEvents.d.ts +13 -0
  345. package/dist/dts/widget/adapters/index.d.ts +20 -0
  346. package/dist/dts/widget/adapters/nativeShapes.d.ts +32 -0
  347. package/dist/dts/widget/adapters/watchlistRealtimeSync.d.ts +16 -0
  348. package/dist/dts/widget/alerts/DrawingAlertsHost.d.ts +18 -0
  349. package/dist/dts/widget/alerts/useDrawingAlerts.d.ts +37 -0
  350. package/dist/dts/widget/canaryBarFiltering.d.ts +35 -0
  351. package/dist/dts/widget/capabilities/CapabilityResolver.d.ts +71 -0
  352. package/dist/dts/widget/capabilities/capabilityProbe.d.ts +28 -0
  353. package/dist/dts/widget/capabilities/useTierGatedFeatures.d.ts +48 -0
  354. package/dist/dts/widget/components/BottomPanelHost.d.ts +80 -0
  355. package/dist/dts/widget/components/BottomPanelSplitter.d.ts +15 -0
  356. package/dist/dts/widget/components/CapabilityGate.d.ts +65 -0
  357. package/dist/dts/widget/components/ChartDiagOverlay.d.ts +31 -0
  358. package/dist/dts/widget/components/ConfirmDialog.d.ts +12 -0
  359. package/dist/dts/widget/components/DowngradeBanner.d.ts +9 -0
  360. package/dist/dts/widget/components/ForkPaneSeparators.d.ts +11 -0
  361. package/dist/dts/widget/components/ForkPaneTooltips.d.ts +23 -0
  362. package/dist/dts/widget/components/ForkXAxisOverlay.d.ts +11 -0
  363. package/dist/dts/widget/components/ForkYAxisCrosshairLabels.d.ts +9 -0
  364. package/dist/dts/widget/components/LayoutDesigner.d.ts +26 -0
  365. package/dist/dts/widget/components/PremiumFeatureGate.d.ts +10 -0
  366. package/dist/dts/widget/components/ShortcutHelpModal.d.ts +44 -0
  367. package/dist/dts/widget/components/SystemMenu.d.ts +66 -0
  368. package/dist/dts/widget/components/Toast.d.ts +20 -0
  369. package/dist/dts/widget/components/canvas/BarCountdownBadge.d.ts +8 -0
  370. package/dist/dts/widget/components/canvas/ChartA11ySummary.d.ts +40 -0
  371. package/dist/dts/widget/components/canvas/ChartStatusLine.d.ts +39 -0
  372. package/dist/dts/widget/components/canvas/PricePaneHeader.d.ts +24 -0
  373. package/dist/dts/widget/components/canvas/PriceScaleMenu.d.ts +27 -0
  374. package/dist/dts/widget/components/canvas/TimeAxisScrollbar.d.ts +18 -0
  375. package/dist/dts/widget/components/common/Icons.d.ts +67 -0
  376. package/dist/dts/widget/components/dock/DataWindow.d.ts +7 -0
  377. package/dist/dts/widget/components/dock/DockUpgradeNudge.d.ts +10 -0
  378. package/dist/dts/widget/components/dock/RightSidebarDockHost.d.ts +57 -0
  379. package/dist/dts/widget/components/dock/WatchlistPanel.d.ts +7 -0
  380. package/dist/dts/widget/components/dock/WorkspaceRightDockSlot.d.ts +46 -0
  381. package/dist/dts/widget/components/dock/dockAccess.d.ts +20 -0
  382. package/dist/dts/widget/components/dock/drawingDockContentBuilders.d.ts +29 -0
  383. package/dist/dts/widget/components/drawing/DrawingDock.d.ts +47 -0
  384. package/dist/dts/widget/components/drawing/DrawingInspector.d.ts +94 -0
  385. package/dist/dts/widget/components/drawing/DrawingListPanel.d.ts +62 -0
  386. package/dist/dts/widget/components/drawing/DrawingSemanticPointLegend.d.ts +14 -0
  387. package/dist/dts/widget/components/drawing/FloatingDrawingInspector.d.ts +18 -0
  388. package/dist/dts/widget/components/drawing/IconPickerPanel.d.ts +5 -0
  389. package/dist/dts/widget/components/drawing/InlineTextEditor.d.ts +20 -0
  390. package/dist/dts/widget/components/drawing/PatternScanPanel.d.ts +27 -0
  391. package/dist/dts/widget/components/drawing/TemplateManagerPanel.d.ts +18 -0
  392. package/dist/dts/widget/components/events/CorporateEventsOverlay.d.ts +23 -0
  393. package/dist/dts/widget/components/events/EventMarkerIcon.d.ts +6 -0
  394. package/dist/dts/widget/components/footer/ChartFooter.d.ts +26 -0
  395. package/dist/dts/widget/components/footer/MultiChartsFooter.d.ts +37 -0
  396. package/dist/dts/widget/components/footer/TimeframeFooter.d.ts +25 -0
  397. package/dist/dts/widget/components/footer/useBarCountdown.d.ts +5 -0
  398. package/dist/dts/widget/components/header/OHLCHeader.d.ts +72 -0
  399. package/dist/dts/widget/components/layout/DrawingConflictNotice.d.ts +4 -0
  400. package/dist/dts/widget/components/layout/GridContainer.d.ts +70 -0
  401. package/dist/dts/widget/components/layout/GridSlotErrorBoundary.d.ts +17 -0
  402. package/dist/dts/widget/components/layout/Splitter.d.ts +23 -0
  403. package/dist/dts/widget/components/layout/gridSplitterMath.d.ts +40 -0
  404. package/dist/dts/widget/components/layout/useGridSplitterDrag.d.ts +18 -0
  405. package/dist/dts/widget/components/mobile/MobileChartCarousel.d.ts +11 -0
  406. package/dist/dts/widget/components/mobile/MobileToolbar.d.ts +29 -0
  407. package/dist/dts/widget/components/overlays/AdvisoryPanel.d.ts +25 -0
  408. package/dist/dts/widget/components/overlays/TapePanel.d.ts +25 -0
  409. package/dist/dts/widget/components/overlays/WhalePanel.d.ts +5 -0
  410. package/dist/dts/widget/components/panels/AdvisoryPanel.d.ts +25 -0
  411. package/dist/dts/widget/components/panels/PineEditorPanel.d.ts +18 -0
  412. package/dist/dts/widget/components/panels/StrategyTesterPanel.d.ts +7 -0
  413. package/dist/dts/widget/components/panels/TapePanel.d.ts +17 -0
  414. package/dist/dts/widget/components/panels/index.d.ts +8 -0
  415. package/dist/dts/widget/components/replay/FloatingReplayToolbar.d.ts +24 -0
  416. package/dist/dts/widget/components/replay/ReplayCutOverlay.d.ts +8 -0
  417. package/dist/dts/widget/components/search/SymbolCompareModal.d.ts +24 -0
  418. package/dist/dts/widget/components/search/SymbolSearchModal.d.ts +12 -0
  419. package/dist/dts/widget/components/search/VNSymbolSearch.d.ts +83 -0
  420. package/dist/dts/widget/components/settings/AlertsModal.d.ts +74 -0
  421. package/dist/dts/widget/components/settings/SettingsContext.d.ts +58 -0
  422. package/dist/dts/widget/components/settings/SettingsModal.d.ts +78 -0
  423. package/dist/dts/widget/components/settings/SettingsRangeSlider.d.ts +17 -0
  424. package/dist/dts/widget/components/settings/SnapshotPreviewModal.d.ts +16 -0
  425. package/dist/dts/widget/components/settings/WorkspaceSettingsContext.d.ts +27 -0
  426. package/dist/dts/widget/components/settings/helpers/seriesFormatters.d.ts +11 -0
  427. package/dist/dts/widget/components/settings/model/appearancePayload.d.ts +31 -0
  428. package/dist/dts/widget/components/settings/model/chartSettingsSchema.d.ts +100 -0
  429. package/dist/dts/widget/components/settings/model/defaultSettings.d.ts +5 -0
  430. package/dist/dts/widget/components/settings/model/indicatorShare.d.ts +29 -0
  431. package/dist/dts/widget/components/settings/storageKeys.d.ts +29 -0
  432. package/dist/dts/widget/components/settings/tabs/AppearanceSettingsTab.d.ts +5 -0
  433. package/dist/dts/widget/components/settings/tabs/IndicatorParamsForm.d.ts +12 -0
  434. package/dist/dts/widget/components/settings/tabs/IndicatorsSettingsTab.d.ts +34 -0
  435. package/dist/dts/widget/components/settings/tabs/LicensingSettingsTab.d.ts +5 -0
  436. package/dist/dts/widget/components/settings/tabs/PanesLayoutSettingsTab.d.ts +11 -0
  437. package/dist/dts/widget/components/settings/tabs/ResetSettingsTab.d.ts +8 -0
  438. package/dist/dts/widget/components/settings/tabs/ScalesSettingsTab.d.ts +5 -0
  439. package/dist/dts/widget/components/settings/tabs/StatusLineSettingsTab.d.ts +5 -0
  440. package/dist/dts/widget/components/settings/tabs/SymbolSettingsTab.d.ts +5 -0
  441. package/dist/dts/widget/components/settings/tabs/ThemePaletteSettingsTab.d.ts +9 -0
  442. package/dist/dts/widget/components/settings/tabs/TradingEventsSettingsTab.d.ts +8 -0
  443. package/dist/dts/widget/components/toolbar/DrawingToolIcon.d.ts +10 -0
  444. package/dist/dts/widget/components/toolbar/DrawingToolbar.d.ts +33 -0
  445. package/dist/dts/widget/components/toolbar/FloatingChartBar.d.ts +20 -0
  446. package/dist/dts/widget/components/toolbar/FloatingFavoritesBar.d.ts +18 -0
  447. package/dist/dts/widget/components/toolbar/MultiChartTopbar.d.ts +47 -0
  448. package/dist/dts/widget/components/toolbar/UnifiedDrawingToolbar.d.ts +28 -0
  449. package/dist/dts/widget/components/trading/PaperTradePanel.d.ts +41 -0
  450. package/dist/dts/widget/components/workspace/WorkspaceToolbar.d.ts +25 -0
  451. package/dist/dts/widget/config/toolGroups.d.ts +11 -0
  452. package/dist/dts/widget/config/toolShortcuts.d.ts +27 -0
  453. package/dist/dts/widget/constants/comparison.d.ts +1 -0
  454. package/dist/dts/widget/constants/symbolSearch.d.ts +14 -0
  455. package/dist/dts/widget/constants/vn30.d.ts +7 -0
  456. package/dist/dts/widget/context/DataProviderContext.d.ts +7 -0
  457. package/dist/dts/widget/context/HoverEmitter.d.ts +50 -0
  458. package/dist/dts/widget/context/SyncContextShare.d.ts +11 -0
  459. package/dist/dts/widget/context/VNInvestChartsConfigContext.d.ts +24 -0
  460. package/dist/dts/widget/context/VNInvestChartsContext.d.ts +70 -0
  461. package/dist/dts/widget/context/VNInvestChartsStateContext.d.ts +50 -0
  462. package/dist/dts/widget/context/WidgetI18nContext.d.ts +25 -0
  463. package/dist/dts/widget/context/WorkspaceLiveTradingContext.d.ts +30 -0
  464. package/dist/dts/widget/context/WorkspacePaperVisibilityContext.d.ts +23 -0
  465. package/dist/dts/widget/context/WorkspaceReplayTradingContext.d.ts +36 -0
  466. package/dist/dts/widget/contexts/SaaSFeatureContext.d.ts +23 -0
  467. package/dist/dts/widget/data/DataEnvelope.d.ts +100 -0
  468. package/dist/dts/widget/drawingPriceLabelInputs.d.ts +3 -0
  469. package/dist/dts/widget/export/chartCsv.d.ts +59 -0
  470. package/dist/dts/widget/forkAnchorReconciliation.d.ts +6 -0
  471. package/dist/dts/widget/forkInteractionHelpers.d.ts +69 -0
  472. package/dist/dts/widget/grid/DeviceProfiles.d.ts +49 -0
  473. package/dist/dts/widget/grid/GridChartRegistry.d.ts +9 -0
  474. package/dist/dts/widget/grid/MemoryBudgetManager.d.ts +63 -0
  475. package/dist/dts/widget/grid/PerformanceMonitor.d.ts +70 -0
  476. package/dist/dts/widget/grid/customPresets.d.ts +42 -0
  477. package/dist/dts/widget/grid/presets.d.ts +18 -0
  478. package/dist/dts/widget/grid/types.d.ts +39 -0
  479. package/dist/dts/widget/history/BackfillDedupContext.d.ts +63 -0
  480. package/dist/dts/widget/history/RequestCoordinator.d.ts +59 -0
  481. package/dist/dts/widget/history/SharedBarStoreContext.d.ts +22 -0
  482. package/dist/dts/widget/history/cache/IndexedDBCacheMatrix.d.ts +16 -0
  483. package/dist/dts/widget/history/cache/LocalCacheMatrix.d.ts +86 -0
  484. package/dist/dts/widget/history/cache/index.d.ts +3 -0
  485. package/dist/dts/widget/history/chunkStore.d.ts +77 -0
  486. package/dist/dts/widget/history/externalBarsNormalization.d.ts +9 -0
  487. package/dist/dts/widget/history/externalBarsNormalization.worker.d.ts +1 -0
  488. package/dist/dts/widget/history/externalBarsNormalizationAsync.d.ts +25 -0
  489. package/dist/dts/widget/history/historyDataUtils.d.ts +82 -0
  490. package/dist/dts/widget/history/historyWindowPlanner.d.ts +89 -0
  491. package/dist/dts/widget/history/inflightController.d.ts +15 -0
  492. package/dist/dts/widget/history/requestCoalescing.d.ts +10 -0
  493. package/dist/dts/widget/history/sessionGuards.d.ts +3 -0
  494. package/dist/dts/widget/history/singleWriterLane.d.ts +4 -0
  495. package/dist/dts/widget/history/useExternalBarsNormalization.d.ts +5 -0
  496. package/dist/dts/widget/hooks/ShortcutManager.d.ts +65 -0
  497. package/dist/dts/widget/hooks/overlays/PaneHeaderWrapper.d.ts +11 -0
  498. package/dist/dts/widget/hooks/overlays/overlayHelpers.d.ts +60 -0
  499. package/dist/dts/widget/hooks/overlays/useDrawingDockNode.d.ts +15 -0
  500. package/dist/dts/widget/hooks/overlays/useLegendChrome.d.ts +36 -0
  501. package/dist/dts/widget/hooks/overlays/useMultiSelectActions.d.ts +22 -0
  502. package/dist/dts/widget/hooks/overlays/useSidebarResize.d.ts +13 -0
  503. package/dist/dts/widget/hooks/resolveEntitlement.d.ts +73 -0
  504. package/dist/dts/widget/hooks/useBottomPanelBehavior.d.ts +38 -0
  505. package/dist/dts/widget/hooks/useBottomPanelHeight.d.ts +39 -0
  506. package/dist/dts/widget/hooks/useCanvasTheme.d.ts +24 -0
  507. package/dist/dts/widget/hooks/useChartImperativeHandle.d.ts +57 -0
  508. package/dist/dts/widget/hooks/useClockAdapter.d.ts +11 -0
  509. package/dist/dts/widget/hooks/useComparisonState.d.ts +29 -0
  510. package/dist/dts/widget/hooks/useDialogFocus.d.ts +25 -0
  511. package/dist/dts/widget/hooks/useDrawingToolShortcuts.d.ts +16 -0
  512. package/dist/dts/widget/hooks/useFeatureGate.d.ts +28 -0
  513. package/dist/dts/widget/hooks/useFloatingChartBar.d.ts +33 -0
  514. package/dist/dts/widget/hooks/useForkRuntime.d.ts +155 -0
  515. package/dist/dts/widget/hooks/useIndicatorsShareApplier.d.ts +1 -0
  516. package/dist/dts/widget/hooks/useIntersectionObserver.d.ts +49 -0
  517. package/dist/dts/widget/hooks/useKeyboardAdapter.d.ts +9 -0
  518. package/dist/dts/widget/hooks/useLayoutHistory.d.ts +8 -0
  519. package/dist/dts/widget/hooks/useLicenseDiagnostics.d.ts +15 -0
  520. package/dist/dts/widget/hooks/useMultiChartReplaySync.d.ts +31 -0
  521. package/dist/dts/widget/hooks/useMultiWorkspacePersistence.d.ts +49 -0
  522. package/dist/dts/widget/hooks/usePaperTradeConfig.d.ts +27 -0
  523. package/dist/dts/widget/hooks/usePaperTradeInteraction.d.ts +27 -0
  524. package/dist/dts/widget/hooks/usePatTierAuthentication.d.ts +42 -0
  525. package/dist/dts/widget/hooks/usePineScriptRestore.d.ts +23 -0
  526. package/dist/dts/widget/hooks/usePortalAdapter.d.ts +8 -0
  527. package/dist/dts/widget/hooks/useRecentSymbols.d.ts +3 -0
  528. package/dist/dts/widget/hooks/useReplayState.d.ts +28 -0
  529. package/dist/dts/widget/hooks/useReplayTrading.d.ts +26 -0
  530. package/dist/dts/widget/hooks/useResizeAdapter.d.ts +13 -0
  531. package/dist/dts/widget/hooks/useScaleOverlays.d.ts +62 -0
  532. package/dist/dts/widget/hooks/useScriptPersistence.d.ts +72 -0
  533. package/dist/dts/widget/hooks/useSymbolSearch.d.ts +30 -0
  534. package/dist/dts/widget/hooks/useViewportBreakpoint.d.ts +15 -0
  535. package/dist/dts/widget/hooks/useWidgetCoordinateBridge.d.ts +70 -0
  536. package/dist/dts/widget/hooks/useWidgetData.d.ts +138 -0
  537. package/dist/dts/widget/hooks/useWidgetDataBackfill.d.ts +67 -0
  538. package/dist/dts/widget/hooks/useWidgetDataEnrichment.d.ts +32 -0
  539. package/dist/dts/widget/hooks/useWidgetDrawings.d.ts +38 -0
  540. package/dist/dts/widget/hooks/useWidgetForkInteraction.d.ts +68 -0
  541. package/dist/dts/widget/hooks/useWidgetInteractionActions.d.ts +36 -0
  542. package/dist/dts/widget/hooks/useWidgetOverlays.d.ts +190 -0
  543. package/dist/dts/widget/hooks/useWidgetRuntime.d.ts +20 -0
  544. package/dist/dts/widget/hooks/useWidgetSettings.d.ts +244 -0
  545. package/dist/dts/widget/hooks/useWidgetWorkspaceIO.d.ts +24 -0
  546. package/dist/dts/widget/hooks/useWorkspaceDockPanels.d.ts +11 -0
  547. package/dist/dts/widget/hooks/useWorkspaceLiveTrading.d.ts +28 -0
  548. package/dist/dts/widget/hooks/useWorkspaceReplayTrading.d.ts +22 -0
  549. package/dist/dts/widget/i18n/a11y.messages.en.d.ts +8 -0
  550. package/dist/dts/widget/i18n/a11y.messages.vi.d.ts +3 -0
  551. package/dist/dts/widget/i18n/capability.messages.en.d.ts +7 -0
  552. package/dist/dts/widget/i18n/capability.messages.vi.d.ts +3 -0
  553. package/dist/dts/widget/i18n/dock.messages.en.d.ts +2 -0
  554. package/dist/dts/widget/i18n/dock.messages.vi.d.ts +2 -0
  555. package/dist/dts/widget/i18n/messages.en.d.ts +2 -0
  556. package/dist/dts/widget/i18n/messages.licensing.d.ts +48 -0
  557. package/dist/dts/widget/i18n/messages.vi.d.ts +2 -0
  558. package/dist/dts/widget/i18n/trading.messages.en.d.ts +2 -0
  559. package/dist/dts/widget/i18n/trading.messages.vi.d.ts +2 -0
  560. package/dist/dts/widget/i18n/types.d.ts +3 -0
  561. package/dist/dts/widget/iframe/builtInAdapters.d.ts +63 -0
  562. package/dist/dts/widget/iframe/host-entry.d.ts +11 -0
  563. package/dist/dts/widget/iframe/hostSDK.d.ts +151 -0
  564. package/dist/dts/widget/iframe/iframeBridge.d.ts +165 -0
  565. package/dist/dts/widget/iframe/iframeEntry.d.ts +52 -0
  566. package/dist/dts/widget/iframe/iframeFrame.d.ts +15 -0
  567. package/dist/dts/widget/iframe/iframeQuotes.d.ts +20 -0
  568. package/dist/dts/widget/iframe/messageProtocol.d.ts +545 -0
  569. package/dist/dts/widget/iframe/quoteHub.d.ts +20 -0
  570. package/dist/dts/widget/iframe/useVNInvestChartsHost.d.ts +8 -0
  571. package/dist/dts/widget/iife-entry.d.ts +61 -0
  572. package/dist/dts/widget/iifeWidgetInstance.d.ts +60 -0
  573. package/dist/dts/widget/index.d.ts +56 -0
  574. package/dist/dts/widget/multiChartDefaults.d.ts +18 -0
  575. package/dist/dts/widget/paneInteractionUtils.d.ts +25 -0
  576. package/dist/dts/widget/patterns/autoPatternScan.d.ts +77 -0
  577. package/dist/dts/widget/patterns/patternDrawingFactory.d.ts +87 -0
  578. package/dist/dts/widget/plugin/ProPluginRegistry.d.ts +40 -0
  579. package/dist/dts/widget/runtime/ChartScaleAdapter.d.ts +73 -0
  580. package/dist/dts/widget/runtime/ChartSerializer.d.ts +12 -0
  581. package/dist/dts/widget/runtime/ForkRuntimeAdapter.d.ts +19 -0
  582. package/dist/dts/widget/runtime/IRuntimeEngine.d.ts +40 -0
  583. package/dist/dts/widget/runtime/WorkspaceSerializer.d.ts +31 -0
  584. package/dist/dts/widget/runtimePolicy.d.ts +36 -0
  585. package/dist/dts/widget/styles/injectStyles.d.ts +9 -0
  586. package/dist/dts/widget/theme/ThemeConfig.d.ts +21 -0
  587. package/dist/dts/widget/theme/applyTheme.d.ts +3 -0
  588. package/dist/dts/widget/trading/chart/DraggableOrderHandles.d.ts +15 -0
  589. package/dist/dts/widget/trading/chart/InteractivePositionOverlay.d.ts +19 -0
  590. package/dist/dts/widget/trading/chart/PendingOrderOverlay.d.ts +11 -0
  591. package/dist/dts/widget/trading/chart/QuickTradingHeader.d.ts +20 -0
  592. package/dist/dts/widget/trading/chart/TradingChartSurface.d.ts +8 -0
  593. package/dist/dts/widget/trading/chart/TradingOverlaysHost.d.ts +28 -0
  594. package/dist/dts/widget/trading/chart/priceTicks.d.ts +1 -0
  595. package/dist/dts/widget/trading/chart/useFloatingDrag.d.ts +40 -0
  596. package/dist/dts/widget/trading/chart/useTradingHotkeys.d.ts +21 -0
  597. package/dist/dts/widget/trading/config/paperRuntimeConfig.d.ts +53 -0
  598. package/dist/dts/widget/trading/context/PaperPanelRegistry.d.ts +45 -0
  599. package/dist/dts/widget/trading/context/TradingContext.d.ts +80 -0
  600. package/dist/dts/widget/trading/context/WorkspaceTradingSync.d.ts +24 -0
  601. package/dist/dts/widget/trading/hooks/usePaperRuntimeConfig.d.ts +36 -0
  602. package/dist/dts/widget/trading/index.d.ts +5 -0
  603. package/dist/dts/widget/trading/panel/AccountSummaryTab.d.ts +7 -0
  604. package/dist/dts/widget/trading/panel/ActiveChartPaperPanel.d.ts +26 -0
  605. package/dist/dts/widget/trading/panel/ConnectedTradingPanel.d.ts +3 -0
  606. package/dist/dts/widget/trading/panel/HistoryTab.d.ts +5 -0
  607. package/dist/dts/widget/trading/panel/MarketFallbackBanner.d.ts +4 -0
  608. package/dist/dts/widget/trading/panel/OrdersTab.d.ts +8 -0
  609. package/dist/dts/widget/trading/panel/PaperCapitalDialog.d.ts +8 -0
  610. package/dist/dts/widget/trading/panel/PaperSettingsModal.d.ts +17 -0
  611. package/dist/dts/widget/trading/panel/PositionsTab.d.ts +15 -0
  612. package/dist/dts/widget/trading/panel/TradeHistoryTab.d.ts +5 -0
  613. package/dist/dts/widget/trading/panel/TradingBottomPanel.d.ts +36 -0
  614. package/dist/dts/widget/trading/panel/TradingLogTab.d.ts +8 -0
  615. package/dist/dts/widget/trading/panel/TradingPanelHeader.d.ts +17 -0
  616. package/dist/dts/widget/trading/panel/csvExport.d.ts +18 -0
  617. package/dist/dts/widget/trading/ticket/ConnectedTradingDockPanel.d.ts +5 -0
  618. package/dist/dts/widget/trading/ticket/OrderTicketForm.d.ts +31 -0
  619. package/dist/dts/widget/trading/ticket/OrderTicketModal.d.ts +29 -0
  620. package/dist/dts/widget/trading/ticket/RegistryTradingDockPanel.d.ts +9 -0
  621. package/dist/dts/widget/trading/ticket/RiskCalculatorView.d.ts +9 -0
  622. package/dist/dts/widget/trading/ticket/TradingDockPanel.d.ts +36 -0
  623. package/dist/dts/widget/trading/ticket/orderTicketModel.d.ts +49 -0
  624. package/dist/dts/widget/trading/visibility/paperVisibility.d.ts +38 -0
  625. package/dist/dts/widget/types/dataProvider.d.ts +8 -0
  626. package/dist/dts/widget/types/fullChartHandle.d.ts +25 -0
  627. package/dist/dts/widget/types/saas.d.ts +83 -0
  628. package/dist/dts/widget/types/symbolSearch.d.ts +9 -0
  629. package/dist/dts/widget/types/watchlist.d.ts +26 -0
  630. package/dist/dts/widget/utils/axisHit.d.ts +16 -0
  631. package/dist/dts/widget/utils/chartRange.d.ts +12 -0
  632. package/dist/dts/widget/utils/chartTypeOptions.d.ts +38 -0
  633. package/dist/dts/widget/utils/clickOutside.d.ts +1 -0
  634. package/dist/dts/widget/utils/coordinateBridge.d.ts +31 -0
  635. package/dist/dts/widget/utils/crosshairSync.d.ts +50 -0
  636. package/dist/dts/widget/utils/drawingSync.d.ts +198 -0
  637. package/dist/dts/widget/utils/enrichedHash.d.ts +15 -0
  638. package/dist/dts/widget/utils/headerSync.d.ts +12 -0
  639. package/dist/dts/widget/utils/numberFormat.d.ts +13 -0
  640. package/dist/dts/widget/utils/paperTradeAdapters.d.ts +11 -0
  641. package/dist/dts/widget/utils/pineSeriesData.d.ts +71 -0
  642. package/dist/dts/widget/utils/rangeSync.d.ts +29 -0
  643. package/dist/dts/widget/utils/telemetry.d.ts +19 -0
  644. package/dist/dts/widget/utils/widgetEquality.d.ts +57 -0
  645. package/dist/dts/widget/utils/widgetErrors.d.ts +29 -0
  646. package/dist/dts/widget/utils/widgetHelpers.d.ts +395 -0
  647. package/dist/dts/widget/utils/xAxisTickFormatter.d.ts +33 -0
  648. package/dist/dts/widget/visibleRangeBridge.d.ts +28 -0
  649. package/dist/dts/widget/visibleRangeDiagnostics.d.ts +10 -0
  650. package/dist/dts/widget/visibleRangePolicies.d.ts +6 -0
  651. package/dist/dts/widget/workspace/WorkspaceManager.d.ts +23 -0
  652. package/dist/dts/widget/workspace/WorkspaceStore.d.ts +85 -0
  653. package/dist/dts/widget/workspace/types.d.ts +21 -0
  654. package/dist/externalBarsNormalization.worker.js +108 -0
  655. package/dist/iframe/index.html +63 -0
  656. package/dist/iframe/injected.css +6456 -0
  657. package/dist/iframe/vninvestchart.iframe.css +2 -0
  658. package/dist/iframe/vninvestchart.iframe.js +945 -0
  659. package/dist/iframe-host/host-entry.cjs +687 -0
  660. package/dist/iframe-host/host-entry.d.mts +818 -0
  661. package/dist/iframe-host/host-entry.d.ts +818 -0
  662. package/dist/iframe-host/host-entry.js +680 -0
  663. package/dist/index.cjs +7253 -0
  664. package/dist/index.css +3390 -0
  665. package/dist/index.d.ts +31 -0
  666. package/dist/index.js +6461 -0
  667. package/dist/injected.css +6456 -0
  668. package/dist/rollAlgorithms-2P2ZKKHO.js +2 -0
  669. package/dist/types/runtime.cjs +8 -0
  670. package/dist/types/runtime.d.mts +92 -0
  671. package/dist/types/runtime.d.ts +92 -0
  672. package/dist/types/runtime.js +5 -0
  673. package/dist/types/runtime.umd.js +14 -0
  674. package/dist/vninvestchart.iife.css +2 -0
  675. package/dist/vninvestchart.iife.js +945 -0
  676. package/package.json +225 -5
package/dist/index.css ADDED
@@ -0,0 +1,3390 @@
1
+ .An{position:absolute;right:12px;bottom:12px;display:flex;flex-direction:column;gap:8px;z-index:1200;max-width:min(360px,80%);pointer-events:none}.fo{pointer-events:auto;display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:8px;font-size:13px;line-height:1.4;color:var(--text-primary, #1a1a1a);background:var(--toast-bg, #ffffff);border:1px solid var(--border-color, #e8e8e8);box-shadow:0 8px 24px #00000029;animation:uo .18s ease-out}.Nn{border-left:3px solid var(--primary-color, #1890ff)}.Dn{border-left:3px solid #16a34a}.qn{border-left:3px solid #d97706}.En{border-left:3px solid #b91c1c}.Gn{flex:1;overflow-wrap:anywhere}.ho{border:0;background:transparent;cursor:pointer;font-size:16px;line-height:1;color:inherit;opacity:.6;padding:2px 4px}.ho:hover{opacity:1}@keyframes uo{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.fo{animation:none}}.mo{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#000000a6;backdrop-filter:blur(2px)}.vnsc-root[data-chart-mode=light] .mo{background:#0f172a59}.yo{width:820px;max-width:95vw;height:620px;max-height:90vh;display:flex;flex-direction:column;background:var(--vnsc-bg-primary, #0f1720);color:var(--vnsc-text-primary, #f1f5f9);border:1px solid var(--vnsc-border, #1e293b);border-radius:8px;box-shadow:0 16px 40px #0006;overflow:hidden;box-sizing:border-box}.Jn{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid var(--vnsc-border, #1e293b);background:var(--vnsc-bg-secondary, #131d2a);flex-shrink:0}.Kn{font-size:15px;font-weight:600;color:var(--vnsc-text-primary, #f1f5f9);margin:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.Ln{font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--vnsc-accent-subtle, rgba(37, 99, 235, .12));color:var(--vnsc-accent, #38bdf8);border:1px solid var(--vnsc-accent, #38bdf8);white-space:nowrap}.wo{background:transparent;border:none;color:var(--vnsc-text-secondary, #94a3b8);cursor:pointer;font-size:18px;line-height:1;padding:4px 8px;border-radius:4px;transition:all .15s ease}.wo:hover{background:var(--vnsc-bg-hover, rgba(255, 255, 255, .08));color:var(--vnsc-text-primary, #ffffff)}.ko{display:flex;flex:1;min-height:0;overflow:hidden}.zo{width:220px;flex-shrink:0;border-right:1px solid var(--vnsc-border, #1e293b);background:var(--vnsc-bg-secondary, #131d2a);display:flex;flex-direction:column}.On{padding:10px 12px;border-bottom:1px solid var(--vnsc-border, #1e293b)}.jo{width:100%;padding:7px 10px;border-radius:4px;border:1px solid var(--vnsc-border, #1e293b);background:var(--vnsc-bg-primary, #0f1720);color:var(--vnsc-text-primary, #f1f5f9);font-size:12px;box-sizing:border-box;outline:none}.jo:focus{border-color:var(--vnsc-accent, #38bdf8)}.So{flex:1;overflow-y:auto;padding:6px 0;margin:0;list-style:none}.nr{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;font-size:13px;font-weight:500;color:var(--vnsc-text-secondary, #94a3b8);background:transparent;border:none;text-align:left;cursor:pointer;transition:all .15s ease;border-left:3px solid transparent;box-sizing:border-box}.nr:hover{background:var(--vnsc-bg-hover, rgba(255, 255, 255, .05));color:var(--vnsc-text-primary, #f1f5f9)}.Mo{background:var(--vnsc-accent-subtle, rgba(37, 99, 235, .12))!important;color:var(--vnsc-accent, #38bdf8)!important;font-weight:600;border-left-color:var(--vnsc-accent, #38bdf8)!important}.Pn{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0}.Io{flex:1;min-width:0;overflow-y:auto;padding:20px 24px;background:var(--vnsc-bg-primary, #0f1720)}.Qn{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-top:1px solid var(--vnsc-border, #1e293b);background:var(--vnsc-bg-secondary, #131d2a);flex-shrink:0}.Vn,.Wn{display:flex;align-items:center;gap:10px}.tr{background:transparent;border:1px solid var(--vnsc-border, #1e293b);color:var(--vnsc-text-secondary, #94a3b8);padding:6px 14px;border-radius:4px;font-size:12px;cursor:pointer;transition:all .15s ease}.tr:hover{background:var(--vnsc-bg-hover, rgba(255, 255, 255, .08));color:var(--vnsc-text-primary, #f1f5f9)}.Fo{background:transparent;border:1px solid var(--vnsc-accent, #38bdf8);color:var(--vnsc-accent, #38bdf8);padding:6px 14px;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap}.Fo:hover{background:var(--vnsc-accent-subtle, rgba(37, 99, 235, .12))}.ir{background:transparent;border:1px solid var(--vnsc-border, #1e293b);color:var(--vnsc-text-primary, #f1f5f9);padding:7px 16px;border-radius:4px;font-size:13px;cursor:pointer;transition:all .15s ease}.ir:hover{background:var(--vnsc-bg-hover, rgba(255, 255, 255, .08))}.sr{background:var(--vnsc-accent, #2563eb);border:none;color:#fff;padding:7px 20px;border-radius:4px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.sr:hover{opacity:.9}@media(max-width:640px){.yo{width:100vw;height:100vh;max-width:100vw;max-height:100vh;border-radius:0;border:none}.ko{flex-direction:column}.zo{width:100%;max-height:140px;border-right:none;border-bottom:1px solid var(--vnsc-border, #1e293b)}.So{display:flex;overflow-x:auto;padding:4px 8px;gap:6px}.nr{width:auto;white-space:nowrap;border-left:none;border-bottom:3px solid transparent;min-height:44px;padding:8px 12px}.Mo{border-left-color:transparent!important;border-bottom-color:var(--vnsc-accent, #38bdf8)!important}.Io{padding:14px}.tr,.ir,.sr{min-height:44px}}.Zn{display:flex;flex-direction:column;gap:22px}._n{display:flex;flex-direction:column;gap:12px}.rt{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--vnsc-text-secondary, #94a3b8);margin:0 0 4px;padding-bottom:6px;border-bottom:1px solid var(--vnsc-border, #1e293b)}.ot{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:32px}.et{display:flex;align-items:center;gap:12px}.at{font-size:13px;color:var(--vnsc-text-primary, #f1f5f9);font-weight:500;display:flex;align-items:center;gap:8px}.nt{font-size:11px;color:var(--vnsc-text-secondary, #94a3b8);margin-top:2px}.tt{display:flex;align-items:center;gap:10px}.Ro,.cr{padding:6px 10px;border-radius:4px;border:1px solid var(--vnsc-border, #1e293b);background:var(--vnsc-bg-secondary, #131d2a);color:var(--vnsc-text-primary, #f1f5f9);font-size:12px;outline:none;transition:border-color .15s ease;box-sizing:border-box}.Ro:focus,.cr:focus{border-color:var(--vnsc-accent, #38bdf8)}.cr{cursor:pointer}.it{width:90px;text-align:right}.st{width:16px;height:16px;cursor:pointer;accent-color:var(--vnsc-accent, #2563eb)}.dr{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:28px;height:28px;border:1px solid var(--vnsc-border, #1e293b);border-radius:4px;background:transparent;cursor:pointer;padding:0}.dr::-webkit-color-swatch-wrapper{padding:2px}.dr::-webkit-color-swatch{border:none;border-radius:2px}.ct{display:inline-flex;border:1px solid var(--vnsc-border, #1e293b);border-radius:4px;overflow:hidden;background:var(--vnsc-bg-secondary, #131d2a)}.Ho{padding:5px 10px;font-size:12px;font-weight:500;background:transparent;border:none;color:var(--vnsc-text-secondary, #94a3b8);cursor:pointer;transition:all .15s ease}.Ho:not(:last-child){border-right:1px solid var(--vnsc-border, #1e293b)}.dt{background:var(--vnsc-accent, #2563eb);color:#fff}.pt{padding:12px 14px;background:var(--vnsc-bg-secondary, #131d2a);border:1px solid var(--vnsc-border, #1e293b);border-radius:6px;display:flex;flex-direction:column;gap:10px}.lt{display:flex;align-items:center;justify-content:space-between}.xt{font-size:13px;font-weight:600;color:var(--vnsc-text-primary, #f1f5f9)}.bt{display:flex;align-items:center;gap:6px}.Yo{padding:4px 8px;font-size:11px;border-radius:4px;border:1px solid var(--vnsc-border, #1e293b);background:transparent;color:var(--vnsc-text-secondary, #94a3b8);cursor:pointer;transition:all .15s ease}.Yo:hover{background:var(--vnsc-bg-hover, rgba(255, 255, 255, .08));color:var(--vnsc-text-primary, #ffffff)}.Co{position:absolute;z-index:50;width:360px;min-height:200px;max-height:500px;background:var(--vnsc-bg-secondary, #111820);border:1px solid var(--vnsc-border, #2a2a2a);border-radius:var(--vnsc-radius-lg, 6px);box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;font-family:var(--gc-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);font-size:var(--vnsc-font-sm, 11px);color:var(--vnsc-text-primary, #e0e0e0)}.gt{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--vnsc-border, #2a2a2a);background:var(--vnsc-bg-primary, #0a0e14);border-radius:var(--vnsc-radius-lg, 6px) var(--vnsc-radius-lg, 6px) 0 0}.pr{display:flex;flex-direction:column;gap:2px}.pr strong{font-size:12px;font-weight:600;color:var(--vnsc-text-primary)}.pr span{font-size:10px;color:var(--vnsc-text-secondary)}.vt{display:flex;align-items:center;gap:4px}.Bo{width:24px;height:24px;border:none;border-radius:4px;background:transparent;color:var(--vnsc-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;transition:background-color .15s ease,color .15s ease}.Bo:hover{background-color:var(--vnsc-bg-tertiary, #f1f5f9);color:var(--vnsc-text-primary)}.ft{display:flex;border-bottom:1px solid var(--vnsc-border, #2a2a2a);background:var(--vnsc-bg-primary, #0a0e14)}.Uo{flex:1;padding:8px 12px;border:none;background:transparent;color:var(--vnsc-text-secondary);font-size:11px;font-weight:500;cursor:pointer;transition:color .15s ease,background-color .15s ease;border-bottom:2px solid transparent;margin-bottom:-1px}.Uo:hover{color:var(--vnsc-text-primary);background-color:var(--vnsc-bg-tertiary, #f1f5f9)}.ut{color:var(--vnsc-accent, #2962ff);border-bottom-color:var(--vnsc-accent, #2962ff)}.ht{flex:1;overflow-y:auto;padding:12px}.mt{color:var(--vnsc-text-secondary);font-style:italic;text-align:center;padding:20px}.To{position:absolute;bottom:0;right:0;width:18px;height:18px;cursor:nwse-resize;background:linear-gradient(135deg,transparent 0%,transparent 40%,var(--vnsc-text-secondary, #888) 40%,var(--vnsc-text-secondary, #888) 44%,transparent 44%,transparent 56%,var(--vnsc-text-secondary, #888) 56%,var(--vnsc-text-secondary, #888) 60%,transparent 60%);opacity:.4;transition:opacity .15s ease;border-radius:0 0 var(--vnsc-radius-lg, 6px) 0;z-index:1}.To:hover{opacity:.8}@media(max-width:480px){.Co{width:calc(100vw - 32px);max-width:360px}}.yt{display:flex;flex-direction:column;gap:12px}.wt{display:flex;flex-direction:column;gap:6px}.kt{font-size:11px;font-weight:700;color:var(--vnsc-text-secondary, #888)}.zt{display:flex;gap:6px}.jt,.St{flex:0 1 200px;min-width:120px;background:var(--vnsc-surface-raised, rgba(30, 41, 59, .9));border:1px solid var(--vnsc-border, rgba(255, 255, 255, .1));border-radius:4px;padding:6px 8px;color:var(--vnsc-text-primary, #fff);font-size:12px}.Xo{background:var(--vnsc-accent, #0891b2);border:none;border-radius:4px;padding:6px 12px;color:var(--vnsc-text-primary, #fff);font-size:12px;cursor:pointer}.Ao{background:var(--vnsc-danger, #ef5350)}.Xo:disabled,.Ao:disabled{background:var(--vnsc-surface-muted, rgba(255, 255, 255, .05));color:var(--vnsc-text-disabled, #666);cursor:default}.Mt{height:1px;background:var(--vnsc-border-subtle, rgba(255, 255, 255, .08));margin:4px 0}.lr{display:flex;align-items:center;gap:8px;padding:4px 8px;background:var(--vnsc-bg-secondary, #111820);border-bottom:1px solid var(--vnsc-border, #2a2a2a);font-family:var(--vnsc-font-family-base);font-size:12px;color:var(--vnsc-text-primary, #e0e0e0);z-index:30;min-height:32px;min-width:0;overflow-x:auto;scrollbar-width:none}.lr::-webkit-scrollbar{display:none}.It{display:flex;align-items:center;gap:8px}.No{font-size:14px;font-weight:700;white-space:nowrap}.Ft{background:var(--vnsc-accent-strong, #2563eb);color:#fff;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:600}.Rt{display:flex;gap:2px;align-items:center}.Do{background:transparent;border:none;border-radius:4px;color:var(--vnsc-text-secondary, #787b86);padding:4px 8px;font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease}.Do:hover{background:#ffffff14;color:var(--vnsc-text-primary, #e0e0e0)}.Ht{background:var(--vnsc-accent-strong, #2563eb);color:#fff;font-weight:600}.Yt{position:relative}.qo{display:flex;align-items:center;gap:4px;background:transparent;border:1px solid var(--vnsc-border, #2a2a2a);border-radius:4px;color:var(--vnsc-text-secondary, #787b86);padding:4px 8px;font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.qo:hover,.Ct{background:#ffffff0f;color:var(--vnsc-text-primary, #e0e0e0);border-color:var(--vnsc-accent, #2962ff)}.Bt{font-size:8px;margin-left:2px}.Ut{position:absolute;top:100%;left:0;margin-top:4px;background:var(--vnsc-bg-primary, #1e293b);border:1px solid var(--vnsc-border, #2a2a2a);border-radius:6px;box-shadow:0 4px 12px #0000004d;list-style:none;padding:4px;z-index:100;min-width:120px}.Tt{position:fixed;top:auto;left:auto;margin-top:0;z-index:9999}.Eo{padding:6px 10px;border-radius:4px;cursor:pointer;font-size:12px;color:var(--vnsc-text-secondary, #787b86);transition:background .15s ease}.Eo:hover{background:#ffffff14;color:var(--vnsc-text-primary, #e0e0e0)}.Xt{background:#2962ff26;color:var(--vnsc-primary, #2962ff);font-weight:600}.Go{opacity:.45;cursor:not-allowed}.Go:hover{background:transparent;color:var(--vnsc-text-secondary, #787b86)}.At{margin-left:8px;padding:1px 6px;border-radius:999px;font-size:10px;font-weight:600;line-height:1.4;color:var(--vnsc-primary, #2962ff);background:#2962ff26;white-space:nowrap}.Nt{display:flex;align-items:center;gap:2px}.Jo{display:flex;align-items:center;gap:4px;background:transparent;border:1px solid var(--vnsc-border, #2a2a2a);border-radius:4px;color:var(--vnsc-text-secondary, #787b86);padding:4px 8px;font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap;line-height:1}.Jo:hover{background:#ffffff0f;color:var(--vnsc-text-primary, #e0e0e0);border-color:var(--vnsc-accent, #2962ff)}.Dt{background:#2962ff33;color:var(--vnsc-primary, #2962ff);font-weight:600;border-color:var(--vnsc-primary, #2962ff)}.qt{display:flex;align-items:center;gap:4px;padding:2px 6px;background:#ffffff0a;border-radius:4px}.Ko{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:4px;background:transparent;color:var(--vnsc-text-secondary, #787b86);cursor:pointer;font-size:10px;transition:all .15s ease}.Ko:hover{background:#ffffff1a;color:var(--vnsc-text-primary, #e0e0e0)}.Et{color:var(--vnsc-primary, #2962ff)}.Lo{width:80px;height:4px;accent-color:var(--vnsc-accent, #2962ff);cursor:pointer}.Gt{font-size:10px;color:var(--vnsc-text-secondary, #787b86);white-space:nowrap;min-width:50px}.xr{font-size:11px;font-weight:600;white-space:nowrap;margin:0 4px}.xr[data-pnl-positive=true]{color:#22bb5c}.xr[data-pnl-positive=false]{color:#d7324b}.Jt{display:inline-flex;gap:6px;align-items:center;font-size:10px;white-space:nowrap;margin:0 4px}.N{padding:0 4px;color:var(--vnsc-text-secondary, #787b86);border-right:1px solid var(--vnsc-border, rgba(148,163,184,.2))}.N:last-child{border-right:none}.N[data-positive=true]{color:#22bb5c}.N[data-positive=false]{color:#d7324b}.Kt{background:transparent;border:1px solid var(--vnsc-border, #2a2a2a);border-radius:4px;color:var(--vnsc-text-secondary, #787b86);font-size:10px;padding:1px 4px;cursor:pointer}.Lt{display:flex;gap:2px;margin-left:auto}.br{width:32px;height:32px;border:none;border-radius:4px;background:transparent;color:var(--vnsc-text-secondary, #787b86);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease,color .15s ease}.br:hover{background-color:#ffffff14;color:var(--vnsc-text-primary)}.Oo{background-color:var(--vnsc-accent, #2962ff);color:#fff}.Oo:hover{background-color:#1a52d6;color:#fff}.Po{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:26px;padding:0 10px;border:1px solid rgba(41,98,255,.45);border-radius:4px;background:#2962ff24;color:#dbe4ff;font-size:11px;font-weight:600;cursor:pointer;text-decoration:none;transition:all .15s ease;white-space:nowrap;box-shadow:none}.Po:hover{background:#2962ff3d;box-shadow:none}.Ot{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:4px 8px;border-radius:6px;font-weight:700;font-size:11px;letter-spacing:.5px;box-shadow:0 2px 8px #2563eb33;display:inline-flex;align-items:center;user-select:none}.Pt{background:linear-gradient(135deg,var(--vnsc-accent, #22d3ee),#0891b2);color:#0a0e17;padding:2px 6px;border-radius:4px;font-weight:800;font-size:11px;letter-spacing:.5px;display:inline-flex;align-items:center;user-select:none}.Qt{margin-left:auto;display:flex;align-items:center;gap:6px}.Vt{position:relative}.Wt{position:absolute;top:32px;right:0;min-width:220px;max-height:calc(100vh - 100px);overflow-y:auto;padding:8px;background-color:var(--vnsc-bg-secondary, #0f172a);border:1px solid var(--vnsc-border, rgba(148, 163, 184, .18));border-radius:8px;box-shadow:0 10px 25px -5px #00000080;display:flex;flex-direction:column;gap:4px;z-index:250;scrollbar-width:thin}.gr{height:32px;display:flex;align-items:center;padding:0 10px;background:transparent;border:none;border-radius:6px;color:var(--vnsc-text-secondary, #94a3b8);font-size:12px;font-weight:600;cursor:pointer;width:100%;text-align:left;transition:all .12s ease}.gr:hover,.gr.Zt{background-color:var(--vnsc-bg-hover, rgba(255, 255, 255, .05));color:var(--vnsc-text-primary, #e2e8f0)}._t{display:flex;align-items:center;gap:6px;background:var(--vnsc-bg-secondary, #111820);border:1px solid var(--vnsc-border, #2a2a2a);border-radius:6px;padding:6px 10px;position:absolute;top:36px;left:6px;right:6px;z-index:220;box-shadow:0 4px 16px #0006;box-sizing:border-box}.ri{display:inline-flex;align-items:center;gap:8px;margin-left:8px;font-size:11px;font-family:var(--vnsc-font-mono, monospace);white-space:nowrap}.oi{display:inline-flex;align-items:center;gap:2px}.ei{color:inherit;opacity:.75;font-weight:600}.ai{color:inherit}.ni{font-weight:600;margin-left:4px}.ti{color:var(--vnsc-color-bullish, #26a69a)}.ii{color:var(--vnsc-color-bearish, #ef5350)}@media(max-width:640px){.lr{padding:3px 6px;gap:4px}.No{font-size:12px}.Lo{width:60px;flex:1}.br{width:24px;height:24px}}.Qo{position:absolute;z-index:100;display:flex;align-items:center;gap:2px;padding:4px 8px;background:var(--vnsc-bg-secondary, #111820);border:1px solid var(--vnsc-border, #2a2a2a);border-radius:6px;box-shadow:0 4px 16px #0006;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:11px;color:var(--vnsc-text-primary, #e0e0e0);user-select:none;white-space:nowrap;cursor:grab}.Qo:active{cursor:grabbing}.si{width:1px;height:18px;background:var(--vnsc-border, #2a2a2a);margin:0 4px;flex-shrink:0}.Vo{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:3px;background:transparent;color:var(--vnsc-text-secondary, #a0a0a0);cursor:pointer;transition:all .15s ease;flex-shrink:0}.Vo:hover{background:#ffffff1a;color:var(--vnsc-text-primary, #e0e0e0)}.ci{color:var(--vnsc-primary, #2962ff)}.di{width:80px;height:3px;accent-color:var(--vnsc-accent, #2962ff);cursor:pointer;flex-shrink:0}.pi{font-size:10px;color:var(--vnsc-text-secondary, #a0a0a0);min-width:40px;flex-shrink:0}.vr{font-size:11px;font-weight:600}.vr[data-pnl-positive=true]{color:#22bb5c}.vr[data-pnl-positive=false]{color:#d7324b}.li{background:transparent;border:1px solid var(--vnsc-border, #2a2a2a);border-radius:3px;color:var(--vnsc-text-secondary, #a0a0a0);font-size:10px;padding:1px 3px;cursor:pointer;flex-shrink:0}.Wo{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;border-radius:3px;background:transparent;color:var(--vnsc-text-secondary, #a0a0a0);cursor:pointer;font-size:13px;line-height:1;transition:all .15s ease;flex-shrink:0}.Wo:hover{background:#ffffff1a;color:var(--vnsc-text-primary, #e0e0e0)}.w{position:absolute;bottom:32px;left:50%;transform:translate(-50%);z-index:50;max-width:320px;overflow:hidden;box-sizing:border-box;transition:max-width .2s ease,height .2s ease,opacity .2s ease,border-radius .2s ease,padding .2s ease;display:flex;align-items:center;gap:2px;padding:4px 8px;background:var(--vnsc-bg-secondary, #111820);border:1px solid var(--vnsc-border, #2a2a2a);border-radius:6px;box-shadow:0 4px 16px #0006;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;user-select:none;white-space:nowrap}.fr{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:3px;background:transparent;color:var(--vnsc-text-secondary, #a0a0a0);cursor:pointer;flex-shrink:0}.fr:hover{background:#ffffff1a;color:var(--vnsc-text-primary, #e0e0e0)}.fr:disabled{opacity:.35;cursor:not-allowed}.xi{color:var(--vnsc-primary, #2962ff)}.bi{width:1px;height:18px;background:var(--vnsc-border, #2a2a2a);margin:0 4px;flex-shrink:0}.D{display:flex;align-items:center;justify-content:center;width:16px;height:24px;color:var(--vnsc-text-secondary, #a0a0a0);flex-shrink:0}@media(hover:hover){.w:not(:hover):not(:focus-within){max-width:40px;height:18px;padding:1px 8px;border-radius:13px;opacity:.85}.w:not(:hover):not(:focus-within)>:not(.D){opacity:0}.w:not(:hover):not(:focus-within)>.D{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:14px}.w:not(:hover):not(:focus-within)>.D svg{width:12px;height:12px}}.gi{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:60}.vi{position:absolute;top:0;bottom:0;left:0;width:0;border-left:1.5px dashed #ef4444;will-change:transform}.fi{position:absolute;top:6px;left:0;margin-left:8px;padding:2px 6px;border-radius:3px;background:#ef4444;color:#fff;font-size:10px;line-height:1.4;white-space:nowrap;will-change:transform}.Zo{display:flex;align-items:center;gap:8px;padding:3px 8px;background:var(--vnsc-bg-secondary, transparent);border-top:1px solid var(--vnsc-border, rgba(255, 255, 255, .08));z-index:30;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;font-family:var(--vnsc-font-family-base, "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--vnsc-text-secondary, #787b86)}.ui{display:flex;gap:2px;flex-shrink:0}.ur{padding:2px 6px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--vnsc-text-secondary, #787b86);cursor:pointer;font-size:11px;font-weight:500;font-family:inherit;transition:color .15s ease,border-color .15s ease,background .15s ease}.ur:hover{color:var(--vnsc-text-primary, #d1d4dc);border-color:var(--vnsc-border-secondary, rgba(255, 255, 255, .12));background:var(--vnsc-bg-hover, rgba(255, 255, 255, .04))}._o{background:var(--vnsc-accent-strong, #2563eb);color:#fff;font-weight:600;border-color:var(--vnsc-accent-strong, #2563eb);box-shadow:none}._o:hover{background:var(--vnsc-accent-strong, #2563eb);color:#fff;border-color:var(--vnsc-accent-hover, #1e4bd8)}.re{width:1px;height:14px;background:var(--vnsc-border, rgba(255, 255, 255, .08))}.hi{display:flex;gap:2px;flex-shrink:0}.hr{padding:2px 6px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--vnsc-text-secondary, #787b86);cursor:pointer;font-size:11px;font-weight:500;font-family:inherit;transition:color .15s ease,border-color .15s ease,background .15s ease}.hr:hover{color:var(--vnsc-text-primary, #d1d4dc);border-color:var(--vnsc-border-secondary, rgba(255, 255, 255, .12));background:var(--vnsc-bg-hover, rgba(255, 255, 255, .04))}.oe{background:var(--vnsc-accent-strong, #2563eb);color:#fff;font-weight:600;border-color:var(--vnsc-accent-strong, #2563eb);box-shadow:none}.oe:hover{background:var(--vnsc-accent-strong, #2563eb);color:#fff;border-color:var(--vnsc-accent-hover, #1e4bd8)}.ee{margin-left:auto;display:flex;align-items:center;gap:4px;flex-shrink:0}.ae{font-size:10px;font-weight:600;color:var(--vnsc-text-muted, #6b7280);text-transform:uppercase;letter-spacing:.05em;align-self:center;margin-right:2px;white-space:nowrap;flex-shrink:0}@media(max-width:1280px){.ae{display:none}}.ne{margin-left:auto;display:flex;gap:8px;align-items:center;flex-shrink:0}.ee+.ne{margin-left:0}.mi{display:flex;gap:2px;padding:2px;border:1px solid var(--vnsc-border, rgba(255, 255, 255, .08));border-radius:6px;background:transparent}.te{padding:2px 6px;border:none;border-radius:4px;background:transparent;color:var(--vnsc-text-secondary, #787b86);cursor:pointer;font-size:11px;font-weight:500;font-family:inherit;font-variant-numeric:tabular-nums}.te:hover{color:var(--vnsc-text-primary, #d1d4dc);background:var(--vnsc-bg-hover, rgba(255, 255, 255, .04))}.yi{background:var(--vnsc-accent-strong, #2563eb);color:var(--vnsc-text-on-primary, #ffffff);font-weight:600}.wi{padding:2px 6px;border:1px solid var(--vnsc-border, rgba(255, 255, 255, .08));border-radius:4px;font-size:11px;font-weight:500;font-family:inherit;color:var(--vnsc-text-secondary, #787b86);background:var(--vnsc-bg-hover, transparent);white-space:nowrap}.ki{font-size:11px;font-weight:500;font-family:var(--vnsc-font-family-mono, ui-monospace, monospace);color:var(--vnsc-text-primary, #d1d4dc);font-variant-numeric:tabular-nums;white-space:nowrap}.zi{font-variant-numeric:tabular-nums;display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:600;font-family:var(--vnsc-font-family-mono, ui-monospace, monospace);color:var(--vnsc-accent, #2962ff);white-space:nowrap}.ji{font-size:10px;opacity:.7}.ie{display:flex;align-items:center;gap:4px;padding:0 8px;font-size:11px;font-weight:500;font-family:inherit;color:var(--vnsc-text-muted, #6b7280);cursor:pointer;user-select:none;white-space:nowrap;opacity:.9}.ie:hover{color:var(--vnsc-text-secondary, #787b86);opacity:1}.se{font-size:11px;color:var(--vnsc-accent, #2962ff);opacity:.7}.se:hover{color:var(--vnsc-accent, #2962ff);opacity:1}@media(max-width:480px){.Zo{padding:4px 8px;gap:8px}.ur,.hr{padding:2px 6px;font-size:10px}.re{height:12px}}.Si{position:absolute;inset:0;z-index:32;pointer-events:none}.Mi{position:absolute;transform:translate(-50%);z-index:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.Ii{transform:translate(0)}.Fi{transform:translate(-100%)}.Ri{width:1px;height:6px;margin:0 auto 2px}.ce{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:10px;font-weight:400;line-height:14px;white-space:nowrap;padding:0;background:none;border:none}.Hi{position:absolute;transform:translate(-50%);z-index:2}.Yi{width:1px;height:8px;margin:0 auto 2px}.de{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:10px;font-weight:500;line-height:14px;white-space:nowrap;padding:2px 6px;border-radius:3px;background:var(--vnsc-bg-secondary);border:none;color:var(--vnsc-text-primary)}.pe{position:absolute;left:8px;z-index:18;pointer-events:none;font-family:var(--gc-mono, monospace);font-size:11px;line-height:16px;display:flex;flex-wrap:wrap;gap:2px 8px}.mr,.Ci{background:none;border:none}.le{color:var(--vnsc-text-secondary, #64748b)}.xe{color:var(--vnsc-text-primary, #1e2a3b)}.mr .le{color:var(--vnsc-text-primary)}.mr .xe{color:var(--vnsc-text-on-primary)}.Bi{position:absolute;z-index:22;pointer-events:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,monospace;font-size:9px;font-weight:500;line-height:12px;white-space:nowrap;padding:1px 3px;border-radius:3px;transform:translateY(-50%)}.Ui{position:absolute;left:0;right:0;height:1px;background:var(--vnsc-border, rgba(255, 255, 255, .08));z-index:15;pointer-events:none}.Ti{background:var(--vnsc-bg-secondary, rgba(17, 24, 32, .85))}.Xi{position:absolute;border:1px dashed var(--vnsc-accent, rgba(56, 189, 248, .9));background:color-mix(in srgb,var(--vnsc-accent, rgba(56, 189, 248, 1)) 12%,transparent);pointer-events:none;z-index:21}.Ai{position:absolute;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:var(--vnsc-bg-overlay, rgba(10, 14, 20, .85))}.Ni{height:var(--vnsc-bottom-panel-height, 260px);max-height:60dvh;border-top:1px solid var(--vnsc-border, #2a2a2a);background:var(--vnsc-bg-secondary, #111820);position:relative;z-index:40;display:flex;flex-direction:column;min-height:0}@media(max-width:480px){.ce,.de{font-size:9px;padding:0 2px}.pe{font-size:10px;left:4px;padding:3px 6px}}.Di{position:absolute;z-index:25;pointer-events:none;user-select:none;display:flex;flex-direction:column;gap:2px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:11px;line-height:16px}.yr{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;pointer-events:auto;padding:2px 6px;border-radius:4px;background:#121826cc;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:background .15s ease;max-width:calc(100vw - 120px)}.be{background:#ffffffd9;border:1px solid rgba(0,0,0,.06)}.qi{background:#121826d9;border:1px solid rgba(255,255,255,.05)}.yr:hover{background:#121826eb}.be:hover{background:#fffffff2}.ge{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;background:transparent;border:none;border-radius:3px;color:var(--vnsc-text-secondary, #94a3b8);cursor:pointer;transition:transform .2s ease,color .15s ease}.ge:hover{color:var(--vnsc-text-primary, #f8fafc);background:#ffffff14}.Ei{transform:rotate(-90deg)}.Gi{display:inline-flex;align-items:center;gap:4px;font-weight:700;font-size:11.5px;color:var(--vnsc-text-primary, #f8fafc)}.Ji{padding:1px 4px;border-radius:3px;font-size:9px;font-weight:700;text-transform:uppercase;background:#ffffff1a;color:var(--vnsc-text-secondary, #94a3b8);letter-spacing:.04em}.Ki{font-weight:500;color:var(--vnsc-text-secondary, #94a3b8);font-size:11px}.ve{display:inline-flex;align-items:center;gap:2px;opacity:.25;transition:opacity .15s ease}.yr:hover .ve{opacity:1}.fe{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;background:transparent;border:none;border-radius:3px;color:var(--vnsc-text-secondary, #94a3b8);cursor:pointer;font-size:11px;transition:color .15s,background .15s}.fe:hover{color:var(--vnsc-text-primary, #f8fafc);background:#ffffff1f}.Li{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;font-family:var(--gc-mono, "SF Mono", Monaco, Inconsolata, "Roboto Mono", monospace);font-size:10.5px;font-variant-numeric:tabular-nums}.Oi{color:var(--vnsc-text-secondary, #94a3b8);margin-right:2px}.Pi{color:var(--vnsc-color-bullish, #26a69a)!important}.Qi{color:var(--vnsc-color-bearish, #ef5350)!important}.Vi{display:inline-flex;align-items:center;gap:6px;pointer-events:auto;padding:1px 6px;border-radius:4px;font-size:10px;line-height:14px;color:var(--vnsc-text-secondary, #94a3b8)}.ue{position:relative;min-width:min(380px,100%);flex:1 1 380px}.wr{width:100%;box-sizing:border-box;border:1.5px solid var(--vnsc-border, #3a3e49);background:var(--vnsc-surface, #1e222d);color:var(--vnsc-text, #f8fafc);font:inherit;font-size:12px;line-height:1.4;padding:8px 10px;border-radius:6px;outline:none;transition:border-color .1s ease,box-shadow .1s ease}.wr::placeholder{color:var(--vnsc-text-secondary, #787b86);opacity:.85}.wr:focus{border-color:var(--vnsc-accent, #6366f1);box-shadow:0 0 0 2px #6366f133}.kr{position:absolute;z-index:1000;top:calc(100% + 6px);left:0;right:0;margin:0;padding:0;list-style:none;border:1px solid var(--vnsc-accent, #6366f1);border-radius:10px;background:var(--vnsc-bg-primary, #1e222d);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 12px 32px #0009,0 0 0 2px #6366f126;max-height:min(60vh,600px);overflow:auto}.kr ul{margin:0;padding:6px;list-style:none}.he{display:flex;flex-direction:row;align-items:center;gap:6px;padding:8px 10px;border-radius:8px;cursor:pointer;color:var(--vnsc-text-secondary);font-size:12px;transition:background .1s ease,color .1s ease}.he:hover,.Wi{background:var(--vnsc-bg-tertiary);color:var(--vnsc-text-primary)}.me,.me:hover{opacity:.45;cursor:not-allowed;background:transparent}.Zi{margin-left:auto;font-size:10px;font-weight:600;padding:2px 8px;border-radius:999px;border:1px solid var(--vnsc-border, #3a3e49);color:var(--vnsc-text-secondary);white-space:nowrap}._i{font-weight:700;color:inherit}.rs{font-size:11px;color:inherit}.os{display:flex;gap:4px;padding:6px 8px 4px;border-bottom:1px solid var(--vnsc-border)}.ye{padding:2px 8px;border-radius:4px;border:1px solid var(--vnsc-border);background:transparent;color:var(--vnsc-text-secondary);font-size:11px;cursor:pointer;transition:background .15s,color .15s}.ye:hover{background:var(--vnsc-bg-tertiary);color:var(--vnsc-text-primary)}.es{background:var(--vnsc-accent, #2962ff);border-color:var(--vnsc-accent, #2962ff);color:#fff}.as{font-size:9px;font-weight:700;padding:1px 4px;border-radius:3px;background:var(--vnsc-bg-tertiary);color:var(--vnsc-text-secondary);flex-shrink:0}.ns{background:color-mix(in srgb,var(--vnsc-color-success) 18%,transparent);color:var(--vnsc-color-success)}.ts{background:color-mix(in srgb,var(--vnsc-color-info) 18%,transparent);color:var(--vnsc-color-info)}.is{background:color-mix(in srgb,var(--vnsc-color-warning) 18%,transparent);color:var(--vnsc-color-warning)}.zr{padding:6px 8px 4px}.zr+.zr{border-top:1px solid var(--vnsc-border)}.ss{font-size:10px;font-weight:700;color:var(--vnsc-text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px}.cs{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.we{display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 8px;box-sizing:border-box;border-radius:4px;border:1px solid var(--vnsc-border);background:#ffffff08;color:var(--vnsc-text-primary);font-size:11px;font-weight:500;cursor:pointer;transition:background .12s ease,border-color .12s ease}.we:hover{background:var(--vnsc-bg-tertiary)}.ke{border-color:color-mix(in srgb,var(--vnsc-color-success) 35%,transparent);color:var(--vnsc-color-success)}.ke:hover{background:color-mix(in srgb,var(--vnsc-color-success) 12%,transparent)}.ze{border-color:color-mix(in srgb,var(--vnsc-color-info) 35%,transparent);color:var(--vnsc-color-info)}.ze:hover{background:color-mix(in srgb,var(--vnsc-color-info) 12%,transparent)}.je{border-color:color-mix(in srgb,var(--vnsc-color-warning) 35%,transparent);color:var(--vnsc-color-warning)}.je:hover{background:color-mix(in srgb,var(--vnsc-color-warning) 12%,transparent)}.ds{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:4px}.ps{display:flex;align-items:center;justify-content:center;padding:24px 12px}.ls,.xs{font-size:12px;color:var(--vnsc-text-secondary)}.bs{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.gs{display:flex;align-items:center;justify-content:space-between;padding:4px 0}.vs{display:flex;align-items:center;gap:8px;min-width:0}.Se{padding:2px 8px;border:1px solid color-mix(in srgb,var(--vnsc-color-success) 40%,transparent);border-radius:4px;background:transparent;color:var(--vnsc-color-success);font-size:11px;cursor:pointer;white-space:nowrap;flex-shrink:0}.Se:hover{background:color-mix(in srgb,var(--vnsc-color-success) 10%,transparent)}.Me{padding:2px 8px;border:1px solid color-mix(in srgb,var(--vnsc-color-bearish) 40%,transparent);border-radius:4px;background:transparent;color:var(--vnsc-color-bearish);font-size:11px;cursor:pointer;flex-shrink:0}.Me:hover{background:color-mix(in srgb,var(--vnsc-color-bearish) 10%,transparent)}.fs{margin:0;border:none;border-top:1px solid var(--vnsc-border, #3a3e49)}@media(max-width:480px){.ue{min-width:100%}.kr{left:0;right:0;max-height:50vh}}.us{position:fixed;inset:0;z-index:5000;display:flex;align-items:flex-start;justify-content:center;padding:12vh 16px 16px;background:var(--vnsc-bg-overlay, rgba(10, 14, 20, .85));backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.hs{width:min(640px,100%);max-height:70vh;overflow:auto;border:1px solid var(--vnsc-accent, #6366f1);border-radius:12px;background:var(--vnsc-bg-modal, #1e222d);box-shadow:0 24px 64px #0009,0 0 0 2px #6366f126}.Ie{position:static;z-index:auto;margin:8px 0 0;padding:0;list-style:none;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;max-height:none;overflow:visible}.Ie ul{margin:0;padding:6px 0 0;list-style:none}.ms{display:inline-flex;gap:4px;margin-left:auto;flex-shrink:0}.Fe{color:#fff;border-color:var(--vnsc-accent, #6366f1);background:#6366f126}.Fe:hover{background:#6366f14d}.ys{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;background:var(--vnsc-bg-secondary, #111820);border:1px solid var(--vnsc-border, #2a2a2a);border-radius:8px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:11px;color:var(--vnsc-text-primary, #e0e0e0);max-width:max-content}.ws{display:inline-flex;align-items:center;gap:2px;flex:1;min-width:0}.ks{display:inline-flex;align-items:center;padding:0 2px;opacity:.55;user-select:none}.jr,.Sr{display:inline-flex;flex-direction:row;align-items:baseline;gap:6px;min-width:0;padding:2px 8px;border:1px solid transparent;border-radius:6px;color:#fff;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap}.jr{background:#dc2626}.Sr{background:#16a34a}.jr:disabled,.Sr:disabled{opacity:.45;cursor:not-allowed}.zs{font-size:10px;font-weight:400;opacity:.92}.js{padding:1px 6px;border-radius:4px;background:var(--vnsc-bg-primary, #0d141b);border:1px solid var(--vnsc-border, #2a2a2a);font-size:10px;white-space:nowrap;cursor:help;opacity:.85}.Ss{display:flex;align-items:center;gap:2px}.Re{width:20px;height:20px;border-radius:4px;border:1px solid var(--vnsc-border, #2a2a2a);background:transparent;color:var(--vnsc-text-primary, #e0e0e0);cursor:pointer;font-size:11px;line-height:1;padding:0}.Re:disabled{opacity:.4;cursor:not-allowed}.Ms{width:56px;text-align:right;padding:2px 4px;border-radius:4px;border:1px solid var(--vnsc-border, #2a2a2a);background:var(--vnsc-bg-primary, #0d141b);color:var(--vnsc-text-primary, #e0e0e0);font-size:11px}.He{border-radius:4px;border:1px solid var(--vnsc-border, #2a2a2a);background:transparent;color:var(--vnsc-text-primary, #e0e0e0);cursor:pointer;padding:2px 6px;font-size:11px}.He[aria-pressed=true]{background:var(--vnsc-accent, #2962ff);color:#fff}.Is{cursor:help;opacity:.7}.Fs{position:absolute;inset:0;overflow:hidden;pointer-events:none;isolation:isolate;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:11px}.Rs{position:absolute;inset:0;pointer-events:none}.Ye,.Ce{position:absolute;left:0;right:0;height:0;border-top:1px solid}.Ye{border-color:#16a34a}.Ce{border-color:#dc2626}.Hs{position:absolute;left:4px;transform:translateY(-50%);padding:2px 8px;border-radius:4px;background:var(--vnsc-bg-secondary, #111820);border:1px solid var(--vnsc-border, #2a2a2a);color:var(--vnsc-text-primary, #e0e0e0);white-space:nowrap}.Ys{position:absolute;right:64px;transform:translateY(-50%);display:flex;gap:4px;pointer-events:auto}.Be{min-width:22px;height:22px;border-radius:4px;border:1px solid var(--vnsc-border, #2a2a2a);background:var(--vnsc-bg-secondary, #111820);color:var(--vnsc-text-primary, #e0e0e0);cursor:pointer;font-size:11px}.Be:disabled{opacity:.4;cursor:not-allowed}.Cs{position:absolute;transform:translateY(-50%);display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:6px;background:#111820e0;backdrop-filter:blur(4px);border:1px solid var(--vnsc-border, #2a2a2a);color:var(--vnsc-text-primary, #e0e0e0);white-space:nowrap;font-size:11px}.Bs{padding:0 2px;opacity:.92}.Ue{min-width:22px;height:22px;border-radius:4px;border:1px solid var(--vnsc-border, #2a2a2a);background:transparent;color:inherit;cursor:pointer;font-size:11px;pointer-events:auto}.Ue:disabled{opacity:.4;cursor:not-allowed}.Us{position:absolute;width:0;border-right:1px dashed}.Ts{position:absolute;transform:translateY(-50%);padding:1px 6px;border-radius:3px;color:#fff;font-size:10px;font-weight:700;white-space:nowrap}.Xs{background:#16a34a}.As{background:#dc2626}.Ns{background:#64748b}.Ds{position:absolute;left:0;right:0;height:0;border-top:1px dashed #eab308}.Te{position:absolute;right:8px;transform:translateY(-50%);padding:2px 8px;border-radius:10px;background:#eab308;color:#111;font-weight:700;cursor:grab;pointer-events:auto;user-select:none;touch-action:none;white-space:nowrap}.Te.qs{opacity:.45;cursor:not-allowed}.Es{position:absolute;right:76px;transform:translateY(-50%);padding:6px 10px;border-radius:6px;background:var(--vnsc-bg-secondary, #111820);border:1px solid var(--vnsc-border, #2a2a2a);color:var(--vnsc-text-primary, #e0e0e0);white-space:nowrap;pointer-events:none}.Gs{position:absolute;left:0;right:0;height:0;border-top:1px dashed #94a3b8}.Js{position:absolute;right:8px;transform:translateY(-50%);display:flex;align-items:center;gap:6px;padding:2px 8px;border-radius:4px;background:var(--vnsc-bg-secondary, #111820);border:1px solid var(--vnsc-border, #2a2a2a);color:var(--vnsc-text-primary, #e0e0e0);white-space:nowrap;pointer-events:auto}.Ks{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#00000073}.Ls{min-width:320px;max-width:420px;max-height:90vh;overflow-y:auto;border-radius:var(--vnsc-radius-modal, 12px);padding:var(--vnsc-space-modal-padding, 24px);background:var(--vnsc-bg-modal, #1e293b);color:var(--vnsc-text-primary, #e2e8f0);box-shadow:var(--vnsc-shadow-modal, 0 8px 32px rgba(0, 0, 0, .4));display:flex;flex-direction:column;gap:var(--vnsc-space-3, 12px);font-family:var(--vnsc-font-family-base);font-size:var(--vnsc-font-size-base, 13px)}.Os{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:700}.Ps{border:none;background:transparent;color:inherit;font-size:16px;cursor:pointer}.Qs{display:flex;gap:4px}.Vs,.Xe{flex:1;min-width:0;padding:5px 2px;border-radius:6px;border:1px solid var(--vnsc-border, #2a2a2a);background:transparent;color:inherit;cursor:pointer;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Xe{background:var(--vnsc-accent, #2962ff);color:#fff}.Mr{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:8px}.Mr input,.Ir input{padding:5px 8px;border-radius:6px;border:1px solid var(--vnsc-border, #2a2a2a);background:var(--vnsc-bg-primary, #0d141b);color:inherit;min-width:0}.Mr input{width:100%;box-sizing:border-box}.Ir{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.Ws{display:block;width:100%;margin-top:4px;padding-top:8px;border-top:1px solid var(--vnsc-border-divider, #2a2a2a);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--vnsc-text-secondary, #787b86)}.Ir label{display:flex;align-items:center;gap:6px;white-space:nowrap}.Zs{opacity:.75}._s{display:flex;flex-direction:column;gap:4px;opacity:.9}.rc{color:var(--vnsc-color-error, #f87171)}.q{display:flex;gap:8px;justify-content:flex-end}.q button{padding:8px 16px;border-radius:8px;cursor:pointer}.q button:last-child{background:var(--vnsc-color-bullish, #16a34a);border:none;color:var(--vnsc-text-on-primary, #fff);font-weight:600}.q button:last-child:disabled{opacity:.45;cursor:not-allowed}.oc{box-sizing:border-box;display:flex;flex-direction:column;height:100%;min-height:0;background:var(--vnsc-bg-secondary, #111820);color:var(--vnsc-text-primary, #e0e0e0);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:12px}.ec{display:flex;align-items:center;padding:2px 12px 0;flex-shrink:0}.ac{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--vnsc-text-primary, #e0e0e0)}.nc{color:var(--vnsc-color-bullish, #26a69a);font-size:9px}.tc{color:var(--vnsc-text-secondary, #727f8c);font-weight:400}.Ae{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:6px 14px;border-bottom:1px solid var(--vnsc-border, #2a2a2a);background:var(--vnsc-bg-secondary, #111820);overflow-x:auto;scrollbar-width:none;min-height:52px}.Ae::-webkit-scrollbar{display:none}.ic{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.sc{display:flex;align-items:center;gap:8px;flex-shrink:0;padding-right:6px;border-right:1px solid var(--vnsc-border-subtle, rgba(255, 255, 255, .08))}.cc{width:8px;height:8px;border-radius:50%;background:var(--vnsc-color-bullish, #16a34a);box-shadow:0 0 6px #16a34a66;flex:none}.dc{font-weight:700;font-size:12px;color:var(--vnsc-text-primary, #f1f5f9);letter-spacing:.01em;white-space:nowrap}.pc{font-size:10px;font-weight:600;padding:1px 6px;border-radius:4px;background:var(--vnsc-bg-surface, rgba(255, 255, 255, .06));color:var(--vnsc-text-secondary, #94a3b8);border:1px solid var(--vnsc-border-subtle, rgba(255, 255, 255, .08))}.lc{display:flex;align-items:stretch;gap:10px;min-width:0}.xc{display:flex;flex-direction:column;justify-content:center;padding:4px 10px;border-radius:6px;background:var(--vnsc-bg-primary, #0d141b);border:1px solid var(--vnsc-border-subtle, rgba(255, 255, 255, .06));min-width:max-content}.bc{background:var(--vnsc-bg-primary, #0d141b);border-color:var(--vnsc-border, #2a2a2a)}.gc{display:flex;align-items:baseline;gap:8px}.vc{display:flex;align-items:center;gap:8px;min-width:0}.fc{display:flex;flex-direction:column;gap:1px;min-width:0}.Fr,.E{display:grid;column-gap:12px;row-gap:1px;align-items:center;align-content:center}.Fr{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.E{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}.E>.Ne{grid-column:1 / -1}.Ne{display:flex;align-items:baseline;gap:6px;min-width:0;white-space:nowrap}.Fr .Rr,.E .Rr{font-size:15px}.uc{font-size:10px;font-weight:400;color:var(--vnsc-text-secondary, #787b86);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hc{font-size:11px;font-weight:400;color:var(--vnsc-text-primary, #e0e0e0);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mc{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--vnsc-text-secondary, #787b86);white-space:nowrap}.Rr{font-size:13px;font-weight:700;color:var(--vnsc-text-primary, #ffffff);font-variant-numeric:tabular-nums;white-space:nowrap}.yc{font-size:14px;font-weight:700;color:var(--vnsc-text-primary, #ffffff);font-variant-numeric:tabular-nums;white-space:nowrap}.wc{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--vnsc-text-secondary, #94a3b8);font-variant-numeric:tabular-nums;margin-top:1px;white-space:nowrap}.kc{font-size:.62em;font-weight:600;color:var(--vnsc-text-secondary, #94a3b8);letter-spacing:.03em}.zc{display:inline-flex;align-items:center;padding:1px 6px;border-radius:4px;font-size:11px;font-weight:700;color:var(--vnsc-color-bullish, #26a69a);background:#26a69a24;border:1px solid rgba(38,166,154,.25);font-variant-numeric:tabular-nums}.jc{display:inline-flex;align-items:center;padding:1px 6px;border-radius:4px;font-size:11px;font-weight:700;color:var(--vnsc-color-bearish, #ef5350);background:#ef535024;border:1px solid rgba(239,83,80,.25);font-variant-numeric:tabular-nums}.Sc{display:inline-flex;align-items:center;padding:1px 6px;border-radius:4px;font-size:11px;font-weight:600;color:var(--vnsc-text-secondary, #94a3b8);background:#ffffff0d;font-variant-numeric:tabular-nums}.Mc{font-size:10px;font-weight:600;padding:0 4px;border-radius:3px;color:var(--vnsc-color-bullish, #26a69a);background:#26a69a1f}.Ic{font-size:10px;font-weight:600;padding:0 4px;border-radius:3px;color:#f59e0b;background:#f59e0b1f}.Fc{font-size:10px;font-weight:600;padding:0 4px;border-radius:3px;color:var(--vnsc-color-bearish, #ef5350);background:#ef53501f}.Rc{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:auto}.Hr{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border-radius:5px;font-size:11px;font-weight:600;cursor:pointer;border:1px solid var(--vnsc-border, #2a2a2a);background:var(--vnsc-bg-primary, #0d141b);color:var(--vnsc-text-primary, #e0e0e0);transition:all .15s ease;white-space:nowrap}.Hr:hover{background:var(--vnsc-bg-surface, rgba(255, 255, 255, .08));border-color:var(--vnsc-border-subtle, rgba(255, 255, 255, .15))}.G{color:var(--vnsc-text-secondary, #94a3b8)}.G:hover{color:var(--vnsc-color-bearish, #ef5350);border-color:#ef53504d}.G:focus-visible,.Hr:focus-visible{outline:2px solid var(--vnsc-accent, #2f6df6);outline-offset:1px}.G:disabled{opacity:.45;cursor:not-allowed;color:var(--vnsc-text-secondary, #94a3b8);border-color:var(--vnsc-border, #2a2a2a)}.Hc{padding:0;width:28px;justify-content:center}.Yc{display:flex;align-items:center;gap:2px;padding:0 12px;border-bottom:1px solid var(--vnsc-border, #2a2a2a);background:var(--vnsc-bg-secondary, #111820);min-height:36px}.Yr,.De{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:none;background:transparent;cursor:pointer;transition:all .15s ease;white-space:nowrap;font-size:12px}.Yr{color:var(--vnsc-text-secondary, #787b86);border-bottom:2px solid transparent;font-weight:500}.Yr:hover{color:var(--vnsc-text-primary, #e0e0e0)}.De{color:var(--vnsc-text-primary, #ffffff);border-bottom:2px solid var(--vnsc-accent, #2962ff);font-weight:600}.Cc{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border-radius:999px;font-size:10px;font-weight:700;background:#2962ff26;color:var(--vnsc-accent, #2962ff)}.qe{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;border-radius:4px;background:transparent;color:var(--vnsc-text-secondary, #787b86);cursor:pointer;transition:all .15s ease;font-size:13px}.qe:hover{background:#ffffff14;color:var(--vnsc-text-primary, #ffffff)}.Bc{flex:1;min-height:120px;overflow:auto;padding:8px 12px}.Uc{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px 16px;text-align:center;color:var(--vnsc-text-secondary, #787b86)}.Tc{font-size:28px;margin-bottom:8px;opacity:.6}.Xc{font-size:13px;font-weight:600;color:var(--vnsc-text-primary, #e0e0e0);margin-bottom:4px}.Ac{font-size:11px;color:var(--vnsc-text-secondary, #787b86);max-width:340px;line-height:1.4}.l{width:100%;border-collapse:collapse}.l th,.l td{text-align:left;padding:6px 10px;border-bottom:1px solid var(--vnsc-border, #2a2a2a);white-space:nowrap}.l th{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--vnsc-text-secondary, #787b86);background:var(--vnsc-bg-secondary, #111820);position:sticky;top:0;z-index:1}.l td{font-variant-numeric:tabular-nums;border-bottom:1px solid var(--vnsc-border-subtle, rgba(255, 255, 255, .04))}.l tr:hover td{background:#ffffff05}.l button{margin-right:4px;cursor:pointer}.Nc{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px}.Dc{display:flex;flex-direction:column;gap:2px;font-variant-numeric:tabular-nums}.qc{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px 16px}.Ec{font-size:13px;font-weight:600;color:var(--vnsc-text-primary, #f1f5f9)}.Gc{font-size:12px;color:var(--vnsc-text-secondary, #94a3b8)}.Ee{margin-top:4px;background:var(--vnsc-accent, #38bdf8);border:1px solid var(--vnsc-accent, #38bdf8);color:#0b1220;padding:6px 14px;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:filter .15s ease;white-space:nowrap}.Ee:hover{filter:brightness(1.1)}.Jc{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#04081099;z-index:20}.Kc{display:flex;flex-direction:column;gap:8px;min-width:280px;max-width:340px;padding:14px 16px;background:var(--vnsc-bg-secondary, #131722);border:1px solid var(--vnsc-border, rgba(148, 163, 184, .16));border-radius:8px}.Lc{font-size:13px;font-weight:700;color:var(--vnsc-text-primary, #f1f5f9)}.Oc{font-size:12px;color:var(--vnsc-text-secondary, #94a3b8)}.Pc{display:flex;flex-wrap:wrap;gap:6px}.Ge{background:transparent;border:1px solid var(--vnsc-border, rgba(148, 163, 184, .25));color:var(--vnsc-text-secondary, #94a3b8);padding:4px 10px;border-radius:4px;font-size:12px;cursor:pointer}.Ge:hover{border-color:var(--vnsc-accent, #38bdf8);color:var(--vnsc-accent, #38bdf8)}.Je{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--vnsc-text-secondary, #94a3b8)}.Je input{background:var(--vnsc-bg-primary, #0b1220);border:1px solid var(--vnsc-border, rgba(148, 163, 184, .25));color:var(--vnsc-text-primary, #f1f5f9);padding:6px 10px;border-radius:4px;font-size:13px}.Qc{font-size:12px;color:var(--vnsc-color-bearish, #ef5350)}.k{display:flex;justify-content:flex-end;gap:8px}.k button{padding:6px 14px;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer}.k button[data-testid=capital-confirm]{background:var(--vnsc-accent, #38bdf8);border:1px solid var(--vnsc-accent, #38bdf8);color:#0b1220}.k button[data-testid=capital-confirm]:disabled{opacity:.4;cursor:not-allowed}.k button[data-testid=capital-cancel]{background:transparent;border:1px solid var(--vnsc-border, rgba(148, 163, 184, .25));color:var(--vnsc-text-secondary, #94a3b8)}.Vc{position:fixed;inset:0;background:#03060c99;display:grid;place-items:center;z-index:1000;padding:16px}.Wc{width:min(520px,calc(100vw - 32px));max-height:calc(100vh - 64px);display:flex;flex-direction:column;background:var(--vnsc-bg-secondary, #0f1521);color:var(--vnsc-text-primary, #e6edf3);border:1px solid var(--vnsc-border, #1e2635);border-radius:12px;box-shadow:0 24px 64px #0000008c;font-size:13px}.Zc{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--vnsc-border, #1e2635);font-weight:600;font-size:15px;flex-shrink:0}.Ke{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:none;background:transparent;color:var(--vnsc-text-secondary, #8a94a6);cursor:pointer}.Ke:hover{background:var(--vnsc-bg-hover, rgba(255, 255, 255, .06));color:var(--vnsc-text-primary, #e6edf3)}._c{padding:16px 18px;overflow-y:auto;overflow-x:hidden;display:grid;gap:14px;min-height:0;min-width:0}.J{overflow-x:auto;scrollbar-width:none}.J::-webkit-scrollbar{display:none}.J button{flex:none;white-space:nowrap}.J button[aria-selected=true]{color:#fff;box-shadow:inset 0 -2px 0 var(--vnsc-accent, #2f6df6)}.Cr{display:grid;grid-template-columns:160px minmax(0,1fr);align-items:center;gap:12px;min-width:0}.Cr>*{min-width:0}.Cr>span:first-child{color:var(--vnsc-text-secondary, #8a94a6)}.rd{grid-column:2;font-size:11px;color:var(--vnsc-text-secondary, #8a94a6);margin-top:-8px}.Le{display:flex;align-items:center;gap:8px;cursor:pointer}.Le input{width:16px;height:16px;accent-color:var(--vnsc-accent, #2f6df6);flex-shrink:0;margin:0}.od{grid-column:2;font-size:11px;color:var(--vnsc-color-bearish, #e5484d);margin-top:-8px}.z{display:inline-flex;background:var(--vnsc-bg-primary, #0b0f17);border:1px solid var(--vnsc-border, #1e2635);border-radius:8px;padding:2px;gap:2px}.z button{all:unset;cursor:pointer;padding:6px 14px;border-radius:6px;color:var(--vnsc-text-secondary, #8a94a6);border:1px solid transparent;transition:color .15s,background .15s,border-color .15s;font-size:12px;white-space:nowrap;flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;text-align:center}.z button:hover{color:var(--vnsc-text-primary, #e6edf3)}.z button[aria-pressed=true]{background:var(--vnsc-accent-soft, rgba(47, 109, 246, .16));border-color:var(--vnsc-accent, #2f6df6);color:#fff}.z button:focus-visible{outline:2px solid var(--vnsc-accent, #2f6df6);outline-offset:1px}.K{display:flex;align-items:center;background:var(--vnsc-bg-primary, #0b0f17);border:1px solid var(--vnsc-border, #1e2635);border-radius:6px;min-width:0}.K:focus-within{border-color:var(--vnsc-accent, #2f6df6);box-shadow:0 0 0 3px var(--vnsc-accent-soft, rgba(47, 109, 246, .16))}.K input{all:unset;flex:1;min-width:0;padding:7px 10px;font-variant-numeric:tabular-nums;color:var(--vnsc-text-primary, #e6edf3)}.K span{padding:0 10px;color:var(--vnsc-text-secondary, #8a94a6);white-space:nowrap}.ed{position:sticky;bottom:0;display:flex;align-items:center;gap:8px;padding:12px 18px;border-top:1px solid var(--vnsc-border, #1e2635);background:var(--vnsc-bg-secondary, #0f1521);border-radius:0 0 12px 12px;flex-shrink:0}.Oe{padding:8px 16px;border-radius:6px;border:1px solid var(--vnsc-border, #1e2635);background:transparent;color:var(--vnsc-text-primary, #e6edf3);cursor:pointer;font-size:13px}.Oe:hover{background:var(--vnsc-bg-hover, rgba(255, 255, 255, .06))}.Br{background:var(--vnsc-accent, #2f6df6);border-color:var(--vnsc-accent, #2f6df6);color:#fff;font-weight:600}.Br:hover{background:var(--vnsc-accent, #2f6df6);filter:brightness(1.1)}.Br:disabled{opacity:.45;cursor:not-allowed;filter:none}.ad{flex:1}.nd{display:flex;flex-direction:column;gap:6px;min-height:0;padding:8px 10px;background:var(--vnsc-bg-primary, #1e293b);color:var(--vnsc-text-primary, #e2e8f0);font-family:var(--vnsc-font-family-base);font-size:var(--vnsc-font-size-sm, 12px)}.Ur{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.Ur label{display:flex;flex-direction:column;gap:2px;font-size:10px;color:var(--vnsc-text-secondary, #787b86);min-width:0}.Ur label input{width:100%;box-sizing:border-box;padding:5px 6px;font-size:12px}.Pe{font-size:11px;color:var(--vnsc-text-secondary, #787b86)}.Pe>div>div{display:flex;justify-content:space-between;padding:1px 0;font-variant-numeric:tabular-nums}.Qe{padding:9px 16px;border:none;border-radius:8px;background:#16a34a;color:#fff;font-size:13px;font-weight:700;cursor:pointer;white-space:pre-wrap}.Qe:disabled{opacity:.45;cursor:not-allowed}.td{background:#dc2626}.Ve{position:absolute;top:0;right:0;width:260px;height:100%;z-index:50;background:var(--vnsc-bg-primary);border-left:1px solid var(--vnsc-border-primary);display:flex;flex-direction:column;font-size:12px;color:var(--vnsc-text-primary);overflow:hidden}.id{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 8px;border-bottom:1px solid var(--vnsc-border-primary);background:var(--vnsc-bg-secondary)}.sd{font-weight:700;font-size:13px}.cd{display:flex;gap:6px}.Tr{background:none;border:1px solid var(--vnsc-border-secondary);color:var(--vnsc-text-secondary);border-radius:4px;cursor:pointer;padding:2px 6px;font-size:11px;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.Tr:hover:not(:disabled){background:var(--vnsc-bg-hover);color:var(--vnsc-text-primary);border-color:var(--vnsc-text-disabled)}.Tr:disabled{cursor:not-allowed;opacity:.5}.We{background:none;border:none;color:var(--vnsc-text-tertiary);cursor:pointer;font-size:14px;padding:0 4px;transition:color .15s ease}.We:hover{color:var(--vnsc-text-primary)}.dd{flex:1;overflow-y:auto;padding:12px}.pd{height:40px;background:var(--vnsc-bg-tertiary);border-radius:4px;margin-bottom:8px;animation:Ze 1.2s ease-in-out infinite}@keyframes Ze{0%,to{opacity:.5}50%{opacity:1}}.ld{display:flex;align-items:center;gap:10px;margin-bottom:12px}.xd{flex:1;padding:8px 12px;border-radius:6px;font-weight:700;font-size:14px;text-align:center;letter-spacing:.5px}.bd{background:var(--vnsc-color-success-hover);color:var(--vnsc-text-on-primary)}.gd{background:var(--vnsc-color-success);color:var(--vnsc-text-on-primary)}.vd{background:var(--vnsc-color-neutral);color:var(--vnsc-text-on-primary)}.fd{background:var(--vnsc-color-warning);color:var(--vnsc-text-on-primary)}.ud{background:var(--vnsc-color-error);color:var(--vnsc-text-on-primary)}.hd{text-align:center}.md{color:var(--vnsc-text-tertiary);font-size:10px}.yd{font-weight:700;font-size:13px}.wd{margin-bottom:8px}.kd{border-bottom:1px solid var(--vnsc-border-primary);padding-bottom:8px;margin-bottom:8px}.zd{display:flex;align-items:center;gap:8px;cursor:pointer;user-select:none}.jd{flex:1;font-size:12px;color:var(--vnsc-text-primary);font-weight:500}.Sd{color:var(--vnsc-text-tertiary);font-size:11px;margin-left:4px}.Md{font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;background:var(--vnsc-color-neutral);color:var(--vnsc-text-on-primary);letter-spacing:.5px}.Id{background:var(--vnsc-color-success)}.Fd{background:var(--vnsc-color-error)}.Rd{background:var(--vnsc-color-neutral)}.Hd{color:var(--vnsc-text-tertiary);font-size:10px}.Yd{height:4px;background:var(--vnsc-border-primary);border-radius:2px;margin-top:6px;overflow:hidden}.Cd{height:100%;border-radius:2px;transition:width .3s ease}.Bd{margin-top:8px;font-size:11px;color:var(--vnsc-text-secondary);line-height:1.5;white-space:pre-wrap;word-break:break-word}._e{background:none;border:none;color:var(--vnsc-text-link);cursor:pointer;font-size:11px;padding:0;text-decoration:underline;transition:color .15s ease}._e:hover{color:var(--vnsc-text-link-hover)}.Ud{margin-top:8px;font-size:11px;color:var(--vnsc-text-secondary);line-height:1.6;white-space:pre-wrap;word-break:break-word}.Td{margin-top:10px;font-size:10px;color:var(--vnsc-text-tertiary);text-align:right}.Xd{text-align:center;color:var(--vnsc-text-placeholder);padding-top:24px;font-size:12px}.Ad{font-size:24px;margin-bottom:8px}@media(max-width:480px){.Ve{width:100%;height:auto;max-height:50%;bottom:0;top:auto;border-left:none;border-top:1px solid var(--vnsc-border-primary)}}.ra{position:absolute;top:0;right:0;bottom:0;width:240px;z-index:var(--vnsc-z-dock, 51);background:var(--vnsc-bg-primary);border-left:1px solid var(--vnsc-border-primary);display:flex;flex-direction:column;font-size:var(--vnsc-font-size-xs);color:var(--vnsc-text-primary);overflow:hidden}.Nd{display:flex;align-items:center;justify-content:space-between;padding:var(--vnsc-space-2);border-bottom:1px solid var(--vnsc-border-divider);background:var(--vnsc-bg-secondary);flex-shrink:0}.Dd{font-weight:700;font-size:var(--vnsc-font-size-sm)}.oa{background:none;border:none;color:var(--vnsc-text-secondary);cursor:pointer;font-size:var(--vnsc-font-size-md);padding:0 4px;transition:color .15s ease}.oa:hover{color:var(--vnsc-text-primary)}.qd{display:flex;align-items:center;gap:6px;padding:4px 8px;border-bottom:1px solid var(--vnsc-border-divider);flex-shrink:0}.Ed{color:var(--vnsc-text-secondary);white-space:nowrap}.Gd{flex:1;cursor:pointer}.Jd{width:38px;text-align:right;color:var(--vnsc-text-primary);flex-shrink:0}.Kd{display:grid;grid-template-columns:52px 70px 52px 44px 22px;padding:2px 4px;color:var(--vnsc-text-secondary);font-size:var(--vnsc-font-size-2xs);border-bottom:1px solid var(--vnsc-border-divider);flex-shrink:0}.Ld{flex:1;overflow-y:auto;overflow-x:hidden}.Od,.Pd{text-align:center;color:var(--vnsc-text-secondary);padding-top:20px}.Qd{display:grid;grid-template-columns:52px 70px 52px 44px 22px;height:22px;align-items:center;padding:0 4px;background:transparent;border-bottom:1px solid var(--vnsc-border-divider)}.Vd{background:color-mix(in srgb,var(--vnsc-color-warning) 15%,transparent);border-bottom:1px solid color-mix(in srgb,var(--vnsc-color-warning) 60%,transparent)}.Wd{color:var(--vnsc-text-secondary);font-size:var(--vnsc-font-size-2xs)}.Zd{text-align:right;font-weight:400}._d{color:var(--vnsc-color-bullish)}.rp{color:var(--vnsc-color-bearish)}.op{font-weight:700}.ep,.ap{text-align:right;color:var(--vnsc-text-secondary)}.np{color:var(--vnsc-color-warning)}.tp{display:flex;align-items:center;justify-content:center;height:14px;width:16px;border-radius:2px;font-size:var(--vnsc-font-size-2xs);font-weight:700}.ip{background:color-mix(in srgb,var(--vnsc-color-bullish) 35%,transparent);color:var(--vnsc-text-on-primary)}.sp{background:var(--vnsc-color-bearish);color:var(--vnsc-text-on-primary)}.cp{background:color-mix(in srgb,var(--vnsc-text-secondary) 30%,transparent);color:var(--vnsc-text-primary)}.dp{padding:4px 8px;border-top:1px solid var(--vnsc-border-divider);color:var(--vnsc-text-secondary);font-size:var(--vnsc-font-size-2xs);flex-shrink:0}@media(max-width:480px){.ra{width:100%;height:auto;max-height:40%;bottom:0;top:auto;right:0;border-left:none;border-top:1px solid var(--vnsc-border-primary)}}.Xr{display:flex;flex-direction:column;flex-shrink:0;height:100%;border-left:1px solid var(--vnsc-border, #2a2a2a);background:var(--vnsc-bg-secondary, #111820);position:relative;z-index:48;min-width:150px;overflow:hidden;transition:width .18s ease}.ea{min-width:40px}@media(max-width:767px){.Xr{transition:none}.ea{height:auto;min-height:0;border-top:none}}.aa{width:4px;cursor:col-resize;z-index:49;background:transparent;transition:background .2s;flex-shrink:0}.pp{background:var(--vnsc-accent, #2962ff)}.lp{flex-shrink:0;overflow-y:auto}.xp{display:flex;flex-direction:row;flex:1;min-height:0}.bp{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.gp{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-bottom:1px solid var(--vnsc-border-divider, #2a2a2a);flex-shrink:0}.vp{font-size:11px;font-weight:600;color:var(--vnsc-text-secondary, #787b86);text-transform:uppercase;letter-spacing:.04em}.fp{display:flex;align-items:center;gap:8px}.Ar{background:transparent;border:none;color:var(--vnsc-text-secondary, #787b86);cursor:pointer;display:inline-flex;align-items:center;padding:2px;border-radius:4px}.Ar:hover{background:var(--vnsc-bg-hover, rgba(255, 255, 255, .04));color:var(--vnsc-text-primary, #d1d4dc)}.up{flex:1;min-height:0;overflow-y:auto}.hp{width:40px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0;border-left:1px solid var(--vnsc-border-divider, #2a2a2a);background:var(--vnsc-bg-primary, #131722);overflow-y:auto}.j{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:var(--vnsc-text-secondary, #787b86);cursor:pointer}.j:hover{background:var(--vnsc-bg-hover, rgba(255, 255, 255, .04));color:var(--vnsc-text-primary, #d1d4dc)}.mp{opacity:.38;cursor:not-allowed}.j:focus{outline:none}.j:focus-visible{outline:2px solid var(--vnsc-accent-strong, #2563eb);outline-offset:-2px}.yp{background:var(--vnsc-bg-selected, rgba(59, 130, 246, .15));color:var(--vnsc-accent, #2962ff)}@media(max-width:767px){.aa{display:none}.Xr{position:absolute;inset:auto 0 0;height:45%;min-height:220px;min-width:0;width:auto!important;border-left:none;border-top:1px solid var(--vnsc-border, #2a2a2a);z-index:20}.j,.Ar{min-width:44px;min-height:44px}}.wp{padding:8px 10px;font-size:12px;font-variant-numeric:tabular-nums}.kp{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:6px}.zp{font-weight:700;font-size:13px;color:var(--vnsc-text-primary, #d1d4dc)}.jp{font-size:10px;color:var(--vnsc-text-secondary, #787b86)}.na{display:flex;align-items:center;justify-content:space-between;padding:3px 0;border-bottom:1px solid var(--vnsc-border-divider, #2a2a2a)}.na:last-child{border-bottom:none}.Sp{color:var(--vnsc-text-secondary, #787b86);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1}.Mp{font-weight:600;color:var(--vnsc-text-primary, #d1d4dc);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0}.Ip{color:var(--vnsc-color-bullish, rgb(38, 166, 154))}.Fp{color:var(--vnsc-color-bearish, rgb(239, 83, 80))}.Rp{margin-top:8px;padding-top:6px;border-top:1px solid var(--vnsc-border-divider, #2a2a2a);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--vnsc-text-secondary, #787b86)}.Hp{padding:16px 12px;font-size:12px;color:var(--vnsc-text-secondary, #787b86);text-align:center}.L{display:flex;flex-direction:column;padding:4px 4px 12px;gap:1px;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--vnsc-border, #2a3550) transparent}.L::-webkit-scrollbar{width:8px}.L::-webkit-scrollbar-thumb{background:var(--vnsc-border, #2a3550);border-radius:8px}.L::-webkit-scrollbar-corner{background:transparent}.S{display:flex;align-items:center;gap:8px;width:100%;min-height:34px;padding:3px 8px;background:transparent;border:none;border-bottom:1px solid var(--vnsc-border-divider, rgba(42, 42, 42, .6));border-radius:0;cursor:pointer;text-align:left;font-variant-numeric:tabular-nums}.S:last-child{border-bottom:none}.S:hover{background:var(--vnsc-bg-hover, rgba(255, 255, 255, .04))}.S:focus{outline:none}.S:focus-visible{outline:2px solid var(--vnsc-accent-strong, #2563eb);outline-offset:-2px;background:var(--vnsc-bg-hover, rgba(255, 255, 255, .04))}.Yp{background:var(--vnsc-bg-selected, rgba(59, 130, 246, .15))}.Cp{display:flex;flex-direction:column;min-width:0;flex:1}.Bp{font-size:12px;font-weight:700;color:var(--vnsc-text-primary, #d1d4dc);white-space:nowrap}.Up{font-size:10px;color:var(--vnsc-text-secondary, #787b86);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Tp{flex-shrink:0;color:var(--vnsc-text-secondary, #787b86)}.Xp{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.Ap{font-size:12px;font-weight:600;color:var(--vnsc-text-primary, #d1d4dc)}.Np{font-size:10px;color:var(--vnsc-text-secondary, #787b86)}.Dp{color:var(--vnsc-color-bullish, rgb(38, 166, 154))}.qp{color:var(--vnsc-color-bearish, rgb(239, 83, 80))}.Ep{padding:16px 12px;font-size:12px;color:var(--vnsc-text-secondary, #787b86);text-align:center}.ta{box-sizing:border-box;display:flex;flex-direction:column;height:100%;min-height:0;padding:12px;gap:12px;font-family:Inter,sans-serif;font-size:12px;font-variant-numeric:tabular-nums;color:var(--vnsc-text-primary, #e0e0e0);background:var(--vnsc-bg-primary, #0c1017)}.ia{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--vnsc-border-divider, #202b3c);padding-bottom:10px}.Gp{font-weight:700}.Jp{padding:4px 8px;background:var(--vnsc-bg-input, #131b26);border:1px solid var(--vnsc-border-input, #202b3c);border-radius:4px;color:var(--vnsc-text-primary, #fff)}.Nr{padding:5px 12px;background:var(--vnsc-accent, #2962ff);border:none;border-radius:4px;color:#fff;font-weight:700;cursor:pointer;margin-left:auto;transition:background-color .2s ease}.Nr:hover{background:var(--vnsc-accent-hover, #1a52d6)}.sa{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.Kp{padding:10px;background:var(--vnsc-bg-secondary, #131b26);border-radius:4px;border:1px solid var(--vnsc-border-divider, #202b3c)}.Lp{color:var(--vnsc-text-secondary, #888);font-size:11px;margin-bottom:4px}.Op{font-size:16px;font-weight:700}.Pp{color:var(--vnsc-color-bullish, #089981)}.Qp{color:var(--vnsc-color-bearish, #f23645)}.Vp{flex:1;overflow-y:auto;border:1px solid var(--vnsc-border-divider, #202b3c);border-radius:4px}.Dr{width:100%;border-collapse:collapse;text-align:left}.Dr th{padding:8px;border-bottom:1px solid var(--vnsc-border-divider, #202b3c);color:var(--vnsc-text-secondary, #888);background:var(--vnsc-bg-secondary, #131b26);position:sticky;top:0}.Dr td{padding:8px;border-bottom:1px solid var(--vnsc-border-divider, #1c2430)}.Wp{text-transform:uppercase;color:var(--vnsc-accent, #2962ff);font-weight:700}.Zp{text-transform:uppercase;color:var(--vnsc-color-warning, #ff6d00);font-weight:700}._p{color:var(--vnsc-color-bullish, #089981);font-weight:700}.rl{color:var(--vnsc-color-bearish, #f23645);font-weight:700}.ol{color:var(--vnsc-text-secondary, #888)}.el{flex:1;display:flex;justify-content:center;align-items:center;color:var(--vnsc-text-muted, #555);font-style:italic}@media(max-width:480px){.ta{padding:8px;gap:8px}.sa{grid-template-columns:repeat(2,1fr)}.ia{flex-wrap:wrap}.Nr{margin-left:0;margin-top:8px;width:100%}}.al{box-sizing:border-box;display:flex;flex-direction:column;height:100%;min-height:0;font-family:Inter,sans-serif;font-size:12px;font-variant-numeric:tabular-nums;color:var(--vnsc-text-primary, #e0e0e0);background:var(--vnsc-bg-primary, #0c1017)}.ca{display:flex;gap:8px;align-items:center;border-bottom:1px solid var(--vnsc-border-divider, #202b3c);padding:8px 12px;flex-shrink:0}.nl{font-weight:700;margin-right:4px}.tl{display:flex;flex:1;min-height:0}.qr{width:220px;border-right:1px solid var(--vnsc-border-divider, #202b3c);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.il{display:flex;align-items:center;gap:4px;padding:8px 10px;font-weight:600;font-size:11px;color:var(--vnsc-text-secondary, #9aa3b8);border-bottom:1px solid var(--vnsc-border-divider, #202b3c)}.sl{flex:1;overflow-y:auto;padding:4px 0}.da{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;cursor:pointer;border-left:3px solid transparent;transition:background .15s;gap:4px}.da:hover{background:var(--vnsc-bg-hover, #1a2030)}.cl{background:var(--vnsc-bg-selected, #1a2744);border-left-color:var(--vnsc-accent, #6366f1)}.dl{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.pl{flex:1;background:var(--vnsc-bg-input, #090d14);border:1px solid var(--vnsc-accent, #6366f1);border-radius:3px;color:var(--vnsc-text-primary, #e0e0e0);font-size:12px;padding:2px 6px;outline:none}.pa{display:flex;gap:2px;flex-shrink:0}.Er{padding:5px 12px;background:var(--vnsc-color-success, #089981);border:none;border-radius:4px;color:#fff;font-weight:700;cursor:pointer;margin-left:auto;transition:background-color .2s ease}.Er:hover{background:var(--vnsc-color-success-hover, #067a68)}.la{padding:4px 10px;background:var(--vnsc-bg-input, #1e2a3a);border:1px solid var(--vnsc-border-input, #2a3a4e);border-radius:4px;color:var(--vnsc-text-primary, #c0c8d8);font-size:11px;cursor:pointer;transition:background .15s;white-space:nowrap}.la:hover{background:var(--vnsc-bg-input-hover, #2a3a4e)}.xa{padding:2px 6px;background:transparent;border:1px solid var(--vnsc-border-input, #2a3a4e);border-radius:3px;color:var(--vnsc-text-secondary, #9aa3b8);font-size:10px;cursor:pointer;white-space:nowrap}.xa:hover{background:var(--vnsc-bg-input-hover, #1e2a3a);color:var(--vnsc-text-primary, #c0c8d8)}.ba{padding:2px 6px;background:transparent;border:1px solid var(--vnsc-border-error, #4a1a1a);border-radius:3px;color:var(--vnsc-color-bearish, #f23645);font-size:10px;cursor:pointer;white-space:nowrap}.ba:hover{background:var(--vnsc-bg-hover, #2a1010)}.ll{flex:1;position:relative;display:flex;flex-direction:column;min-width:0}.xl{padding:8px 12px;background:#f236451a;border-top:1px solid #f23645;color:#f23645;flex-shrink:0}.bl{padding:8px 12px;background:#0899811a;border-top:1px solid #089981;color:#089981;flex-shrink:0}@media(max-width:768px){.qr{width:160px}.pa{flex-direction:column}}@media(max-width:480px){.ca{flex-wrap:wrap}.qr{display:none}.Er{margin-left:0;width:100%}}.f{display:flex;align-items:center;gap:5px;width:100%;height:16px;padding:0 8px;box-sizing:border-box;position:relative;background:color-mix(in srgb,var(--vnsc-bg-secondary, var(--vnsc-bg, #131722)) 92%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-bottom:1px solid var(--vnsc-border, rgba(148, 163, 184, .16));pointer-events:auto;user-select:none;overflow:hidden}.gl{opacity:1}.vl{display:flex;align-items:center;gap:5px;flex:1 1 auto;min-width:0;overflow:hidden}.ga{border:none;background:transparent;color:var(--vnsc-text-primary, #d1d4dc);font-size:14px;font-weight:700;letter-spacing:.03em;padding:0;cursor:pointer;line-height:1;white-space:nowrap;flex-shrink:0;transition:color .15s ease}.ga:hover{color:var(--vnsc-text-link)}.fl{color:var(--vnsc-text-primary, #d1d4dc)}.ul{color:var(--vnsc-text-secondary, #727f8c)}.hl{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;color:#fff;font-size:10px;font-weight:700;line-height:1;flex-shrink:0;margin-right:1px}.ml{display:inline-flex;align-items:center;height:14px;padding:0 5px;border-radius:3px;background:var(--vnsc-surface, rgba(255, 255, 255, .08));color:var(--vnsc-text-secondary, #787b86);font-size:9px;font-weight:600;letter-spacing:.03em;line-height:1;flex-shrink:0}.yl{color:var(--vnsc-text-secondary, #787b86);font-size:9px;font-weight:700;letter-spacing:.04em;border:1px solid var(--vnsc-border, rgba(148, 163, 184, .16));border-radius:3px;padding:0 3px;line-height:1.5;white-space:nowrap;flex-shrink:0}.va{position:static;height:16px;display:inline-flex;align-items:center;gap:4px;margin-right:-8px;padding:0 8px;border-radius:12px;background:var(--vnsc-bg-secondary, var(--vnsc-bg, #131722));border:1px solid rgba(255,255,255,.1);color:var(--vnsc-text-secondary, #787b86);font-size:10px;font-weight:600;line-height:1;text-decoration:none;transition:all .2s ease;z-index:6}.va:hover{background:#2962ff26;border-color:#2962ff66;color:var(--vnsc-text-primary, #d1d4dc)}.wl{font-size:9px}.kl{flex:1;min-width:4px}.fa{border:none;background:transparent;color:var(--vnsc-text-secondary, #787b86);padding:0 2px;cursor:pointer;font-size:11px;line-height:1;border-radius:3px;display:flex;align-items:center;height:16px;opacity:.75;transition:opacity .15s ease;flex-shrink:0}.fa:hover{opacity:1;color:var(--vnsc-text-primary, #d1d4dc);background:#ffffff0f}.ua{color:var(--vnsc-text-primary, #d1d4dc);font-size:11px;font-family:var(--vnsc-font-mono, "SFMono-Regular", "Consolas", monospace);font-variant-numeric:tabular-nums;letter-spacing:.01em;white-space:nowrap;line-height:1;flex-shrink:1;font-weight:500}.f[data-density=compact]{gap:4px}.f[data-density=compact] .ua,.f[data-density=compact] .ha,.f[data-density=compact] .ma{font-size:10px}.f[data-density=compact] .ya{font-size:9px;margin-right:2px;font-weight:500}.zl{color:var(--vnsc-color-bullish, #26a69a)}.jl{color:var(--vnsc-color-bearish, #ef5350)}.ya{color:inherit;opacity:.75;font-size:10px;margin-right:2px;font-weight:600}.Sl{color:var(--vnsc-text-primary, #d1d4dc);font-size:11px;font-family:var(--vnsc-font-mono, "SFMono-Regular", "Consolas", monospace);font-variant-numeric:tabular-nums;letter-spacing:.01em;white-space:nowrap;line-height:1;overflow:hidden}.ha{font-size:11px;font-weight:600;line-height:1;white-space:nowrap;flex-shrink:0;font-variant-numeric:tabular-nums}.ma{color:var(--vnsc-text-secondary, #787b86);font-size:11px;font-family:var(--vnsc-font-mono, "SFMono-Regular", "Consolas", monospace);font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap;flex-shrink:0}.Ml{position:relative;width:100%;height:100%;overflow:hidden;touch-action:pan-y;background-color:var(--vnsc-bg-primary, #0c1017)}.Il{display:flex;height:100%;will-change:transform}.Fl{height:100%;flex-shrink:0;position:relative}.Rl{position:relative;overflow:hidden;padding:8px 6px 6px;box-sizing:border-box;transition:grid-template-rows .3s ease,grid-template-columns .3s ease}.d{position:relative;width:100%;height:100%;min-height:0;min-width:0;background:var(--vnsc-bg-primary, #131722);border-radius:4px;overflow:visible;box-sizing:border-box;transition:box-shadow .2s ease,z-index .1s ease}.d:hover{box-shadow:0 0 0 1px var(--vnsc-border-hover, #3a3e49)}.d.wa{box-shadow:0 0 0 1px var(--vnsc-primary, #2962ff);z-index:10}.o{position:absolute;left:0;right:0;bottom:-4px;height:10px;cursor:row-resize;background:transparent;z-index:20;touch-action:none}.o:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--splitter-color, rgba(255, 255, 255, .08));transform:translateY(-50%);transition:background-color .2s ease}.o:hover:before{background:var(--splitter-color-hover, rgba(255, 255, 255, .25));height:1px}.o.O:before{background:var(--vnsc-primary, #2962ff);height:2px}.e{position:absolute;top:0;bottom:0;right:-4px;width:10px;cursor:col-resize;background:transparent;z-index:20;touch-action:none}.e:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--splitter-color, rgba(255, 255, 255, .08));transform:translate(-50%);transition:background-color .2s ease}.e:hover:before{background:var(--splitter-color-hover, rgba(255, 255, 255, .25));width:1px}.e.O:before{background:var(--vnsc-primary, #2962ff);width:2px}[data-chart-mode=dark] .d{background:var(--vnsc-bg-primary, #131722)}[data-chart-mode=dark] .o:before,[data-chart-mode=dark] .e:before{background:var(--splitter-color-dark, rgba(255, 255, 255, .06))}[data-chart-mode=dark] .o:hover:before,[data-chart-mode=dark] .e:hover:before{background:var(--splitter-color-hover-dark, rgba(255, 255, 255, .25))}[data-chart-mode=dark] .o.O:before,[data-chart-mode=dark] .e.O:before{background:var(--vnsc-primary, #2962ff)}@media(max-width:768px){.o,.e{width:12px;height:12px}.o:before{height:3px}.e:before{width:3px}}.d:focus-within{outline:1px solid var(--vnsc-primary, #2962ff);outline-offset:-1px}.d:focus-visible{outline:2px solid var(--vnsc-primary, #2962ff);outline-offset:-2px}.o:focus,.e:focus{outline:1px solid var(--vnsc-primary, #2962ff);outline-offset:-1px}@media(prefers-contrast:high){.d.wa{box-shadow:0 0 0 2px var(--vnsc-primary, #2962ff)}.o:before,.e:before{background:currentColor}}@media(prefers-reduced-motion:reduce){.d,.o:before,.e:before{transition:none}}.ka{display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:var(--color-toolbar-bg, #f8f9fa);border-bottom:1px solid var(--color-border, #e0e0e0);flex-wrap:wrap;min-height:44px}.za{display:flex;align-items:center;gap:6px;padding:4px 8px;background-color:var(--color-surface, white);border-radius:4px;border:1px solid var(--color-border, #e0e0e0);flex:1;min-width:200px}.Hl{font-size:16px}.ja{font-weight:500;color:var(--color-text, #1a1a1a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.Sa{font-size:11px;color:var(--color-text-muted, #888);font-family:monospace;background-color:var(--color-bg-muted, #f0f0f0);padding:1px 4px;border-radius:3px}.Yl{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.t{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--color-border, #d0d0d0);border-radius:4px;background-color:var(--color-surface, white);color:var(--color-text, #1a1a1a);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.t:hover{background-color:var(--color-hover, #f0f0f0);border-color:var(--color-border-hover, #b0b0b0)}.t:active{background-color:var(--color-active, #e0e0e0)}.t:focus{outline:none;box-shadow:0 0 0 2px var(--color-focus, #3498db)}.t:disabled{opacity:.5;cursor:not-allowed}.Ma{background-color:var(--color-primary, #2c3e50);color:#fff;border-color:var(--color-primary, #2c3e50)}.Ma:hover{background-color:var(--color-primary-hover, #1a252f);border-color:var(--color-primary-hover, #1a252f)}.Ia{background-color:var(--color-secondary, #3498db);color:#fff;border-color:var(--color-secondary, #3498db)}.Ia:hover{background-color:var(--color-secondary-hover, #2980b9);border-color:var(--color-secondary-hover, #2980b9)}.Fa{background-color:var(--color-info, #17a2b8);color:#fff;border-color:var(--color-info, #17a2b8)}.Fa:hover{background-color:var(--color-info-hover, #138496);border-color:var(--color-info-hover, #138496)}.Ra{background-color:var(--color-success, #28a745);color:#fff;border-color:var(--color-success, #28a745)}.Ra:hover{background-color:var(--color-success-hover, #218838);border-color:var(--color-success-hover, #218838)}.M{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:4px;cursor:pointer;transition:background-color .15s ease}.M:hover{background-color:var(--color-hover, #f0f0f0)}.M input{width:16px;height:16px;accent-color:var(--color-primary, #2c3e50)}.Cl{font-size:12px;color:var(--color-text, #1a1a1a)}.M.Ha{background-color:var(--color-success-light, #d4edda)}.Ya{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:Ca .15s ease}@keyframes Ca{0%{opacity:0}to{opacity:1}}.P{background-color:var(--color-surface, white);border-radius:8px;padding:20px;min-width:360px;max-width:480px;box-shadow:0 4px 20px #00000026;animation:Ba .2s ease}@keyframes Ba{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.Bl{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--color-text, #1a1a1a)}.Gr{width:100%;padding:10px 12px;border:1px solid var(--color-border, #d0d0d0);border-radius:4px;font-size:14px;color:var(--color-text, #1a1a1a);background-color:var(--color-surface, white);margin-bottom:16px;box-sizing:border-box}.Gr:focus{outline:none;border-color:var(--color-focus, #3498db);box-shadow:0 0 0 2px #3498db33}.Ul{display:flex;justify-content:flex-end;gap:8px}.Ua{background-color:transparent;color:var(--color-text, #1a1a1a);border-color:var(--color-border, #d0d0d0)}.Ua:hover{background-color:var(--color-hover, #f0f0f0)}.Jr{background-color:var(--color-primary, #2c3e50);color:#fff;border-color:var(--color-primary, #2c3e50)}.Jr:hover{background-color:var(--color-primary-hover, #1a252f)}.Jr.Tl{opacity:.5;cursor:not-allowed}.Ta{max-height:300px;overflow-y:auto;border:1px solid var(--color-border, #e0e0e0);border-radius:4px;margin-bottom:16px}.Xl{padding:24px;text-align:center;color:var(--color-text-muted, #888);margin:0}.p{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--color-border, #f0f0f0);background:none;border:none;width:100%;text-align:left;cursor:pointer;transition:background-color .1s ease}.p:last-child{border-bottom:none}.p:hover{background-color:var(--color-hover, #f0f0f0)}.p.Xa{background-color:var(--color-primary-light, #e8f0fe)}.Aa{font-weight:500;color:var(--color-text, #1a1a1a);flex:1}.Al{font-size:11px;color:var(--color-text-muted, #888);margin-left:12px;white-space:nowrap}.Kr{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:none;background:none;color:var(--color-text-muted, #888);font-size:18px;cursor:pointer;border-radius:3px;transition:all .1s ease}.Kr:hover{background-color:var(--color-danger-light, #f8d7da);color:var(--color-danger, #dc3545)}.Nl{position:absolute;width:0;height:0;opacity:0;pointer-events:none}@media(prefers-color-scheme:dark){.ka{background-color:var(--color-toolbar-bg-dark, #2d2d2d);border-color:var(--color-border-dark, #444)}.za{background-color:var(--color-surface-dark, #333);border-color:var(--color-border-dark, #444)}.ja{color:var(--color-text-dark, #eee)}.Sa{color:var(--color-text-muted-dark, #aaa);background-color:var(--color-bg-muted-dark, #444)}.t{background-color:var(--color-surface-dark, #333);color:var(--color-text-dark, #eee);border-color:var(--color-border-dark, #555)}.t:hover{background-color:var(--color-hover-dark, #444);border-color:var(--color-border-hover-dark, #666)}.P{background-color:var(--color-surface-dark, #333)}.Gr{background-color:var(--color-surface-dark, #333);color:var(--color-text-dark, #eee);border-color:var(--color-border-dark, #555)}.Ta{border-color:var(--color-border-dark, #444)}.p:hover{background-color:var(--color-hover-dark, #444)}.p.Xa{background-color:var(--color-primary-dark, #1e3a5f)}.Aa{color:var(--color-text-dark, #eee)}.M.Ha{background-color:var(--color-success-dark, #1e4620)}.Kr:hover{background-color:var(--color-danger-dark, #5f1a1a);color:var(--color-danger-light, #f5c6cb)}}@media(prefers-contrast:high){.t{border:2px solid currentColor}.t:focus{outline:3px solid currentColor;outline-offset:2px}.P{border:2px solid currentColor}.p{border:1px solid currentColor}}@media(prefers-reduced-motion:reduce){.Ya,.P,.t,.p{animation:none;transition:none}}.u{position:absolute;top:100%;right:0;z-index:1000;min-width:280px;max-width:360px;max-height:80vh;overflow-y:scroll;background:var(--vnsc-bg-secondary, #111820);border:1px solid var(--vnsc-border, #2a2a2a);border-radius:8px;box-shadow:0 8px 24px #0006;font-size:13px;color:var(--vnsc-text-primary, #e0e0e0)}.u::-webkit-scrollbar{width:6px}.u::-webkit-scrollbar-track{background:transparent}.u::-webkit-scrollbar-thumb{background:var(--vnsc-text-muted, #64748b);border-radius:3px}.Na{border-bottom:1px solid var(--vnsc-border, #2a2a2a)}.Na:last-child{border-bottom:none}.Dl{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--vnsc-bg-tertiary, #1a1f2e);cursor:pointer;user-select:none}.ql{font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--vnsc-text-secondary, #a0a0a0)}.x{display:flex;align-items:center;gap:6px;padding:4px 8px;background:transparent;border:1px solid transparent;border-radius:4px;color:var(--vnsc-text-primary, #e0e0e0);font-size:12px;cursor:pointer;transition:background-color .15s,border-color .15s}.x:hover{background:var(--vnsc-bg-hover, #232838);border-color:var(--vnsc-border, #2a2a2a)}.x.Lr{background:var(--vnsc-bg-hover, #232838);border-color:var(--vnsc-accent, #2962ff)}.El,.Gl{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Jl{font-variant-numeric:tabular-nums}.Or{font-size:10px;color:var(--vnsc-text-secondary, #a0a0a0);transition:transform .15s}.x.Lr .Or{transform:rotate(180deg)}.Kl{padding:6px;max-height:300px;overflow-y:auto}.Ll{height:1px;background:var(--vnsc-border, #2a2a2a);margin:6px 0}.Ol{display:flex;align-items:center;gap:8px;padding:8px 4px;font-size:12px}.Pl{color:var(--vnsc-text-secondary, #a0a0a0)}.Ql{font-weight:500;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Vl{display:flex;flex-direction:column;gap:8px;padding:8px 4px}.Da{padding:8px 10px;background:var(--vnsc-bg-input, #0d1117);border:1px solid var(--vnsc-border, #2a2a2a);border-radius:4px;color:var(--vnsc-text-primary, #e0e0e0);font-size:13px;outline:none;transition:border-color .15s}.Da:focus{border-color:var(--vnsc-accent, #2962ff)}.Wl{display:flex;gap:8px;justify-content:flex-end}.Pr,.Qr{padding:6px 12px;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:background-color .15s}.Pr{background:var(--vnsc-accent, #2962ff);color:#fff;border:none}.Pr:hover{background:var(--vnsc-accent-hover, #1a52e0)}.Qr{background:transparent;color:var(--vnsc-text-primary, #e0e0e0);border:1px solid var(--vnsc-border, #2a2a2a)}.Qr:hover{background:var(--vnsc-bg-hover, #232838)}.Zl{display:flex;align-items:center;justify-content:space-between;gap:8px}.Vr{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;background:transparent;border:none;border-radius:4px;color:var(--vnsc-text-primary, #e0e0e0);font-size:13px;text-align:left;cursor:pointer;transition:background-color .15s}.Vr:hover{background:var(--vnsc-bg-hover, #232838)}.Vr.b{background:var(--vnsc-accent-subtle, rgba(41, 98, 255, .15));color:var(--vnsc-accent, #2962ff)}._l{font-size:14px;width:20px;text-align:center}.rx{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ox{color:var(--vnsc-accent, #2962ff);font-weight:700}.ex{display:flex;gap:4px}.qa{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:4px;color:var(--vnsc-text-secondary, #a0a0a0);font-size:12px;cursor:pointer;transition:background-color .15s,color .15s}.qa:hover{background:var(--vnsc-bg-hover, #232838);color:var(--vnsc-text-primary, #e0e0e0)}.ax{padding:16px;text-align:center;color:var(--vnsc-text-secondary, #a0a0a0);font-size:12px}.nx{position:absolute;width:0;height:0;opacity:0}.Ea{display:flex;align-items:center;gap:10px;padding:8px 10px;cursor:pointer;border-radius:4px;transition:background-color .15s}.Ea:hover{background:var(--vnsc-bg-hover, #232838)}.tx{width:16px;height:16px;accent-color:var(--vnsc-accent, #2962ff);cursor:pointer}.ix{font-size:13px;color:var(--vnsc-text-primary, #e0e0e0)}.Ga{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:0;color:var(--vnsc-text-primary, #e0e0e0);font-size:13px;text-align:left;cursor:pointer;transition:background-color .15s}.Ga:hover{background:var(--vnsc-bg-hover, #232838)}.sx{font-size:16px;width:24px;text-align:center}.Ja{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:linear-gradient(135deg,#2962ff1f,#1a52d614);border:1px solid rgba(41,98,255,.2);border-radius:6px;color:var(--vnsc-text-primary, #e0e0e0);font-size:13px;text-align:left;cursor:pointer;transition:all .2s ease;margin:4px 8px;width:calc(100% - 16px);box-sizing:border-box}.Ja:hover{background:linear-gradient(135deg,#2962ff33,#1a52d626);border-color:#2962ff66}.cx{font-size:18px;width:24px;text-align:center;flex-shrink:0}.dx{display:flex;flex-direction:column;gap:1px;min-width:0}.px{font-weight:600;color:#fff;font-size:12px;line-height:1.3}.lx{font-size:10px;color:#94a3b8;line-height:1.3}.Ka{padding:4px 0}.Ka:first-child{padding-top:0}.xx{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--vnsc-text-muted, #787b86);padding:0 10px 4px}.bx{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;padding:0 6px}.i{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 6px;background:var(--vnsc-bg-tertiary, #1a1f2e);border:1px solid var(--vnsc-border, #2a2a2a);border-radius:6px;color:var(--vnsc-text-primary, #e0e0e0);font-size:10px;font-weight:500;cursor:pointer;transition:all .15s ease;min-height:48px;position:relative}.i:hover{background:var(--vnsc-bg-hover, #232838);border-color:var(--vnsc-accent, #2962ff);color:var(--vnsc-accent, #2962ff)}.i:focus{outline:none;box-shadow:0 0 0 2px #2962ff4d;border-color:var(--vnsc-accent, #2962ff)}.i.b{background:#2962ff26;border-color:var(--vnsc-accent, #2962ff);color:var(--vnsc-accent, #2962ff)}.i.b:hover{background:#2962ff40}.gx{font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;width:22px;height:22px}.vx{font-size:9px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.fx{position:absolute;top:3px;right:3px;font-size:7px;color:var(--vnsc-text-muted, #787b86);background:var(--vnsc-bg-input, #0d1117);padding:1px 3px;border-radius:2px;font-family:var(--vnsc-font-mono, ui-monospace, SFMono-Regular, monospace)}.I{position:absolute;top:3px;left:3px;font-size:9px;color:var(--vnsc-accent, #2962ff);opacity:0;transition:opacity .15s ease}.i:hover .I,.i:focus-within .I{opacity:1}.I.b{opacity:1}.ux{margin-top:8px;padding-top:8px;border-top:1px solid var(--vnsc-border, #2a2a2a)}.g{display:flex;gap:6px;margin-bottom:6px}.g button{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 10px;background:var(--vnsc-bg-tertiary, #1a1f2e);border:1px solid var(--vnsc-border, #2a2a2a);border-radius:6px;color:var(--vnsc-text-primary, #e0e0e0);font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease;min-height:36px}.g button:hover:not(:disabled){background:var(--vnsc-bg-hover, #232838);border-color:var(--vnsc-accent, #2962ff);color:var(--vnsc-accent, #2962ff)}.g button:focus{outline:none;box-shadow:0 0 0 2px #2962ff4d;border-color:var(--vnsc-accent, #2962ff)}.g button:disabled{opacity:.4;cursor:not-allowed}.La{background:var(--vnsc-danger-bg, #2a1a1a)!important;border-color:var(--vnsc-danger-border, #442222)!important;color:var(--vnsc-danger-text, #f87171)!important}.La:hover:not(:disabled){background:var(--vnsc-danger-hover, #3a2a2a)!important;border-color:var(--vnsc-danger-border-hover, #553333)!important}@media(max-width:640px){.u{min-width:260px;max-width:calc(100vw - 24px);right:-12px}}.hx{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px 12px}.Oa{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--vnsc-bg-tertiary, #1a1f2e);border:1px solid var(--vnsc-border, #2a2a2a);border-radius:6px;color:var(--vnsc-text-secondary, #a0a0a0);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.Oa:hover{background:var(--vnsc-bg-hover, #232838);border-color:var(--vnsc-accent, #2962ff);color:var(--vnsc-text-primary, #e0e0e0)}.mx{background:#2962ff26;border-color:var(--vnsc-accent, #2962ff);color:var(--vnsc-accent, #2962ff)}.yx{width:16px;height:16px;border-radius:50%;flex-shrink:0;border:1px solid rgba(255,255,255,.15)}@media(prefers-contrast:high){.i,.g button,.x{border-width:2px}.i.b,.x.Lr{outline:2px solid currentColor;outline-offset:-2px}}@media(prefers-reduced-motion:reduce){.i,.g button,.x,.I,.Or{transition:none}}.F{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--vnsc-border, #2a2a2a)}.Wr{width:8px;height:8px;border-radius:50%;flex-shrink:0}.F[data-context=workspace]{color:#2962ff}.F[data-context=workspace] .Wr{background:#2962ff}.F[data-context=chart]{color:#089981}.F[data-context=chart] .Wr{background:#089981}@media print{.u{display:none}}.wx{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:10000;pointer-events:auto}.Zr{width:100%;max-width:500px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;background-color:var(--vnsc-bg-secondary, #1e222d);border-top-left-radius:16px;border-top-right-radius:16px;box-shadow:0 -4px 16px #0000004d;transition:transform .2s ease-out;will-change:transform;border:1px solid var(--vnsc-border, rgba(255, 255, 255, .08));border-bottom:none}.kx{width:100%;height:24px;min-height:24px;display:flex;align-items:center;justify-content:center;cursor:grab}.zx{width:40px;height:4px;background-color:var(--vnsc-text-muted, #64748b);border-radius:2px}.Q{flex:1;overflow-y:scroll;-webkit-overflow-scrolling:touch;padding:0 16px 16px}.Q::-webkit-scrollbar{width:6px}.Q::-webkit-scrollbar-track{background:transparent}.Q::-webkit-scrollbar-thumb{background:var(--vnsc-text-muted, #64748b);border-radius:3px}.jx{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:8px 12px}.Pa{min-height:44px;background:var(--vnsc-bg-tertiary, rgba(255, 255, 255, .06));border:1px solid var(--vnsc-border, rgba(255, 255, 255, .08));border-radius:6px;color:var(--vnsc-text-primary, #e2e8f0);font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s,border-color .2s}.Pa:active,.Sx{background:var(--vnsc-accent-bg, rgba(34, 211, 238, .12));border-color:var(--vnsc-accent, #22d3ee);color:var(--vnsc-accent, #22d3ee)}.Mx{appearance:auto}.Qa{display:flex;align-items:center;gap:8px;width:calc(100% - 24px);margin:4px 12px;padding:10px 12px;background:var(--vnsc-bg-tertiary, #1a1f2e);border:1px solid var(--vnsc-border, #2a2a2a);border-radius:6px;color:var(--vnsc-text-primary, #e0e0e0);font-size:13px;cursor:pointer;transition:all .15s}.Qa:active,.Ix{background:var(--vnsc-accent-subtle, rgba(41,98,255,.15));border-color:var(--vnsc-accent, #2962ff);color:var(--vnsc-accent, #2962ff)}.Fx{width:100%;padding:8px 12px;background:var(--vnsc-bg-tertiary, #1a1f2e);border:1px solid var(--vnsc-border, #2a2a2a);border-radius:6px;color:var(--vnsc-text-primary, #e0e0e0);font-size:14px}.Rx{padding:6px 12px}.Hx{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px 12px}.R{display:flex;align-items:center;gap:10px;width:100%;padding:12px;background:transparent;border:none;border-bottom:1px solid var(--vnsc-border, #2a2a2a);color:var(--vnsc-text-primary, #e0e0e0);font-size:13px;text-align:left;cursor:pointer;transition:background-color .15s}.R:last-child{border-bottom:none}.R:hover{background:var(--vnsc-bg-hover, #232838)}.R.b{background:var(--vnsc-accent-subtle, rgba(41,98,255,.15));color:var(--vnsc-accent, #2962ff)}.Yx{flex:1;text-align:left;background:transparent;border:none;color:inherit;font-size:inherit;cursor:pointer;padding:4px 0}.Cx .R{border-width:2px}.Bx{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:6px 12px}.Ux{display:flex;flex-direction:column;gap:4px;padding:6px 12px}.Va{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:var(--vnsc-bg-tertiary, #1a1f2e);border:1px solid var(--vnsc-border, #2a2a2a);border-radius:6px;color:var(--vnsc-text-primary, #e0e0e0);font-size:13px;cursor:pointer;transition:all .15s;text-align:left}.Va:active,.Wa{background:var(--vnsc-accent-subtle, rgba(41,98,255,.15));border-color:var(--vnsc-accent, #2962ff);color:var(--vnsc-accent, #2962ff)}.Tx{font-weight:600;flex:1}.Za{font-size:11px;color:var(--vnsc-text-secondary, #a0a0a0);font-weight:500}.Wa .Za{color:var(--vnsc-accent, #2962ff)}.Xx{font-size:14px;color:var(--vnsc-accent, #2962ff)}@media(prefers-contrast:high){.Zr{border-width:2px}}@media(prefers-reduced-motion:reduce){.Zr{transition:none}}.Ax{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:4px 12px}._r{min-height:44px;background-color:var(--vnsc-bg-tertiary, rgba(255, 255, 255, .06));border:1px solid var(--vnsc-border, rgba(255, 255, 255, .08));border-radius:6px;color:var(--vnsc-text-primary, #e2e8f0);font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s,border-color .2s}._r:active,._r.b{background-color:var(--vnsc-accent-bg, rgba(34, 211, 238, .12));border-color:var(--vnsc-accent, #22d3ee);color:var(--vnsc-accent, #22d3ee)}.Nx{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:4px 12px}.Dx{display:flex;align-items:center;gap:8px;min-height:44px;background-color:var(--vnsc-bg-tertiary, rgba(255, 255, 255, .06));border:1px solid var(--vnsc-border, rgba(255, 255, 255, .08));border-radius:6px;padding:0 10px;cursor:pointer;user-select:none;transition:background-color .2s,border-color .2s}.qx{margin:0;width:16px;height:16px;accent-color:var(--vnsc-accent, #22d3ee);cursor:pointer}.Ex{font-size:12px;font-weight:500;color:var(--vnsc-text-primary, #e2e8f0)}.Gx{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}@keyframes _a{0%{opacity:0}to{opacity:1}}@keyframes rn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.on{animation:_a .18s ease-out}.en{animation:rn .18s ease-out}@media(prefers-reduced-motion:reduce){.on,.en{animation:none}}.ro{background:var(--modal-bg, #ffffff);border-radius:12px;box-shadow:0 20px 60px #0003;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.an{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border-color, #e8e8e8)}.Jx{margin:0;font-size:18px;font-weight:600;color:var(--text-primary, #1a1a1a)}.Kx{display:flex;align-items:center;gap:12px}.oo{padding:8px 16px;background:var(--primary-color, #1890ff);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.oo:hover{background:var(--primary-hover, #096dd9)}.eo{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;font-size:24px;color:var(--text-secondary, #8c8c8c);cursor:pointer;transition:background-color .2s ease,color .2s ease}.eo:hover{background:var(--hover-bg, #f5f5f5);color:var(--text-primary, #1a1a1a)}.nn{display:flex;align-items:center;gap:16px;padding:16px 24px;border-bottom:1px solid var(--border-color, #e8e8e8);flex-wrap:wrap}.Lx{display:flex;align-items:center;gap:8px}.Ox{font-size:13px;color:var(--text-secondary, #8c8c8c);white-space:nowrap}.V{width:60px;padding:6px 10px;border:1px solid var(--border-color, #d9d9d9);border-radius:6px;font-size:14px;background:var(--input-bg, #ffffff);color:var(--text-primary, #1a1a1a)}.V:focus{outline:none;border-color:var(--primary-color, #1890ff);box-shadow:0 0 0 2px #1890ff33}.H{padding:6px 12px;background:var(--button-bg, #f5f5f5);border:1px solid var(--border-color, #d9d9d9);border-radius:6px;font-size:13px;color:var(--text-primary, #1a1a1a);cursor:pointer;transition:all .2s ease}.H:hover{background:var(--button-hover, #e8e8e8);border-color:var(--primary-color, #1890ff)}.Px{flex:1;overflow:auto;padding:24px;min-height:300px}.tn{display:grid;gap:4px;width:100%;height:100%;min-height:300px;background:var(--grid-bg, #f0f0f0);border-radius:8px;padding:8px}.a{position:relative;background:var(--slot-bg, #ffffff);border-radius:6px;border:1px solid var(--slot-border, #e8e8e8);overflow:hidden;transition:all .2s ease}.a:hover{border-color:var(--primary-color, #1890ff);box-shadow:0 4px 12px #0000001a;transform:scale(1.02);z-index:10}.a:active{transform:scale(.98)}.a.in{border-color:var(--primary-color, #1890ff);box-shadow:0 0 0 2px var(--primary-color, #1890ff),0 4px 12px #0000001a}.Qx{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:12px;text-align:center}.Vx{font-weight:600;font-size:14px;color:var(--text-primary, #1a1a1a)}.Wx{font-size:12px;color:var(--text-secondary, #8c8c8c);margin-top:4px}.W{position:absolute;background:var(--primary-color, #1890ff);opacity:0;transition:opacity .2s ease;z-index:10}.a:hover .W{opacity:1}.sn,.cn{left:0;right:0;height:4px}.sn{top:-2px;cursor:ns-resize}.cn{bottom:-2px;cursor:ns-resize}.dn,.pn{top:0;bottom:0;width:4px}.dn{left:-2px;cursor:ew-resize}.pn{right:-2px;cursor:ew-resize}.ao{position:absolute;bottom:8px;right:8px;display:flex;gap:4px;opacity:0;transition:opacity .2s ease}.a:hover .ao{opacity:1}.Y{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--primary-color, #1890ff);color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:background-color .2s ease,transform .1s ease}.Y:hover{background:var(--primary-hover, #096dd9);transform:scale(1.1)}.Y:active{transform:scale(.95)}.Zx{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1100}.Z{background:var(--modal-bg, #ffffff);border-radius:12px;padding:24px;width:100%;max-width:400px;box-shadow:0 20px 60px #0003}.Z h3{margin:0 0 16px;font-size:18px;font-weight:600;color:var(--text-primary, #1a1a1a)}._{width:100%;padding:10px 14px;border:1px solid var(--border-color, #d9d9d9);border-radius:6px;font-size:14px;background:var(--input-bg, #ffffff);color:var(--text-primary, #1a1a1a);box-sizing:border-box;margin-bottom:16px}._:focus{outline:none;border-color:var(--primary-color, #1890ff);box-shadow:0 0 0 2px #1890ff33}._x{margin:-8px 0 12px;font-size:13px;color:var(--error-color, #cf1322)}.rb{font-size:12px;opacity:.7}.ob{display:inline-flex;align-items:center;gap:2px;border:1px solid var(--border-color, #d9d9d9);border-radius:999px;padding:0 2px 0 0}.eb{display:flex;justify-content:flex-end;gap:12px}.C{padding:8px 16px;background:transparent;border:1px solid var(--border-color, #d9d9d9);border-radius:6px;font-size:14px;color:var(--text-primary, #1a1a1a);cursor:pointer;transition:all .2s ease}.C:hover{background:var(--hover-bg, #f5f5f5);border-color:var(--primary-color, #1890ff)}.no{padding:8px 16px;background:var(--primary-color, #1890ff);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.no:hover{background:var(--primary-hover, #096dd9)}[data-chart-mode=dark] .ro,[data-chart-mode=dark] .Z{background:var(--modal-bg-dark, #1e1e1e)}[data-chart-mode=dark] .an,[data-chart-mode=dark] .nn{border-color:var(--border-color-dark, #434343)}[data-chart-mode=dark] .a{background:var(--slot-bg-dark, #2a2a2a);border-color:var(--slot-border-dark, #434343)}[data-chart-mode=dark] .a:hover{border-color:var(--primary-color-dark, #177ddc)}[data-chart-mode=dark] .V,[data-chart-mode=dark] ._{background:var(--input-bg-dark, #2a2a2a);border-color:var(--border-color-dark, #434343);color:var(--text-primary-dark, #ffffff)}[data-chart-mode=dark] .H{background:var(--button-bg-dark, #2a2a2a);border-color:var(--border-color-dark, #434343);color:var(--text-primary-dark, #ffffff)}[data-chart-mode=dark] .H:hover{background:var(--button-hover-dark, #3a3a3a)}[data-chart-mode=dark] .tn{background:var(--grid-bg-dark, #1a1a1a)}[data-chart-mode=dark] .C{border-color:var(--border-color-dark, #434343);color:var(--text-primary-dark, #ffffff)}[data-chart-mode=dark] .C:hover{background:var(--hover-bg-dark, #3a3a3a)}@media(prefers-contrast:high){.a.in{border-width:3px}.W,.ao{opacity:1}}@media(prefers-reduced-motion:reduce){.a,.W,.Y,.ro,.Z{transition:none;animation:none}}.a:focus-within{outline:2px solid var(--primary-color, #1890ff);outline-offset:-2px}.oo:focus,.H:focus,.eo:focus,.Y:focus,.C:focus,.no:focus{outline:2px solid var(--primary-color, #1890ff);outline-offset:2px}.V:focus,._:focus{outline:none}.B{display:flex;justify-content:space-between;align-items:center;height:32px;padding:0 12px;background:transparent;border-top:1px solid var(--vnsc-border, rgba(255, 255, 255, .08));font-family:var(--vnsc-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);font-size:var(--vnsc-font-size-xs, 11px);color:var(--vnsc-text-primary, #d1d4dc);position:relative;z-index:var(--vnsc-z-footer, 55);gap:12px}.ab{display:flex;align-items:center;gap:8px}.nb{margin-left:auto;gap:12px}.tb{position:relative}.U{display:flex;align-items:center;gap:4px;padding:3px 8px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--vnsc-text-secondary, #787b86);cursor:pointer;font-size:var(--vnsc-font-size-xs, 11px);font-weight:500;transition:color .15s ease,border-color .15s ease}.U:hover{color:var(--vnsc-text-primary, #d1d4dc);border-color:var(--vnsc-border-secondary, rgba(255, 255, 255, .12));background:var(--vnsc-bg-hover, rgba(255, 255, 255, .04))}.ib{color:var(--vnsc-accent, #2962ff);background:var(--vnsc-bg-selected, rgba(59, 130, 246, .15));border-color:var(--vnsc-accent, #2962ff)}.sb{font-size:8px}.cb{position:absolute;bottom:100%;left:0;margin-bottom:6px;background:var(--vnsc-bg-secondary, #1e222d);border:1px solid var(--vnsc-border, #2a2e39);border-radius:6px;padding:6px;min-width:240px;z-index:var(--vnsc-z-popover, 110);display:flex;flex-direction:column;gap:4px}.db{display:flex;align-items:center;gap:8px;padding:3px 4px}.pb{display:flex;align-items:center;justify-content:center;width:16px;height:16px;color:var(--vnsc-text-muted, #787b86);font-size:10px;font-weight:500;flex-shrink:0}.lb{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.to{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--vnsc-border, #2a2e39);border-radius:4px;background:transparent;cursor:pointer;padding:3px;transition:border-color .15s ease}.to:hover{border-color:var(--vnsc-text-secondary, #787b86)}.ln{border-color:var(--vnsc-primary, #2962ff)}.xb{display:grid;width:20px;height:20px;gap:1px}.xn{background:transparent;border:1px solid var(--vnsc-text-muted, #787b86);border-radius:1px}.ln .xn{border-color:var(--vnsc-primary, #2962ff);background:var(--vnsc-primary, #2962ff)}.bb{display:flex;align-items:center;gap:6px}.T{padding:4px 10px;border:1px solid var(--vnsc-border, rgba(255, 255, 255, .08));border-radius:6px;background:var(--vnsc-bg-hover, rgba(255, 255, 255, .03));color:var(--vnsc-text-secondary, #787b86);cursor:pointer;font-size:var(--vnsc-font-size-2xs, 10px);font-weight:500;transition:all .15s ease}.T:hover{color:var(--vnsc-text-primary, #d1d4dc);background:var(--vnsc-bg-active, rgba(255, 255, 255, .08));border-color:var(--vnsc-border-hover, rgba(255, 255, 255, .16))}.bn{color:var(--vnsc-text-on-primary, #ffffff);background:var(--vnsc-accent-subtle, rgba(99, 102, 241, .2));border-color:var(--vnsc-accent, #6366f1);font-weight:600;box-shadow:0 0 10px #6366f126}.gn{font-weight:600;font-size:var(--vnsc-font-size-xs, 11px);color:var(--vnsc-text-primary, #d1d4dc)}.gb{display:flex;align-items:center}.vn{width:6px;height:6px;border-radius:50%;background:var(--vnsc-success, #089981);animation:fn 2s ease-in-out infinite}@keyframes fn{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.un{font-variant-numeric:tabular-nums;font-family:var(--vnsc-font-mono, ui-monospace, SFMono-Regular, monospace);font-size:10px;color:var(--vnsc-text-muted, #787b86)}[data-chart-mode=light] .T{background:var(--vnsc-bg-hover, rgba(0, 0, 0, .03));border-color:var(--vnsc-border, rgba(0, 0, 0, .08));color:var(--vnsc-text-secondary, #475569)}[data-chart-mode=light] .T:hover{background:var(--vnsc-bg-active, rgba(0, 0, 0, .06));border-color:var(--vnsc-border-hover, rgba(0, 0, 0, .12));color:var(--vnsc-text-primary, #0f172a)}[data-chart-mode=light] .bn{color:var(--vnsc-text-on-primary, #ffffff);background:var(--vnsc-accent, #2563eb);border-color:var(--vnsc-accent, #2563eb)}[data-chart-mode=light] .U{color:var(--vnsc-text-secondary, #475569)}[data-chart-mode=light] .U:hover{color:var(--vnsc-text-primary, #0f172a);border-color:var(--vnsc-border-secondary, #cbd5e1);background:var(--vnsc-bg-hover, rgba(0, 0, 0, .04))}[data-chart-mode=light] .X{color:var(--vnsc-text-secondary, #475569)}[data-chart-mode=light] .X:hover{color:var(--vnsc-text-primary, #0f172a);border-color:var(--vnsc-border-secondary, #cbd5e1);background:var(--vnsc-bg-hover, rgba(0, 0, 0, .04))}[data-chart-mode=light] .hn{background-color:var(--vnsc-border-secondary, #cbd5e1)}[data-chart-mode=light] .un{color:var(--vnsc-text-secondary, #475569)}[data-chart-mode=light] .gn{color:var(--vnsc-text-primary, #0f172a)}.mn{display:none}.hn{width:14px;height:14px;border-radius:50%;background-color:var(--vnsc-border-secondary, rgba(255, 255, 255, .25));border:2px solid transparent;padding:0;cursor:pointer;transform:scale(1);transition:all .2s ease}.vb{background-color:var(--vnsc-accent, #22d3ee);transform:scale(1.3)}.yn{display:flex;align-items:center;width:100%;gap:12px}.fb{display:inline-flex;align-items:center;justify-content:center}.ub{display:inline-block;margin-left:4px}@media(max-width:768px){.hb{display:none}.B{height:36px;min-height:36px;padding:0 12px;padding-bottom:env(safe-area-inset-bottom,8px);display:flex;align-items:center;justify-content:center;background:var(--vnsc-bg-secondary, #0c1017);flex-wrap:nowrap;gap:10px;border-top:1px solid var(--vnsc-border, rgba(148,163,184,.12))}.mn{display:flex;align-items:center;justify-content:center;gap:10px}.yn{display:none}}@media(prefers-contrast:high){.B{border-top-width:2px}}@media(prefers-reduced-motion:reduce){.B,.U,.to,.T{transition:none}.vn{animation:none}}@media print{.B{display:none}}.mb{display:flex;align-items:center;gap:4px;border-left:1px solid var(--vnsc-border, rgba(255, 255, 255, .08));padding-left:8px}.X{display:flex;align-items:center;gap:4px;padding:3px 8px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--vnsc-text-secondary, #787b86);cursor:pointer;font-size:var(--vnsc-font-size-xs, 11px);font-weight:500;transition:all .15s ease}.X:hover{color:var(--vnsc-text-primary, #d1d4dc);border-color:var(--vnsc-border-secondary, rgba(255, 255, 255, .12));background:var(--vnsc-bg-hover, rgba(255, 255, 255, .04))}.yb{background:var(--vnsc-accent-bg, rgba(41, 98, 255, .12));color:var(--vnsc-accent, #2962ff)!important;border-color:var(--vnsc-accent, #2962ff)!important}.X:disabled{opacity:.4;cursor:not-allowed;border-color:transparent!important;background:transparent!important;color:var(--vnsc-text-secondary, #787b86)!important}.wb{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:10000;pointer-events:auto}.kb{width:100%;max-width:500px;background-color:var(--vnsc-bg-secondary, #1e222d);border-top-left-radius:16px;border-top-right-radius:16px;padding-bottom:24px;box-shadow:0 -4px 16px #0000004d;transition:transform .2s ease-out;will-change:transform;border:1px solid var(--vnsc-border, rgba(255, 255, 255, .08));border-bottom:none}.zb{width:100%;height:24px;display:flex;align-items:center;justify-content:center;cursor:grab}.jb{width:40px;height:4px;background-color:var(--vnsc-text-muted, #64748b);border-radius:2px}.Sb{padding:0 16px;max-height:70vh;overflow-y:auto}.Mb{margin-bottom:20px}.Ib{font-size:14px;font-weight:600;color:var(--vnsc-text-secondary, #94a3b8);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.Fb{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.io{min-height:44px;background-color:var(--vnsc-bg-tertiary, rgba(255, 255, 255, .06));border:1px solid var(--vnsc-border, rgba(255, 255, 255, .08));border-radius:6px;color:var(--vnsc-text-primary, #e2e8f0);font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s,border-color .2s}.io:active,.io.A{background-color:var(--vnsc-accent-bg, rgba(34, 211, 238, .12));border-color:var(--vnsc-accent, #22d3ee);color:var(--vnsc-accent, #22d3ee)}.Rb{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.so{min-height:72px;background-color:var(--vnsc-bg-tertiary, rgba(255, 255, 255, .06));border:1px solid var(--vnsc-border, rgba(255, 255, 255, .08));border-radius:6px;color:var(--vnsc-text-primary, #e2e8f0);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px 4px;transition:background-color .2s,border-color .2s}.Hb{font-size:20px}.Yb{font-size:11px;text-align:center;white-space:normal;word-wrap:break-word;line-height:1.2;max-height:2.4em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;width:100%}.so:active,.so.A{background-color:var(--vnsc-accent-bg, rgba(34, 211, 238, .12));border-color:var(--vnsc-accent, #22d3ee);color:var(--vnsc-accent, #22d3ee)}.Cb{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.co{min-height:40px;background-color:var(--vnsc-bg-tertiary, rgba(255, 255, 255, .06));border:1px solid var(--vnsc-border, rgba(255, 255, 255, .08));border-radius:6px;color:var(--vnsc-text-primary, #e2e8f0);font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s,border-color .2s}.co:active,.co.A{background-color:var(--vnsc-accent-bg, rgba(34, 211, 238, .12));border-color:var(--vnsc-accent, #22d3ee);color:var(--vnsc-accent, #22d3ee)}.Bb{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.wn{display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:var(--vnsc-bg-tertiary, rgba(255, 255, 255, .04));border:1px solid var(--vnsc-border, rgba(255, 255, 255, .06));border-radius:6px;color:var(--vnsc-text-secondary, #94a3b8);font-size:12px;cursor:pointer;user-select:none}.wn input{margin:0;cursor:pointer;accent-color:var(--vnsc-accent, #22d3ee)}.Ub{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.do{min-height:44px;background-color:var(--vnsc-bg-tertiary, rgba(255, 255, 255, .06));border:1px solid var(--vnsc-border, rgba(255, 255, 255, .08));border-radius:6px;color:var(--vnsc-text-primary, #e2e8f0);font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:background-color .2s,border-color .2s}.do:active,.do.A{background-color:var(--vnsc-accent-bg, rgba(34, 211, 238, .12));border-color:var(--vnsc-accent, #22d3ee);color:var(--vnsc-accent, #22d3ee)}.Tb{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.po{min-height:44px;background-color:var(--vnsc-bg-tertiary, rgba(255, 255, 255, .06));border:1px solid var(--vnsc-border, rgba(255, 255, 255, .08));border-radius:6px;color:var(--vnsc-text-primary, #e2e8f0);font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s,border-color .2s;padding:0 8px}.po:active,.po.A{background-color:var(--vnsc-accent-bg, rgba(34, 211, 238, .12));border-color:var(--vnsc-accent, #22d3ee);color:var(--vnsc-accent, #22d3ee)}.Xb{flex-shrink:0}.Ab{font-weight:600;margin-right:6px}.Nb{font-size:11px;opacity:.7}.s{display:grid;grid-template-rows:40px 1fr 32px;grid-template-columns:1fr;grid-template-areas:"header" "charts" "footer";height:100%;height:100dvh;width:100%;overflow:hidden;background:var(--vnsc-bg-primary, #131722);color:var(--vnsc-text-primary, #d1d4dc);font-family:var(--vnsc-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif)}.lo{grid-area:header;z-index:100;flex-shrink:0}.Db{cursor:pointer}.r{position:absolute;left:0;top:40px;bottom:32px;width:0px;z-index:500;display:flex;flex-direction:column;overflow:visible;pointer-events:none}.xo .r{width:44px;pointer-events:auto}.xo .rr,.xo [data-vnsc-bottom-panel=host]{margin-left:44px}.rr{grid-area:charts;z-index:10;display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;position:relative}.v{position:absolute;top:0;bottom:0;right:0;width:10px;z-index:20;pointer-events:auto}.v:before{content:"";position:absolute;top:50%;left:50%;width:3px;height:3px;border-radius:999px;background:var(--vnsc-text-secondary);box-shadow:0 -6px 0 var(--vnsc-text-secondary),0 6px 0 var(--vnsc-text-secondary);transform:translate(-50%,-50%);pointer-events:none}.h{position:absolute;top:0;bottom:0;right:0;display:flex;transform:translate(100%);visibility:hidden;transition:transform .2s ease,visibility 0s linear .2s}.v:hover .h,.v:focus-within .h,.qb .h{transform:translate(0);visibility:visible;transition:transform .2s ease,visibility 0s}.v *{pointer-events:auto}.kn{display:flex;flex-direction:row;flex:1;min-height:0;min-width:0;position:relative;z-index:10}.Eb{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0}.kn .rr{flex:1;min-height:0}.bo{position:static;width:auto;flex-shrink:0;display:flex}.bo:before{display:none}.bo .h{display:contents;visibility:visible}@media(max-width:767px){.v{inset:auto 0 0;width:auto}.v:before{display:none}.h{position:static;transform:none;visibility:visible}}.m{grid-area:footer;z-index:100;flex-shrink:0;transition:height .2s ease,opacity .2s ease,padding .2s ease}.m.Gb{height:0;padding:0 16px;opacity:0;pointer-events:none;border-top:none}@media(min-width:769px){.r{display:flex}}@media(max-width:768px){.s{grid-template-columns:1fr;grid-template-rows:40px 1fr 0px;grid-template-areas:"header" "charts" "footer"}.r{display:none}.r.Jb{display:flex;position:fixed;top:40px;left:0;bottom:32px;max-width:85vw;height:auto;max-height:calc(100vh - 72px);z-index:1000;box-shadow:4px 0 20px #0000004d;border-right:1px solid var(--vnsc-border, #2a2e39);min-width:280px;max-width:280px;width:280px}.m{position:absolute;bottom:0;left:0;right:0;height:0px;min-height:0px;padding:0;border-top:none;overflow:visible;pointer-events:none;background:transparent;z-index:100}}.r .unifiedDrawingToolbar{height:100%;flex:1;display:flex;flex-direction:column;overflow:hidden}.r.Kb .unifiedDrawingToolbar{overflow-y:auto}.r.y .toolbarContent{display:none}.r.y .toolbarHeader{padding:8px;justify-content:center}.r.y .toolbarHeader .toolbarTitle,.r.y .toolbarHeader .lockToggle,.r.y .toolbarHeader .collapseToggle{display:none}.r.y .toolbarHeader .expandToggle{display:flex}.Lb{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;position:relative}.c{flex:1;display:grid;gap:8px;padding:8px;min-height:0;overflow:auto}.c[data-layout="1x1"]{grid-template-columns:1fr;grid-template-rows:1fr}.c[data-layout="1x2"]{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.c[data-layout="2x1"]{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.c[data-layout="2x2"]{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.c[data-layout="1x4"]{grid-template-columns:repeat(4,1fr);grid-template-rows:1fr}.c[data-layout="4x1"]{grid-template-columns:1fr;grid-template-rows:repeat(4,1fr)}.c[data-layout="2x4"]{grid-template-columns:repeat(4,1fr);grid-template-rows:1fr 1fr}.c[data-layout="3x3"]{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.n{display:flex;flex-direction:column;min-height:0;border:1px solid var(--vnsc-border, #2a2e39);border-radius:8px;overflow:hidden;background:var(--vnsc-bg-primary, #131722);position:relative;transition:border-color .2s ease,box-shadow .2s ease}.n:hover{border-color:var(--vnsc-border-hover, #3a3e49)}.n.zn{border:1px solid var(--vnsc-primary, #2962ff)}.n.or{border:2px dashed var(--vnsc-border, #2a2e39);border-radius:8px;display:flex;align-items:center;justify-content:center;background:var(--vnsc-bg-secondary, #1e222d);cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.n.or:hover{background:var(--vnsc-bg-tertiary, #262b36);border-color:var(--vnsc-primary, #2962ff)}.n.or:focus{outline:none;box-shadow:0 0 0 2px var(--vnsc-primary, #2962ff)}.n.or span{color:var(--vnsc-text-muted, #787b86);font-size:14px;pointer-events:none}.er{position:absolute;top:4px;left:8px;right:8px;display:flex;justify-content:space-between;z-index:10;pointer-events:none}.er>*{pointer-events:auto}.Ob{background-color:#0009;color:#fff;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500;white-space:nowrap}.Pb{color:#fff;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;white-space:nowrap}.Qb{background-color:#e74c3c}.Vb{background-color:#3498db}.Wb{background-color:#2ecc71}.Zb{background-color:#f39c12}.rr .ohlcTooltip{pointer-events:none;z-index:200}.lo .menu,.r .menu{z-index:1000}@media(prefers-contrast:high){.s{border:2px solid currentColor}.r{border-right-width:2px}.n{border-width:2px}.n.zn{border-width:3px}.m{border-top-width:2px}}@media(prefers-reduced-motion:reduce){.s,.r,.m,.n,.er,.r .unifiedDrawingToolbar{transition:none}}@media print{.r,.m,.er,.lo .menu{display:none!important}.s{grid-template-rows:auto 1fr auto;grid-template-columns:1fr;grid-template-areas:"header" "charts" "footer"}.n{break-inside:avoid;border:1px solid #000!important}}@media(prefers-color-scheme:dark){.vnsc-root{--vnsc-bg-primary: #131722;--vnsc-bg-secondary: #1e222d;--vnsc-bg-tertiary: #262b36;--vnsc-bg-hover: #232838;--vnsc-bg-input: #0d1117;--vnsc-border: #2a2e39;--vnsc-border-hover: #3a3e49;--vnsc-text-primary: #d1d4dc;--vnsc-text-secondary: #787b86;--vnsc-text-muted: #787b86;--vnsc-primary: #2962ff;--vnsc-primary-hover: #1a52e0;--vnsc-success: #0ecb81;--vnsc-danger-bg: #2a1a1a;--vnsc-danger-border: #442222;--vnsc-danger-text: #f87171;--vnsc-danger-hover: #3a2a2a;--vnsc-accent: #2962ff;--vnsc-accent-hover: #1a52e0;--vnsc-accent-subtle: rgba(41, 98, 255, .15);--vnsc-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--vnsc-font-mono: ui-monospace, SFMono-Regular, monospace}}@media(max-width:768px){.s [role=menuitem],.s [role=option]{min-height:44px;display:flex;align-items:center;padding:8px 16px}.s footer button{min-height:44px;padding:0 16px}.s ._b li{min-height:44px;display:flex;align-items:center}}.jn{display:flex;align-items:center;justify-content:space-between;height:48px;min-height:48px;background:var(--vnsc-bg-secondary, #0f172a);border-bottom:1px solid var(--vnsc-border, rgba(148, 163, 184, .18));padding:0 16px;color:var(--vnsc-text-primary, #e2e8f0);font-family:var(--vnsc-font, sans-serif);gap:12px;user-select:none;z-index:100}.Sn,.Mn{display:flex;align-items:center;gap:8px}.rg{font-weight:700;font-size:15px;color:var(--vnsc-accent, #22d3ee);margin-right:8px;white-space:nowrap}.og{width:1px;height:20px;background:var(--vnsc-border, rgba(148, 163, 184, .18));margin:0 4px}.In{display:flex;align-items:center;justify-content:center;height:32px;padding:0 10px;border:none;border-radius:8px;background:transparent;color:var(--vnsc-text-secondary, #94a3b8);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.In:hover{background:var(--vnsc-bg-tertiary, rgba(255, 255, 255, .06));color:var(--vnsc-text-primary, #e2e8f0)}.eg{background:var(--vnsc-accent-bg, rgba(34, 211, 238, .12));color:var(--vnsc-accent, #22d3ee)}.ag{width:32px;min-width:32px;padding:0;font-size:16px}.ng{position:relative}.tg{position:absolute;top:38px;left:0;background:var(--vnsc-bg-primary, #0a0e17);border:1px solid var(--vnsc-border, rgba(148, 163, 184, .18));border-radius:8px;box-shadow:0 10px 25px -5px #00000080;padding:8px;display:flex;flex-direction:column;gap:4px;z-index:200;min-width:160px}.ig{left:auto;right:0}.sg{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:4px}.Fn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px;border-radius:6px;border:1px dashed var(--vnsc-border, rgba(148, 163, 184, .18));cursor:pointer;transition:all .15s ease}.Fn:hover{background:var(--vnsc-bg-tertiary, rgba(255, 255, 255, .05));border-color:var(--vnsc-accent, #22d3ee)}.Rn{display:grid;width:24px;height:24px;gap:2px;border:1px solid var(--vnsc-text-muted, #64748b);padding:2px;border-radius:3px}.Hn{background:var(--vnsc-text-muted, #64748b);border-radius:1px}.ar{border-color:var(--vnsc-accent, #22d3ee);background:var(--vnsc-accent-bg, rgba(34, 211, 238, .1))}.ar .Rn{border-color:var(--vnsc-accent, #22d3ee)}.ar .Hn{background:var(--vnsc-accent, #22d3ee)}.Yn{font-size:11px;font-weight:600;color:var(--vnsc-text-secondary, #94a3b8)}.ar .Yn{color:var(--vnsc-accent, #22d3ee)}.go{display:flex;align-items:center;gap:8px;padding:6px 8px;color:var(--vnsc-text-secondary, #94a3b8);font-size:13px;cursor:pointer;border-radius:4px;transition:all .12s ease;white-space:nowrap}.go:hover{background:var(--vnsc-bg-tertiary, rgba(255, 255, 255, .05));color:var(--vnsc-text-primary, #e2e8f0)}.go input{cursor:pointer;accent-color:var(--vnsc-accent, #22d3ee)}@media(max-width:768px){.jn{height:40px;min-height:40px;padding:0 12px;gap:6px}.cg{font-weight:800;font-size:14px;color:var(--vnsc-accent, #22d3ee);margin-right:6px;letter-spacing:.5px}.dg{display:flex;align-items:center;margin-left:4px}.Cn{background:var(--vnsc-bg-hover, rgba(255, 255, 255, .05));border:1px solid var(--vnsc-border, rgba(148, 163, 184, .18));border-radius:6px;color:var(--vnsc-text-secondary, #94a3b8);font-size:12px;font-weight:600;padding:3px 8px;height:28px;outline:none;cursor:pointer}.Cn:focus{border-color:var(--vnsc-accent, #22d3ee);color:var(--vnsc-text-primary, #e2e8f0)}.pg{min-width:260px;max-width:90vw;max-height:calc(100vh - 100px);overflow-y:auto;padding:12px;gap:12px;background-color:var(--vnsc-bg-secondary, #0f172a);scrollbar-width:thin}.lg{display:flex;flex-direction:column;gap:6px}.xg{font-size:11px;font-weight:700;color:var(--vnsc-text-muted, #64748b);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--vnsc-border, rgba(148, 163, 184, .1));padding-bottom:4px;text-align:left}.bg{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.Bn{height:28px;display:flex;align-items:center;justify-content:center;background:var(--vnsc-bg-hover, rgba(255, 255, 255, .03));border:1px solid var(--vnsc-border, rgba(148, 163, 184, .18));border-radius:6px;color:var(--vnsc-text-secondary, #94a3b8);font-size:11px;font-weight:600;cursor:pointer}.Bn:hover{background:var(--vnsc-bg-tertiary, rgba(255, 255, 255, .06))}.gg{display:flex;flex-direction:column;gap:2px}.vg{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--vnsc-border, rgba(148, 163, 184, .15));padding-top:8px;margin-top:4px}.Un{height:32px;display:flex;align-items:center;padding:0 10px;background:var(--vnsc-accent-bg, rgba(34, 211, 238, .1));border:1px solid var(--vnsc-accent, #22d3ee);border-radius:6px;color:var(--vnsc-accent, #22d3ee);font-size:12px;font-weight:600;cursor:pointer;width:100%;box-sizing:border-box}.Un:hover{background:var(--vnsc-accent-bg, rgba(34, 211, 238, .2))}.fg{background:var(--vnsc-accent, #22d3ee);color:var(--vnsc-bg-primary, #0a0e17)}.ug{height:1px;background:var(--vnsc-border, rgba(148, 163, 184, .15));margin:4px 0}.hg{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.Tn{height:28px;display:flex;align-items:center;justify-content:center;background:var(--vnsc-bg-hover, rgba(255, 255, 255, .03));border:1px solid var(--vnsc-border, rgba(148, 163, 184, .18));border-radius:6px;color:var(--vnsc-text-secondary, #94a3b8);font-size:11px;font-weight:600;cursor:pointer}.Tn:hover{background:var(--vnsc-bg-tertiary, rgba(255, 255, 255, .06))}.mg{background:var(--vnsc-accent-bg, rgba(34, 211, 238, .15));border-color:var(--vnsc-accent, #22d3ee);color:var(--vnsc-accent, #22d3ee)}.yg{width:100%;height:30px;background:var(--vnsc-bg-hover, rgba(255, 255, 255, .05));border:1px solid var(--vnsc-border, rgba(148, 163, 184, .18));border-radius:6px;color:var(--vnsc-text-primary, #e2e8f0);font-size:12px;padding:0 8px;outline:none;cursor:pointer}.Sn{flex:1;min-width:0}.wg{display:flex;align-items:center;gap:6px;margin-left:4px;min-width:0}.kg{font-weight:700;font-size:13px;color:var(--vnsc-text-primary, #e2e8f0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.zg{font-size:10px;font-weight:600;color:var(--vnsc-text-muted, #64748b);background:var(--vnsc-bg-hover, rgba(255, 255, 255, .05));border-radius:4px;padding:1px 5px;white-space:nowrap;flex-shrink:0}.Mn{gap:4px}}.vo{width:100%;border-collapse:collapse}.vo th{padding:8px;text-align:left;color:var(--vnsc-text-secondary);font-size:11px;font-weight:600;border-bottom:1px solid var(--vnsc-border)}.vo td{padding:8px;border-bottom:1px solid var(--vnsc-border)}.Fg{font-weight:500;color:var(--vnsc-text-primary)}.Rg{color:#089981;font-weight:600;text-align:right}.Hg{color:#f23645;font-weight:600;text-align:right}
2
+ /*# sourceMappingURL=public-api.css.map */
3
+
4
+ /* src/widget/styles/tokens/colors.css */
5
+ .vnsc-root {
6
+ --vnsc-color-primary: #3b82f6;
7
+ --vnsc-color-primary-hover: #2563eb;
8
+ --vnsc-color-primary-active: #1d4ed8;
9
+ --vnsc-color-primary-muted: rgba(59, 130, 246, 0.15);
10
+ --vnsc-color-accent: #2962ff;
11
+ --vnsc-color-accent-hover: #1e4bd8;
12
+ --vnsc-color-success: #22a85e;
13
+ --vnsc-color-success-hover: #1e8a49;
14
+ --vnsc-color-warning: #e67e22;
15
+ --vnsc-color-warning-hover: #d46e1a;
16
+ --vnsc-color-error: #c0392b;
17
+ --vnsc-color-error-hover: #a93226;
18
+ --vnsc-color-info: #3b82f6;
19
+ --vnsc-bg: var(--vnsc-bg-primary);
20
+ --vnsc-bg-primary: #131722;
21
+ --vnsc-bg-primary-rgba: rgba(19, 23, 34, 0.85);
22
+ --vnsc-bg-secondary: #1e222d;
23
+ --vnsc-bg-tertiary: #131722;
24
+ --vnsc-bg-elevated: #1f2937;
25
+ --vnsc-bg-overlay: rgba(10, 14, 20, 0.85);
26
+ --vnsc-bg-modal: #1e222d;
27
+ --vnsc-bg-popover: #1a1f2e;
28
+ --vnsc-bg-tooltip: #1f2937;
29
+ --vnsc-bg-input: #1a1f2e;
30
+ --vnsc-bg-input-hover: #1f2937;
31
+ --vnsc-bg-input-focus: #1f2937;
32
+ --vnsc-bg-disabled: #1a1f2e;
33
+ --vnsc-bg-hover: rgba(255, 255, 255, 0.04);
34
+ --vnsc-bg-active: rgba(255, 255, 255, 0.08);
35
+ --vnsc-bg-selected: rgba(59, 130, 246, 0.15);
36
+ --vnsc-bg-focus: rgba(59, 130, 246, 0.2);
37
+ --vnsc-text-primary: #d1d4dc;
38
+ --vnsc-text-secondary: #787b86;
39
+ --vnsc-text-tertiary: #50535e;
40
+ --vnsc-text-muted: #4e5263;
41
+ --vnsc-text-inverse: #0a0e14;
42
+ --vnsc-text-link: #3b82f6;
43
+ --vnsc-text-link-hover: #60a5fa;
44
+ --vnsc-text-disabled: #4a4a4a;
45
+ --vnsc-text-placeholder: #606060;
46
+ --vnsc-text-on-primary: #ffffff;
47
+ --vnsc-text-on-accent: #ffffff;
48
+ --vnsc-surface: var(--vnsc-bg-secondary);
49
+ --vnsc-text: var(--vnsc-text-primary);
50
+ --vnsc-border-primary: #2a2a2a;
51
+ --vnsc-border-secondary: #3a3a3a;
52
+ --vnsc-border-focus: #3b82f6;
53
+ --vnsc-border-error: #c0392b;
54
+ --vnsc-border-success: #22a85e;
55
+ --vnsc-border-warning: #e67e22;
56
+ --vnsc-border-input: #2a2a2a;
57
+ --vnsc-border-input-hover: #3a3a3a;
58
+ --vnsc-border-input-focus: #3b82f6;
59
+ --vnsc-border-divider: #2a2a2a;
60
+ --vnsc-border-overlay: rgba(255, 255, 255, 0.1);
61
+ --vnsc-color-bullish: rgb(38, 166, 154);
62
+ --vnsc-color-bearish: rgb(239, 83, 80);
63
+ --vnsc-color-neutral: #6c757d;
64
+ --vnsc-color-volume: rgba(59, 130, 246, 0.3);
65
+ --vnsc-color-grid: rgba(255, 255, 255, 0.05);
66
+ --vnsc-color-grid-subtle: rgba(255, 255, 255, 0.025);
67
+ --vnsc-color-crosshair: #2962ff;
68
+ --vnsc-color-selection: rgba(41, 98, 255, 0.2);
69
+ --vnsc-grid-dash: "";
70
+ --vnsc-grid-width: 1;
71
+ --vnsc-accent: var(--vnsc-color-accent);
72
+ --vnsc-accent-hover: var(--vnsc-color-accent-hover);
73
+ --vnsc-border: var(--vnsc-border-primary);
74
+ --vnsc-up: var(--vnsc-color-bullish);
75
+ --vnsc-down: var(--vnsc-color-bearish);
76
+ --vnsc-color-whale-buy: var(--vnsc-color-bullish);
77
+ --vnsc-color-whale-sell: var(--vnsc-color-bearish);
78
+ --vnsc-color-cvd-positive: var(--vnsc-color-bullish);
79
+ --vnsc-color-cvd-negative: var(--vnsc-color-bearish);
80
+ --vnsc-color-darkflow-strong: #7c3aed;
81
+ --vnsc-color-darkflow-weak: #a855f7;
82
+ --vnsc-drawing-color-default: #3b82f6;
83
+ --vnsc-drawing-color-selected: #fbbf24;
84
+ --vnsc-drawing-color-hover: #60a5fa;
85
+ --vnsc-drawing-color-locked: #6c757d;
86
+ --vnsc-drawing-color-hidden: #4a4a4a;
87
+ --vnsc-scrollbar-track: transparent;
88
+ --vnsc-scrollbar-thumb: #3a3a3a;
89
+ --vnsc-scrollbar-thumb-hover: #4a4a4a;
90
+ --vnsc-scrollbar-corner: transparent;
91
+ --vnsc-accent-subtle: rgba(41, 98, 255, 0.15);
92
+ }
93
+ .vnsc-root[data-chart-mode=light] {
94
+ --vnsc-bg: var(--vnsc-bg-primary);
95
+ --vnsc-bg-primary: #ffffff;
96
+ --vnsc-bg-primary-rgba: rgba(255, 255, 255, 0.85);
97
+ --vnsc-bg-secondary: #f8fafc;
98
+ --vnsc-bg-tertiary: #f1f5f9;
99
+ --vnsc-bg-elevated: #ffffff;
100
+ --vnsc-bg-overlay: rgba(255, 255, 255, 0.95);
101
+ --vnsc-bg-modal: #ffffff;
102
+ --vnsc-bg-popover: #f8fafc;
103
+ --vnsc-bg-tooltip: #1e293b;
104
+ --vnsc-bg-input: #ffffff;
105
+ --vnsc-bg-input-hover: #f8fafc;
106
+ --vnsc-bg-input-focus: #ffffff;
107
+ --vnsc-bg-disabled: #f1f5f9;
108
+ --vnsc-bg-hover: rgba(0, 0, 0, 0.04);
109
+ --vnsc-bg-active: rgba(0, 0, 0, 0.08);
110
+ --vnsc-bg-selected: rgba(59, 130, 246, 0.1);
111
+ --vnsc-bg-focus: rgba(59, 130, 246, 0.15);
112
+ --vnsc-text: #1e293b;
113
+ --vnsc-text-primary: #0f172a;
114
+ --vnsc-text-secondary: #475569;
115
+ --vnsc-text-tertiary: #94a3b8;
116
+ --vnsc-text-muted: #64748b;
117
+ --vnsc-text-inverse: #ffffff;
118
+ --vnsc-text-link: #2563eb;
119
+ --vnsc-text-link-hover: #1d4ed8;
120
+ --vnsc-text-disabled: #cbd5e1;
121
+ --vnsc-text-placeholder: #94a3b8;
122
+ --vnsc-text-on-primary: #ffffff;
123
+ --vnsc-text-on-accent: #ffffff;
124
+ --vnsc-surface: #ffffff;
125
+ --vnsc-accent: #2563eb;
126
+ --vnsc-accent-hover: #1d4ed8;
127
+ --vnsc-border: var(--vnsc-border-primary);
128
+ --vnsc-border-primary: #e2e8f0;
129
+ --vnsc-border-secondary: #cbd5e1;
130
+ --vnsc-border-focus: #2563eb;
131
+ --vnsc-border-input: #e2e8f0;
132
+ --vnsc-border-input-hover: #cbd5e1;
133
+ --vnsc-border-input-focus: #2563eb;
134
+ --vnsc-border-divider: #e2e8f0;
135
+ --vnsc-border-overlay: rgba(0, 0, 0, 0.1);
136
+ --vnsc-color-grid: rgba(150, 160, 180, 0.07);
137
+ --vnsc-color-grid-subtle: rgba(150, 160, 180, 0.035);
138
+ --vnsc-color-crosshair: #2563eb;
139
+ --vnsc-color-selection: rgba(37, 99, 235, 0.15);
140
+ --vnsc-scrollbar-track: transparent;
141
+ --vnsc-scrollbar-thumb: #cbd5e1;
142
+ --vnsc-scrollbar-thumb-hover: #94a3b8;
143
+ }
144
+ .vnsc-root[data-chart-theme=classic-dark] {
145
+ --vnsc-bg-primary: #0F1720;
146
+ --vnsc-bg-primary-rgba: rgba(15, 23, 32, 0.85);
147
+ --vnsc-bg-secondary: #07101A;
148
+ --vnsc-bg-tertiary: #0F1925;
149
+ --vnsc-bg-elevated: #122433;
150
+ --vnsc-bg-overlay: rgba(7, 16, 26, 0.9);
151
+ --vnsc-bg-modal: #07101A;
152
+ --vnsc-bg-popover: #0F1720;
153
+ --vnsc-bg-tooltip: #122433;
154
+ --vnsc-bg-input: #0F1720;
155
+ --vnsc-bg-input-hover: #122433;
156
+ --vnsc-bg-hover: rgba(77, 166, 255, 0.06);
157
+ --vnsc-bg-active: rgba(77, 166, 255, 0.1);
158
+ --vnsc-bg-selected: rgba(77, 166, 255, 0.15);
159
+ --vnsc-text-primary: #B8C7D6;
160
+ --vnsc-text-secondary: #7A8B9E;
161
+ --vnsc-text-muted: #4E6273;
162
+ --vnsc-accent: #4DA6FF;
163
+ --vnsc-accent-hover: #3690E8;
164
+ --vnsc-border-primary: #122433;
165
+ --vnsc-border-divider: #122433;
166
+ --vnsc-border-overlay: rgba(77, 166, 255, 0.15);
167
+ --vnsc-color-grid: rgba(255, 255, 255, 0.05);
168
+ --vnsc-color-grid-subtle: rgba(255, 255, 255, 0.025);
169
+ --vnsc-color-crosshair: #4DA6FF;
170
+ --vnsc-color-selection: rgba(77, 166, 255, 0.15);
171
+ --vnsc-accent-subtle: rgba(77, 166, 255, 0.15);
172
+ }
173
+ .vnsc-root[data-chart-theme=trading-night] {
174
+ --vnsc-bg-primary: #071226;
175
+ --vnsc-bg-primary-rgba: rgba(7, 18, 38, 0.85);
176
+ --vnsc-bg-secondary: #041022;
177
+ --vnsc-bg-tertiary: #071A30;
178
+ --vnsc-bg-elevated: #083044;
179
+ --vnsc-bg-overlay: rgba(4, 16, 34, 0.9);
180
+ --vnsc-bg-modal: #041022;
181
+ --vnsc-bg-popover: #071226;
182
+ --vnsc-bg-tooltip: #083044;
183
+ --vnsc-bg-input: #071226;
184
+ --vnsc-bg-input-hover: #083044;
185
+ --vnsc-bg-hover: rgba(0, 163, 255, 0.07);
186
+ --vnsc-bg-active: rgba(0, 163, 255, 0.12);
187
+ --vnsc-bg-selected: rgba(0, 163, 255, 0.18);
188
+ --vnsc-text-primary: #A9D6FF;
189
+ --vnsc-text-secondary: #6B9BC0;
190
+ --vnsc-text-muted: #3E6E91;
191
+ --vnsc-accent: #00A3FF;
192
+ --vnsc-accent-hover: #0090E0;
193
+ --vnsc-border-primary: #083044;
194
+ --vnsc-border-divider: #083044;
195
+ --vnsc-border-overlay: rgba(0, 163, 255, 0.15);
196
+ --vnsc-color-grid: rgba(255, 255, 255, 0.05);
197
+ --vnsc-color-grid-subtle: rgba(255, 255, 255, 0.025);
198
+ --vnsc-color-crosshair: #00A3FF;
199
+ --vnsc-color-selection: rgba(0, 163, 255, 0.15);
200
+ --vnsc-color-bullish: #00C48C;
201
+ --vnsc-color-bearish: #FF4D6D;
202
+ --vnsc-accent-subtle: rgba(0, 163, 255, 0.15);
203
+ }
204
+ .vnsc-root[data-chart-theme=modern-light] {
205
+ --vnsc-accent: #0B74DE;
206
+ --vnsc-accent-hover: #095BB8;
207
+ --vnsc-color-crosshair: #0B74DE;
208
+ --vnsc-color-selection: rgba(11, 116, 222, 0.12);
209
+ --vnsc-color-bullish: #1E8A3A;
210
+ --vnsc-color-bearish: #D64545;
211
+ --vnsc-accent-subtle: rgba(11, 116, 222, 0.12);
212
+ }
213
+ .vnsc-root[data-chart-theme=neutral-pro] {
214
+ --vnsc-bg-primary: #FAFBFC;
215
+ --vnsc-bg-primary-rgba: rgba(250, 251, 252, 0.85);
216
+ --vnsc-bg-secondary: #F4F6F8;
217
+ --vnsc-bg-tertiary: #EEF0F2;
218
+ --vnsc-bg-elevated: #FFFFFF;
219
+ --vnsc-bg-overlay: rgba(244, 246, 248, 0.95);
220
+ --vnsc-bg-modal: #FFFFFF;
221
+ --vnsc-bg-popover: #F4F6F8;
222
+ --vnsc-bg-input: #FFFFFF;
223
+ --vnsc-bg-input-hover: #F4F6F8;
224
+ --vnsc-bg-hover: rgba(43, 108, 176, 0.05);
225
+ --vnsc-bg-active: rgba(43, 108, 176, 0.1);
226
+ --vnsc-bg-selected: rgba(43, 108, 176, 0.15);
227
+ --vnsc-text-primary: #2C3E50;
228
+ --vnsc-text-secondary: #64748B;
229
+ --vnsc-text-muted: #94A3B8;
230
+ --vnsc-accent: #2B6CB0;
231
+ --vnsc-accent-hover: #234F86;
232
+ --vnsc-border-primary: #E6EDF5;
233
+ --vnsc-border-divider: #E6EDF5;
234
+ --vnsc-border-overlay: rgba(43, 108, 176, 0.1);
235
+ --vnsc-color-grid: rgba(150, 160, 180, 0.07);
236
+ --vnsc-color-grid-subtle: rgba(150, 160, 180, 0.035);
237
+ --vnsc-color-crosshair: #2B6CB0;
238
+ --vnsc-color-selection: rgba(43, 108, 176, 0.12);
239
+ --vnsc-accent-subtle: rgba(43, 108, 176, 0.12);
240
+ }
241
+ .vnsc-root[data-chart-theme=high-contrast] {
242
+ --vnsc-bg-primary: #000000;
243
+ --vnsc-bg-primary-rgba: rgba(0, 0, 0, 0.95);
244
+ --vnsc-bg-secondary: #0A0A0A;
245
+ --vnsc-bg-tertiary: #000000;
246
+ --vnsc-bg-elevated: #1A1A1A;
247
+ --vnsc-bg-overlay: rgba(0, 0, 0, 0.95);
248
+ --vnsc-bg-modal: #0A0A0A;
249
+ --vnsc-bg-popover: #0A0A0A;
250
+ --vnsc-bg-tooltip: #1A1A1A;
251
+ --vnsc-bg-input: #000000;
252
+ --vnsc-bg-hover: rgba(255, 255, 255, 0.12);
253
+ --vnsc-bg-active: rgba(255, 255, 255, 0.2);
254
+ --vnsc-bg-selected: rgba(255, 255, 255, 0.18);
255
+ --vnsc-text-primary: #FFFFFF;
256
+ --vnsc-text-secondary: #B0B0B0;
257
+ --vnsc-text-muted: #808080;
258
+ --vnsc-accent: #FFD700;
259
+ --vnsc-accent-hover: #FFC700;
260
+ --vnsc-border-primary: #2A2A2A;
261
+ --vnsc-border-divider: #2A2A2A;
262
+ --vnsc-border-overlay: rgba(255, 255, 255, 0.15);
263
+ --vnsc-color-grid: rgba(255, 255, 255, 0.12);
264
+ --vnsc-color-grid-subtle: rgba(255, 255, 255, 0.06);
265
+ --vnsc-color-crosshair: #FFD700;
266
+ --vnsc-color-selection: rgba(255, 215, 0, 0.15);
267
+ --vnsc-accent-subtle: rgba(255, 215, 0, 0.15);
268
+ }
269
+
270
+ /* src/widget/styles/tokens/spacing.css */
271
+ .vnsc-root {
272
+ --vnsc-space-0: 0;
273
+ --vnsc-space-1: 4px;
274
+ --vnsc-space-2: 8px;
275
+ --vnsc-space-3: 12px;
276
+ --vnsc-space-4: 16px;
277
+ --vnsc-space-5: 20px;
278
+ --vnsc-space-6: 24px;
279
+ --vnsc-space-8: 32px;
280
+ --vnsc-space-10: 40px;
281
+ --vnsc-space-12: 48px;
282
+ --vnsc-space-16: 64px;
283
+ --vnsc-space-xs: 4px;
284
+ --vnsc-space-sm: 8px;
285
+ --vnsc-space-md: 16px;
286
+ --vnsc-space-lg: 24px;
287
+ --vnsc-space-xl: 32px;
288
+ --vnsc-space-2xl: 40px;
289
+ --vnsc-space-3xl: 48px;
290
+ --vnsc-space-toolbar-gap: 8px;
291
+ --vnsc-space-toolbar-padding: 8px;
292
+ --vnsc-space-panel-padding: 16px;
293
+ --vnsc-space-modal-padding: 24px;
294
+ --vnsc-space-drawing-gap: 4px;
295
+ --vnsc-space-dock-padding: 12px;
296
+ --vnsc-space-splitter-size: 4px;
297
+ --vnsc-space-header-height: 36px;
298
+ --vnsc-space-footer-height: 28px;
299
+ --vnsc-space-panel-height: 300px;
300
+ --vnsc-radius-none: 0;
301
+ --vnsc-radius-xs: 2px;
302
+ --vnsc-radius-sm: 4px;
303
+ --vnsc-radius-md: 6px;
304
+ --vnsc-radius-lg: 8px;
305
+ --vnsc-radius-xl: 12px;
306
+ --vnsc-radius-2xl: 16px;
307
+ --vnsc-radius-full: 9999px;
308
+ --vnsc-radius-button: 4px;
309
+ --vnsc-radius-input: 4px;
310
+ --vnsc-radius-card: 8px;
311
+ --vnsc-radius-modal: 12px;
312
+ --vnsc-radius-popover: 8px;
313
+ --vnsc-radius-tooltip: 6px;
314
+ --vnsc-size-xs: 16px;
315
+ --vnsc-size-sm: 24px;
316
+ --vnsc-size-md: 32px;
317
+ --vnsc-size-lg: 40px;
318
+ --vnsc-size-xl: 48px;
319
+ --vnsc-size-2xl: 56px;
320
+ --vnsc-size-3xl: 64px;
321
+ --vnsc-icon-xs: 12px;
322
+ --vnsc-icon-sm: 16px;
323
+ --vnsc-icon-md: 20px;
324
+ --vnsc-icon-lg: 24px;
325
+ --vnsc-icon-xl: 28px;
326
+ --vnsc-btn-height-sm: 24px;
327
+ --vnsc-btn-height-md: 32px;
328
+ --vnsc-btn-height-lg: 40px;
329
+ --vnsc-btn-padding-x-sm: 8px;
330
+ --vnsc-btn-padding-x-md: 12px;
331
+ --vnsc-btn-padding-x-lg: 16px;
332
+ --vnsc-input-height-sm: 24px;
333
+ --vnsc-input-height-md: 32px;
334
+ --vnsc-input-height-lg: 40px;
335
+ --vnsc-input-padding-x: 10px;
336
+ --vnsc-chart-margin-top: 8px;
337
+ --vnsc-chart-margin-right: 12px;
338
+ --vnsc-chart-margin-bottom: 32px;
339
+ --vnsc-chart-margin-left: 12px;
340
+ --vnsc-pane-min-height: 60px;
341
+ --vnsc-pane-handle-size: 4px;
342
+ --vnsc-tooltip-padding: 8px 12px;
343
+ --vnsc-tooltip-gap: 4px;
344
+ }
345
+
346
+ /* src/widget/styles/tokens/typography.css */
347
+ .vnsc-root {
348
+ --vnsc-font-family-base:
349
+ "Inter",
350
+ -apple-system,
351
+ BlinkMacSystemFont,
352
+ "Segoe UI",
353
+ Roboto,
354
+ "Helvetica Neue",
355
+ Arial,
356
+ sans-serif;
357
+ --vnsc-font-family-mono:
358
+ "JetBrains Mono",
359
+ "Fira Code",
360
+ "Consolas",
361
+ "Monaco",
362
+ monospace;
363
+ --vnsc-font-family-display:
364
+ "Inter",
365
+ -apple-system,
366
+ BlinkMacSystemFont,
367
+ "Segoe UI",
368
+ Roboto,
369
+ sans-serif;
370
+ --vnsc-font-family-ui: var(--vnsc-font-family-base);
371
+ --vnsc-font-family: var(--vnsc-font-family-base);
372
+ --vnsc-font-mono: var(--vnsc-font-family-mono);
373
+ --vnsc-font-size-2xs: 10px;
374
+ --vnsc-font-size-xs: 11px;
375
+ --vnsc-font-size-sm: 12px;
376
+ --vnsc-font-size-base: 13px;
377
+ --vnsc-font-size-md: 14px;
378
+ --vnsc-font-size-lg: 16px;
379
+ --vnsc-font-size-xl: 18px;
380
+ --vnsc-font-size-2xl: 20px;
381
+ --vnsc-font-size-3xl: 24px;
382
+ --vnsc-font-size-4xl: 30px;
383
+ --vnsc-font-2xs: var(--vnsc-font-size-2xs);
384
+ --vnsc-font-xs: var(--vnsc-font-size-xs);
385
+ --vnsc-font-sm: var(--vnsc-font-size-sm);
386
+ --vnsc-font-base: var(--vnsc-font-size-base);
387
+ --vnsc-font-md: var(--vnsc-font-size-md);
388
+ --vnsc-font-lg: var(--vnsc-font-size-lg);
389
+ --vnsc-font-xl: var(--vnsc-font-size-xl);
390
+ --vnsc-font-size-caption: 10px;
391
+ --vnsc-font-size-overline: 10px;
392
+ --vnsc-font-size-body-sm: 12px;
393
+ --vnsc-font-size-body: 13px;
394
+ --vnsc-font-size-body-lg: 14px;
395
+ --vnsc-font-size-heading-sm: 14px;
396
+ --vnsc-font-size-heading: 16px;
397
+ --vnsc-font-size-heading-lg: 18px;
398
+ --vnsc-font-size-display: 24px;
399
+ --vnsc-font-weight-light: 300;
400
+ --vnsc-font-weight-normal: 400;
401
+ --vnsc-font-weight-medium: 500;
402
+ --vnsc-font-weight-semibold: 600;
403
+ --vnsc-font-weight-bold: 700;
404
+ --vnsc-font-weight-extrabold: 800;
405
+ --vnsc-font-weight-regular: 400;
406
+ --vnsc-font-weight-body: 400;
407
+ --vnsc-font-weight-heading: 600;
408
+ --vnsc-font-weight-button: 500;
409
+ --vnsc-line-height-none: 1;
410
+ --vnsc-line-height-tight: 1.25;
411
+ --vnsc-line-height-snug: 1.375;
412
+ --vnsc-line-height-normal: 1.5;
413
+ --vnsc-line-height-relaxed: 1.625;
414
+ --vnsc-line-height-loose: 2;
415
+ --vnsc-line-height-heading: 1.25;
416
+ --vnsc-line-height-body: 1.5;
417
+ --vnsc-line-height-code: 1.6;
418
+ --vnsc-letter-spacing-tight: -0.02em;
419
+ --vnsc-letter-spacing-normal: 0;
420
+ --vnsc-letter-spacing-wide: 0.02em;
421
+ --vnsc-letter-spacing-wider: 0.04em;
422
+ --vnsc-letter-spacing-widest: 0.1em;
423
+ --vnsc-letter-spacing-heading: -0.02em;
424
+ --vnsc-letter-spacing-button: 0.02em;
425
+ --vnsc-letter-spacing-caption: 0.04em;
426
+ --vnsc-typography-toolbar: var(--vnsc-font-size-sm) / var(--vnsc-line-height-normal) var(--vnsc-font-family-ui);
427
+ --vnsc-typography-panel-title: var(--vnsc-font-size-base) / var(--vnsc-line-height-tight) var(--vnsc-font-family-ui);
428
+ --vnsc-typography-panel-body: var(--vnsc-font-size-sm) / var(--vnsc-line-height-normal) var(--vnsc-font-family-ui);
429
+ --vnsc-typography-modal-title: var(--vnsc-font-size-lg) / var(--vnsc-line-height-tight) var(--vnsc-font-family-display);
430
+ --vnsc-typography-modal-body: var(--vnsc-font-size-base) / var(--vnsc-line-height-normal) var(--vnsc-font-family-ui);
431
+ --vnsc-typography-tooltip: var(--vnsc-font-size-xs) / var(--vnsc-line-height-normal) var(--vnsc-font-family-ui);
432
+ --vnsc-typography-button: var(--vnsc-font-size-sm) / var(--vnsc-line-height-none) var(--vnsc-font-family-ui);
433
+ --vnsc-typography-input: var(--vnsc-font-size-sm) / var(--vnsc-line-height-normal) var(--vnsc-font-family-ui);
434
+ --vnsc-typography-label: var(--vnsc-font-size-xs) / var(--vnsc-line-height-normal) var(--vnsc-font-family-ui);
435
+ --vnsc-typography-chart-axis: var(--vnsc-font-size-xs) / var(--vnsc-line-height-normal) var(--vnsc-font-family-mono);
436
+ --vnsc-typography-chart-tooltip: var(--vnsc-font-size-sm) / var(--vnsc-line-height-normal) var(--vnsc-font-family-ui);
437
+ --vnsc-typography-chart-price: var(--vnsc-font-size-base) / var(--vnsc-line-height-tight) var(--vnsc-font-family-mono);
438
+ --vnsc-typography-drawing-label: var(--vnsc-font-size-xs) / var(--vnsc-line-height-normal) var(--vnsc-font-family-ui);
439
+ }
440
+
441
+ /* src/widget/styles/tokens/shadows.css */
442
+ .vnsc-root {
443
+ --vnsc-shadow-none: none;
444
+ --vnsc-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.05);
445
+ --vnsc-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);
446
+ --vnsc-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
447
+ --vnsc-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
448
+ --vnsc-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
449
+ --vnsc-shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
450
+ --vnsc-shadow-inner: inset 0 2px 4px rgba(0, 0, 0, 0.06);
451
+ --vnsc-shadow-primary: 0 4px 14px rgba(59, 130, 246, 0.4);
452
+ --vnsc-shadow-primary-lg: 0 10px 25px rgba(59, 130, 246, 0.3);
453
+ --vnsc-shadow-success: 0 4px 14px rgba(34, 168, 94, 0.4);
454
+ --vnsc-shadow-error: 0 4px 14px rgba(192, 57, 43, 0.4);
455
+ --vnsc-shadow-warning: 0 4px 14px rgba(230, 126, 34, 0.4);
456
+ --vnsc-shadow-focus: 0 0 0 3px rgba(59, 130, 246, 0.4);
457
+ --vnsc-shadow-focus-error: 0 0 0 3px rgba(192, 57, 43, 0.4);
458
+ --vnsc-shadow-focus-success: 0 0 0 3px rgba(34, 168, 94, 0.4);
459
+ --vnsc-elevation-0: var(--vnsc-shadow-none);
460
+ --vnsc-elevation-1: var(--vnsc-shadow-sm);
461
+ --vnsc-elevation-2: var(--vnsc-shadow-md);
462
+ --vnsc-elevation-3: var(--vnsc-shadow-lg);
463
+ --vnsc-elevation-4: var(--vnsc-shadow-xl);
464
+ --vnsc-elevation-5: var(--vnsc-shadow-2xl);
465
+ --vnsc-shadow-toolbar: var(--vnsc-elevation-2);
466
+ --vnsc-shadow-panel: var(--vnsc-elevation-3);
467
+ --vnsc-shadow-modal: var(--vnsc-elevation-4);
468
+ --vnsc-shadow-popover: var(--vnsc-elevation-3);
469
+ --vnsc-shadow-tooltip: var(--vnsc-elevation-2);
470
+ --vnsc-shadow-dropdown: var(--vnsc-elevation-3);
471
+ --vnsc-shadow-dock: 0 10px 30px rgba(0, 0, 0, 0.3);
472
+ --vnsc-shadow-drawing: 0 2px 8px rgba(0, 0, 0, 0.2);
473
+ --vnsc-shadow-splitter: none;
474
+ --vnsc-shadow-chart-container: var(--vnsc-elevation-1);
475
+ }
476
+ .vnsc-root[data-chart-mode=light] {
477
+ --vnsc-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.05);
478
+ --vnsc-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.04);
479
+ --vnsc-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);
480
+ --vnsc-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.03);
481
+ --vnsc-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.08), 0 10px 10px -5px rgba(0, 0, 0, 0.03);
482
+ --vnsc-shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.15);
483
+ --vnsc-shadow-inner: inset 0 2px 4px rgba(0, 0, 0, 0.04);
484
+ --vnsc-shadow-focus: 0 0 0 3px rgba(37, 99, 235, 0.4);
485
+ --vnsc-shadow-focus-error: 0 0 0 3px rgba(192, 57, 43, 0.4);
486
+ --vnsc-shadow-focus-success: 0 0 0 3px rgba(34, 168, 94, 0.4);
487
+ --vnsc-shadow-dock: 0 10px 30px rgba(0, 0, 0, 0.15);
488
+ --vnsc-shadow-drawing: 0 2px 8px rgba(0, 0, 0, 0.1);
489
+ }
490
+
491
+ /* src/widget/styles/tokens/motion.css */
492
+ .vnsc-root {
493
+ --vnsc-transition-duration-instant: 0ms;
494
+ --vnsc-transition-duration-fast: 100ms;
495
+ --vnsc-transition-duration-normal: 200ms;
496
+ --vnsc-transition-duration-slow: 300ms;
497
+ --vnsc-transition-duration-slower: 500ms;
498
+ --vnsc-transition-duration-hover: 150ms;
499
+ --vnsc-transition-duration-focus: 100ms;
500
+ --vnsc-transition-duration-press: 50ms;
501
+ --vnsc-transition-duration-enter: 200ms;
502
+ --vnsc-transition-duration-exit: 150ms;
503
+ --vnsc-transition-duration-modal: 200ms;
504
+ --vnsc-transition-duration-tooltip: 100ms;
505
+ --vnsc-transition-duration-panel: 300ms;
506
+ --vnsc-transition-easing-linear: linear;
507
+ --vnsc-transition-easing-ease-in: cubic-bezier(0.4, 0, 1, 1);
508
+ --vnsc-transition-easing-ease-out: cubic-bezier(0, 0, 0.2, 1);
509
+ --vnsc-transition-easing-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
510
+ --vnsc-transition-easing-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
511
+ --vnsc-transition-easing-bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55);
512
+ --vnsc-transition-easing-default: var(--vnsc-transition-easing-ease-out);
513
+ --vnsc-transition-easing-enter: var(--vnsc-transition-easing-ease-out);
514
+ --vnsc-transition-easing-exit: var(--vnsc-transition-easing-ease-in);
515
+ --vnsc-transition-easing-spring: var(--vnsc-transition-easing-spring);
516
+ --vnsc-transition-property-all: all;
517
+ --vnsc-transition-property-colors:
518
+ color,
519
+ background-color,
520
+ border-color,
521
+ fill,
522
+ stroke;
523
+ --vnsc-transition-property-transform: transform;
524
+ --vnsc-transition-property-opacity: opacity;
525
+ --vnsc-transition-property-shadow: box-shadow;
526
+ --vnsc-transition-property-visibility: visibility;
527
+ --vnsc-transition-fast: var(--vnsc-transition-duration-fast) var(--vnsc-transition-easing-default);
528
+ --vnsc-transition-normal: var(--vnsc-transition-duration-normal) var(--vnsc-transition-easing-default);
529
+ --vnsc-transition-slow: var(--vnsc-transition-duration-slow) var(--vnsc-transition-easing-default);
530
+ --vnsc-transition-colors-fast: var(--vnsc-transition-property-colors) var(--vnsc-transition-duration-fast) var(--vnsc-transition-easing-default);
531
+ --vnsc-transition-colors-normal: var(--vnsc-transition-property-colors) var(--vnsc-transition-duration-normal) var(--vnsc-transition-easing-default);
532
+ --vnsc-transition-transform-fast: var(--vnsc-transition-property-transform) var(--vnsc-transition-duration-fast) var(--vnsc-transition-easing-spring);
533
+ --vnsc-transition-transform-normal: var(--vnsc-transition-property-transform) var(--vnsc-transition-duration-normal) var(--vnsc-transition-easing-spring);
534
+ --vnsc-transition-opacity-fast: var(--vnsc-transition-property-opacity) var(--vnsc-transition-duration-fast) var(--vnsc-transition-easing-default);
535
+ --vnsc-transition-opacity-normal: var(--vnsc-transition-property-opacity) var(--vnsc-transition-duration-normal) var(--vnsc-transition-easing-default);
536
+ --vnsc-transition-shadow-fast: var(--vnsc-transition-property-shadow) var(--vnsc-transition-duration-fast) var(--vnsc-transition-easing-default);
537
+ --vnsc-transition-shadow-normal: var(--vnsc-transition-property-shadow) var(--vnsc-transition-duration-normal) var(--vnsc-transition-easing-default);
538
+ --vnsc-transition-button: var(--vnsc-transition-colors-fast), var(--vnsc-transition-transform-fast);
539
+ --vnsc-transition-input: var(--vnsc-transition-colors-fast), var(--vnsc-transition-shadow-fast);
540
+ --vnsc-transition-panel: var(--vnsc-transition-transform-normal), var(--vnsc-transition-opacity-normal);
541
+ --vnsc-transition-modal: var(--vnsc-transition-transform-normal), var(--vnsc-transition-opacity-normal);
542
+ --vnsc-transition-tooltip: var(--vnsc-transition-opacity-fast), var(--vnsc-transition-transform-fast);
543
+ --vnsc-transition-dropdown: var(--vnsc-transition-transform-normal), var(--vnsc-transition-opacity-normal);
544
+ --vnsc-transition-drawing: var(--vnsc-transition-transform-fast), var(--vnsc-transition-opacity-fast);
545
+ --vnsc-transition-splitter: var(--vnsc-transition-transform-fast);
546
+ --vnsc-transition-chart: var(--vnsc-transition-transform-normal);
547
+ --vnsc-animation-duration-spin: 1000ms;
548
+ --vnsc-animation-duration-pulse: 2000ms;
549
+ --vnsc-animation-duration-bounce: 1000ms;
550
+ --vnsc-animation-duration-shimmer: 1500ms;
551
+ --vnsc-animation-spin: spin var(--vnsc-animation-duration-spin) linear infinite;
552
+ --vnsc-animation-pulse: pulse var(--vnsc-animation-duration-pulse) ease-in-out infinite;
553
+ --vnsc-animation-bounce: bounce var(--vnsc-animation-duration-bounce) var(--vnsc-transition-easing-bounce) infinite;
554
+ --vnsc-animation-shimmer: shimmer var(--vnsc-animation-duration-shimmer) ease-in-out infinite;
555
+ --vnsc-animation-fade-in: fadeIn var(--vnsc-transition-duration-enter) var(--vnsc-transition-easing-enter);
556
+ --vnsc-animation-fade-out: fadeOut var(--vnsc-transition-duration-exit) var(--vnsc-transition-easing-exit);
557
+ --vnsc-animation-slide-up: slideUp var(--vnsc-transition-duration-normal) var(--vnsc-transition-easing-enter);
558
+ --vnsc-animation-slide-down: slideDown var(--vnsc-transition-duration-normal) var(--vnsc-transition-easing-enter);
559
+ --vnsc-animation-slide-left: slideLeft var(--vnsc-transition-duration-normal) var(--vnsc-transition-easing-enter);
560
+ --vnsc-animation-slide-right: slideRight var(--vnsc-transition-duration-normal) var(--vnsc-transition-easing-enter);
561
+ --vnsc-animation-scale-in: scaleIn var(--vnsc-transition-duration-normal) var(--vnsc-transition-easing-spring);
562
+ --vnsc-animation-scale-out: scaleOut var(--vnsc-transition-duration-exit) var(--vnsc-transition-easing-exit);
563
+ @media (prefers-reduced-motion: reduce) {
564
+ .vnsc-root {
565
+ --vnsc-transition-duration-instant: 0ms;
566
+ --vnsc-transition-duration-fast: 0ms;
567
+ --vnsc-transition-duration-normal: 0ms;
568
+ --vnsc-transition-duration-slow: 0ms;
569
+ --vnsc-transition-duration-slower: 0ms;
570
+ --vnsc-transition-duration-hover: 0ms;
571
+ --vnsc-transition-duration-focus: 0ms;
572
+ --vnsc-transition-duration-press: 0ms;
573
+ --vnsc-transition-duration-enter: 0ms;
574
+ --vnsc-transition-duration-exit: 0ms;
575
+ --vnsc-transition-duration-modal: 0ms;
576
+ --vnsc-transition-duration-tooltip: 0ms;
577
+ --vnsc-transition-duration-panel: 0ms;
578
+ --vnsc-animation-duration-spin: 0ms;
579
+ --vnsc-animation-duration-pulse: 0ms;
580
+ --vnsc-animation-duration-bounce: 0ms;
581
+ --vnsc-animation-duration-shimmer: 0ms;
582
+ }
583
+ *,
584
+ *::before,
585
+ *::after {
586
+ animation-duration: 0.01ms !important;
587
+ animation-iteration-count: 1 !important;
588
+ transition-duration: 0.01ms !important;
589
+ scroll-behavior: auto !important;
590
+ }
591
+ }
592
+ }
593
+ @keyframes spin {
594
+ from {
595
+ transform: rotate(0deg);
596
+ }
597
+ to {
598
+ transform: rotate(360deg);
599
+ }
600
+ }
601
+ @keyframes pulse {
602
+ 0%, 100% {
603
+ opacity: 1;
604
+ }
605
+ 50% {
606
+ opacity: 0.5;
607
+ }
608
+ }
609
+ @keyframes bounce {
610
+ 0%, 100% {
611
+ transform: translateY(0);
612
+ }
613
+ 50% {
614
+ transform: translateY(-10px);
615
+ }
616
+ }
617
+ @keyframes shimmer {
618
+ 0% {
619
+ background-position: -200% 0;
620
+ }
621
+ 100% {
622
+ background-position: 200% 0;
623
+ }
624
+ }
625
+ @keyframes fadeIn {
626
+ from {
627
+ opacity: 0;
628
+ }
629
+ to {
630
+ opacity: 1;
631
+ }
632
+ }
633
+ @keyframes fadeOut {
634
+ from {
635
+ opacity: 1;
636
+ }
637
+ to {
638
+ opacity: 0;
639
+ }
640
+ }
641
+ @keyframes slideUp {
642
+ from {
643
+ transform: translateY(10px);
644
+ opacity: 0;
645
+ }
646
+ to {
647
+ transform: translateY(0);
648
+ opacity: 1;
649
+ }
650
+ }
651
+ @keyframes slideDown {
652
+ from {
653
+ transform: translateY(-10px);
654
+ opacity: 0;
655
+ }
656
+ to {
657
+ transform: translateY(0);
658
+ opacity: 1;
659
+ }
660
+ }
661
+ @keyframes slideLeft {
662
+ from {
663
+ transform: translateX(10px);
664
+ opacity: 0;
665
+ }
666
+ to {
667
+ transform: translateX(0);
668
+ opacity: 1;
669
+ }
670
+ }
671
+ @keyframes slideRight {
672
+ from {
673
+ transform: translateX(-10px);
674
+ opacity: 0;
675
+ }
676
+ to {
677
+ transform: translateX(0);
678
+ opacity: 1;
679
+ }
680
+ }
681
+ @keyframes scaleIn {
682
+ from {
683
+ transform: scale(0.95);
684
+ opacity: 0;
685
+ }
686
+ to {
687
+ transform: scale(1);
688
+ opacity: 1;
689
+ }
690
+ }
691
+ @keyframes scaleOut {
692
+ from {
693
+ transform: scale(1);
694
+ opacity: 1;
695
+ }
696
+ to {
697
+ transform: scale(0.95);
698
+ opacity: 0;
699
+ }
700
+ }
701
+
702
+ /* src/widget/styles/tokens/z-index.css */
703
+ .vnsc-root {
704
+ --vnsc-z-0: 0;
705
+ --vnsc-z-1: 1;
706
+ --vnsc-z-2: 2;
707
+ --vnsc-z-3: 3;
708
+ --vnsc-z-4: 4;
709
+ --vnsc-z-5: 5;
710
+ --vnsc-z-10: 10;
711
+ --vnsc-z-20: 20;
712
+ --vnsc-z-30: 30;
713
+ --vnsc-z-40: 40;
714
+ --vnsc-z-50: 50;
715
+ --vnsc-z-background: 0;
716
+ --vnsc-z-content: 1;
717
+ --vnsc-z-raised: 10;
718
+ --vnsc-z-overlay: 20;
719
+ --vnsc-z-modal: 30;
720
+ --vnsc-z-popover: 40;
721
+ --vnsc-z-tooltip: 50;
722
+ --vnsc-z-toast: 60;
723
+ --vnsc-z-maximum: 9999;
724
+ --vnsc-z-chart-canvas: 1;
725
+ --vnsc-z-chart-overlay: 10;
726
+ --vnsc-z-chart-crosshair: 15;
727
+ --vnsc-z-chart-tooltip: 20;
728
+ --vnsc-z-chart-drawing: 25;
729
+ --vnsc-z-chart-selection: 30;
730
+ --vnsc-z-chart-measurement: 35;
731
+ --vnsc-z-chart-x-axis: 40;
732
+ --vnsc-z-chart-pane-tooltip: 45;
733
+ --vnsc-z-toolbar: 50;
734
+ --vnsc-z-header: 55;
735
+ --vnsc-z-footer: 55;
736
+ --vnsc-z-dock: 60;
737
+ --vnsc-z-dock-flyout: 65;
738
+ --vnsc-z-drawing-toolbar: 70;
739
+ --vnsc-z-drawing-inspector: 75;
740
+ --vnsc-z-drawing-list: 75;
741
+ --vnsc-z-drawing-context-menu: 80;
742
+ --vnsc-z-panel: 85;
743
+ --vnsc-z-panel-content: 90;
744
+ --vnsc-z-modal-backdrop: 95;
745
+ --vnsc-z-modal: 100;
746
+ --vnsc-z-modal-content: 105;
747
+ --vnsc-z-popover: 110;
748
+ --vnsc-z-popover-content: 115;
749
+ --vnsc-z-tooltip: 120;
750
+ --vnsc-z-tooltip-content: 125;
751
+ --vnsc-z-toast: 130;
752
+ --vnsc-z-toast-content: 135;
753
+ --vnsc-z-ads-banner: 95;
754
+ --vnsc-z-ads-popup: 99;
755
+ --vnsc-z-trademark: 100;
756
+ --vnsc-z-sidebar: 48;
757
+ --vnsc-z-sidebar-splitter: 49;
758
+ --vnsc-z-sidebar-content: 50;
759
+ --vnsc-z-bottom-panel: 40;
760
+ --vnsc-z-bottom-panel-content: 41;
761
+ --vnsc-z-drawing-dock: 50;
762
+ --vnsc-z-drawing-dock-header: 51;
763
+ --vnsc-z-drawing-dock-content: 52;
764
+ --vnsc-z-drawing-dock-flyout: 55;
765
+ --vnsc-z-settings-modal: 100;
766
+ --vnsc-z-settings-modal-content: 101;
767
+ --vnsc-z-settings-modal-tabs: 102;
768
+ --vnsc-z-snapshot-modal: 100;
769
+ --vnsc-z-snapshot-modal-content: 101;
770
+ --vnsc-z-alerts-modal: 100;
771
+ --vnsc-z-alerts-modal-content: 101;
772
+ --vnsc-z-symbol-search: 80;
773
+ --vnsc-z-symbol-search-results: 81;
774
+ --vnsc-z-whale-panel: 60;
775
+ --vnsc-z-whale-panel-content: 61;
776
+ --vnsc-z-context-rail: 55;
777
+ --vnsc-z-context-rail-content: 56;
778
+ --vnsc-z-pat-modal: 100;
779
+ --vnsc-z-pat-modal-content: 101;
780
+ }
781
+
782
+ /* src/widget/styles/tokens/opacity.css */
783
+ .vnsc-root {
784
+ --vnsc-opacity-disabled: 0.38;
785
+ --vnsc-opacity-hover: 0.04;
786
+ --vnsc-opacity-focus: 0.12;
787
+ --vnsc-opacity-pressed: 0.16;
788
+ --vnsc-opacity-dragging: 0.08;
789
+ --vnsc-opacity-overlay: 0.5;
790
+ --vnsc-opacity-backdrop: 0.85;
791
+ --vnsc-opacity-watermark: 0.05;
792
+ --vnsc-opacity-skeleton-base: 0.08;
793
+ --vnsc-opacity-skeleton-highlight: 0.15;
794
+ }
795
+
796
+ /* src/widget/styles/tokens/focus.css */
797
+ .vnsc-root {
798
+ --vnsc-ring-width: 2px;
799
+ --vnsc-ring-offset: 2px;
800
+ --vnsc-ring-color: var(--vnsc-color-primary);
801
+ --vnsc-ring-opacity: 0.4;
802
+ }
803
+
804
+ /* src/widget/styles/tokens/surfaces.css */
805
+ .vnsc-root {
806
+ --vnsc-surface-0: var(--vnsc-bg-primary);
807
+ --vnsc-surface-1: var(--vnsc-bg-secondary);
808
+ --vnsc-surface-2: var(--vnsc-bg-tertiary);
809
+ --vnsc-surface-3: var(--vnsc-bg-elevated);
810
+ --vnsc-surface-4: var(--vnsc-bg-elevated);
811
+ }
812
+ .vnsc-root[data-chart-mode=light] {
813
+ --vnsc-surface-4: #e2e8f0;
814
+ }
815
+
816
+ /* src/widget/styles/tokens/states.css */
817
+ .vnsc-root {
818
+ --vnsc-state-hover: var(--vnsc-bg-hover);
819
+ --vnsc-state-active: var(--vnsc-bg-active);
820
+ --vnsc-state-pressed: rgba(255, 255, 255, 0.12);
821
+ --vnsc-state-dragging: rgba(59, 130, 246, 0.08);
822
+ --vnsc-state-loading: var(--vnsc-bg-disabled);
823
+ --vnsc-state-selected: var(--vnsc-bg-selected);
824
+ --vnsc-state-focus-within: var(--vnsc-bg-focus);
825
+ }
826
+ .vnsc-root[data-chart-mode=light] {
827
+ --vnsc-state-pressed: rgba(0, 0, 0, 0.12);
828
+ --vnsc-state-dragging: rgba(37, 99, 235, 0.08);
829
+ }
830
+
831
+ /* src/widget/styles/tokens/backdrop.css */
832
+ .vnsc-root {
833
+ --vnsc-backdrop-blur-sm: 4px;
834
+ --vnsc-backdrop-blur-md: 8px;
835
+ --vnsc-backdrop-blur-lg: 16px;
836
+ --vnsc-backdrop-blur-xl: 24px;
837
+ --vnsc-backdrop-saturate: 1.8;
838
+ --vnsc-backdrop-brightness: 0.7;
839
+ }
840
+
841
+ /* src/widget/styles/tokens/indicators.css */
842
+ .vnsc-root {
843
+ --vnsc-indicator-1: #2962ff;
844
+ --vnsc-indicator-2: #ff6d00;
845
+ --vnsc-indicator-3: #e040fb;
846
+ --vnsc-indicator-4: #00bcd4;
847
+ --vnsc-indicator-5: #ffeb3b;
848
+ --vnsc-indicator-6: #4caf50;
849
+ --vnsc-indicator-7: #ff5252;
850
+ --vnsc-indicator-8: #7c4dff;
851
+ --vnsc-indicator-9: #00e676;
852
+ --vnsc-indicator-10: #ff9100;
853
+ --vnsc-macd-signal: #ff6d00;
854
+ --vnsc-macd-histogram-positive: var(--vnsc-color-bullish);
855
+ --vnsc-macd-histogram-negative: var(--vnsc-color-bearish);
856
+ --vnsc-bb-upper: #2962ff;
857
+ --vnsc-bb-lower: #2962ff;
858
+ --vnsc-bb-fill: rgba(41, 98, 255, 0.06);
859
+ }
860
+
861
+ /* src/widget/styles/tokens/gradients.css */
862
+ .vnsc-root {
863
+ --vnsc-gradient-area-fill:
864
+ linear-gradient(
865
+ 180deg,
866
+ rgba(41,98,255,0.28) 0%,
867
+ rgba(41,98,255,0) 100%);
868
+ --vnsc-gradient-volume-fade:
869
+ linear-gradient(
870
+ 180deg,
871
+ var(--vnsc-color-volume),
872
+ transparent);
873
+ --vnsc-gradient-shimmer:
874
+ linear-gradient(
875
+ 90deg,
876
+ transparent 0%,
877
+ rgba(255,255,255,0.05) 50%,
878
+ transparent 100%);
879
+ }
880
+
881
+ /* src/widget/styles/tokens/breakpoints.css */
882
+ .vnsc-root {
883
+ --vnsc-breakpoint-compact: 480px;
884
+ --vnsc-breakpoint-medium: 768px;
885
+ --vnsc-breakpoint-wide: 1200px;
886
+ --vnsc-breakpoint-ultra: 1920px;
887
+ }
888
+
889
+ /* src/widget/styles/tokens/presets/midnight-blue.css */
890
+ .vnsc-root[data-chart-theme=midnight-blue] {
891
+ --vnsc-bg-primary: #0d1117;
892
+ --vnsc-bg-secondary: #161b22;
893
+ --vnsc-bg-tertiary: #0d1117;
894
+ --vnsc-bg-elevated: #1c2333;
895
+ --vnsc-bg-overlay: rgba(13, 17, 23, 0.9);
896
+ --vnsc-bg-modal: #161b22;
897
+ --vnsc-bg-popover: #161b22;
898
+ --vnsc-bg-tooltip: #1c2333;
899
+ --vnsc-bg-input: #0d1117;
900
+ --vnsc-bg-input-hover: #161b22;
901
+ --vnsc-bg-hover: rgba(88, 166, 255, 0.08);
902
+ --vnsc-bg-active: rgba(88, 166, 255, 0.14);
903
+ --vnsc-bg-selected: rgba(88, 166, 255, 0.2);
904
+ --vnsc-bg-focus: rgba(88, 166, 255, 0.25);
905
+ --vnsc-text-primary: #c9d1d9;
906
+ --vnsc-text-secondary: #8b949e;
907
+ --vnsc-text-tertiary: #484f58;
908
+ --vnsc-text-link: #58a6ff;
909
+ --vnsc-text-link-hover: #79c0ff;
910
+ --vnsc-border-primary: #21262d;
911
+ --vnsc-border-secondary: #30363d;
912
+ --vnsc-border-divider: #21262d;
913
+ --vnsc-color-primary: #58a6ff;
914
+ --vnsc-color-primary-hover: #79c0ff;
915
+ --vnsc-color-primary-active: #79c0ff;
916
+ --vnsc-color-accent: #58a6ff;
917
+ --vnsc-color-accent-hover: #79c0ff;
918
+ --vnsc-color-grid: rgba(255, 255, 255, 0.07);
919
+ --vnsc-color-grid-subtle: rgba(255, 255, 255, 0.03);
920
+ --vnsc-color-crosshair: #58a6ff;
921
+ --vnsc-color-selection: rgba(88, 166, 255, 0.2);
922
+ --vnsc-scrollbar-thumb: #30363d;
923
+ --vnsc-scrollbar-thumb-hover: #484f58;
924
+ }
925
+
926
+ /* src/widget/styles/tokens/presets/high-contrast.css */
927
+ .vnsc-root[data-chart-theme=high-contrast] {
928
+ --vnsc-bg-primary: #000000;
929
+ --vnsc-bg-secondary: #0d0d0d;
930
+ --vnsc-bg-tertiary: #000000;
931
+ --vnsc-bg-elevated: #1a1a1a;
932
+ --vnsc-bg-overlay: rgba(0, 0, 0, 0.95);
933
+ --vnsc-bg-modal: #0d0d0d;
934
+ --vnsc-bg-popover: #0d0d0d;
935
+ --vnsc-bg-tooltip: #1a1a1a;
936
+ --vnsc-bg-input: #000000;
937
+ --vnsc-bg-hover: rgba(255, 255, 255, 0.12);
938
+ --vnsc-bg-active: rgba(255, 255, 255, 0.2);
939
+ --vnsc-bg-selected: rgba(255, 255, 255, 0.18);
940
+ --vnsc-bg-focus: rgba(59, 130, 246, 0.35);
941
+ --vnsc-text-primary: #ffffff;
942
+ --vnsc-text-secondary: #e0e0e0;
943
+ --vnsc-text-tertiary: #b0b0b0;
944
+ --vnsc-text-muted: #c0c0c0;
945
+ --vnsc-text-link: #FFD700;
946
+ --vnsc-text-link-hover: #FFC700;
947
+ --vnsc-text-disabled: #808080;
948
+ --vnsc-text-placeholder: #909090;
949
+ --vnsc-text-on-primary: #000000;
950
+ --vnsc-text-on-accent: #000000;
951
+ --vnsc-border-primary: #ffffff;
952
+ --vnsc-border-secondary: #e0e0e0;
953
+ --vnsc-border-divider: #ffffff;
954
+ --vnsc-border-focus: #FFD700;
955
+ --vnsc-border-overlay: rgba(255, 255, 255, 0.3);
956
+ --vnsc-color-primary: #FFD700;
957
+ --vnsc-color-primary-hover: #FFC700;
958
+ --vnsc-color-primary-active: #FFE033;
959
+ --vnsc-color-accent: #FFD700;
960
+ --vnsc-color-accent-hover: #FFC700;
961
+ --vnsc-color-bullish: #00ff66;
962
+ --vnsc-color-bearish: #ff3333;
963
+ --vnsc-color-neutral: #cccccc;
964
+ --vnsc-color-grid: rgba(255, 255, 255, 0.15);
965
+ --vnsc-color-grid-subtle: rgba(255, 255, 255, 0.08);
966
+ --vnsc-color-crosshair: #FFD700;
967
+ --vnsc-color-selection: rgba(255, 215, 0, 0.35);
968
+ --vnsc-color-whale-buy: #00ff66;
969
+ --vnsc-color-whale-sell: #ff3333;
970
+ --vnsc-color-success: #00ff66;
971
+ --vnsc-color-success-hover: #33ff88;
972
+ --vnsc-color-warning: #ffcc00;
973
+ --vnsc-color-warning-hover: #ffdd33;
974
+ --vnsc-color-error: #ff3333;
975
+ --vnsc-color-error-hover: #ff6666;
976
+ --vnsc-color-info: #60a5fa;
977
+ --vnsc-scrollbar-thumb: #606060;
978
+ --vnsc-scrollbar-thumb-hover: #909090;
979
+ --vnsc-focus-ring: 0 0 0 3px rgba(96, 165, 250, 0.6);
980
+ --vnsc-focus-ring-offset: 2px;
981
+ }
982
+
983
+ /* src/widget/styles/tokens/index.css */
984
+
985
+ /* src/widget/styles/pane-overlays.css */
986
+ .vnsc-pane-label,
987
+ .rsc-pane-label {
988
+ position: absolute;
989
+ left: 0;
990
+ width: 18px;
991
+ display: flex;
992
+ align-items: center;
993
+ justify-content: center;
994
+ writing-mode: vertical-rl;
995
+ transform: rotate(180deg);
996
+ font-size: 9px;
997
+ font-weight: 600;
998
+ letter-spacing: 0.5px;
999
+ text-transform: uppercase;
1000
+ color: var(--vnsc-text-micro, #7c8798);
1001
+ pointer-events: none;
1002
+ user-select: none;
1003
+ z-index: 10;
1004
+ }
1005
+ .vnsc-pane-header,
1006
+ .rsc-pane-header {
1007
+ position: absolute;
1008
+ top: 0;
1009
+ left: 0;
1010
+ right: 0;
1011
+ height: 16px;
1012
+ display: flex;
1013
+ align-items: center;
1014
+ justify-content: flex-start;
1015
+ gap: 4px;
1016
+ padding: 0;
1017
+ background: transparent;
1018
+ border-bottom: none;
1019
+ opacity: 0;
1020
+ pointer-events: none;
1021
+ transition: opacity 150ms ease;
1022
+ z-index: 50;
1023
+ min-width: 0;
1024
+ }
1025
+ .vnsc-pane-wrap:hover .vnsc-pane-header,
1026
+ .vnsc-pane-wrap:focus-within .vnsc-pane-header,
1027
+ .vnsc-pane-wrap--active .vnsc-pane-header,
1028
+ .rsc-pane-wrap:hover .rsc-pane-header,
1029
+ .rsc-pane-wrap:focus-within .rsc-pane-header,
1030
+ .rsc-pane-wrap--active .rsc-pane-header {
1031
+ opacity: 1;
1032
+ pointer-events: auto;
1033
+ }
1034
+ .vnsc-pane-header__label,
1035
+ .rsc-pane-header__label {
1036
+ display: inline-flex;
1037
+ align-items: center;
1038
+ min-height: 16px;
1039
+ padding: 0 6px;
1040
+ border-radius: 3px;
1041
+ background: color-mix(in srgb, var(--vnsc-surface, var(--vnsc-bg, #131722)) 90%, transparent);
1042
+ border: 1px solid color-mix(in srgb, var(--vnsc-border, rgba(148, 163, 184, 0.24)) 100%, transparent);
1043
+ backdrop-filter: blur(4px);
1044
+ -webkit-backdrop-filter: blur(4px);
1045
+ font-size: 10px;
1046
+ font-weight: 500;
1047
+ letter-spacing: 0.02em;
1048
+ color: var(--vnsc-text-secondary, #787b86);
1049
+ flex-shrink: 0;
1050
+ }
1051
+ .vnsc-pane-header__content,
1052
+ .rsc-pane-header__content {
1053
+ display: flex;
1054
+ align-items: center;
1055
+ min-width: 0;
1056
+ flex: 1 1 auto;
1057
+ overflow: hidden;
1058
+ }
1059
+ .vnsc-pane-header__actions,
1060
+ .rsc-pane-header__actions {
1061
+ display: inline-flex;
1062
+ align-items: center;
1063
+ gap: 2px;
1064
+ min-height: 16px;
1065
+ padding: 0 4px;
1066
+ border-radius: 4px;
1067
+ background: color-mix(in srgb, var(--vnsc-surface, var(--vnsc-bg, #131722)) 90%, transparent);
1068
+ border: 1px solid color-mix(in srgb, var(--vnsc-border, rgba(148, 163, 184, 0.24)) 100%, transparent);
1069
+ backdrop-filter: blur(4px);
1070
+ -webkit-backdrop-filter: blur(4px);
1071
+ margin-left: auto;
1072
+ margin-right: 0;
1073
+ flex-shrink: 0;
1074
+ }
1075
+ .vnsc-pane-btn,
1076
+ .rsc-pane-btn {
1077
+ border: 1px solid transparent;
1078
+ background: transparent;
1079
+ color: var(--vnsc-text-secondary, #787b86);
1080
+ padding: 1px 4px;
1081
+ border-radius: 3px;
1082
+ cursor: pointer;
1083
+ font: inherit;
1084
+ line-height: 1;
1085
+ font-size: 12px;
1086
+ transition: color 0.15s ease, border-color 0.15s ease;
1087
+ }
1088
+ .vnsc-pane-btn:hover,
1089
+ .rsc-pane-btn:hover {
1090
+ color: var(--vnsc-text-primary, #d1d4dc);
1091
+ border-color: rgba(255, 255, 255, 0.12);
1092
+ }
1093
+ .vnsc-pane-btn:disabled,
1094
+ .rsc-pane-btn:disabled {
1095
+ opacity: 0.35;
1096
+ cursor: not-allowed;
1097
+ border-color: transparent;
1098
+ }
1099
+ .vnsc-pane-wrap,
1100
+ .rsc-pane-wrap {
1101
+ overflow: visible;
1102
+ }
1103
+ .vnsc-series-picker,
1104
+ .rsc-series-picker {
1105
+ position: absolute;
1106
+ min-width: 340px;
1107
+ max-width: min(480px, calc(100vw - 24px));
1108
+ box-sizing: border-box;
1109
+ padding: 6px;
1110
+ border-radius: 10px;
1111
+ background: var(--vnsc-surface, rgba(255, 255, 255, 0.98));
1112
+ border: 1px solid var(--vnsc-border, rgba(148, 163, 184, 0.24));
1113
+ box-shadow: 0 18px 48px rgba(15, 23, 42, 0.18);
1114
+ z-index: 70;
1115
+ }
1116
+ .vnsc-series-picker__search,
1117
+ .rsc-series-picker__search {
1118
+ padding: 4px 6px 8px;
1119
+ }
1120
+ .vnsc-series-picker__search-input,
1121
+ .rsc-series-picker__search-input {
1122
+ width: 100%;
1123
+ padding: 6px 10px;
1124
+ border-radius: var(--vnsc-radius-sm, 4px);
1125
+ border: 1px solid var(--vnsc-border-input, #2a2a2a);
1126
+ background: var(--vnsc-bg-input, #1a1f2e);
1127
+ color: var(--vnsc-text-primary, #e0e0e0);
1128
+ font-size: var(--vnsc-font-sm, 12px);
1129
+ outline: none;
1130
+ box-sizing: border-box;
1131
+ }
1132
+ .vnsc-series-picker__search-input:focus,
1133
+ .rsc-series-picker__search-input:focus {
1134
+ border-color: var(--vnsc-accent, #2962ff);
1135
+ }
1136
+ .vnsc-series-picker__search-input::placeholder,
1137
+ .rsc-series-picker__search-input::placeholder {
1138
+ color: var(--vnsc-text-muted, #64748b);
1139
+ }
1140
+ .vnsc-series-picker__list,
1141
+ .rsc-series-picker__list {
1142
+ list-style: none;
1143
+ margin: 0;
1144
+ padding: 0;
1145
+ max-height: 320px;
1146
+ overflow: auto;
1147
+ }
1148
+ .vnsc-series-picker__item,
1149
+ .rsc-series-picker__item {
1150
+ width: 100%;
1151
+ display: flex;
1152
+ align-items: center;
1153
+ justify-content: space-between;
1154
+ gap: 8px;
1155
+ padding: 6px 10px;
1156
+ border: 0;
1157
+ border-radius: 6px;
1158
+ background: transparent;
1159
+ color: var(--vnsc-text, #1e2a3b);
1160
+ text-align: left;
1161
+ cursor: pointer;
1162
+ font-size: 13px;
1163
+ font-family: inherit;
1164
+ line-height: 1.4;
1165
+ }
1166
+ .vnsc-series-picker__item:hover,
1167
+ .rsc-series-picker__item:hover {
1168
+ background: rgba(45, 156, 219, 0.12);
1169
+ }
1170
+ .vnsc-series-picker__item--active,
1171
+ .rsc-series-picker__item--active {
1172
+ background: rgba(45, 156, 219, 0.16);
1173
+ }
1174
+ .vnsc-series-picker__label,
1175
+ .rsc-series-picker__label {
1176
+ flex: 1;
1177
+ min-width: 0;
1178
+ overflow: hidden;
1179
+ text-overflow: ellipsis;
1180
+ white-space: nowrap;
1181
+ }
1182
+ .vnsc-series-picker__check,
1183
+ .rsc-series-picker__check {
1184
+ font-size: 12px;
1185
+ color: #2d9cdb;
1186
+ flex-shrink: 0;
1187
+ }
1188
+ .vnsc-series-picker__empty,
1189
+ .rsc-series-picker__empty {
1190
+ padding: 16px 10px;
1191
+ text-align: center;
1192
+ color: var(--vnsc-text-muted, #64748b);
1193
+ font-size: 13px;
1194
+ }
1195
+ .vnsc-series-picker__footer,
1196
+ .rsc-series-picker__footer {
1197
+ margin-top: 6px;
1198
+ padding-top: 6px;
1199
+ border-top: 1px solid rgba(148, 163, 184, 0.18);
1200
+ font-size: 11px;
1201
+ color: var(--vnsc-text-muted, #64748b);
1202
+ }
1203
+ .vnsc-indicator-legend,
1204
+ .rsc-indicator-legend {
1205
+ position: absolute;
1206
+ top: 24px;
1207
+ left: 80px;
1208
+ right: 8px;
1209
+ display: flex;
1210
+ flex-wrap: wrap;
1211
+ gap: 4px;
1212
+ padding: 4px 0;
1213
+ opacity: 0;
1214
+ pointer-events: none;
1215
+ transition: opacity 150ms ease;
1216
+ z-index: 15;
1217
+ }
1218
+ .vnsc-pane-header__legend,
1219
+ .rsc-pane-header__legend {
1220
+ display: flex;
1221
+ position: static;
1222
+ top: auto;
1223
+ left: auto;
1224
+ right: auto;
1225
+ flex: 1 1 auto;
1226
+ min-width: 0;
1227
+ max-height: 16px;
1228
+ align-items: center;
1229
+ flex-wrap: nowrap;
1230
+ overflow-x: auto;
1231
+ overflow-y: hidden;
1232
+ gap: 3px;
1233
+ padding: 0;
1234
+ opacity: 1;
1235
+ pointer-events: auto;
1236
+ transition: none;
1237
+ z-index: auto;
1238
+ scrollbar-width: none;
1239
+ }
1240
+ .vnsc-pane-header__legend::-webkit-scrollbar,
1241
+ .rsc-pane-header__legend::-webkit-scrollbar {
1242
+ display: none;
1243
+ }
1244
+ .vnsc-pane-wrap:hover .vnsc-indicator-legend,
1245
+ .vnsc-pane-wrap:focus-within .vnsc-indicator-legend,
1246
+ .vnsc-pane-wrap--active .vnsc-indicator-legend,
1247
+ .rsc-pane-wrap:hover .rsc-indicator-legend,
1248
+ .rsc-pane-wrap:focus-within .rsc-indicator-legend,
1249
+ .rsc-pane-wrap--active .rsc-indicator-legend {
1250
+ opacity: 1;
1251
+ pointer-events: auto;
1252
+ }
1253
+ .vnsc-indicator-chip,
1254
+ .rsc-indicator-chip {
1255
+ display: inline-flex;
1256
+ align-items: center;
1257
+ gap: 2px;
1258
+ padding: 0 5px;
1259
+ height: 16px;
1260
+ line-height: 1;
1261
+ box-sizing: border-box;
1262
+ border-radius: 4px;
1263
+ background: var(--vnsc-surface, rgba(255, 255, 255, 0.92));
1264
+ border: 1px solid var(--vnsc-border, rgba(148, 163, 184, 0.24));
1265
+ font-size: 9px;
1266
+ font-weight: 500;
1267
+ color: var(--vnsc-text, #1e2a3b);
1268
+ cursor: default;
1269
+ user-select: none;
1270
+ white-space: nowrap;
1271
+ }
1272
+ .vnsc-indicator-chip--hidden,
1273
+ .rsc-indicator-chip--hidden {
1274
+ opacity: 0.45;
1275
+ }
1276
+ .vnsc-indicator-chip__dot,
1277
+ .rsc-indicator-chip__dot {
1278
+ width: 6px;
1279
+ height: 6px;
1280
+ border-radius: 50%;
1281
+ background-color: var(--chip-color, #2962ff);
1282
+ flex-shrink: 0;
1283
+ }
1284
+ .vnsc-indicator-chip__name,
1285
+ .rsc-indicator-chip__name {
1286
+ white-space: nowrap;
1287
+ }
1288
+ .vnsc-indicator-chip__suffix,
1289
+ .rsc-indicator-chip__suffix {
1290
+ margin-left: 3px;
1291
+ font-size: 8px;
1292
+ font-weight: 600;
1293
+ color: var(--chip-color, #2962ff);
1294
+ }
1295
+ .vnsc-indicator-chip__btn,
1296
+ .rsc-indicator-chip__btn {
1297
+ border: 0;
1298
+ background: transparent;
1299
+ color: inherit;
1300
+ padding: 0 1px;
1301
+ cursor: pointer;
1302
+ font-size: 10px;
1303
+ line-height: 1;
1304
+ border-radius: 2px;
1305
+ display: flex;
1306
+ align-items: center;
1307
+ }
1308
+ .vnsc-indicator-chip__btn:hover,
1309
+ .rsc-indicator-chip__btn:hover {
1310
+ background: rgba(148, 163, 184, 0.18);
1311
+ }
1312
+ .vnsc-indicator-chip__btn--remove,
1313
+ .rsc-indicator-chip__btn--remove {
1314
+ opacity: 0.5;
1315
+ }
1316
+ .vnsc-indicator-chip__btn--remove:hover,
1317
+ .rsc-indicator-chip__btn--remove:hover {
1318
+ opacity: 1;
1319
+ color: #f23645;
1320
+ background: rgba(242, 54, 69, 0.08);
1321
+ }
1322
+ @media (hover: hover) {
1323
+ .vnsc-indicator-chip__btn,
1324
+ .rsc-indicator-chip__btn {
1325
+ width: 0;
1326
+ max-width: 0;
1327
+ padding: 0;
1328
+ margin: 0;
1329
+ overflow: hidden;
1330
+ opacity: 0;
1331
+ transform: scale(0.8);
1332
+ transition:
1333
+ width 140ms ease,
1334
+ max-width 140ms ease,
1335
+ margin 140ms ease,
1336
+ opacity 120ms ease,
1337
+ transform 140ms ease;
1338
+ }
1339
+ .vnsc-indicator-chip:hover .vnsc-indicator-chip__btn,
1340
+ .rsc-indicator-chip:hover .rsc-indicator-chip__btn,
1341
+ .vnsc-indicator-chip:focus-within .vnsc-indicator-chip__btn,
1342
+ .rsc-indicator-chip:focus-within .rsc-indicator-chip__btn,
1343
+ .vnsc-indicator-chip__btn:focus-visible,
1344
+ .rsc-indicator-chip__btn:focus-visible {
1345
+ width: 14px;
1346
+ max-width: 14px;
1347
+ margin-left: 2px;
1348
+ opacity: 0.7;
1349
+ transform: scale(1);
1350
+ }
1351
+ .vnsc-indicator-chip__btn:hover,
1352
+ .rsc-indicator-chip__btn:hover {
1353
+ opacity: 1;
1354
+ }
1355
+ }
1356
+ .vnsc-indicator-chip__value,
1357
+ .rsc-indicator-chip__value {
1358
+ margin-left: 4px;
1359
+ font-variant-numeric: tabular-nums;
1360
+ color: var(--chip-color, inherit);
1361
+ }
1362
+
1363
+ /* src/widget/styles/toolbar.css */
1364
+ .vnsc-drawing-toolbar {
1365
+ position: relative;
1366
+ height: 100%;
1367
+ width: 42px;
1368
+ min-width: 42px;
1369
+ flex-shrink: 0;
1370
+ z-index: 40;
1371
+ background: var(--vnsc-bg-secondary);
1372
+ border-right: 1px solid var(--vnsc-border-subtle, var(--vnsc-border));
1373
+ display: flex;
1374
+ flex-direction: column;
1375
+ align-items: center;
1376
+ padding: 6px 0;
1377
+ gap: 6px;
1378
+ overflow-x: hidden;
1379
+ overflow-y: auto;
1380
+ scrollbar-width: none;
1381
+ transition:
1382
+ width 0.2s ease,
1383
+ padding 0.2s ease,
1384
+ border-right-width 0.2s ease;
1385
+ }
1386
+ .vnsc-drawing-toolbar.vnsc-drawing-toolbar--collapsed {
1387
+ width: 0;
1388
+ min-width: 0;
1389
+ padding: 0;
1390
+ border-right: none;
1391
+ overflow: hidden;
1392
+ }
1393
+ .vnsc-drawing-toolbar__expand-btn {
1394
+ transition:
1395
+ background-color var(--vnsc-transition-fast),
1396
+ color var(--vnsc-transition-fast),
1397
+ transform var(--vnsc-transition-fast);
1398
+ }
1399
+ .vnsc-drawing-toolbar__expand-btn:hover {
1400
+ background-color: var(--vnsc-bg-tertiary, #f1f5f9) !important;
1401
+ color: var(--vnsc-text-primary) !important;
1402
+ transform: scale(1.05);
1403
+ }
1404
+ .vnsc-drawing-toolbar::-webkit-scrollbar {
1405
+ display: none;
1406
+ }
1407
+ .vnsc-drawing-toolbar__group {
1408
+ display: flex;
1409
+ flex-direction: column;
1410
+ gap: 1px;
1411
+ margin-bottom: 4px;
1412
+ }
1413
+ .vnsc-drawing-toolbar__group:not(:last-child) {
1414
+ border-bottom: 1px solid var(--vnsc-border);
1415
+ padding-bottom: 4px;
1416
+ }
1417
+ .vnsc-drawing-toolbar__btn {
1418
+ display: flex;
1419
+ align-items: center;
1420
+ justify-content: center;
1421
+ width: 32px;
1422
+ height: 32px;
1423
+ border: none;
1424
+ border-radius: var(--vnsc-radius-md, 4px);
1425
+ background: transparent;
1426
+ color: var(--vnsc-text-secondary);
1427
+ cursor: pointer;
1428
+ font-size: 14px;
1429
+ font-weight: 600;
1430
+ transition: background var(--vnsc-transition-fast), color var(--vnsc-transition-fast);
1431
+ }
1432
+ .vnsc-drawing-toolbar__btn:hover {
1433
+ background: rgba(41, 98, 255, 0.08);
1434
+ color: var(--vnsc-text-primary);
1435
+ }
1436
+ .vnsc-drawing-toolbar__btn--active {
1437
+ background: var(--vnsc-accent-bg, rgba(41, 98, 255, 0.12));
1438
+ color: var(--vnsc-accent);
1439
+ }
1440
+ .vnsc-drawing-toolbar__btn--active:hover {
1441
+ background: var(--vnsc-accent-bg, rgba(41, 98, 255, 0.18));
1442
+ }
1443
+ .vnsc-drawing-toolbar__magnet {
1444
+ width: 32px;
1445
+ height: 32px;
1446
+ border: none;
1447
+ border-radius: var(--vnsc-radius-md, 4px);
1448
+ background: transparent;
1449
+ color: var(--vnsc-text-secondary);
1450
+ cursor: pointer;
1451
+ font-size: 12px;
1452
+ font-weight: 700;
1453
+ transition: background var(--vnsc-transition-fast), color var(--vnsc-transition-fast);
1454
+ }
1455
+ .vnsc-drawing-toolbar__magnet:hover {
1456
+ background: rgba(41, 98, 255, 0.08);
1457
+ }
1458
+ .vnsc-tools-group-container {
1459
+ position: relative;
1460
+ display: flex;
1461
+ flex-direction: column;
1462
+ align-items: center;
1463
+ }
1464
+ .vnsc-tool-btn--group {
1465
+ display: flex;
1466
+ flex-direction: column;
1467
+ align-items: center;
1468
+ gap: 1px;
1469
+ }
1470
+ .vnsc-tools-chevron {
1471
+ font-size: 7px;
1472
+ line-height: 1;
1473
+ opacity: 0.6;
1474
+ pointer-events: none;
1475
+ }
1476
+ .vnsc-tools-flyout {
1477
+ position: fixed;
1478
+ z-index: var(--vnsc-z-maximum);
1479
+ background: var(--vnsc-bg-primary, #0a0e14);
1480
+ border: 1px solid var(--vnsc-border, #2a2a2a);
1481
+ border-radius: var(--vnsc-radius-md, 6px);
1482
+ box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
1483
+ display: flex;
1484
+ flex-direction: column;
1485
+ width: 220px;
1486
+ overflow: hidden;
1487
+ }
1488
+ .vnsc-drawing-toolbar__btn:hover .vnsc-tool-fav-star {
1489
+ opacity: 0.5 !important;
1490
+ }
1491
+ .vnsc-tool-fav-star:hover {
1492
+ opacity: 1 !important;
1493
+ color: var(--vnsc-accent, #2962ff) !important;
1494
+ }
1495
+ .vnsc-tools-flyout input::placeholder {
1496
+ color: var(--vnsc-text-secondary, #a0a0a0);
1497
+ opacity: 0.6;
1498
+ }
1499
+ .vnsc-tools-flyout input:focus {
1500
+ border-color: var(--vnsc-accent, #2962ff) !important;
1501
+ }
1502
+ .vnsc-drawing-toolbar-shell {
1503
+ position: absolute;
1504
+ left: 0;
1505
+ top: 0;
1506
+ bottom: 0;
1507
+ width: 10px;
1508
+ pointer-events: none;
1509
+ z-index: 60;
1510
+ transition: width 0.2s ease;
1511
+ }
1512
+ .vnsc-drawing-toolbar-shell:hover,
1513
+ .vnsc-drawing-toolbar-shell:has(input:focus) {
1514
+ width: 42px;
1515
+ pointer-events: auto;
1516
+ }
1517
+ .vnsc-drawing-toolbar {
1518
+ position: absolute;
1519
+ left: -42px;
1520
+ top: 0;
1521
+ bottom: 0;
1522
+ width: 42px;
1523
+ min-width: 42px;
1524
+ pointer-events: auto;
1525
+ z-index: 3;
1526
+ transition:
1527
+ left 0.2s ease,
1528
+ box-shadow 0.2s ease,
1529
+ border-right-color 0.2s ease,
1530
+ visibility 0s linear 0.2s;
1531
+ border-right: 1px solid transparent;
1532
+ box-shadow: none;
1533
+ visibility: hidden;
1534
+ }
1535
+ .vnsc-drawing-toolbar-shell:hover .vnsc-drawing-toolbar,
1536
+ .vnsc-drawing-toolbar:hover,
1537
+ .vnsc-drawing-toolbar-shell:has(input:focus) .vnsc-drawing-toolbar,
1538
+ .vnsc-drawing-toolbar:has(input:focus),
1539
+ .vnsc-drawing-toolbar-shell:focus-within .vnsc-drawing-toolbar {
1540
+ left: 0;
1541
+ box-shadow: 2px 0 12px rgba(0, 0, 0, 0.15);
1542
+ border-right-color: var(--vnsc-border-subtle, var(--vnsc-border));
1543
+ visibility: visible;
1544
+ transition:
1545
+ left 0.2s ease,
1546
+ box-shadow 0.2s ease,
1547
+ border-right-color 0.2s ease;
1548
+ }
1549
+ .vnsc-drawing-toolbar-handle {
1550
+ display: flex;
1551
+ position: absolute;
1552
+ top: 50%;
1553
+ left: 0;
1554
+ width: 10px;
1555
+ height: 44px;
1556
+ transform: translateY(-50%);
1557
+ align-items: center;
1558
+ justify-content: center;
1559
+ border-radius: 0 var(--vnsc-radius-xl, 8px) var(--vnsc-radius-xl, 8px) 0;
1560
+ border: 1px solid var(--vnsc-border);
1561
+ border-left: none;
1562
+ background:
1563
+ linear-gradient(
1564
+ 180deg,
1565
+ color-mix(in srgb, var(--vnsc-bg-primary) 92%, var(--vnsc-accent) 8%),
1566
+ color-mix(in srgb, var(--vnsc-bg-secondary) 88%, var(--vnsc-accent) 12%));
1567
+ box-shadow: 6px 10px 22px rgba(15, 23, 42, 0.16);
1568
+ pointer-events: auto;
1569
+ opacity: 1;
1570
+ z-index: 2;
1571
+ transition:
1572
+ opacity 0.15s ease,
1573
+ transform 0.15s ease,
1574
+ box-shadow 0.15s ease;
1575
+ }
1576
+ .vnsc-drawing-toolbar-handle::before {
1577
+ content: "";
1578
+ width: 3px;
1579
+ height: 3px;
1580
+ border-radius: 999px;
1581
+ background: var(--vnsc-text-secondary);
1582
+ box-shadow: 0 -6px 0 var(--vnsc-text-secondary), 0 6px 0 var(--vnsc-text-secondary);
1583
+ }
1584
+ .vnsc-drawing-toolbar-shell--docked {
1585
+ width: 44px;
1586
+ pointer-events: auto;
1587
+ }
1588
+ .vnsc-drawing-toolbar-shell--docked .vnsc-drawing-toolbar {
1589
+ left: 0;
1590
+ visibility: visible;
1591
+ border-right: 1px solid var(--vnsc-border-subtle, var(--vnsc-border));
1592
+ box-shadow: 2px 0 8px rgba(0, 0, 0, 0.1);
1593
+ }
1594
+ .vnsc-drawing-toolbar-shell--docked .vnsc-drawing-toolbar-handle {
1595
+ display: none;
1596
+ }
1597
+ .vnsc-ohlc-header {
1598
+ padding-left: 22px !important;
1599
+ transition: padding-left 0.2s ease !important;
1600
+ }
1601
+ .vnsc-container:has(.vnsc-drawing-toolbar-shell:hover) .vnsc-ohlc-header,
1602
+ .vnsc-container:has(.vnsc-drawing-toolbar-shell:focus-within) .vnsc-ohlc-header {
1603
+ padding-left: 54px !important;
1604
+ }
1605
+ .vnsc-container:has(.vnsc-drawing-toolbar-shell--collapsed) .vnsc-ohlc-header {
1606
+ padding-left: 12px !important;
1607
+ }
1608
+ .vnsc-drawing-toolbar-shell.vnsc-drawing-toolbar-shell--collapsed {
1609
+ width: 0;
1610
+ pointer-events: none;
1611
+ }
1612
+ .vnsc-drawing-toolbar-shell.vnsc-drawing-toolbar-shell--collapsed .vnsc-drawing-toolbar-handle {
1613
+ display: none;
1614
+ }
1615
+ @media (max-width: 768px) {
1616
+ .vnsc-drawing-toolbar {
1617
+ width: 48px !important;
1618
+ min-width: 48px !important;
1619
+ gap: 6px !important;
1620
+ padding: 6px 0 !important;
1621
+ }
1622
+ .vnsc-drawing-toolbar__btn {
1623
+ width: 40px !important;
1624
+ height: 40px !important;
1625
+ font-size: 16px !important;
1626
+ border-radius: 6px !important;
1627
+ }
1628
+ .vnsc-drawing-toolbar__expand-btn {
1629
+ width: 44px !important;
1630
+ height: 44px !important;
1631
+ left: 12px !important;
1632
+ bottom: 20px !important;
1633
+ font-size: 18px !important;
1634
+ border-radius: 8px !important;
1635
+ box-shadow: 0 4px 14px rgba(0, 0, 0, 0.4) !important;
1636
+ }
1637
+ }
1638
+ .vnsc-drawing-toolbar__btn--star-active {
1639
+ color: #f59e0b !important;
1640
+ background: rgba(245, 158, 11, 0.12) !important;
1641
+ }
1642
+ .vnsc-drawing-toolbar__btn--star-active:hover {
1643
+ background: rgba(245, 158, 11, 0.22) !important;
1644
+ }
1645
+ .vnsc-floating-favorites-bar {
1646
+ position: fixed;
1647
+ z-index: var(--vnsc-z-popup, 20);
1648
+ display: inline-flex;
1649
+ align-items: center;
1650
+ gap: 3px;
1651
+ background: var(--vnsc-bg-primary, #0a0e14);
1652
+ border: 1px solid var(--vnsc-border, #2a2a2a);
1653
+ border-radius: var(--vnsc-radius-md, 8px);
1654
+ padding: 4px 6px;
1655
+ box-shadow: 0 4px 20px rgba(0, 0, 0, 0.32);
1656
+ user-select: none;
1657
+ white-space: nowrap;
1658
+ }
1659
+ .vnsc-floating-favorites-grip {
1660
+ cursor: grab;
1661
+ display: inline-flex;
1662
+ align-items: center;
1663
+ justify-content: center;
1664
+ width: 14px;
1665
+ height: 28px;
1666
+ color: var(--vnsc-text-secondary, #a0a0a0);
1667
+ opacity: 0.7;
1668
+ transition: opacity var(--vnsc-transition-fast, 0.15s), color var(--vnsc-transition-fast, 0.15s);
1669
+ user-select: none;
1670
+ touch-action: none;
1671
+ font-size: 12px;
1672
+ letter-spacing: 1px;
1673
+ }
1674
+ .vnsc-floating-favorites-grip:hover {
1675
+ opacity: 1;
1676
+ color: var(--vnsc-text-primary, #ffffff);
1677
+ }
1678
+ .vnsc-floating-favorites-grip:active {
1679
+ cursor: grabbing;
1680
+ }
1681
+ .vnsc-floating-favorites-divider {
1682
+ width: 1px;
1683
+ height: 18px;
1684
+ background: var(--vnsc-border-subtle, #2a2a2a);
1685
+ margin: 0 3px;
1686
+ flex-shrink: 0;
1687
+ }
1688
+ .vnsc-floating-favorites-close {
1689
+ display: inline-flex;
1690
+ align-items: center;
1691
+ justify-content: center;
1692
+ width: 24px;
1693
+ height: 24px;
1694
+ border: none;
1695
+ background: transparent;
1696
+ border-radius: 4px;
1697
+ color: var(--vnsc-text-secondary, #a0a0a0);
1698
+ cursor: pointer;
1699
+ transition: background var(--vnsc-transition-fast, 0.15s), color var(--vnsc-transition-fast, 0.15s);
1700
+ font-size: 13px;
1701
+ line-height: 1;
1702
+ padding: 0;
1703
+ }
1704
+ .vnsc-floating-favorites-close:hover {
1705
+ background: rgba(239, 68, 68, 0.15);
1706
+ color: #ef4444;
1707
+ }
1708
+
1709
+ /* src/widget/styles/settings.css */
1710
+ .vnsc-settings-backdrop {
1711
+ position: fixed;
1712
+ inset: 0;
1713
+ z-index: 1000;
1714
+ background: rgba(2, 6, 23, 0.6);
1715
+ backdrop-filter: blur(6px);
1716
+ -webkit-backdrop-filter: blur(6px);
1717
+ display: flex;
1718
+ align-items: center;
1719
+ justify-content: center;
1720
+ padding: 16px;
1721
+ animation: vnsc-reveal 200ms ease-out;
1722
+ }
1723
+ .vnsc-settings-backdrop[data-chart-mode=light] {
1724
+ background: rgba(15, 23, 42, 0.35);
1725
+ }
1726
+ .vnsc-settings-backdrop[data-chart-mode=light] .vnsc-settings-modal {
1727
+ box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
1728
+ }
1729
+ @keyframes vnsc-reveal {
1730
+ from {
1731
+ opacity: 0;
1732
+ transform: translateY(8px);
1733
+ }
1734
+ to {
1735
+ opacity: 1;
1736
+ transform: translateY(0);
1737
+ }
1738
+ }
1739
+ .vnsc-settings-modal {
1740
+ background: var(--vnsc-bg-primary, #0a0e14);
1741
+ border: 1px solid var(--vnsc-border, #2a2a2a);
1742
+ border-radius: var(--vnsc-radius-xl, 8px);
1743
+ width: 520px;
1744
+ max-width: 100%;
1745
+ max-height: 80vh;
1746
+ display: flex;
1747
+ flex-direction: column;
1748
+ box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5);
1749
+ overflow: hidden;
1750
+ }
1751
+ .vnsc-settings-modal__header {
1752
+ display: flex;
1753
+ align-items: center;
1754
+ justify-content: space-between;
1755
+ padding: 12px 16px;
1756
+ border-bottom: 1px solid var(--vnsc-border, #2a2a2a);
1757
+ background:
1758
+ linear-gradient(
1759
+ 180deg,
1760
+ var(--vnsc-bg-secondary, #111820),
1761
+ var(--vnsc-bg-primary, #0a0e14));
1762
+ flex-shrink: 0;
1763
+ }
1764
+ .vnsc-settings-modal__title {
1765
+ margin: 0;
1766
+ font-size: var(--vnsc-font-lg, 15px);
1767
+ font-weight: 700;
1768
+ color: var(--vnsc-text-primary, #e0e0e0);
1769
+ letter-spacing: -0.01em;
1770
+ }
1771
+ .vnsc-settings-modal__close {
1772
+ background: none;
1773
+ border: none;
1774
+ color: var(--vnsc-text-secondary, #a0a0a0);
1775
+ cursor: pointer;
1776
+ font-size: 22px;
1777
+ padding: 4px;
1778
+ line-height: 1;
1779
+ transition: color 120ms ease;
1780
+ }
1781
+ .vnsc-settings-modal__close:hover {
1782
+ color: var(--vnsc-text-primary, #e0e0e0);
1783
+ }
1784
+ .vnsc-settings-tabs {
1785
+ display: flex;
1786
+ align-items: center;
1787
+ gap: 4px;
1788
+ padding: 8px 16px;
1789
+ height: 50px;
1790
+ box-sizing: border-box;
1791
+ border-bottom: 1px solid var(--vnsc-border, #2a2a2a);
1792
+ overflow-x: auto;
1793
+ scrollbar-width: none;
1794
+ flex-shrink: 0;
1795
+ }
1796
+ .vnsc-settings-tabs::-webkit-scrollbar {
1797
+ display: none;
1798
+ }
1799
+ .vnsc-settings-tab {
1800
+ display: inline-flex;
1801
+ align-items: center;
1802
+ justify-content: center;
1803
+ height: 34px;
1804
+ line-height: 1;
1805
+ padding: 0 12px;
1806
+ box-sizing: border-box;
1807
+ border: none;
1808
+ border-radius: var(--vnsc-radius-md, 4px);
1809
+ background: transparent;
1810
+ color: var(--vnsc-text-secondary, #a0a0a0);
1811
+ cursor: pointer;
1812
+ font-family: inherit;
1813
+ font-size: 13px;
1814
+ font-weight: 600;
1815
+ white-space: nowrap;
1816
+ flex-shrink: 0;
1817
+ transition: background 120ms ease, color 120ms ease;
1818
+ }
1819
+ .vnsc-settings-tab:hover {
1820
+ background: var(--vnsc-bg-tertiary, #1c2430);
1821
+ color: var(--vnsc-text-primary, #e0e0e0);
1822
+ }
1823
+ .vnsc-settings-tab--active {
1824
+ background: var(--vnsc-accent, #2962ff);
1825
+ color: #fff !important;
1826
+ }
1827
+ .vnsc-settings-body {
1828
+ flex: 1;
1829
+ overflow-y: auto;
1830
+ min-height: 0;
1831
+ padding: 16px;
1832
+ scrollbar-gutter: stable;
1833
+ }
1834
+ .vnsc-settings-body::-webkit-scrollbar {
1835
+ width: 6px;
1836
+ height: 6px;
1837
+ }
1838
+ .vnsc-settings-body::-webkit-scrollbar-thumb {
1839
+ background: var(--vnsc-border, #2a2a2a);
1840
+ border-radius: 3px;
1841
+ }
1842
+ .vnsc-settings-panel {
1843
+ display: flex;
1844
+ flex-direction: column;
1845
+ gap: 12px;
1846
+ }
1847
+ .vnsc-settings-panel__header {
1848
+ display: flex;
1849
+ justify-content: space-between;
1850
+ align-items: center;
1851
+ margin-bottom: 8px;
1852
+ }
1853
+ .vnsc-settings-panel__header--subtle {
1854
+ border-top: 1px solid var(--vnsc-border, #2a2a2a);
1855
+ margin-top: 12px;
1856
+ padding-top: 12px;
1857
+ }
1858
+ .vnsc-settings-kicker {
1859
+ font-size: 10px;
1860
+ font-weight: 700;
1861
+ letter-spacing: 0.08em;
1862
+ text-transform: uppercase;
1863
+ color: var(--vnsc-text-secondary, #a0a0a0);
1864
+ }
1865
+ .vnsc-settings-row {
1866
+ display: flex;
1867
+ align-items: flex-end;
1868
+ gap: 12px;
1869
+ flex-wrap: wrap;
1870
+ }
1871
+ .vnsc-settings-row--split {
1872
+ justify-content: space-between;
1873
+ align-items: center;
1874
+ }
1875
+ .vnsc-settings-field {
1876
+ display: flex;
1877
+ flex-direction: column;
1878
+ gap: 4px;
1879
+ min-width: 0;
1880
+ font-size: 11px;
1881
+ font-weight: 600;
1882
+ color: var(--vnsc-text-secondary, #a0a0a0);
1883
+ }
1884
+ .vnsc-settings-field--compact {
1885
+ min-width: 120px;
1886
+ }
1887
+ .vnsc-settings-input,
1888
+ .vnsc-settings-select {
1889
+ width: 100%;
1890
+ padding: 8px 10px;
1891
+ border: 1px solid var(--vnsc-border, #2a2a2a);
1892
+ border-radius: 4px;
1893
+ background: var(--vnsc-bg-secondary, #111820);
1894
+ color: var(--vnsc-text-primary, #e0e0e0);
1895
+ font-size: 12px;
1896
+ outline: none;
1897
+ box-sizing: border-box;
1898
+ transition: border-color 120ms ease, background 120ms ease;
1899
+ }
1900
+ .vnsc-settings-input:focus,
1901
+ .vnsc-settings-select:focus {
1902
+ border-color: var(--vnsc-accent, #2962ff);
1903
+ background: var(--vnsc-bg-tertiary, #1c2430);
1904
+ }
1905
+ .vnsc-settings-select {
1906
+ cursor: pointer;
1907
+ }
1908
+ .vnsc-settings-pane-list,
1909
+ .vnsc-settings-series-list {
1910
+ display: flex;
1911
+ flex-direction: column;
1912
+ gap: 8px;
1913
+ margin-top: 8px;
1914
+ }
1915
+ .vnsc-settings-series {
1916
+ padding: 10px 12px;
1917
+ background: var(--vnsc-bg-secondary, #111820);
1918
+ border: 1px solid var(--vnsc-border, #2a2a2a);
1919
+ border-radius: 4px;
1920
+ display: flex;
1921
+ flex-direction: column;
1922
+ gap: 8px;
1923
+ }
1924
+ .vnsc-settings-series__head {
1925
+ display: flex;
1926
+ justify-content: space-between;
1927
+ align-items: center;
1928
+ gap: 8px;
1929
+ }
1930
+ .vnsc-settings-series__title {
1931
+ font-size: 12px;
1932
+ font-weight: 700;
1933
+ color: var(--vnsc-text-primary, #e0e0e0);
1934
+ }
1935
+ .vnsc-settings-series__meta {
1936
+ font-size: 10px;
1937
+ color: var(--vnsc-text-secondary, #a0a0a0);
1938
+ margin-top: 2px;
1939
+ }
1940
+ .vnsc-settings-series__actions {
1941
+ display: flex;
1942
+ gap: 6px;
1943
+ align-items: center;
1944
+ }
1945
+ .vnsc-settings-pane__tags {
1946
+ display: flex;
1947
+ flex-wrap: wrap;
1948
+ gap: 4px;
1949
+ margin-top: 4px;
1950
+ }
1951
+ .vnsc-tag {
1952
+ display: inline-flex;
1953
+ align-items: center;
1954
+ padding: 2px 6px;
1955
+ border-radius: 3px;
1956
+ background: var(--vnsc-bg-primary, #0a0e14);
1957
+ color: var(--vnsc-text-secondary, #a0a0a0);
1958
+ border: 1px solid var(--vnsc-border, #2a2a2a);
1959
+ font-size: 10px;
1960
+ font-weight: 500;
1961
+ }
1962
+ .vnsc-settings-note {
1963
+ font-size: 11px;
1964
+ color: var(--vnsc-text-secondary, #a0a0a0);
1965
+ background: rgba(41, 98, 255, 0.08);
1966
+ border: 1px dashed rgba(41, 98, 255, 0.25);
1967
+ padding: 8px 12px;
1968
+ border-radius: 4px;
1969
+ margin: 6px 0;
1970
+ line-height: 1.4;
1971
+ }
1972
+ .vnsc-settings-empty {
1973
+ text-align: center;
1974
+ color: var(--vnsc-text-secondary, #a0a0a0);
1975
+ padding: 20px;
1976
+ font-size: 12px;
1977
+ }
1978
+ .vnsc-btn {
1979
+ padding: 6px 12px;
1980
+ font-size: 12px;
1981
+ font-weight: 600;
1982
+ border-radius: 4px;
1983
+ border: 1px solid var(--vnsc-border, #2a2a2a);
1984
+ background: var(--vnsc-bg-secondary, #111820);
1985
+ color: var(--vnsc-text-primary, #e0e0e0);
1986
+ cursor: pointer;
1987
+ transition: all 120ms ease;
1988
+ outline: none;
1989
+ }
1990
+ .vnsc-btn:hover:not(:disabled) {
1991
+ background: var(--vnsc-bg-tertiary, #1c2430);
1992
+ border-color: var(--vnsc-text-secondary, #a0a0a0);
1993
+ }
1994
+ .vnsc-btn:disabled {
1995
+ opacity: 0.5;
1996
+ cursor: not-allowed;
1997
+ }
1998
+ .vnsc-btn--accent {
1999
+ background: var(--vnsc-accent, #2962ff);
2000
+ color: #fff;
2001
+ border-color: transparent;
2002
+ }
2003
+ .vnsc-btn--accent:hover:not(:disabled) {
2004
+ background: #1565c0;
2005
+ opacity: 0.95;
2006
+ }
2007
+ .vnsc-btn--danger {
2008
+ background: rgba(244, 67, 54, 0.15);
2009
+ color: #ef5350;
2010
+ border-color: rgba(244, 67, 54, 0.3);
2011
+ }
2012
+ .vnsc-btn--danger:hover:not(:disabled) {
2013
+ background: #f44336;
2014
+ color: #fff;
2015
+ border-color: transparent;
2016
+ }
2017
+ .vnsc-settings-slider-shell {
2018
+ display: flex;
2019
+ flex-direction: column;
2020
+ gap: 6px;
2021
+ width: 100%;
2022
+ }
2023
+ .vnsc-settings-slider-readout {
2024
+ display: flex;
2025
+ justify-content: space-between;
2026
+ font-size: 10px;
2027
+ color: var(--vnsc-text-secondary, #a0a0a0);
2028
+ }
2029
+ .vnsc-settings-slider-readout__current {
2030
+ color: var(--vnsc-accent, #2962ff);
2031
+ font-weight: 700;
2032
+ }
2033
+ @media (max-width: 520px) {
2034
+ .vnsc-settings-backdrop {
2035
+ padding: 8px;
2036
+ align-items: flex-end;
2037
+ }
2038
+ .vnsc-settings-modal {
2039
+ width: 100%;
2040
+ max-height: 90vh;
2041
+ border-bottom-left-radius: 0;
2042
+ border-bottom-right-radius: 0;
2043
+ animation: vnsc-slide-up 240ms cubic-bezier(0.16, 1, 0.3, 1);
2044
+ }
2045
+ @keyframes vnsc-slide-up {
2046
+ from {
2047
+ transform: translateY(100%);
2048
+ }
2049
+ to {
2050
+ transform: translateY(0);
2051
+ }
2052
+ }
2053
+ .vnsc-settings-modal__header {
2054
+ padding: 14px 16px;
2055
+ }
2056
+ .vnsc-settings-tabs {
2057
+ padding: 8px 16px;
2058
+ gap: 6px;
2059
+ height: 50px;
2060
+ flex-shrink: 0;
2061
+ }
2062
+ .vnsc-settings-body {
2063
+ padding: 14px;
2064
+ }
2065
+ .vnsc-btn,
2066
+ .vnsc-settings-input,
2067
+ .vnsc-settings-select {
2068
+ min-height: 44px;
2069
+ font-size: 13px;
2070
+ }
2071
+ .vnsc-settings-row {
2072
+ flex-direction: column;
2073
+ align-items: stretch;
2074
+ gap: 10px;
2075
+ }
2076
+ .vnsc-settings-row > .vnsc-btn {
2077
+ margin-top: 0 !important;
2078
+ }
2079
+ .vnsc-settings-series__head {
2080
+ flex-direction: column;
2081
+ align-items: stretch;
2082
+ gap: 10px;
2083
+ }
2084
+ .vnsc-settings-series__actions {
2085
+ justify-content: flex-end;
2086
+ width: 100%;
2087
+ }
2088
+ .vnsc-settings-series__actions > select,
2089
+ .vnsc-settings-series__actions > button {
2090
+ flex: 1;
2091
+ min-height: 38px;
2092
+ font-size: 12px;
2093
+ }
2094
+ }
2095
+
2096
+ /* src/widget/styles/chart-splitter.css */
2097
+ .vnsc-splitter,
2098
+ .rsc-splitter {
2099
+ position: absolute;
2100
+ left: 0;
2101
+ right: 0;
2102
+ height: 18px;
2103
+ margin-top: -9px;
2104
+ cursor: row-resize;
2105
+ z-index: 12;
2106
+ pointer-events: auto;
2107
+ user-select: none;
2108
+ touch-action: none;
2109
+ }
2110
+ .vnsc-splitter::after,
2111
+ .rsc-splitter::after {
2112
+ content: "";
2113
+ position: absolute;
2114
+ left: 0;
2115
+ right: 0;
2116
+ top: 50%;
2117
+ transform: translateY(-50%);
2118
+ height: 2px;
2119
+ background: transparent;
2120
+ transition: background 0.15s;
2121
+ }
2122
+ .vnsc-splitter:hover::after,
2123
+ .vnsc-splitter--dragging::after,
2124
+ .rsc-splitter:hover::after,
2125
+ .rsc-splitter--dragging::after {
2126
+ background: var(--vnsc-accent, #2962ff);
2127
+ }
2128
+ .rsc-splitter__badge {
2129
+ position: absolute;
2130
+ left: 50%;
2131
+ top: 50%;
2132
+ transform: translate(-50%, -50%);
2133
+ background: rgba(20, 20, 28, 0.85);
2134
+ color: #fff;
2135
+ font: 11px/1 sans-serif;
2136
+ padding: 3px 8px;
2137
+ border-radius: 10px;
2138
+ pointer-events: none;
2139
+ white-space: nowrap;
2140
+ }
2141
+ .rsc-splitter:focus {
2142
+ outline: none;
2143
+ }
2144
+ .rsc-splitter:focus-visible {
2145
+ outline: none;
2146
+ }
2147
+ .rsc-splitter:focus-visible::after {
2148
+ background: var(--vnsc-accent, #2962ff);
2149
+ }
2150
+ @media (pointer: coarse) {
2151
+ .vnsc-splitter,
2152
+ .rsc-splitter {
2153
+ height: 24px;
2154
+ margin-top: -12px;
2155
+ }
2156
+ }
2157
+
2158
+ /* src/widget/styles/header.css */
2159
+ .vnsc-ohlc-header {
2160
+ display: flex;
2161
+ align-items: center;
2162
+ gap: 12px;
2163
+ padding: 6px 12px;
2164
+ background: var(--vnsc-bg-secondary);
2165
+ border-bottom: 1px solid var(--vnsc-border);
2166
+ font-family: inherit;
2167
+ font-size: var(--vnsc-font-md, 12px);
2168
+ color: var(--vnsc-text-primary);
2169
+ z-index: 30;
2170
+ }
2171
+ .vnsc-ohlc-header__symbol {
2172
+ font-size: var(--vnsc-font-lg, 14px);
2173
+ font-weight: 700;
2174
+ }
2175
+ .vnsc-ohlc-header__timeframe {
2176
+ background: var(--vnsc-accent, #2962ff);
2177
+ color: #fff;
2178
+ padding: 2px 6px;
2179
+ border-radius: var(--vnsc-radius-sm, 3px);
2180
+ font-size: var(--vnsc-font-sm, 11px);
2181
+ font-weight: 600;
2182
+ }
2183
+ .vnsc-ohlc-header__values {
2184
+ color: var(--vnsc-text-secondary);
2185
+ white-space: nowrap;
2186
+ }
2187
+ .vnsc-ohlc-header__volume {
2188
+ color: var(--vnsc-text-secondary);
2189
+ }
2190
+ .vnsc-ohlc-header__change {
2191
+ font-weight: 600;
2192
+ }
2193
+ .vnsc-ohlc-header__menu {
2194
+ margin-left: auto;
2195
+ display: flex;
2196
+ align-items: center;
2197
+ gap: 8px;
2198
+ }
2199
+ .vnsc-ohlc-menu-btn {
2200
+ background: transparent;
2201
+ border: 1px solid transparent;
2202
+ border-radius: 4px;
2203
+ color: var(--vnsc-text-secondary, #a0a0a0);
2204
+ width: 28px;
2205
+ height: 28px;
2206
+ display: flex;
2207
+ align-items: center;
2208
+ justify-content: center;
2209
+ cursor: pointer;
2210
+ transition: all 0.2s ease;
2211
+ padding: 0;
2212
+ }
2213
+ .vnsc-ohlc-menu-btn:hover {
2214
+ color: var(--vnsc-text-primary, #e0e0e0);
2215
+ background: var(--vnsc-bg-tertiary, #1c2430);
2216
+ border-color: var(--vnsc-border, #2a2a2a);
2217
+ }
2218
+ .vnsc-ohlc-menu-btn--active {
2219
+ color: var(--vnsc-accent, #2962ff);
2220
+ background: var(--vnsc-bg-tertiary, #1c2430);
2221
+ border-color: var(--vnsc-accent, #2962ff);
2222
+ }
2223
+
2224
+ /* src/widget/styles/footer.css */
2225
+ .vnsc-timeframe-footer {
2226
+ display: flex;
2227
+ align-items: center;
2228
+ gap: 12px;
2229
+ padding: 4px 12px;
2230
+ background: var(--vnsc-bg-secondary);
2231
+ border-top: 1px solid var(--vnsc-border);
2232
+ z-index: 30;
2233
+ flex-wrap: wrap;
2234
+ }
2235
+ .vnsc-tf-chip,
2236
+ .vnsc-range-chip {
2237
+ display: inline-flex;
2238
+ align-items: center;
2239
+ justify-content: center;
2240
+ padding: 3px 8px;
2241
+ border: 1px solid transparent;
2242
+ border-radius: var(--vnsc-radius-md);
2243
+ cursor: pointer;
2244
+ font-size: var(--vnsc-font-sm);
2245
+ font-weight: 500;
2246
+ background: transparent;
2247
+ color: var(--vnsc-text-secondary);
2248
+ transition: color var(--vnsc-transition-fast), border-color var(--vnsc-transition-fast);
2249
+ font-family: inherit;
2250
+ }
2251
+ .vnsc-tf-chip:hover,
2252
+ .vnsc-range-chip:hover {
2253
+ color: var(--vnsc-text-primary);
2254
+ border-color: rgba(255, 255, 255, 0.12);
2255
+ }
2256
+ .vnsc-tf-chip--active,
2257
+ .vnsc-range-chip--active {
2258
+ color: var(--vnsc-text-primary);
2259
+ font-weight: 600;
2260
+ border-color: rgba(255, 255, 255, 0.18);
2261
+ }
2262
+ .vnsc-tf-chip--active:hover,
2263
+ .vnsc-range-chip--active:hover {
2264
+ border-color: rgba(255, 255, 255, 0.25);
2265
+ }
2266
+ .vnsc-trademark {
2267
+ display: flex;
2268
+ align-items: center;
2269
+ gap: 4px;
2270
+ padding: 0 8px;
2271
+ font-size: 11px;
2272
+ font-weight: 500;
2273
+ color: rgba(255, 255, 255, 0.35);
2274
+ cursor: pointer;
2275
+ user-select: none;
2276
+ white-space: nowrap;
2277
+ margin-left: auto;
2278
+ }
2279
+ .vnsc-trademark:hover {
2280
+ color: rgba(255, 255, 255, 0.5);
2281
+ }
2282
+ .vnsc-trademark-icon {
2283
+ font-size: 11px;
2284
+ color: rgba(99, 102, 241, 0.5);
2285
+ }
2286
+ .vnsc-trademark-icon:hover {
2287
+ color: rgba(99, 102, 241, 0.7);
2288
+ }
2289
+
2290
+ /* src/widget/styles/paper-trade.css */
2291
+ .vnsc-paper-trade-panel {
2292
+ position: relative;
2293
+ height: 100%;
2294
+ flex-shrink: 0;
2295
+ width: 280px;
2296
+ background: var(--vnsc-bg-primary);
2297
+ border-left: 1px solid var(--vnsc-border);
2298
+ z-index: 50;
2299
+ display: flex;
2300
+ flex-direction: column;
2301
+ font-size: var(--vnsc-font-sm);
2302
+ color: var(--vnsc-text-primary);
2303
+ overflow: hidden;
2304
+ }
2305
+ [data-vnsc-bottom-panel=host] .vnsc-paper-trade-panel {
2306
+ width: 100%;
2307
+ border-left: none;
2308
+ background: transparent;
2309
+ }
2310
+ .vnsc-paper-trade-panel__header {
2311
+ display: flex;
2312
+ align-items: center;
2313
+ justify-content: space-between;
2314
+ padding: 8px 12px;
2315
+ border-bottom: 1px solid var(--vnsc-border);
2316
+ flex-shrink: 0;
2317
+ }
2318
+ .vnsc-paper-trade-panel__title {
2319
+ font-size: var(--vnsc-font-md);
2320
+ font-weight: 700;
2321
+ }
2322
+ .vnsc-paper-trade-panel__reset-btn {
2323
+ background: var(--vnsc-bg-tertiary);
2324
+ border: none;
2325
+ color: var(--vnsc-text-secondary);
2326
+ border-radius: var(--vnsc-radius-md);
2327
+ cursor: pointer;
2328
+ padding: 4px 8px;
2329
+ font-size: var(--vnsc-font-sm);
2330
+ font-weight: 600;
2331
+ transition: background var(--vnsc-transition-fast), color var(--vnsc-transition-fast);
2332
+ }
2333
+ .vnsc-paper-trade-panel__reset-btn:hover {
2334
+ background: var(--vnsc-border);
2335
+ color: var(--vnsc-text-primary);
2336
+ }
2337
+ .vnsc-paper-trade-panel__stats {
2338
+ padding: 8px 12px;
2339
+ border-bottom: 1px solid var(--vnsc-border);
2340
+ flex-shrink: 0;
2341
+ }
2342
+ .vnsc-paper-trade-panel__stats-grid {
2343
+ display: grid;
2344
+ grid-template-columns: 1fr 1fr;
2345
+ gap: 4px;
2346
+ }
2347
+ .vnsc-paper-trade-panel__stat-label {
2348
+ font-size: var(--vnsc-font-xs);
2349
+ color: var(--vnsc-text-secondary);
2350
+ }
2351
+ .vnsc-paper-trade-panel__stat-value {
2352
+ font-weight: 700;
2353
+ font-size: var(--vnsc-font-lg);
2354
+ }
2355
+ .vnsc-paper-trade-panel__position {
2356
+ padding: 8px 12px;
2357
+ border-bottom: 1px solid var(--vnsc-border);
2358
+ flex-shrink: 0;
2359
+ }
2360
+ .vnsc-paper-trade-panel__position-title {
2361
+ font-weight: 700;
2362
+ margin-bottom: 4px;
2363
+ }
2364
+ .vnsc-paper-trade-panel__position-side {
2365
+ display: inline-block;
2366
+ padding: 2px 6px;
2367
+ border-radius: var(--vnsc-radius-sm);
2368
+ font-size: var(--vnsc-font-xs);
2369
+ font-weight: 700;
2370
+ }
2371
+ .vnsc-paper-trade-panel__position-side--long {
2372
+ background: var(--vnsc-up);
2373
+ color: #fff;
2374
+ }
2375
+ .vnsc-paper-trade-panel__position-side--short {
2376
+ background: var(--vnsc-down);
2377
+ color: #fff;
2378
+ }
2379
+ .vnsc-paper-trade-panel__position-entry {
2380
+ margin-top: 4px;
2381
+ color: var(--vnsc-text-secondary);
2382
+ }
2383
+ .vnsc-paper-trade-panel__position-empty {
2384
+ color: var(--vnsc-text-secondary);
2385
+ }
2386
+ .vnsc-paper-trade-panel__journal {
2387
+ flex: 1;
2388
+ overflow-y: auto;
2389
+ padding: 8px 12px;
2390
+ }
2391
+ .vnsc-paper-trade-panel__journal-title {
2392
+ font-weight: 700;
2393
+ margin-bottom: 4px;
2394
+ }
2395
+ .vnsc-paper-trade-panel__journal-empty {
2396
+ color: var(--vnsc-text-secondary);
2397
+ text-align: center;
2398
+ padding: 16px 0;
2399
+ }
2400
+ .vnsc-paper-trade-panel__journal-item {
2401
+ display: flex;
2402
+ justify-content: space-between;
2403
+ padding: 4px 0;
2404
+ border-bottom: 1px solid var(--vnsc-border);
2405
+ }
2406
+ .vnsc-paper-trade-panel__journal-item--positive .vnsc-paper-trade-panel__journal-side {
2407
+ color: var(--vnsc-up);
2408
+ }
2409
+ .vnsc-paper-trade-panel__journal-item--positive .vnsc-paper-trade-panel__journal-pnl {
2410
+ color: var(--vnsc-up);
2411
+ }
2412
+ .vnsc-paper-trade-panel__journal-item--negative .vnsc-paper-trade-panel__journal-side {
2413
+ color: var(--vnsc-down);
2414
+ }
2415
+ .vnsc-paper-trade-panel__journal-item--negative .vnsc-paper-trade-panel__journal-pnl {
2416
+ color: var(--vnsc-down);
2417
+ }
2418
+ .vnsc-paper-trade-panel__journal-side {
2419
+ font-size: var(--vnsc-font-xs);
2420
+ font-weight: 700;
2421
+ }
2422
+ .vnsc-paper-trade-panel__journal-pnl {
2423
+ font-weight: 600;
2424
+ }
2425
+
2426
+ /* src/widget/styles/drawing.css */
2427
+ .vnsc-drawing-dock__empty {
2428
+ padding: 16px;
2429
+ text-align: center;
2430
+ color: var(--vnsc-text-muted, #606060);
2431
+ }
2432
+ .vnsc-drawing-point-legend {
2433
+ padding: 8px;
2434
+ border-bottom: 1px solid var(--vnsc-border, #2a2a2a);
2435
+ }
2436
+ .vnsc-drawing-point-legend__header {
2437
+ display: flex;
2438
+ align-items: center;
2439
+ justify-content: space-between;
2440
+ margin-bottom: 4px;
2441
+ }
2442
+ .vnsc-drawing-point-legend__item {
2443
+ display: flex;
2444
+ align-items: center;
2445
+ gap: 6px;
2446
+ padding: 4px 6px;
2447
+ border-radius: var(--vnsc-radius-sm, 3px);
2448
+ cursor: pointer;
2449
+ transition: background var(--vnsc-transition-fast);
2450
+ }
2451
+ .vnsc-drawing-point-legend__item:hover,
2452
+ .vnsc-drawing-point-legend__item--active {
2453
+ background: var(--vnsc-bg-tertiary, #1a1a1a);
2454
+ }
2455
+ .vnsc-drawing-point-legend__index {
2456
+ width: 18px;
2457
+ height: 18px;
2458
+ border-radius: 50%;
2459
+ background: var(--vnsc-accent, #2962ff);
2460
+ color: #fff;
2461
+ display: flex;
2462
+ align-items: center;
2463
+ justify-content: center;
2464
+ font-size: var(--vnsc-font-xs, 10px);
2465
+ font-weight: 700;
2466
+ }
2467
+ .vnsc-drawing-point-legend__label {
2468
+ font-size: var(--vnsc-font-sm, 11px);
2469
+ color: var(--vnsc-text-secondary, #a0a0a0);
2470
+ }
2471
+ .vnsc-drawing-storage-toolbar {
2472
+ display: flex;
2473
+ gap: 4px;
2474
+ padding: 4px 8px;
2475
+ border-bottom: 1px solid var(--vnsc-border, #2a2a2a);
2476
+ }
2477
+ .vnsc-drawing-storage-toolbar__button {
2478
+ padding: 4px 8px;
2479
+ border: none;
2480
+ border-radius: var(--vnsc-radius-sm, 3px);
2481
+ background: transparent;
2482
+ color: var(--vnsc-text-secondary, #a0a0a0);
2483
+ cursor: pointer;
2484
+ font-size: var(--vnsc-font-sm, 11px);
2485
+ transition: background var(--vnsc-transition-fast);
2486
+ }
2487
+ .vnsc-drawing-storage-toolbar__button:hover {
2488
+ background: var(--vnsc-bg-tertiary, #1a1a1a);
2489
+ color: var(--vnsc-text-primary, #e0e0e0);
2490
+ }
2491
+ .vnsc-paper-trade-panel {
2492
+ position: absolute;
2493
+ right: 0;
2494
+ top: 0;
2495
+ bottom: 0;
2496
+ width: 280px;
2497
+ background: var(--vnsc-bg-primary, #0a0e14);
2498
+ border-left: 1px solid var(--vnsc-border, #2a2a2a);
2499
+ z-index: 50;
2500
+ display: flex;
2501
+ flex-direction: column;
2502
+ font-size: var(--vnsc-font-sm, 11px);
2503
+ color: var(--vnsc-text-primary, #e0e0e0);
2504
+ overflow: hidden;
2505
+ }
2506
+ .vnsc-paper-trade-panel__header {
2507
+ display: flex;
2508
+ align-items: center;
2509
+ justify-content: space-between;
2510
+ padding: 8px 12px;
2511
+ border-bottom: 1px solid var(--vnsc-border, #2a2a2a);
2512
+ }
2513
+ .vnsc-paper-trade-panel__close-btn {
2514
+ appearance: none;
2515
+ border: none;
2516
+ background: transparent;
2517
+ color: var(--vnsc-text-secondary, #a0a0a0);
2518
+ width: 24px;
2519
+ height: 24px;
2520
+ display: flex;
2521
+ align-items: center;
2522
+ justify-content: center;
2523
+ font-size: var(--vnsc-font-lg, 14px);
2524
+ cursor: pointer;
2525
+ padding: 0;
2526
+ transition: color var(--vnsc-transition-fast, 120ms);
2527
+ }
2528
+ .vnsc-paper-trade-panel__close-btn:hover {
2529
+ color: var(--vnsc-text-primary, #e0e0e0);
2530
+ }
2531
+ .vnsc-paper-trade-panel__stats {
2532
+ display: grid;
2533
+ grid-template-columns: 1fr 1fr;
2534
+ gap: 4px;
2535
+ padding: 8px 12px;
2536
+ border-bottom: 1px solid var(--vnsc-border, #2a2a2a);
2537
+ }
2538
+ .vnsc-paper-trade-panel__stat-label {
2539
+ font-size: var(--vnsc-font-xs, 10px);
2540
+ color: var(--vnsc-text-secondary, #a0a0a0);
2541
+ }
2542
+ .vnsc-paper-trade-panel__stat-value {
2543
+ font-weight: 700;
2544
+ font-size: var(--vnsc-font-md, 13px);
2545
+ }
2546
+ .vnsc-paper-trade-panel__position {
2547
+ padding: 8px 12px;
2548
+ border-bottom: 1px solid var(--vnsc-border, #2a2a2a);
2549
+ }
2550
+ .vnsc-paper-trade-panel__position-badge {
2551
+ padding: 2px 6px;
2552
+ border-radius: var(--vnsc-radius-sm, 3px);
2553
+ font-size: var(--vnsc-font-xs, 10px);
2554
+ font-weight: 700;
2555
+ color: #fff;
2556
+ }
2557
+ .vnsc-paper-trade-panel__position-badge--long {
2558
+ background: #0d6b2e;
2559
+ }
2560
+ .vnsc-paper-trade-panel__position-badge--short {
2561
+ background: #c0392b;
2562
+ }
2563
+ .vnsc-paper-trade-panel__journal {
2564
+ flex: 1;
2565
+ overflow-y: auto;
2566
+ padding: 8px 12px;
2567
+ }
2568
+ .vnsc-paper-trade-panel__journal-item {
2569
+ display: flex;
2570
+ justify-content: space-between;
2571
+ padding: 4px 0;
2572
+ border-bottom: 1px solid var(--vnsc-border, #2a2a2a);
2573
+ }
2574
+ .vnsc-paper-trade-panel__journal-item--positive .vnsc-paper-trade-panel__journal-pnl {
2575
+ color: #089981;
2576
+ }
2577
+ .vnsc-paper-trade-panel__journal-item--negative .vnsc-paper-trade-panel__journal-pnl {
2578
+ color: #f23645;
2579
+ }
2580
+ .vnsc-drawing-inspector,
2581
+ .vnsc-drawing-list-panel {
2582
+ width: min(348px, calc(100vw - 32px));
2583
+ border-radius: var(--vnsc-radius-md, 4px);
2584
+ border: 1px solid var(--vnsc-border, #2a2a2a);
2585
+ background: var(--vnsc-bg-secondary, #111820);
2586
+ box-shadow: var(--vnsc-shadow-lg, 0 8px 32px rgba(0, 0, 0, 0.4));
2587
+ color: var(--vnsc-text-primary, #e0e0e0);
2588
+ padding: 14px;
2589
+ display: grid;
2590
+ gap: 14px;
2591
+ max-height: calc(100% - 32px);
2592
+ overflow: auto;
2593
+ overscroll-behavior: contain;
2594
+ }
2595
+ .vnsc-drawing-inspector--embedded,
2596
+ .vnsc-drawing-list-panel--embedded {
2597
+ position: static;
2598
+ z-index: auto;
2599
+ width: auto;
2600
+ max-height: none;
2601
+ overflow: visible;
2602
+ padding: 0;
2603
+ border: none;
2604
+ background: transparent;
2605
+ box-shadow: none;
2606
+ backdrop-filter: none;
2607
+ -webkit-backdrop-filter: none;
2608
+ }
2609
+ .vnsc-drawing-inspector--embedded .vnsc-drawing-inspector__header,
2610
+ .vnsc-drawing-list-panel--embedded .vnsc-drawing-list-panel__header {
2611
+ display: none;
2612
+ }
2613
+ .vnsc-drawing-inspector__header,
2614
+ .vnsc-drawing-list-panel__header {
2615
+ display: flex;
2616
+ align-items: center;
2617
+ justify-content: space-between;
2618
+ gap: 12px;
2619
+ }
2620
+ .vnsc-drawing-inspector__title {
2621
+ display: grid;
2622
+ gap: 4px;
2623
+ min-width: 0;
2624
+ }
2625
+ .vnsc-drawing-inspector__title strong,
2626
+ .vnsc-drawing-list-panel__header strong {
2627
+ font-size: 13px;
2628
+ font-weight: 700;
2629
+ color: var(--vnsc-text-primary, #e0e0e0);
2630
+ letter-spacing: 0.01em;
2631
+ }
2632
+ .vnsc-drawing-inspector__title span,
2633
+ .vnsc-drawing-list-panel__header span {
2634
+ font-size: 11px;
2635
+ font-weight: 600;
2636
+ text-transform: uppercase;
2637
+ letter-spacing: 0.1em;
2638
+ color: var(--vnsc-text-muted, #606060);
2639
+ }
2640
+ .vnsc-drawing-inspector__icon,
2641
+ .vnsc-drawing-list-panel__icon {
2642
+ appearance: none;
2643
+ border: 1px solid var(--vnsc-border, #2a2a2a);
2644
+ background: transparent;
2645
+ color: var(--vnsc-text-secondary, #a0a0a0);
2646
+ width: 28px;
2647
+ height: 28px;
2648
+ border-radius: var(--vnsc-radius-sm, 3px);
2649
+ cursor: pointer;
2650
+ transition:
2651
+ background var(--vnsc-transition-fast),
2652
+ color var(--vnsc-transition-fast),
2653
+ border-color var(--vnsc-transition-fast);
2654
+ }
2655
+ .vnsc-drawing-inspector__icon:hover,
2656
+ .vnsc-drawing-list-panel__icon:hover {
2657
+ background: var(--vnsc-bg-tertiary, #1a1a1a);
2658
+ border-color: var(--vnsc-border, #2a2a2a);
2659
+ color: var(--vnsc-text-primary, #e0e0e0);
2660
+ }
2661
+ .vnsc-drawing-inspector__swatches {
2662
+ display: grid;
2663
+ grid-template-columns: repeat(2, minmax(0, 1fr));
2664
+ gap: 10px;
2665
+ }
2666
+ .vnsc-drawing-inspector__field {
2667
+ display: grid;
2668
+ gap: 8px;
2669
+ color: var(--vnsc-text-secondary, #a0a0a0);
2670
+ font-size: 11px;
2671
+ font-weight: 600;
2672
+ letter-spacing: 0.06em;
2673
+ text-transform: uppercase;
2674
+ }
2675
+ .vnsc-drawing-inspector__field label {
2676
+ display: grid;
2677
+ gap: 8px;
2678
+ }
2679
+ .vnsc-drawing-inspector__field input[type=color] {
2680
+ appearance: none;
2681
+ width: 100%;
2682
+ height: 36px;
2683
+ border: 1px solid var(--vnsc-border, #2a2a2a);
2684
+ border-radius: var(--vnsc-radius-sm, 3px);
2685
+ background: var(--vnsc-bg-tertiary, #1a1a1a);
2686
+ padding: 3px;
2687
+ cursor: pointer;
2688
+ }
2689
+ .vnsc-drawing-inspector__field input[type=range] {
2690
+ width: 100%;
2691
+ accent-color: var(--vnsc-accent, #2962ff);
2692
+ }
2693
+ .vnsc-drawing-inspector__field select {
2694
+ appearance: none;
2695
+ width: 100%;
2696
+ border: 1px solid var(--vnsc-border, #2a2a2a);
2697
+ border-radius: var(--vnsc-radius-sm, 3px);
2698
+ background: var(--vnsc-bg-tertiary, #1a1a1a);
2699
+ color: var(--vnsc-text-primary, #e0e0e0);
2700
+ padding: 8px 10px;
2701
+ font-size: 12px;
2702
+ }
2703
+ .vnsc-drawing-inspector__actions {
2704
+ display: grid;
2705
+ grid-template-columns: repeat(2, minmax(0, 1fr));
2706
+ gap: 8px;
2707
+ }
2708
+ .vnsc-drawing-inspector__button {
2709
+ appearance: none;
2710
+ border: 1px solid var(--vnsc-border, #2a2a2a);
2711
+ background: transparent;
2712
+ color: var(--vnsc-text-secondary, #a0a0a0);
2713
+ border-radius: var(--vnsc-radius-sm, 3px);
2714
+ padding: 8px 10px;
2715
+ font-size: 11.5px;
2716
+ font-weight: 600;
2717
+ cursor: pointer;
2718
+ transition:
2719
+ background var(--vnsc-transition-fast),
2720
+ border-color var(--vnsc-transition-fast),
2721
+ color var(--vnsc-transition-fast);
2722
+ }
2723
+ .vnsc-drawing-inspector__button:hover {
2724
+ background: var(--vnsc-bg-tertiary, #1a1a1a);
2725
+ border-color: var(--vnsc-border, #2a2a2a);
2726
+ color: var(--vnsc-text-primary, #e0e0e0);
2727
+ }
2728
+ .vnsc-drawing-inspector__button:disabled {
2729
+ opacity: 0.42;
2730
+ cursor: default;
2731
+ transform: none;
2732
+ }
2733
+ .vnsc-drawing-inspector__button--danger {
2734
+ grid-column: 1 / -1;
2735
+ border-color: rgba(239, 68, 68, 0.28);
2736
+ background: rgba(239, 68, 68, 0.1);
2737
+ color: #fecaca;
2738
+ }
2739
+ .vnsc-drawing-inspector__button--danger:hover {
2740
+ background: rgba(239, 68, 68, 0.18);
2741
+ border-color: rgba(239, 68, 68, 0.38);
2742
+ color: #fff1f2;
2743
+ }
2744
+ .vnsc-drawing-list-panel {
2745
+ display: flex;
2746
+ flex-direction: column;
2747
+ max-height: min(560px, calc(100vh - 160px));
2748
+ overflow: hidden;
2749
+ padding: 0;
2750
+ gap: 0;
2751
+ }
2752
+ .vnsc-drawing-list-panel--embedded {
2753
+ gap: 0;
2754
+ max-height: none;
2755
+ min-height: 0;
2756
+ }
2757
+ .vnsc-drawing-list-panel--embedded .vnsc-drawing-list-panel__items {
2758
+ padding: 0;
2759
+ }
2760
+ .vnsc-drawing-list-panel--embedded .vnsc-drawing-list-panel__empty {
2761
+ margin: 0;
2762
+ }
2763
+ .vnsc-drawing-list-panel__header {
2764
+ flex-shrink: 0;
2765
+ padding: 12px 14px;
2766
+ border-bottom: 1px solid var(--vnsc-border, #2a2a2a);
2767
+ display: flex;
2768
+ justify-content: space-between;
2769
+ align-items: center;
2770
+ }
2771
+ .vnsc-drawing-list-panel__count {
2772
+ background: var(--vnsc-bg-tertiary, #1a1a1a);
2773
+ padding: 2px 6px;
2774
+ border-radius: 999px;
2775
+ font-size: var(--vnsc-font-xs, 10px);
2776
+ font-weight: 700;
2777
+ color: var(--vnsc-text-secondary, #a0a0a0);
2778
+ }
2779
+ .vnsc-drawing-list-panel__search {
2780
+ padding: 8px 14px;
2781
+ border-bottom: 1px solid var(--vnsc-border, #2a2a2a);
2782
+ }
2783
+ .vnsc-drawing-list-panel__search-input {
2784
+ width: 100%;
2785
+ padding: 6px 10px;
2786
+ border-radius: var(--vnsc-radius-sm, 3px);
2787
+ border: 1px solid var(--vnsc-border, #2a2a2a);
2788
+ background: var(--vnsc-bg-tertiary, #1a1a1a);
2789
+ color: var(--vnsc-text-primary, #e0e0e0);
2790
+ font-size: var(--vnsc-font-sm, 11px);
2791
+ outline: none;
2792
+ }
2793
+ .vnsc-drawing-list-panel__search-input:focus {
2794
+ border-color: var(--vnsc-accent, #2962ff);
2795
+ }
2796
+ .vnsc-drawing-list-panel__items {
2797
+ display: grid;
2798
+ gap: 8px;
2799
+ overflow-y: auto;
2800
+ overflow-x: hidden;
2801
+ overscroll-behavior: contain;
2802
+ flex: 1 1 auto;
2803
+ min-height: 0;
2804
+ padding: 10px 14px 12px;
2805
+ scrollbar-width: thin;
2806
+ scrollbar-color: var(--vnsc-border, #2a2a2a) transparent;
2807
+ }
2808
+ .vnsc-drawing-list-panel__items::-webkit-scrollbar {
2809
+ width: 4px;
2810
+ }
2811
+ .vnsc-drawing-list-panel__items::-webkit-scrollbar-track {
2812
+ background: transparent;
2813
+ }
2814
+ .vnsc-drawing-list-panel__items::-webkit-scrollbar-thumb {
2815
+ background: var(--vnsc-border, #2a2a2a);
2816
+ border-radius: 4px;
2817
+ }
2818
+ .vnsc-drawing-list-panel__empty {
2819
+ margin: 10px 14px 12px;
2820
+ padding: 16px 14px;
2821
+ border-radius: var(--vnsc-radius-md, 4px);
2822
+ border: 1px dashed var(--vnsc-border, #2a2a2a);
2823
+ background: var(--vnsc-bg-tertiary, #1a1a1a);
2824
+ color: var(--vnsc-text-secondary, #a0a0a0);
2825
+ font-size: 13px;
2826
+ line-height: 1.5;
2827
+ }
2828
+ .vnsc-drawing-list-panel__group {
2829
+ display: grid;
2830
+ gap: 6px;
2831
+ margin-bottom: 8px;
2832
+ }
2833
+ .vnsc-drawing-list-panel__group-header {
2834
+ display: flex;
2835
+ align-items: center;
2836
+ gap: 6px;
2837
+ width: 100%;
2838
+ padding: 6px 8px;
2839
+ background: var(--vnsc-bg-tertiary, #1a1a1a);
2840
+ border: 1px solid var(--vnsc-border, #2a2a2a);
2841
+ border-radius: var(--vnsc-radius-sm, 3px);
2842
+ color: var(--vnsc-text-primary, #e0e0e0);
2843
+ font-size: var(--vnsc-font-sm, 11px);
2844
+ font-weight: 700;
2845
+ cursor: pointer;
2846
+ text-align: left;
2847
+ }
2848
+ .vnsc-drawing-list-panel__group-caret {
2849
+ font-size: 8px;
2850
+ color: var(--vnsc-text-secondary, #a0a0a0);
2851
+ }
2852
+ .vnsc-drawing-list-panel__group-name {
2853
+ flex: 1;
2854
+ }
2855
+ .vnsc-drawing-list-panel__group-count {
2856
+ background: rgba(255, 255, 255, 0.08);
2857
+ padding: 1px 5px;
2858
+ border-radius: 999px;
2859
+ font-size: var(--vnsc-font-xs, 10px);
2860
+ }
2861
+ .vnsc-drawing-list-panel__item {
2862
+ display: grid;
2863
+ gap: 10px;
2864
+ padding: 12px;
2865
+ border-radius: var(--vnsc-radius-md, 4px);
2866
+ border: 1px solid var(--vnsc-border, #2a2a2a);
2867
+ background: var(--vnsc-bg-tertiary, #1a1a1a);
2868
+ transition: border-color 120ms ease;
2869
+ }
2870
+ .vnsc-drawing-list-panel__item--selected {
2871
+ border-color: var(--vnsc-accent, #2962ff);
2872
+ box-shadow: 0 0 0 1px rgba(41, 98, 255, 0.1) inset;
2873
+ }
2874
+ .vnsc-drawing-list-panel__item--drag-over {
2875
+ border-color: var(--vnsc-accent, #2962ff);
2876
+ border-style: dashed;
2877
+ }
2878
+ .vnsc-drawing-list-panel__select {
2879
+ appearance: none;
2880
+ border: none;
2881
+ background: transparent;
2882
+ padding: 0;
2883
+ text-align: left;
2884
+ cursor: pointer;
2885
+ display: grid;
2886
+ gap: 4px;
2887
+ color: inherit;
2888
+ }
2889
+ .vnsc-drawing-list-panel__label {
2890
+ font-size: 13px;
2891
+ font-weight: 700;
2892
+ color: var(--vnsc-text-primary, #e0e0e0);
2893
+ letter-spacing: 0.01em;
2894
+ }
2895
+ .vnsc-drawing-list-panel__meta {
2896
+ font-size: 11px;
2897
+ font-weight: 600;
2898
+ letter-spacing: 0.08em;
2899
+ text-transform: uppercase;
2900
+ color: var(--vnsc-text-muted, #606060);
2901
+ }
2902
+ .vnsc-drawing-list-panel__actions {
2903
+ display: flex;
2904
+ flex-wrap: wrap;
2905
+ gap: 8px;
2906
+ align-items: center;
2907
+ }
2908
+ .vnsc-drawing-list-panel__badge {
2909
+ display: inline-flex;
2910
+ align-items: center;
2911
+ padding: 4px 9px;
2912
+ border-radius: 999px;
2913
+ border: 1px solid var(--vnsc-border, #2a2a2a);
2914
+ background: var(--vnsc-bg-secondary, #111820);
2915
+ font-size: 10px;
2916
+ font-weight: 700;
2917
+ letter-spacing: 0.08em;
2918
+ text-transform: uppercase;
2919
+ color: var(--vnsc-text-secondary, #a0a0a0);
2920
+ }
2921
+ .vnsc-drawing-list-panel__icon {
2922
+ width: auto;
2923
+ height: auto;
2924
+ padding: 5px 10px;
2925
+ border-radius: 999px;
2926
+ font-size: 11px;
2927
+ font-weight: 700;
2928
+ text-transform: uppercase;
2929
+ letter-spacing: 0.08em;
2930
+ }
2931
+ .vnsc-drawing-list-panel__icon--delete {
2932
+ color: #f23645;
2933
+ }
2934
+ .vnsc-long-tp-zone {
2935
+ fill: rgba(34, 197, 94, 0.16);
2936
+ }
2937
+ .vnsc-long-sl-zone {
2938
+ fill: rgba(239, 68, 68, 0.16);
2939
+ }
2940
+ .vnsc-short-tp-zone {
2941
+ fill: rgba(239, 68, 68, 0.16);
2942
+ }
2943
+ .vnsc-short-sl-zone {
2944
+ fill: rgba(34, 197, 94, 0.16);
2945
+ }
2946
+ .vnsc-rr-badge {
2947
+ font-family:
2948
+ "Segoe UI Variable Text",
2949
+ "Aptos",
2950
+ "Segoe UI",
2951
+ sans-serif;
2952
+ font-size: 11px;
2953
+ font-weight: 800;
2954
+ letter-spacing: 0.08em;
2955
+ fill: #e2e8f0;
2956
+ }
2957
+ .vnsc-drawing-inspector__icon-grid {
2958
+ display: grid;
2959
+ grid-template-columns: repeat(6, 1fr);
2960
+ gap: 6px;
2961
+ margin-top: 6px;
2962
+ }
2963
+ .vnsc-drawing-inspector__icon-cell {
2964
+ display: flex;
2965
+ align-items: center;
2966
+ justify-content: center;
2967
+ height: 32px;
2968
+ border: 1px solid var(--vnsc-border, #2a2a2a);
2969
+ border-radius: var(--vnsc-radius-sm, 3px);
2970
+ background: var(--vnsc-bg-tertiary, #1a1a1a);
2971
+ font-size: 18px;
2972
+ cursor: pointer;
2973
+ user-select: none;
2974
+ transition: background var(--vnsc-transition-fast), border-color var(--vnsc-transition-fast);
2975
+ }
2976
+ .vnsc-drawing-inspector__icon-cell:hover {
2977
+ background: var(--vnsc-bg-secondary, #222222);
2978
+ border-color: var(--vnsc-accent, #2962ff);
2979
+ }
2980
+ .vnsc-drawing-inspector__icon-cell--selected {
2981
+ background: var(--vnsc-bg-secondary, #222222);
2982
+ border-color: var(--vnsc-accent, #2962ff);
2983
+ box-shadow: 0 0 0 1px var(--vnsc-accent, #2962ff);
2984
+ }
2985
+
2986
+ /* src/widget/styles/overlays.css */
2987
+ .vnsc-tape-panel {
2988
+ position: relative;
2989
+ height: 100%;
2990
+ flex-shrink: 0;
2991
+ width: 240px;
2992
+ z-index: 51;
2993
+ background: var(--vnsc-bg-primary);
2994
+ border-left: 1px solid var(--vnsc-border);
2995
+ display: flex;
2996
+ flex-direction: column;
2997
+ font-size: var(--vnsc-font-sm);
2998
+ color: var(--vnsc-text-primary);
2999
+ overflow: hidden;
3000
+ }
3001
+ .vnsc-tape-panel__header {
3002
+ display: flex;
3003
+ align-items: center;
3004
+ justify-content: space-between;
3005
+ padding: 6px 8px 5px;
3006
+ border-bottom: 1px solid var(--vnsc-border);
3007
+ background: var(--vnsc-bg-secondary);
3008
+ flex-shrink: 0;
3009
+ }
3010
+ .vnsc-tape-panel__filter {
3011
+ display: flex;
3012
+ align-items: center;
3013
+ gap: 6px;
3014
+ padding: 5px 8px;
3015
+ border-bottom: 1px solid var(--vnsc-border);
3016
+ flex-shrink: 0;
3017
+ }
3018
+ .vnsc-tape-panel__columns {
3019
+ display: grid;
3020
+ grid-template-columns: 52px 70px 52px 44px 22px;
3021
+ padding: 2px 4px;
3022
+ color: var(--vnsc-text-muted);
3023
+ font-size: var(--vnsc-font-xs);
3024
+ border-bottom: 1px solid var(--vnsc-border);
3025
+ flex-shrink: 0;
3026
+ }
3027
+ .vnsc-tape-panel__list {
3028
+ flex: 1;
3029
+ overflow-y: auto;
3030
+ overflow-x: hidden;
3031
+ }
3032
+ .vnsc-tape-panel__row {
3033
+ display: grid;
3034
+ grid-template-columns: 52px 70px 52px 44px 22px;
3035
+ height: 22px;
3036
+ align-items: center;
3037
+ padding: 0 4px;
3038
+ border-bottom: 1px solid var(--vnsc-border);
3039
+ }
3040
+ .vnsc-tape-panel__row--whale {
3041
+ background: var(--vnsc-bg-tertiary);
3042
+ border-bottom-color: var(--vnsc-accent);
3043
+ }
3044
+ .vnsc-tape-panel__footer {
3045
+ padding: 3px 8px;
3046
+ border-top: 1px solid var(--vnsc-border);
3047
+ color: var(--vnsc-text-muted);
3048
+ font-size: var(--vnsc-font-xs);
3049
+ flex-shrink: 0;
3050
+ }
3051
+ .vnsc-advisory-panel {
3052
+ position: relative;
3053
+ height: 100%;
3054
+ flex-shrink: 0;
3055
+ width: 260px;
3056
+ z-index: 50;
3057
+ background: var(--vnsc-bg-primary);
3058
+ border-left: 1px solid var(--vnsc-border);
3059
+ display: flex;
3060
+ flex-direction: column;
3061
+ font-size: var(--vnsc-font-md);
3062
+ color: var(--vnsc-text-primary);
3063
+ overflow: hidden;
3064
+ }
3065
+ .vnsc-advisory-panel__header {
3066
+ display: flex;
3067
+ align-items: center;
3068
+ justify-content: space-between;
3069
+ padding: 10px 12px 8px;
3070
+ border-bottom: 1px solid var(--vnsc-border);
3071
+ background: var(--vnsc-bg-secondary);
3072
+ }
3073
+ .vnsc-advisory-panel__body {
3074
+ flex: 1;
3075
+ overflow-y: auto;
3076
+ padding: 12px;
3077
+ }
3078
+ .vnsc-advisory-panel__decision {
3079
+ display: flex;
3080
+ align-items: center;
3081
+ gap: 10px;
3082
+ margin-bottom: 12px;
3083
+ }
3084
+ .vnsc-advisory-panel__decision-badge {
3085
+ flex: 1;
3086
+ padding: 8px 12px;
3087
+ border-radius: var(--vnsc-radius-lg);
3088
+ background: var(--vnsc-text-secondary);
3089
+ color: var(--vnsc-bg-primary);
3090
+ font-weight: 700;
3091
+ font-size: var(--vnsc-font-lg);
3092
+ text-align: center;
3093
+ letter-spacing: 0.5px;
3094
+ }
3095
+ .vnsc-advisory-panel__confidence {
3096
+ text-align: center;
3097
+ }
3098
+ .vnsc-advisory-panel__confidence-label {
3099
+ color: var(--vnsc-text-muted);
3100
+ font-size: var(--vnsc-font-xs);
3101
+ }
3102
+ .vnsc-advisory-panel__confidence-value {
3103
+ font-weight: 700;
3104
+ font-size: var(--vnsc-font-md);
3105
+ }
3106
+ .vnsc-advisory-panel__agents {
3107
+ margin-bottom: 8px;
3108
+ }
3109
+ .vnsc-advisory-panel__agent-row {
3110
+ border-bottom: 1px solid var(--vnsc-border);
3111
+ padding-bottom: 8px;
3112
+ margin-bottom: 8px;
3113
+ }
3114
+ .vnsc-advisory-panel__agent-header {
3115
+ display: flex;
3116
+ align-items: center;
3117
+ gap: 8px;
3118
+ cursor: pointer;
3119
+ user-select: none;
3120
+ }
3121
+ .vnsc-advisory-panel__agent-name {
3122
+ flex: 1;
3123
+ font-size: var(--vnsc-font-md);
3124
+ color: var(--vnsc-text-primary);
3125
+ font-weight: 500;
3126
+ }
3127
+ .vnsc-advisory-panel__agent-weight {
3128
+ color: var(--vnsc-text-muted);
3129
+ font-size: var(--vnsc-font-sm);
3130
+ margin-left: 4px;
3131
+ }
3132
+ .vnsc-advisory-panel__agent-signal {
3133
+ font-size: var(--vnsc-font-xs);
3134
+ font-weight: 700;
3135
+ padding: 2px 6px;
3136
+ border-radius: var(--vnsc-radius-md);
3137
+ background: var(--vnsc-text-secondary);
3138
+ color: var(--vnsc-bg-primary);
3139
+ letter-spacing: 0.5px;
3140
+ }
3141
+ .vnsc-advisory-panel__agent-chevron {
3142
+ color: var(--vnsc-text-muted);
3143
+ font-size: var(--vnsc-font-xs);
3144
+ }
3145
+ .vnsc-advisory-panel__agent-bar {
3146
+ height: 4px;
3147
+ background: var(--vnsc-border);
3148
+ border-radius: 2px;
3149
+ margin-top: 6px;
3150
+ overflow: hidden;
3151
+ }
3152
+ .vnsc-advisory-panel__agent-bar-fill {
3153
+ height: 100%;
3154
+ border-radius: 2px;
3155
+ transition: width 0.3s ease;
3156
+ }
3157
+ .vnsc-advisory-panel__agent-explanation {
3158
+ margin-top: 8px;
3159
+ font-size: var(--vnsc-font-sm);
3160
+ color: var(--vnsc-text-secondary);
3161
+ line-height: 1.5;
3162
+ white-space: pre-wrap;
3163
+ word-break: break-word;
3164
+ }
3165
+ .vnsc-advisory-panel__skeleton {
3166
+ height: 40px;
3167
+ background: var(--vnsc-bg-tertiary);
3168
+ border-radius: var(--vnsc-radius-md);
3169
+ margin-bottom: 8px;
3170
+ animation: pulse 1.2s ease-in-out infinite;
3171
+ }
3172
+ @keyframes pulse {
3173
+ 0%, 100% {
3174
+ opacity: 1;
3175
+ }
3176
+ 50% {
3177
+ opacity: 0.5;
3178
+ }
3179
+ }
3180
+
3181
+ /* src/widget/styles/replay.css */
3182
+
3183
+ /* src/widget/styles/floating-chart-bar.css */
3184
+ .rsc-engine-surface .vnsc-floating-bar {
3185
+ transition: opacity 0.2s ease, transform 0.2s ease;
3186
+ }
3187
+ @media (hover: hover) {
3188
+ .rsc-engine-surface:not(:hover) .vnsc-floating-bar {
3189
+ opacity: 0;
3190
+ pointer-events: none;
3191
+ transform: translateX(-50%) translateY(4px);
3192
+ }
3193
+ }
3194
+ .rsc-engine-surface:focus-within .vnsc-floating-bar {
3195
+ opacity: 1;
3196
+ pointer-events: auto;
3197
+ transform: translateX(-50%) translateY(0);
3198
+ }
3199
+
3200
+ /* src/widget/styles/widget.css */
3201
+ [data-chart-mode=light] .MultiChartsFooter_syncBtn {
3202
+ background: var(--vnsc-bg-hover, rgba(0, 0, 0, 0.03));
3203
+ border-color: var(--vnsc-border, rgba(0, 0, 0, 0.08));
3204
+ color: var(--vnsc-text-primary, #1a1a1a);
3205
+ }
3206
+ [data-chart-mode=light] .MultiChartsFooter_syncBtn:hover {
3207
+ background: var(--vnsc-bg-active, rgba(0, 0, 0, 0.06));
3208
+ border-color: var(--vnsc-border-hover, rgba(0, 0, 0, 0.12));
3209
+ color: var(--vnsc-text-primary, #1a1a1a);
3210
+ }
3211
+ [data-chart-mode=light] .MultiChartsFooter_syncBtnActive {
3212
+ color: var(--vnsc-text-on-primary, #ffffff);
3213
+ background: var(--vnsc-accent-subtle, rgba(99, 102, 241, 0.2));
3214
+ border-color: var(--vnsc-accent, #6366f1);
3215
+ }
3216
+ [data-chart-mode=dark] .MultiChartsFooter_syncBtn {
3217
+ padding: 4px 10px;
3218
+ border: 1px solid var(--vnsc-border, rgba(255, 255, 255, 0.08));
3219
+ border-radius: 6px;
3220
+ background: var(--vnsc-bg-hover, rgba(255, 255, 255, 0.03));
3221
+ color: var(--vnsc-text-secondary, #787b86);
3222
+ cursor: pointer;
3223
+ font-size: var(--vnsc-font-size-2xs, 10px);
3224
+ font-weight: 500;
3225
+ transition: all 0.15s ease;
3226
+ }
3227
+ [data-chart-mode=dark] .MultiChartsFooter_syncBtn:hover {
3228
+ color: var(--vnsc-text-primary, #d1d4dc);
3229
+ background: var(--vnsc-bg-active, rgba(255, 255, 255, 0.08));
3230
+ border-color: var(--vnsc-border-hover, rgba(255, 255, 255, 0.16));
3231
+ }
3232
+ [data-chart-mode=dark] .MultiChartsFooter_syncBtnActive {
3233
+ color: var(--vnsc-text-on-primary, #ffffff);
3234
+ background: var(--vnsc-accent-subtle, rgba(99, 102, 241, 0.2));
3235
+ border-color: var(--vnsc-accent, #6366f1);
3236
+ font-weight: 600;
3237
+ box-shadow: 0 0 10px rgba(99, 102, 241, 0.15);
3238
+ }
3239
+ .vnsc-root {
3240
+ box-sizing: border-box;
3241
+ overflow: hidden;
3242
+ user-select: none;
3243
+ -webkit-user-select: none;
3244
+ -ms-user-select: none;
3245
+ }
3246
+ .vnsc-root input,
3247
+ .vnsc-root select,
3248
+ .vnsc-root textarea {
3249
+ user-select: text;
3250
+ -webkit-user-select: text;
3251
+ -ms-user-select: text;
3252
+ }
3253
+ .vnsc-root > *,
3254
+ .vnsc-root > *::before,
3255
+ .vnsc-root > *::after {
3256
+ box-sizing: border-box;
3257
+ }
3258
+ .vnsc-btn {
3259
+ display: inline-flex;
3260
+ align-items: center;
3261
+ justify-content: center;
3262
+ border: none;
3263
+ border-radius: var(--vnsc-radius-md);
3264
+ cursor: pointer;
3265
+ font-family: inherit;
3266
+ font-weight: 600;
3267
+ transition: background var(--vnsc-transition-fast), color var(--vnsc-transition-fast);
3268
+ }
3269
+ .vnsc-btn:hover {
3270
+ background: var(--vnsc-accent-hover);
3271
+ color: #fff;
3272
+ }
3273
+ .vnsc-btn:active {
3274
+ transform: scale(0.97);
3275
+ }
3276
+ .vnsc-btn:focus-visible {
3277
+ outline: var(--vnsc-focus-ring);
3278
+ outline-offset: var(--vnsc-focus-ring-offset);
3279
+ }
3280
+ .vnsc-chip {
3281
+ padding: 3px 8px;
3282
+ border: 1px solid transparent;
3283
+ border-radius: var(--vnsc-radius-md);
3284
+ cursor: pointer;
3285
+ font-size: var(--vnsc-font-sm);
3286
+ font-weight: 500;
3287
+ background: transparent;
3288
+ color: var(--vnsc-text-secondary);
3289
+ transition: color var(--vnsc-transition-fast), border-color var(--vnsc-transition-fast);
3290
+ }
3291
+ .vnsc-chip:hover {
3292
+ color: var(--vnsc-text-primary);
3293
+ border-color: rgba(255, 255, 255, 0.12);
3294
+ }
3295
+ .vnsc-chip--active {
3296
+ color: var(--vnsc-text-primary);
3297
+ font-weight: 600;
3298
+ border-color: rgba(255, 255, 255, 0.18);
3299
+ }
3300
+ .vnsc-chip--active:hover {
3301
+ border-color: rgba(255, 255, 255, 0.25);
3302
+ }
3303
+ .vnsc-sep {
3304
+ width: 1px;
3305
+ height: 16px;
3306
+ background: var(--vnsc-border);
3307
+ }
3308
+ .vnsc-root ::-webkit-scrollbar {
3309
+ width: 6px;
3310
+ }
3311
+ .vnsc-root ::-webkit-scrollbar-track {
3312
+ background: transparent;
3313
+ }
3314
+ .vnsc-root ::-webkit-scrollbar-thumb {
3315
+ background: var(--vnsc-border);
3316
+ border-radius: var(--vnsc-radius-sm);
3317
+ }
3318
+ .vnsc-root ::-webkit-scrollbar-thumb:hover {
3319
+ background: var(--vnsc-text-muted);
3320
+ }
3321
+ .vnsc-root,
3322
+ .vnsc-root input,
3323
+ .vnsc-root select,
3324
+ .vnsc-root textarea,
3325
+ .vnsc-root button {
3326
+ font-family: "Inter", var(--gc-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif) !important;
3327
+ }
3328
+ .vnsc-sidebar-splitter {
3329
+ position: relative;
3330
+ width: 4px;
3331
+ height: 100%;
3332
+ cursor: col-resize;
3333
+ z-index: 49;
3334
+ background: transparent;
3335
+ transition: background var(--vnsc-transition-fast);
3336
+ }
3337
+ .vnsc-sidebar-splitter:hover {
3338
+ background: var(--vnsc-accent, #2962ff) !important;
3339
+ }
3340
+ .vnsc-sidebar-right {
3341
+ display: flex;
3342
+ flex-direction: column;
3343
+ height: 100%;
3344
+ background: var(--vnsc-bg-secondary);
3345
+ border-left: 1px solid var(--vnsc-border);
3346
+ position: relative;
3347
+ z-index: 48;
3348
+ min-width: 150px;
3349
+ overflow-y: auto;
3350
+ }
3351
+ .vnsc-sidebar-right .vnsc-drawing-dock,
3352
+ .vnsc-sidebar-right .vnsc-paper-trade-panel,
3353
+ .vnsc-sidebar-right .vnsc-advisory-panel,
3354
+ .vnsc-sidebar-right .vnsc-tape-panel {
3355
+ position: relative !important;
3356
+ top: auto !important;
3357
+ bottom: auto !important;
3358
+ right: auto !important;
3359
+ left: auto !important;
3360
+ width: 100% !important;
3361
+ height: auto !important;
3362
+ flex: 1 1 0% !important;
3363
+ min-height: 140px !important;
3364
+ border-left: none !important;
3365
+ border-right: none !important;
3366
+ z-index: auto !important;
3367
+ background: transparent !important;
3368
+ }
3369
+ .vnsc-sidebar-right > div:not(:last-child) {
3370
+ border-bottom: 1px solid var(--vnsc-border) !important;
3371
+ }
3372
+ @keyframes vnsc-spin {
3373
+ to {
3374
+ transform: rotate(360deg);
3375
+ }
3376
+ }
3377
+ .vnsc-spinner {
3378
+ width: 16px;
3379
+ height: 16px;
3380
+ border-radius: 50%;
3381
+ border: 2px solid currentColor;
3382
+ border-top-color: transparent;
3383
+ animation: vnsc-spin 1s linear infinite;
3384
+ }
3385
+ .vnsc-root:fullscreen {
3386
+ background-color: var(--vnsc-bg-primary, #0a0e14) !important;
3387
+ width: 100vw !important;
3388
+ height: 100vh !important;
3389
+ padding: 0 !important;
3390
+ }