.rail{overflow-y:auto;scrollbar-width:thin}.rail button{flex-shrink:0}.rail button[id^=draw-]{font-size:16px;height:32px;min-height:32px}.rail #draw-fibonacci{font-size:10px}.rail #draw-measure{font-size:20px}
#watchlist{width:218px;flex:none;border-inline-start:1px solid #e8e8e8;direction:rtl;background:white;overflow:auto;z-index:6}#watchlist input{width:calc(100% - 16px);margin:8px;font-size:11px}.watchHead{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid #eee;font-size:12px}.watchHead button{border:0;padding:3px 7px}#watchRows button{width:100%;border:0;border-radius:0;border-bottom:1px solid #f1f1f1;text-align:start;padding:12px;font-size:11px}#watchRows .active{background:#eee;color:#111}
#drawingPopover{position:absolute;z-index:20;background:white;width:238px;padding:12px;box-shadow:0 6px 25px #0002;border:1px solid #ddd;border-radius:7px;direction:rtl}#drawingPopover label{font-size:11px}#drawingPopover input{padding:4px}#drawingStatus{position:absolute;top:100px;left:16px;background:#fff;border:1px solid #ddd;border-radius:5px;padding:8px 12px;font-size:11px;pointer-events:none;z-index:5;direction:rtl}
.chartFocus #chartHeading #ohlc,.chartFocus #copyLegend,.chartFocus #persistenceStatus,.chartFocus #anchorTags{display:none}.chartFocus #workflowBadge{max-width:260px}.chartFocus #workflowBadge p,.chartFocus #workflowBadge small{display:none}#chartFocus.active{background:#171717;color:#fff}
@media(max-width:780px){#watchlist{position:absolute;right:0;top:0;bottom:0;box-shadow:-4px 0 20px #0001;width:205px}#chartFocus{display:none}}
#chartMoreMenu{position:absolute;top:57px;right:12px;z-index:35;background:white;border:1px solid #ddd;border-radius:6px;box-shadow:0 8px 28px #0002;padding:8px;min-width:240px;display:flex;flex-direction:column;gap:5px}#chartMoreMenu button{width:100%;text-align:right}header{position:relative}header #save{flex-shrink:0}header #datasets{min-width:130px}#recordChart[data-recording=true]{color:#b00020;border-color:#b00020}

.chartFocus #workflowBadge>span,.chartFocus #workflowBadge>small{display:none}.chartFocus #workflowBadge{width:260px}

.chartFullscreen>header,.chartFullscreen .rail{display:none}.chartFullscreen>main{height:100%;width:100%}.chartFullscreen #panel{display:none}#exitChartFullscreen{position:fixed;top:10px;left:12px;z-index:60;background:#fff;border:1px solid #bbb;font-size:11px;padding:7px 10px}
#drawingPopover{width:310px;max-height:calc(100% - 44px);overflow:auto}#drawFibLevels{max-height:190px;overflow:auto;margin-top:8px;border-block:1px solid var(--line)}.fib-level-row{display:grid;grid-template-columns:20px 1fr 32px 25px;gap:6px;align-items:center;min-height:32px}.fib-level-row span{direction:ltr;text-align:center;font-variant-numeric:tabular-nums}.fib-level-row input[type=color]{width:30px;height:24px;padding:2px}.fib-level-row button{padding:1px 4px}#drawGeometryOptions label,#drawFibOptions>label{font-size:11px;margin:8px 0}
