.chart-shell{position:relative}.split-layer{display:none;position:absolute;inset:0;z-index:5;background:transparent;pointer-events:none}.chart-shell[class*="layout-"]>.split-layer{display:block}.chart-shell.layout-2v>.chart-head,.chart-shell.layout-2v>.chart-stage,.chart-shell.layout-quad>.chart-head,.chart-shell.layout-quad>.chart-stage{width:50%}.chart-shell.layout-2h>.chart-stage,.chart-shell.layout-quad>.chart-stage{height:calc(50% - 19px)}.split-pane{position:absolute;pointer-events:auto;background:#07090d;border:1px solid #303448;overflow:hidden}.split-pane header{height:31px;display:flex;align-items:center;gap:4px;padding:3px;background:#10121b;border-bottom:1px solid #282b3b}.split-pane input{width:62px;background:transparent;border:0;color:#fff;font-weight:800}.split-pane select{width:54px;background:#111522;border:0}.split-pane small{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#777e92;font-size:8px}.split-pane button{border:0;background:transparent;color:#9da2b4;cursor:pointer}.split-pane canvas{display:block;width:100%;height:calc(100% - 31px)}.layout-2v .split-pane{left:50%;right:0;top:0;bottom:0}.layout-2h .split-pane{left:0;right:0;top:50%;bottom:0}.layout-quad .split-pane{width:50%;height:50%}.layout-quad .split-pane:nth-child(1){left:50%;top:0}.layout-quad .split-pane:nth-child(2){left:0;top:50%}.layout-quad .split-pane:nth-child(3){left:50%;top:50%}.pane-link.coral{color:#ff5c5c}.pane-link.cyan{color:#00e8ef}.pane-link.gold{color:#ffd84a}.pane-link.green{color:#2cf3ba}.pane-link.blue{color:#4b89ff}.pane-link.purple{color:#a267ff}.pane-link.pink{color:#ff59ce}.layout-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.layout-picker button{min-height:76px;border:1px solid #34384b;border-radius:6px;background:#0b0d16;color:#d9dce8;font-size:20px;cursor:pointer}.layout-picker button:hover{border-color:#00a7b3;color:#00e8ef}.layout-picker small{font-size:9px}@media(max-width:800px){.layout-picker{grid-template-columns:1fr 1fr}.split-pane header{gap:2px}.split-pane input{width:48px}.split-pane small{display:none}}

/* In vertical and quad layouts the primary toolbar owns only its pane.
   Hide the duplicated quote summary and make the study strip scroll inside
   that half instead of extending under the secondary pane's header. */
.chart-shell.layout-2v>.chart-head,.chart-shell.layout-quad>.chart-head{justify-content:flex-start;overflow:hidden}
.chart-shell.layout-2v>.chart-head>div:first-child,.chart-shell.layout-quad>.chart-head>div:first-child{display:none}
.chart-shell.layout-2v>.chart-head>.view-preset-label,.chart-shell.layout-quad>.chart-head>.view-preset-label{flex:0 0 auto;margin-left:0}
.chart-shell.layout-2v>.chart-head>.study-actions,.chart-shell.layout-quad>.chart-head>.study-actions{min-width:0;flex:1;overflow-x:auto;scrollbar-width:none}
.chart-shell.layout-2v>.chart-head>.study-actions::-webkit-scrollbar,.chart-shell.layout-quad>.chart-head>.study-actions::-webkit-scrollbar{display:none}

/* Pinned mini charts survive a return to the single-chart layout. Their
   provider/link/style controls remain the same as docked split panes. */
.chart-shell.has-floating>.split-layer{display:block}
.split-pane.floating{position:fixed!important;left:var(--float-x)!important;right:auto!important;top:var(--float-y)!important;bottom:auto!important;width:360px;height:220px;min-width:280px;min-height:180px;max-width:calc(100vw - 16px);max-height:calc(100vh - 56px);z-index:60;border-color:#4b526c;box-shadow:0 18px 60px #000c;resize:both}
.split-pane.floating header{cursor:move}
.pane-size{display:none}.split-pane.floating .pane-size{display:block;color:#83f6ff}
.pane-resize-handle{display:none}.split-pane.floating .pane-resize-handle{display:block;position:absolute;right:0;bottom:0;width:18px;height:18px;z-index:4;cursor:nwse-resize;background:linear-gradient(135deg,transparent 0 45%,#586176 46% 55%,transparent 56% 66%,#8b96ac 67% 75%,transparent 76%)}
.split-pane .pane-float.on{color:#00e8ef;background:#073b43}
.split-pane .pane-studies.on{color:#00e8ef;background:#073b43;border-radius:3px}
@media(max-width:600px){.split-pane.floating{left:8px!important;width:calc(100vw - 16px)!important;max-height:42vh}}
.mobile-pane-cycle{display:none}
@media(max-width:800px){
  .chart-shell[class*="layout-"]>.chart-head,.chart-shell[class*="layout-"]>.chart-stage{width:100%!important}
  .chart-shell[class*="layout-"]>.chart-stage{height:calc(100% - 39px)!important}
  .chart-shell:not(.mobile-secondary) .split-pane:not(.floating),.chart-shell.mobile-secondary .split-pane:not(.mobile-active):not(.floating){display:none}
  .chart-shell.mobile-secondary>.chart-head,.chart-shell.mobile-secondary>.chart-stage{visibility:hidden}
  .chart-shell.mobile-secondary>.split-layer{display:block}
  .chart-shell.mobile-secondary .split-pane.mobile-active{display:block;left:0!important;right:0!important;top:0!important;bottom:0!important;width:100%!important;height:100%!important}
  .mobile-pane-cycle:not([hidden]){display:block;position:absolute;z-index:70;right:6px;top:5px;min-width:62px;height:27px;padding:0 7px;border:1px solid #176573;border-radius:4px;background:#07141a;color:#83f6ff;font:10px monospace;cursor:pointer}
}

/* Every secondary chart can carry its own calculated lower study. */
.split-pane .split-canvas-stack{display:grid;grid-template-rows:minmax(0,1fr) 5px var(--lower-size,33%);height:calc(100% - 31px);min-height:0}
.split-pane .split-canvas-stack canvas{display:block;width:100%;height:100%;min-height:0}
.split-pane .split-lower-canvas{border-top:0}
.split-pane.lower-hidden .split-canvas-stack{grid-template-rows:minmax(0,1fr)}
.split-pane.lower-hidden .split-lower-canvas,.split-pane.lower-hidden .split-lower-divider{display:none}
.split-pane .split-lower-divider{position:relative;z-index:3;cursor:ns-resize;touch-action:none;background:#111622;border-top:1px solid #31384b;border-bottom:1px solid #31384b;outline:none}
.split-pane .split-lower-divider:after{content:"";position:absolute;left:42%;right:42%;top:1px;height:1px;background:#728096;box-shadow:0 2px 0 #728096}
.split-pane .split-lower-divider:hover,.split-pane .split-lower-divider:focus,.split-pane .split-lower-divider.resizing{background:#073a43;border-color:#00aeba}
.split-pane .pane-lower{width:52px;color:#83f6ff}
.split-pane .pane-view{min-width:31px;padding:0 2px;color:#83f6ff;font:8px monospace}
.split-pane .pane-zoom-in,.split-pane .pane-zoom-out,.split-pane .pane-pan-back,.split-pane .pane-pan-forward{width:18px;padding:0;font-size:12px}
.split-pane .split-canvas-stack canvas{touch-action:none;cursor:grab}
.split-pane .split-canvas-stack canvas.panning{cursor:grabbing}
@media(max-width:520px){.split-pane .pane-lower{width:46px}.split-pane .pane-timeframe{width:42px}}
.pane-study-editor h4{margin:16px 0 6px;color:#dfe5f2}.pane-study-editor .control-grid{grid-template-columns:repeat(3,minmax(120px,1fr))}.pane-study-actions{display:flex;justify-content:flex-end;margin-top:18px;padding-top:12px;border-top:1px solid #292d3e}@media(max-width:620px){.pane-study-editor .control-grid{grid-template-columns:1fr 1fr}}
.pane-ma-grid{display:grid;grid-template-columns:minmax(105px,1fr) 76px 54px 68px;gap:6px;align-items:center}.pane-ma-grid>b{color:#777e92;font-size:9px;text-transform:uppercase}.pane-ma-grid input{width:100%!important;margin:0!important;padding:6px!important}.pane-ma-grid input[type="color"]{height:30px;padding:2px!important}.pane-ma-show{display:flex!important;align-items:center;gap:6px;margin:0!important;color:#d9ddeb!important}.pane-ma-show input{width:auto!important}.pane-custom-ma{margin-top:14px;padding:10px;border:1px solid #292d3e;border-radius:6px;background:#0b0d16}.pane-custom-ma>header{display:flex;justify-content:space-between}.pane-custom-ma-add,.pane-custom-ma-row{display:grid;grid-template-columns:minmax(120px,1fr) 72px auto;gap:6px;margin-top:8px}.pane-custom-ma-row{grid-template-columns:20px minmax(100px,1fr) 72px 48px 62px 28px;align-items:center}.pane-custom-ma input,.pane-custom-ma button{min-width:0;margin:0!important;padding:6px!important}.pane-custom-ma-row input[type="color"]{height:30px;padding:2px!important}.pane-custom-ma-row button{color:#ff78d9;cursor:pointer}@media(max-width:620px){.pane-ma-grid{grid-template-columns:minmax(92px,1fr) 65px 48px 58px}.pane-custom-ma-row{grid-template-columns:20px minmax(90px,1fr) 62px 44px}.pane-custom-ma-row input[type="number"]:last-of-type,.pane-custom-ma-row button{grid-row:2}}
.pane-lower-inputs{display:grid;grid-template-columns:minmax(86px,.75fr) minmax(96px,1fr) 92px;gap:6px;align-items:center;padding:10px;border:1px solid #292d3e;border-radius:6px;background:#0b0d16}.pane-lower-inputs>b{color:#777e92;font-size:9px;text-transform:uppercase}.pane-lower-inputs>span{color:#c8cede}.pane-lower-inputs>label{margin:0!important;color:#8f97aa!important}.pane-lower-inputs>input{width:100%!important;min-width:0;margin:0!important;padding:6px!important}@media(max-width:620px){.pane-lower-inputs{grid-template-columns:72px minmax(88px,1fr) 78px}}
.pane-formula-studies{margin-top:14px;padding:10px;border:1px solid #292d3e;border-radius:6px;background:#0b0d16}.pane-formula-studies>header{display:flex;justify-content:space-between;gap:8px}.pane-formula-add{display:grid;grid-template-columns:minmax(110px,1fr) 72px 72px auto;gap:6px}.pane-formula-add textarea{grid-column:1/4;min-height:58px}.pane-formula-add>[data-pane-formula-add-status]{grid-column:1/-1}.pane-formula-add input,.pane-formula-add select,.pane-formula-add textarea,.pane-formula-add button,.pane-formula-row input,.pane-formula-row select,.pane-formula-row textarea,.pane-formula-row button{min-width:0;margin:0!important;padding:6px!important}.pane-formula-list{display:grid;gap:8px;margin-top:9px}.pane-formula-row{display:grid;gap:6px;padding:8px;border:1px solid #252a39;border-radius:5px;background:#080a11}.pane-formula-controls{display:grid;grid-template-columns:20px minmax(105px,1fr) 70px 68px 46px 58px 28px;gap:5px;align-items:center}.pane-formula-controls input[type="color"]{height:30px;padding:2px!important}.pane-formula-status.valid,[data-pane-formula-add-status].valid{color:#39eaa5}.pane-formula-status.invalid,[data-pane-formula-add-status].invalid{color:#ff6f9f}.pane-formula-controls button{color:#ff78d9;cursor:pointer}@media(max-width:620px){.pane-formula-add{grid-template-columns:minmax(90px,1fr) 66px 66px}.pane-formula-add button{grid-column:1/-1}.pane-formula-add textarea{grid-column:1/-1}.pane-formula-controls{grid-template-columns:20px minmax(90px,1fr) 64px 62px}.pane-formula-controls input[type="color"],.pane-formula-controls input[type="number"],.pane-formula-controls button{grid-row:2}}
.chart-shell.layout-three>.chart-head,.chart-shell.layout-three>.chart-stage{width:50%}.layout-three .split-pane{left:50%;width:50%;height:50%}.layout-three .split-pane:nth-child(1){top:0}.layout-three .split-pane:nth-child(2){top:50%}.pane-close{color:#ff7b89!important;font-size:16px;line-height:1}
