.pcstage{display:flex;height:calc(100vh - 215px);min-height:480px;position:relative;direction:ltr}   /* financial chart is ALWAYS LTR (time →, price axis right, tools left) — never flip with Arabic/RTL language */
html[dir=rtl] .pcside,.app[dir=rtl] .pcside{direction:rtl}   /* but keep the trade-panel text RTL in Arabic */
/* ── trade panel (risk calculator) + AI layer ── */
.pcside{display:none;width:238px;flex-shrink:0;border-inline-start:1px solid var(--line);background:var(--cardgrad);overflow-y:auto;padding:9px;flex-direction:column;gap:10px;scrollbar-width:thin}
.pcside.on{display:flex}
.pcside-card{background:var(--bg2,rgba(0,0,0,.14));border:1px solid var(--line);border-radius:11px;padding:10px}
.pcside-h{display:flex;align-items:center;justify-content:space-between;font-size:12.5px;font-weight:800;margin-bottom:9px;gap:6px}
.pcside-sub{font-size:8.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;text-align:end}
.pcbs{display:flex;gap:6px;margin-bottom:9px}
.pcbs button{flex:1;border:1px solid var(--line);background:transparent;color:var(--txt2);font:inherit;font-size:12px;font-weight:800;padding:7px;border-radius:8px;cursor:pointer;transition:.12s}
.pcb-buy.on{background:rgba(38,208,124,.16);border-color:var(--up);color:var(--up)}
.pcb-sell.on{background:rgba(255,86,103,.16);border-color:var(--down);color:var(--down)}
.pcf{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}
.pcf>span{font-size:10.5px;color:var(--txt2);font-weight:700;white-space:nowrap}
.pcf input{width:98px;background:var(--bg,rgba(0,0,0,.2));border:1px solid var(--line);border-radius:7px;color:var(--txt);font:inherit;font-size:12px;font-weight:700;padding:5px 7px;text-align:end;direction:ltr;font-variant-numeric:tabular-nums}
.pcf input:focus{border-color:var(--pcac,#e8a33d);outline:none}
.pcf2{display:flex;gap:6px}
.pcf2 .pcf{flex:1;flex-direction:column;align-items:stretch;gap:3px;margin-bottom:0}
.pcf2 .pcf input{width:100%}
.pcside-out{margin-top:8px;border-top:1px solid var(--line);padding-top:8px}
.pco-row{display:flex;align-items:center;justify-content:space-between;font-size:11px;padding:3px 0;color:var(--txt2)}
.pco-row b{font-size:12px;font-weight:800;color:var(--txt);font-variant-numeric:tabular-nums}
.pco-row b.up{color:var(--up)} .pco-row b.down{color:var(--down)}
.pco-warn{font-size:10px;font-weight:700;color:var(--down);background:rgba(255,86,103,.1);border-radius:6px;padding:5px 7px;margin-bottom:6px}
.pcai-row{display:flex;align-items:center;justify-content:space-between;font-size:11px;padding:5px 0;border-bottom:1px solid rgba(120,130,150,.1);color:var(--txt2)}
.pcai-row b{font-size:12px;font-weight:800;color:var(--txt);font-variant-numeric:tabular-nums}
.pcai-row b.up{color:var(--up)} .pcai-row b.down{color:var(--down)}
.pcai-conf{padding:7px 0}
.pcai-cl{display:flex;justify-content:space-between;font-size:11px;color:var(--txt2);margin-bottom:4px}
.pcai-cl b{font-weight:800;color:var(--pcac,#e8a33d)}
.pcai-bar{height:5px;background:rgba(120,130,150,.18);border-radius:3px;overflow:hidden}
.pcai-bar i{display:block;height:100%;background:linear-gradient(90deg,#f0b429,var(--pcac,#e8a33d));border-radius:3px;transition:width .4s}
/* AI plain-language explanation (grounded in the real readings above) */
.pcexpl-btn{width:100%;margin-top:10px;justify-content:center;gap:6px;font-weight:800}
.pcai-expl{margin-top:8px}
.pcai-expl-tx{font-size:11.5px;line-height:1.75;color:var(--txt2);background:var(--bg2,rgba(0,0,0,.16));border:1px solid var(--line);border-radius:9px;padding:10px 12px;white-space:pre-wrap}
.pcai-expl-note{font-size:9px;color:var(--muted);margin-top:6px;text-align:center;line-height:1.5}
@media(max-width:520px){.pcside.on{position:absolute;inset:0;width:100%;max-width:100%;z-index:24;border-inline-start:0;box-shadow:none}}
.pctools{display:flex;flex-direction:column;gap:3px;padding:7px 5px;border-inline-end:1px solid var(--line);background:var(--cardgrad);flex-shrink:0;overflow-y:auto;scrollbar-width:none}
.pctools::-webkit-scrollbar{display:none}
.pctool{width:30px;height:30px;display:grid;place-items:center;background:none;border:1px solid transparent;border-radius:7px;color:var(--txt2);font-size:14px;cursor:pointer;line-height:1;transition:.12s}
.pctool:hover{background:rgba(232,163,61,.08);color:var(--pcac,#e8a33d)}
.pctool.on{background:rgba(232,163,61,.16);color:var(--pcac,#e8a33d);border-color:var(--pcac,#e8a33d)}
.pctool-sep{height:1px;background:var(--line);margin:4px 3px}
.pcbody{position:relative;flex:1;min-width:0;height:100%;direction:ltr;overflow:hidden;cursor:crosshair}
/* SELL / BUY (bid·ask) widget — floats top-left of the chart, real broker feed */
.pcbidask{position:absolute;top:64px;left:48px;z-index:7;display:flex;flex-direction:column;align-items:stretch;gap:5px;font-variant-numeric:tabular-nums;direction:ltr}
/* COMPACT single-row variant — bid/ask widget at the chart TOP-LEFT, just below the toolbar (horizontal) */
.pcbidask-bar{top:8px!important;left:48px!important;flex-direction:row!important;align-items:center;gap:5px;background:rgba(8,16,28,.55);backdrop-filter:blur(4px);padding:3px 5px;border-radius:10px}
html[data-theme=light] .pcbidask-bar{background:rgba(255,255,255,.72);border:1px solid rgba(10,20,40,.1)}   /* light-mode: was a dark translucent box over the white chart */
.pcbidask-bar .pcba-sell,.pcbidask-bar .pcba-buy{padding:3px 10px}
.pcbidask-bar .pcba-v{font-size:12px}
/* lot STEPPER  [−] 0.01 [+] */
.pcba-lotstep{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:7px;overflow:hidden;background:var(--card2)}
.pcba-lotstep button{font:inherit;font-size:14px;font-weight:800;width:22px;height:26px;border:0;background:transparent;color:var(--txt2);cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center;transition:.12s}
.pcba-lotstep button:hover{background:var(--pcac-bg,rgba(232,163,61,.18));color:var(--pcac,#e8a33d)}
.pcba-lotstep button:active{transform:scale(.9)}
.pcba-lotv{min-width:36px;text-align:center;font-size:11.5px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--txt);padding:0 3px;border-inline:1px solid var(--line)}
/* hide the floating bid/ask widget while ANY toolbar dropdown is open — it's wider than the narrow menus so its right edge was peeking out beside them */
.pccard:has(.pcmenu.on) #pcBidAsk,.pccard:has(.pctfmenu.on) #pcBidAsk{display:none!important}
/* candle-close countdown on the price axis, glued under the live last-price tag (TradingView-style) */
.pcaxiscd{position:absolute;inset-inline-end:0;z-index:6;pointer-events:none;font:800 8.5px ui-monospace,monospace;color:#06101d;text-align:center;padding:1.5px 0 2px;border-radius:0 0 4px 4px;opacity:.92;font-variant-numeric:tabular-nums}
.pcba-row1{display:flex;align-items:stretch;gap:5px}
.pcba-row2{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 2px}
.pcba-sell,.pcba-buy{display:flex;flex-direction:column;align-items:center;gap:1px;border:1px solid var(--line);border-radius:8px;padding:4px 12px;cursor:pointer;background:var(--card);transition:.13s;font:inherit;line-height:1.1}
.pcba-sell{color:var(--down,#ff5667);border-color:rgba(255,86,103,.42)}
.pcba-buy{color:#3aa0ff;border-color:rgba(58,160,255,.42)}
.pcba-sell:hover{background:rgba(255,86,103,.14)} .pcba-buy:hover{background:rgba(58,160,255,.14)}
.pcba-l{font-size:8.5px;font-weight:800;letter-spacing:.6px;opacity:.8}
.pcba-v{font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}
.pcba-sp{align-self:center;font-size:10px;font-weight:800;color:var(--muted);background:var(--card2);border:1px solid var(--line);border-radius:6px;padding:3px 6px;min-width:22px;text-align:center;cursor:help}
.pcba-sp-tight{color:#26e08a;border-color:rgba(38,224,138,.5);background:rgba(38,224,138,.12)}
.pcba-sp-norm{color:#e8a33d;border-color:rgba(232,163,61,.5);background:rgba(232,163,61,.1)}
.pcba-sp-wide{color:#ff5667;border-color:rgba(255,86,103,.5);background:rgba(255,86,103,.12)}
.pcba-lots{display:inline-flex;gap:3px}
.pcba-lots button{font:inherit;font-size:9.5px;font-weight:800;padding:2px 7px;border:1px solid var(--line);background:var(--card2);color:var(--txt2);border-radius:6px;cursor:pointer;transition:.12s}
.pcba-lots button.on{background:var(--pcac,#e8a33d);color:#06101d;border-color:var(--pcac,#e8a33d)}
.pcba-lots button:hover{border-color:var(--pcac,#e8a33d)}
.pcba-notion{font-size:9.5px;font-weight:700;color:var(--txt2);font-variant-numeric:tabular-nums;white-space:nowrap}
.pcba-row3{display:flex;align-items:center;gap:6px;padding:1px 2px;font-size:9px;font-weight:700;color:var(--txt2)}
.pcba-sphist-l{opacity:.68;white-space:nowrap}
.pcba-spark{display:inline-flex;align-items:center;line-height:0;flex:1}
.pcba-spark svg{display:block;width:46px;height:14px}
.pcba-sptrend{font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums}
.pcsvg{position:absolute;inset:0;width:100%;height:100%;shape-rendering:geometricPrecision}  /* DRAWINGS (trend/ray/fib/channel) render with sub-pixel anti-aliasing → smooth diagonals like TradingView (was crispEdges, which disabled AA and aliased every diagonal line while only helping vertical candles) */
.pcsvg rect{shape-rendering:crispEdges}  /* axis-aligned only: zones · alert tags · measure boxes · SVG-fallback candle BODIES stay pixel-sharp (the fallback candle group also carries its own inline shape-rendering="crispEdges", so wicks stay crisp too) */
.pcx{position:absolute;pointer-events:none;display:none;z-index:5}
.pcx-v{top:0;bottom:0;width:0;border-inline-start:1px dashed rgba(140,160,190,.6)}
.pcx-h{left:0;right:0;height:0;border-top:1px dashed rgba(140,160,190,.6)}
/* light-mode crosshair: the blue-gray @ .6 was nearly invisible on white → darker, higher-contrast */
html[data-theme=light] .pcx-v{border-inline-start-color:rgba(60,72,96,.55)}
html[data-theme=light] .pcx-h{border-top-color:rgba(60,72,96,.55)}
.pctag{position:absolute;pointer-events:none;display:none;z-index:6;font:800 10.5px ui-monospace,monospace;background:rgba(17,32,58,.96);color:#fff;padding:3px 8px;border-radius:6px;white-space:nowrap;border:1px solid rgba(255,255,255,.14);box-shadow:0 3px 12px rgba(0,0,0,.42);backdrop-filter:blur(4px);letter-spacing:.3px}
.pctag-p{inset-inline-end:2px;transform:translateY(-50%)}
.pctag-t{bottom:2px;transform:translateX(-50%);background:var(--card2);color:var(--txt);border-color:var(--line)}
.pctag-pct{font-size:8.5px;font-weight:600;opacity:.66;margin-inline-start:4px;font-variant-numeric:tabular-nums}   /* crosshair price-tag % distance — neutral (never red/green) */
.pclegend{position:absolute;top:10px;inset-inline-start:12px;display:flex;flex-direction:column;gap:3px;align-items:flex-start;pointer-events:none;z-index:6;font-size:11.5px;font-weight:700;background:rgba(8,16,28,.62);backdrop-filter:blur(8px);padding:7px 12px;border-radius:11px;max-width:90%;border:1px solid rgba(255,255,255,.07);box-shadow:0 4px 18px rgba(0,0,0,.3)}
.pcl-row1{display:flex;flex-wrap:wrap;align-items:center;gap:11px}
.pclegend-ind{background:transparent!important;backdrop-filter:none!important;padding:0!important;border:0!important;box-shadow:none!important}
.pcl-inds{display:flex;flex-direction:column;gap:3px;align-items:flex-start;max-width:100%;margin-top:0}
.pcl-inds .pcl-i{display:inline-flex;align-items:center;gap:7px;padding:3px 9px;background:rgba(10,16,28,.62);border:1px solid var(--line);border-radius:8px;backdrop-filter:blur(4px);transition:background .12s,border-color .12s,box-shadow .12s}
.pcl-inds .pcl-i:hover{background:rgba(16,24,40,.85);border-color:var(--pcac,#e8a33d);box-shadow:0 3px 12px rgba(0,0,0,.32)}
html[data-theme=light] .pcl-inds .pcl-i{background:rgba(255,255,255,.84);border-color:rgba(10,20,40,.12)}
html[data-theme=light] .pcl-inds .pcl-i:hover{background:#fff}
.pcl-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex:none;cursor:pointer;box-shadow:0 0 0 1px rgba(0,0,0,.4);transition:transform .1s}
.pcl-dot:hover{transform:scale(1.35)}
.pcl-nm{font-weight:800;letter-spacing:.2px}
.pcl-val{font-weight:700;font-variant-numeric:tabular-nums;opacity:.95;font-family:ui-monospace,SFMono-Regular,monospace}
html[data-theme=light] .pclegend{background:rgba(255,255,255,.72)}
.pcl-s{font-weight:800}
.pcl-o{color:var(--muted);font-weight:600}
.pcl-o i{font-style:normal;font-variant-numeric:tabular-nums;margin-inline-start:2px;color:var(--txt)}
.pcl-i{font-weight:700;pointer-events:auto;white-space:nowrap}
.pcloading{position:absolute;inset:0;display:grid;place-items:center;background:rgba(8,16,28,.42);z-index:8}
.pczoom{position:absolute;left:50%;transform:translateX(-50%);bottom:16px;display:flex;flex-direction:row;gap:5px;z-index:7;direction:ltr}
.pczoom button{width:34px;height:34px;display:grid;place-items:center;background:var(--cardgrad);border:1px solid var(--line);border-radius:9px;color:var(--txt2);font-size:18px;font-weight:800;cursor:pointer;line-height:1;box-shadow:0 4px 12px rgba(0,0,0,.32);transition:.12s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.pczoom button:hover{border-color:var(--pcac,#e8a33d);color:var(--pcac,#e8a33d)}
.pczoom button:active{transform:scale(.92)}
@media(max-width:760px){.pczoom button{width:40px;height:40px;font-size:21px}.pczoom{bottom:38px}}
.pcreplay{position:absolute;left:50%;bottom:30px;transform:translateX(-50%);display:none;align-items:center;gap:5px;background:var(--card);border:1px solid var(--line);border-radius:24px;padding:5px 8px;box-shadow:0 6px 22px rgba(0,0,0,.4);z-index:8}
.pcreplay.on{display:flex}
.pcreplay button{width:32px;height:32px;border:1px solid var(--line);border-radius:50%;background:var(--cardgrad);color:var(--txt2);font-size:13px;cursor:pointer;display:grid;place-items:center;line-height:1;transition:.12s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.pcreplay button:hover{border-color:var(--pcac,#e8a33d);color:var(--pcac,#e8a33d)}
.pcreplay #pcRpPlay{background:var(--pcac,#e8a33d);color:#06101d;border-color:var(--pcac,#e8a33d);font-size:14px}
.pcreplay .pcrp-pos{font-size:11px;font-weight:800;color:var(--txt2);font-variant-numeric:tabular-nums;padding:0 6px;min-width:62px;text-align:center}
.pcreplay .pcrp-x{color:var(--muted)}
.pcbtn.pcrp.on{background:var(--pcac,#e8a33d);color:#06101d;border-color:var(--pcac,#e8a33d)}
@media(max-width:760px){.pcreplay{bottom:38px}.pcreplay button{width:38px;height:38px}}
.pcnow{position:absolute;right:54px;bottom:34px;z-index:8;background:var(--pcac,#e8a33d);color:#06101d;border:none;border-radius:16px;padding:6px 12px;font-size:11px;font-weight:800;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.35);animation:pcpulse 2s infinite;-webkit-tap-highlight-color:transparent}
.pcnow:hover{filter:brightness(1.08)}
@media(max-width:760px){.pcnow{right:62px;bottom:40px;padding:7px 13px}}

/* ── Data Window (institutional candle + indicator readout · toggled from left tools) ── */
.pcdw{position:absolute;top:10px;inset-inline-end:74px;z-index:6;width:158px;max-width:46%;background:rgba(8,16,28,.5);backdrop-filter:blur(4px);border:1px solid var(--line);border-radius:9px;padding:7px 9px;font-size:10.5px;pointer-events:none}
html[data-theme=light] .pcdw{background:rgba(255,255,255,.72)}
.pcdw-h{font-size:9px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px}
.dw-r{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:1.5px 0}
.dw-r span{color:var(--txt2);font-weight:600}
.dw-r b{color:var(--txt);font-weight:800;font-variant-numeric:tabular-nums}
.dw-r.dw-ind b{font-weight:700;color:var(--txt2)}
.dw-sep{height:1px;background:var(--line);margin:5px 0;opacity:.6}
.dw-prov{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px;padding-top:5px;border-top:1px solid var(--line)}
.dw-bdg{font-size:8.5px;font-weight:800;letter-spacing:.2px;text-transform:uppercase;padding:1.5px 5px;border-radius:5px;background:var(--card2);color:var(--muted);border:1px solid var(--line)}
.dw-bdg.on{color:var(--pcac);border-color:color-mix(in srgb,var(--pcac) 45%,transparent)}
@media(max-width:760px){.pcdw{max-width:62%;inset-inline-end:64px;font-size:9.5px;padding:6px 7px}.dw-bdg{font-size:8px;padding:1px 4px}}   /* the richer (taller) Data Window stays clear of the price-axis tags on narrow charts */
/* ── hover-highlight: subtle tint of the focused candle column (crosshair color, low alpha) ── */
.pchl{position:absolute;top:0;bottom:0;display:none;pointer-events:none;z-index:1;background:rgba(140,160,190,.06)}
html[data-theme=light] .pchl{background:rgba(60,72,96,.07)}   /* light-mode hover column: visible tint on white */
/* ── TradingView-style tool-group fly-out (sub-bar) ── */
.pctg{position:relative}
.pctg-ar{position:absolute;bottom:0;inset-inline-end:1px;font-size:7px;opacity:.5;font-style:normal;line-height:1}
/* ── institutional drawing-tools rail (matches reference design): gradient accent edge · lift hover · glowing gold active · faded separators ── */
.pctools{position:relative;padding:8px 6px;gap:4px;background:linear-gradient(180deg,var(--card2,#10151d),var(--bg2,#0b0f16))}
.pctools::before{content:"";position:absolute;inset-inline-start:0;top:10px;bottom:10px;width:2px;border-radius:2px;background:linear-gradient(180deg,rgba(232,163,61,.9),rgba(232,163,61,.25));opacity:.5;pointer-events:none}
.pccard .pctools .pctool{width:36px;height:36px;border-radius:8px;transition:background .13s,color .13s,border-color .13s,transform .1s,box-shadow .13s}
.pccard .pctools .pctool:hover{background:rgba(120,140,180,.13);color:var(--txt);transform:translateY(-1px)}
.pccard .pctools .pctool.on{background:linear-gradient(180deg,var(--pcac-bg,rgba(232,163,61,.2)),rgba(232,163,61,.06));color:var(--pcac,#e8a33d);border-color:var(--pcac,#e8a33d);box-shadow:0 2px 9px rgba(232,163,61,.22)}
.pctools .pctool-sep{height:1px;margin:6px 5px;background:linear-gradient(90deg,transparent,var(--line),transparent)}
.pctools>.pctool:first-child.on{background:linear-gradient(135deg,rgba(232,163,61,.26),rgba(232,163,61,.09));box-shadow:0 0 0 1px rgba(232,163,61,.3),0 3px 10px rgba(232,163,61,.25)}
.pctool-fly{position:absolute;z-index:30;display:none;background:var(--card);border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 36px rgba(0,0,0,.42);padding:6px;min-width:190px;max-width:240px;max-height:80%;overflow-y:auto;scrollbar-width:thin}
.pctool-fly .pctf-h{font-size:9.5px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;padding:3px 8px 6px}
.pctf-i{display:flex;align-items:center;gap:11px;width:100%;padding:7px 10px;border:0;background:none;color:var(--txt2);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;border-radius:7px;text-align:start;transition:.1s}
.pctf-i:hover{background:var(--pcac-bg,rgba(232,163,61,.15));color:var(--pcac,#e8a33d)}
.pctf-i.on{background:var(--pcac-bg,rgba(232,163,61,.15));color:var(--pcac,#e8a33d)}
.pctf-ic{width:23px;height:19px;display:grid;place-items:center;flex-shrink:0;color:var(--muted)}
.pctf-i:hover .pctf-ic,.pctf-i.on .pctf-ic{color:inherit}
.pctf-ic svg{display:block}
.pctf-uni{font-size:14px}
.pc-textin{position:fixed;z-index:60;min-width:210px;max-width:280px;background:var(--card);border:1.5px solid var(--pcac,#e8a33d);border-radius:9px;padding:8px 11px;color:var(--txt);font:inherit;font-size:13px;font-weight:600;outline:none;box-shadow:0 10px 30px rgba(0,0,0,.55),0 0 0 3px color-mix(in srgb,var(--pcac,#e8a33d) 18%,transparent)}
.pc-textin::placeholder{color:var(--muted);font-weight:500;font-size:11px}
.pcx-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--pcac,#e8a33d);transform:translate(-50%,-50%);pointer-events:none;z-index:6;box-shadow:0 0 0 2px rgba(0,0,0,.35);display:none}
.pc-demoping{position:fixed;border-radius:50%;border:2px solid var(--pcac,#e8a33d);background:color-mix(in srgb,var(--pcac,#e8a33d) 18%,transparent);transform:translate(-50%,-50%);pointer-events:none;z-index:9999;animation:pcping .72s cubic-bezier(.2,.7,.3,1) forwards}
@keyframes pcping{0%{opacity:.95;width:10px;height:10px}100%{opacity:0;width:48px;height:48px}}
.pctf-nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* ── candle / color settings panel (opens in modal) ── */
.pcset{padding:4px 2px}
.pcset h3{margin:0 0 12px;font-size:15px;font-weight:800;color:var(--txt)}
.pcset-h{font-size:10px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin:11px 0 4px}
.pcset-row{display:flex;align-items:center;gap:10px;padding:6px 4px;border-bottom:1px solid rgba(120,130,150,.1)}
.pcset-row span{flex:1;font-size:12.5px;color:var(--txt);font-weight:600}
.pcset-row input[type=color]{width:44px;height:26px;border:1px solid var(--line);border-radius:6px;background:none;cursor:pointer;padding:1px}
.pcset-rst{background:none;border:1px solid var(--line);color:var(--muted);border-radius:6px;width:26px;height:26px;cursor:pointer;font-size:12px;flex-shrink:0}
.pcset-rst:hover{color:var(--txt);border-color:var(--muted)}
.pcset-resetall{margin-top:14px;width:100%;padding:8px;border:1px solid var(--line);background:var(--card2);color:var(--txt2);border-radius:8px;cursor:pointer;font:inherit;font-size:12px;font-weight:700}
.pcset-resetall:hover{border-color:var(--pcac,#e8a33d);color:var(--pcac,#e8a33d)}
.pcof-foot{border-top:1px solid var(--line);margin-top:6px;padding-top:10px}
.pcof-src{font-size:11px;color:var(--muted);line-height:1.55;margin-bottom:6px}
.pcof-src b{color:var(--txt2);font-weight:700}
/* ── pro candle settings: sections · live preview · switch · segmented ── */
.pcset-prev{display:flex;justify-content:center;align-items:center;padding:12px;margin-bottom:14px;background:var(--bg2);border-radius:12px;border:1px solid var(--line)}
.pcset-sec{background:var(--card2);border:1px solid var(--line);border-radius:12px;padding:3px 12px 8px;margin-bottom:10px}
.pcset-ctl{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto}
.pcset-row .pcset-ctl{flex:0 0 auto}
.pcseg2{display:inline-flex;border:1px solid var(--line);border-radius:7px;overflow:hidden}
.pcseg2 button{border:0;border-inline-start:1px solid var(--line);background:none;color:var(--muted);padding:4px 11px;font:inherit;font-size:11px;font-weight:700;cursor:pointer;transition:.12s}
.pcseg2 button:first-child{border-inline-start:0}
.pcseg2 button.on{background:var(--pcac,#e8a33d);color:#15100a}
.pcseg2 button:hover:not(.on){color:var(--txt)}
.pcsw{position:relative;display:inline-block;width:38px;height:21px;cursor:pointer;flex-shrink:0}
.pcsw input{opacity:0;width:0;height:0;position:absolute}
.pcsw i{position:absolute;inset:0;background:var(--line);border-radius:21px;transition:.2s}
.pcsw i:before{content:"";position:absolute;width:15px;height:15px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s}
.pcsw input:checked+i{background:var(--pcac,#e8a33d)}
.pcsw input:checked+i:before{transform:translateX(17px)}
.pcset .pcset-row input[type=range]{width:108px;accent-color:var(--pcac,#e8a33d);cursor:pointer}
/* ── Pro Candle Settings — full institutional panel (3-col + advanced) ── */
.mbox:has(.pcset-pro){max-width:1120px;width:96vw;border-color:var(--line)!important}
.pcset-pro h3{padding-bottom:11px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px;font-size:16px}
.pcset-pro .pcset-h{color:var(--pcac,#e8a33d);margin:0 0 8px}
.pcset-pro .pcset-sec{background:linear-gradient(180deg,var(--card2),rgba(0,0,0,.05));border:1px solid var(--line);border-radius:13px;padding:11px 14px 13px;margin:0}
.pcset-cols{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-top:8px}
.pcset-col{display:flex;flex-direction:column;gap:14px;min-width:0}
.pcset-pro .pcset-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 0;border:0}
.pcset-pro .pcset-row>span:first-child{flex:0 0 auto;font-size:12.5px;color:var(--txt2);font-weight:600}
.pcset-pro .pcset-full{flex:1}
.pcset-clr{display:inline-flex;align-items:center;gap:7px}
.pcset-clr input[type=color]{width:42px;height:24px;border:1px solid var(--line);border-radius:6px;background:none;cursor:pointer;padding:1px}
.pcset-clr input[type=color]:hover{border-color:var(--pcac,#e8a33d)}
.pcset-clr code{font-size:10.5px;color:var(--txt2);font-family:ui-monospace,monospace;min-width:62px;text-align:end}
.pcset-rng{display:inline-flex;align-items:center;gap:9px}
.pcset-rng input[type=range]{width:112px;accent-color:var(--pcac,#e8a33d);cursor:pointer}
.pcset-rng b{font-size:11px;font-weight:700;color:var(--txt2);min-width:40px;text-align:end;font-family:ui-monospace,monospace}
.pcset-sel{background:var(--bg2,#0d1117);border:1px solid var(--line);border-radius:7px;color:var(--txt);padding:5px 8px;font-size:12px;cursor:pointer;min-width:118px}
.pcset-prevbox .pcset-prev{display:flex;justify-content:center;padding:18px;background:radial-gradient(130% 130% at 50% 0%,rgba(58,160,255,.06),var(--bg2));border-radius:11px;border:1px solid var(--line)}
.pcset-prevbox .pcset-prev svg{width:100%;height:auto;max-height:180px}
.pcset-prevbtns{display:flex;gap:8px;margin-top:10px}
.pcset-prevbtns button{flex:1;padding:8px;border:1px solid var(--line);background:var(--card2);color:var(--txt2);border-radius:8px;cursor:pointer;font:inherit;font-size:12px;font-weight:700}
.pcset-prevbtns button:hover{border-color:var(--pcac,#e8a33d);color:var(--pcac,#e8a33d)}
.pcset-preset{display:flex;align-items:center;justify-content:space-between;padding:7px 2px;border-bottom:1px solid rgba(120,130,150,.1);font-size:13px;font-weight:600;color:var(--txt)}
.pcset-preset button{background:none;border:0;color:var(--pcac,#e8a33d);cursor:pointer;font:inherit;font-size:12px;font-weight:700}
.pcset-preset button:hover{text-decoration:underline}
.pcset-savep{gap:8px;margin-top:8px}
.pcset-savep input{flex:1;min-width:0;background:var(--bg2,#0d1117);border:1px solid var(--line);border-radius:7px;color:var(--txt);padding:7px 9px;font-size:12px;outline:none}
.pcset-savep button{padding:7px 14px;background:var(--pcac,#e8a33d);border:0;border-radius:7px;color:#15100a;font-weight:800;cursor:pointer}
.pcset-act{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;margin-top:8px;border:1px solid var(--line);background:var(--card2);color:var(--txt);border-radius:9px;cursor:pointer;font:inherit;font-size:12.5px;font-weight:700}
.pcset-act:hover{border-color:var(--pcac,#e8a33d)}
.pcset-actdanger{color:#ff5d6c;border-color:rgba(255,93,108,.4)}
.pcset-actdanger:hover{background:rgba(255,93,108,.1);border-color:#ff5d6c}
.pcset-adv{margin-top:14px}
.pcset-advgrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2px 26px}
.pcset-advcol{display:flex;flex-direction:column;min-width:0}
@media(max-width:880px){.pcset-cols,.pcset-advgrid{grid-template-columns:1fr}}
/* settings rendered inside the NON-MODAL floating panel → single scrollable column so the chart stays visible & updates live */
.pcfloat .pcset-float2 .pcset-advgrid,.pcfloat .pcset-float2 .pcset-cols{grid-template-columns:1fr}
.pcfloat .pcset-float2 .pcset-sec{margin-bottom:11px}
.pcfloat .pcset-float2 .pcset-prev{display:flex;justify-content:center}
.pcfloat{width:356px}
/* indicator settings: line preview + colour swatches (matches the chart-settings style) */
.pcind-prev{background:var(--bg2,rgba(0,0,0,.18));border:1px solid var(--line);border-radius:10px;padding:8px;margin-bottom:11px}
.pcind-sws{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 9px}
.pcind-sw{width:22px;height:22px;border-radius:6px;border:2px solid transparent;cursor:pointer;padding:0;transition:transform .12s,box-shadow .12s}
.pcind-sw:hover{transform:scale(1.13)}
.pcind-sw.on{box-shadow:0 0 0 2px var(--card,#0d1117),0 0 0 3px var(--gold,#e8a33d)}
/* ── PRO trading panel: account header · order ticket · position cards (inline SL/TP) ── */
.pp-acct2{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px 9px;padding:9px 10px;background:var(--card2);border:1px solid var(--line);border-radius:11px;margin-bottom:8px}
.pp-am{display:flex;flex-direction:column;gap:1px;min-width:0}
.pp-am i{font-style:normal;font-size:8.5px;color:var(--txt2);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pp-am b{font-size:12.5px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.pp-am b.up{color:var(--up)}.pp-am b.down{color:var(--down)}
.pp-eqcurve{margin-bottom:8px;border-radius:8px;overflow:hidden;background:var(--bg2,rgba(0,0,0,.16));line-height:0}
.pp-ticket2{background:var(--card2);border:1px solid var(--line);border-radius:11px;padding:9px 10px;margin-bottom:9px;display:flex;flex-direction:column;gap:8px}
.pp-trow{display:flex;align-items:center;gap:8px}
.pp-tl{font-size:11px;color:var(--txt2);font-weight:700}
.pp-stepper{display:inline-flex;align-items:center;background:var(--bg2,rgba(0,0,0,.2));border:1px solid var(--line);border-radius:8px;overflow:hidden}
.pp-stepper button{background:transparent;border:0;color:var(--txt);width:26px;height:26px;cursor:pointer;font-size:15px;font-weight:800;line-height:1}
.pp-stepper button:hover{background:var(--pcac-bg,rgba(232,163,61,.14));color:var(--pcac,#e8a33d)}
.pp-stepper b{min-width:40px;text-align:center;font-size:12.5px;font-weight:800;font-variant-numeric:tabular-nums}
.pp-spr{margin-inline-start:auto;font-size:10px;color:var(--txt2);font-variant-numeric:tabular-nums}
.pp-tin{flex:1;min-width:0;background:var(--bg2,rgba(0,0,0,.2));border:1px solid var(--line);border-radius:8px;color:var(--txt);padding:8px 10px;font-size:12px;outline:none;font-variant-numeric:tabular-nums;box-sizing:border-box}
.pp-tin.sl:focus{border-color:var(--down)}.pp-tin.tp:focus{border-color:var(--up)}
.pp-tin::placeholder{color:var(--txt2);opacity:.7}
.pp-bs2{display:flex;gap:7px}
.pp-sell2,.pp-buy2{flex:1;border:0;border-radius:9px;padding:8px 4px;cursor:pointer;font-weight:800;font-size:12.5px;color:#fff;display:flex;flex-direction:column;align-items:center;gap:1px;line-height:1.25}
.pp-sell2{background:linear-gradient(135deg,var(--down,#ff5470),#7a1414)}.pp-buy2{background:linear-gradient(135deg,var(--up,#26d07c),#0a7a45)}
.pp-sell2:hover,.pp-buy2:hover{filter:brightness(1.1)}
.pp-sell2 u,.pp-buy2 u{text-decoration:none;font-size:11px;font-weight:700;opacity:.92;font-variant-numeric:tabular-nums}
.pp-pos2{background:var(--card2);border:1px solid var(--line);border-radius:10px;padding:8px 9px;margin-bottom:7px;display:flex;flex-direction:column;gap:6px}
.pp-p2top{display:flex;align-items:center;gap:7px}
.pp-p2top .pp-dir{font-size:11px;font-weight:800}.pp-p2top .pp-dir.up{color:var(--up)}.pp-p2top .pp-dir.down{color:var(--down)}
.pp-p2top .pp-lotv{color:var(--txt2);font-size:11px}
.pp-p2top .pp-pl{margin-inline-start:auto;font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}
.pp-p2top .pp-pl.up{color:var(--up)}.pp-p2top .pp-pl.down{color:var(--down)}
.pp-p2mid{display:flex;flex-wrap:wrap;gap:3px 11px;font-size:10.5px;color:var(--txt2);font-variant-numeric:tabular-nums}
.pp-p2mid b{color:var(--txt);font-weight:700}.pp-p2mid .up{color:var(--up)}.pp-p2mid .down{color:var(--down)}
.pp-p2sltp{display:flex;gap:7px}
.pp-p2sltp label{flex:1;display:flex;align-items:center;gap:5px;font-size:10px;font-weight:800;background:var(--bg2,rgba(0,0,0,.2));border:1px solid var(--line);border-radius:7px;padding:3px 8px}
.pp-p2sltp label.down{color:var(--down)}.pp-p2sltp label.up{color:var(--up)}
.pp-p2sltp input{flex:1;min-width:0;width:100%;background:transparent;border:0;color:var(--txt);font-size:11px;outline:none;font-variant-numeric:tabular-nums}
.pp-p2act{display:flex;gap:6px}
.pp-p2act button{background:var(--bg2,rgba(0,0,0,.2));border:1px solid var(--line);color:var(--txt);border-radius:7px;padding:5px 10px;cursor:pointer;font-size:11px;font-weight:800}
.pp-p2act button:hover{border-color:var(--pcac,#e8a33d);color:var(--pcac,#e8a33d)}
.pp-p2act .pp-cx{flex:1;color:var(--down);border-color:transparent;background:rgba(255,84,112,.12)}
.pp-p2act .pp-cx:hover{background:var(--down,#ff5470);color:#fff}
/* per-indicator settings cog (appears when indicator is enabled) */
.pcm-cog{background:none;border:0;color:var(--muted);cursor:pointer;font-size:13px;line-height:1;padding:0 3px;opacity:.65;transition:.12s}
.pcm-cog:hover{color:var(--pcac,#e8a33d);opacity:1}
/* dark theme: lift the candle plot from near-black app bg to a soft dark navy (TradingView-like). Light theme unchanged. */
html:not([data-theme=light]) .pcbody{background:var(--card)}
/* TradingView-style legend per-indicator controls (settings + remove) */
.pcl-ctl{display:inline-flex;gap:2px;margin-inline-start:5px;vertical-align:middle;opacity:.4;transition:.12s}
.pcl-i:hover .pcl-ctl{opacity:1}
.pcl-cog{pointer-events:auto;background:rgba(120,130,150,.18);border:0;color:currentColor;cursor:pointer;font-size:9.5px;line-height:1;padding:2px 5px;border-radius:4px;font-family:inherit}
.pcl-cog:hover{background:rgba(120,130,150,.42)}
/* hidden indicator chip (eye toggled off) */
.pcl-hid{opacity:.5}
/* indicator menu search/filter box */
.pcm-search{width:calc(100% - 16px);margin:4px 8px 6px;padding:6px 9px;border:1px solid var(--line);border-radius:7px;background:var(--bg2);color:var(--txt);font:inherit;font-size:12px;outline:none;box-sizing:border-box}
.pcm-search:focus{border-color:var(--pcac,#e8a33d)}
.pcm-search::placeholder{color:var(--muted)}
/* clear-all-indicators button in the indicator menu */
.pcm-clr{width:calc(100% - 16px);margin:0 8px 6px;padding:5px;border:1px solid var(--line);background:var(--card2);color:var(--muted);border-radius:7px;cursor:pointer;font:inherit;font-size:11px;font-weight:600;transition:.12s}
.pcm-clr:hover{border-color:var(--muted);color:var(--txt)}
/* indicator-alert creator dialog (reuses .pcset modal · --pcac amber UI accent only · no new colors) */
.pcia-tabs{display:flex;gap:6px;margin:8px 0}
.pcia-tabs .pcseg2{flex:1}
.pcia-body{display:flex;flex-direction:column;gap:8px;margin:8px 0}
.pcia-body label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:var(--txt2,#c8d2e0)}
.pcia-body select,.pcia-body input{background:var(--bg2);color:var(--txt);border:1px solid var(--line);border-radius:6px;padding:5px 8px;font:inherit;font-size:12px;min-width:140px}
.pcia-create{width:100%;margin-top:8px;padding:9px;border:1px solid var(--pcac,#e8a33d);background:transparent;color:var(--pcac,#e8a33d);border-radius:8px;cursor:pointer;font:inherit;font-weight:800;transition:.12s}
.pcia-create:hover{background:var(--pcac,#e8a33d);color:#0b1320}
.pcia-note{margin-top:8px;font-size:10.5px;color:var(--muted);line-height:1.5}
/* indicator-alert manage list */
.pcia-listh{margin-top:12px}
.pcia-list{display:flex;flex-direction:column;gap:5px;margin-top:6px;max-height:160px;overflow:auto}
.pcia-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 9px;background:var(--bg2);border:1px solid var(--line);border-radius:7px;font-size:12px;color:var(--txt)}
.pcia-del{background:transparent;border:0;color:var(--muted);cursor:pointer;font-size:13px;line-height:1;padding:2px 5px;border-radius:4px}
.pcia-del:hover{color:var(--txt);background:var(--card2)}
/* active indicator-alert count badge on the 🔔 toolbar button (amber UI accent) */
.pctool-badge{display:inline-block;min-width:13px;padding:0 3px;margin-inline-start:1px;font-size:8.5px;font-weight:800;line-height:13px;text-align:center;border-radius:7px;background:var(--pcac,#e8a33d);color:#0b1320;vertical-align:top}
/* Canvas render engine layer — behind the SVG (DOM order: canvas is first child → painted behind; overlays z:5+ stay on top) */
.pccanvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.pcmini{position:absolute;left:6px;right:66px;bottom:24px;height:38px;z-index:6;cursor:crosshair;border:1px solid var(--line);border-radius:6px;background:rgba(8,12,20,.62);-webkit-tap-highlight-color:transparent;touch-action:none}   /* history navigator overlay (toggle ⊟) — floats over the bottom plot sliver, own translucent bg */
/* (removed) orphan .pcnav floating nav-button CSS — navigation now lives in the toolbar as .pcnavg (page.js); 0 .pcnav nodes in live DOM, confirmed unreferenced in JS. The reserved top-right 54px strip would have collided with .pcdw/.pcnow. */

/* live last-price pulse — CSS keyframes replace SMIL <animate> (SMIL kept the SVG on a continuous animation timer and defeated the idle innerHTML skip in pcDraw) */
@keyframes pcPulseK{0%{r:3;opacity:1}50%{r:6.5;opacity:.2}100%{r:3;opacity:1}}
.pcsvg .pcpulse{animation:pcPulseK 1.6s ease-in-out infinite}

/* replay SIM paper-trading controls — green/red allowed here (Buy/Sell direction, rule 6 exemption) · amber for chrome */
.pcreplay .rp-spd{min-width:34px;font-weight:800;color:var(--pcac,#e8a33d)}
.pcreplay .rp-sim{display:inline-flex;align-items:center;gap:5px;margin-inline-start:4px;padding-inline-start:7px;border-inline-start:1px solid var(--line)}
.pcreplay .rp-buy,.pcreplay .rp-sell{border:1px solid;border-radius:7px;padding:3px 9px;cursor:pointer;font-family:inherit;font-size:10.5px;font-weight:800;background:transparent}
.pcreplay .rp-buy{color:var(--up);border-color:var(--up)}.pcreplay .rp-buy:hover{background:rgba(38,224,138,.13)}
.pcreplay .rp-sell{color:var(--down);border-color:var(--down)}.pcreplay .rp-sell:hover{background:rgba(255,86,103,.13)}
.pcreplay .rp-open,.pcreplay .rp-pl{font-size:10.5px;font-weight:800;font-variant-numeric:tabular-nums}
.pcreplay .rp-open.up,.pcreplay .rp-pl.up{color:var(--up)}.pcreplay .rp-open.down,.pcreplay .rp-pl.down{color:var(--down)}
.pcreplay .rp-x2{border:1px solid var(--line);background:var(--card2);color:var(--txt2);border-radius:6px;width:20px;height:20px;cursor:pointer;font-size:10px}
.pcreplay .rp-stats{font-size:9.5px;color:var(--muted);font-variant-numeric:tabular-nums}
/* ── LIVE DEMO PAPER-TRADING panel ── */
.pp-card{border-color:rgba(232,163,61,.3)}
.pp-acct{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:9px}
.pp-a{display:flex;flex-direction:column;gap:1px;background:var(--card2,rgba(0,0,0,.12));border:1px solid var(--line);border-radius:8px;padding:5px 8px}
.pp-a span{font-size:8.5px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.3px}
.pp-a b{font-size:12.5px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--txt)}
.pp-v.up,.pp-pl.up,.pp-jR.up,.pp-dir.up{color:var(--up)} .pp-v.down,.pp-pl.down,.pp-jR.down,.pp-dir.down{color:var(--down)}
.pp-ticket{margin:4px 0 10px}
.pp-lotrow{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--txt2);margin-bottom:7px}
.pp-lotrow>span:first-child{font-weight:700}
.pp-lb{width:22px;height:22px;border:1px solid var(--line);background:var(--card2);color:var(--txt);border-radius:6px;cursor:pointer;font-size:13px;font-weight:800;line-height:1}
.pp-lotrow #ppLot{min-width:34px;text-align:center;font-weight:800;font-variant-numeric:tabular-nums}
.pp-hint{font-size:8.5px;color:var(--muted);margin-inline-start:auto}
.pp-bs{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pp-buy,.pp-sell{border:none;border-radius:9px;padding:11px 0;font-size:13px;font-weight:800;cursor:pointer;color:#fff;letter-spacing:.3px}
.pp-buy{background:linear-gradient(180deg,#2bd684,#17b56a)} .pp-sell{background:linear-gradient(180deg,#ff5e7e,#e8425f)}
.pp-buy:active,.pp-sell:active{transform:translateY(1px)}
.pp-note{text-align:center;font-size:8.5px;color:var(--muted);margin-top:6px;font-weight:600}
/* market-closed / frozen-feed states — amber status (not red/green chrome): market orders can't fill on a stale price */
.pp-bs2 button:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.55)}
.pp-note-closed{color:var(--pcac,#e8a33d);font-weight:800}
.pct-buy:disabled,.pct-sell:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.55)}
.pct-closed{font-size:9px;font-weight:800;color:var(--pcac,#e8a33d);background:rgba(232,163,61,.12);border:1px solid rgba(232,163,61,.4);border-radius:6px;padding:3px 7px;white-space:nowrap;align-self:center}
.pp-sec{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:800;color:var(--txt2);text-transform:uppercase;letter-spacing:.4px;margin:11px 0 5px;padding-top:8px;border-top:1px solid var(--line)}
.pp-sec a{color:var(--down);cursor:pointer;font-size:9px;text-transform:none}
.pp-empty{font-size:10px;color:var(--muted);text-align:center;padding:8px 0}
.pp-pos{background:var(--card2,rgba(0,0,0,.12));border:1px solid var(--line);border-radius:9px;padding:7px 9px;margin-bottom:6px}
.pp-pl-top{display:flex;align-items:center;gap:7px;margin-bottom:4px}
.pp-dir{font-weight:800;font-size:11px} .pp-lotv{font-size:9.5px;color:var(--muted);font-weight:700}
.pp-pl{margin-inline-start:auto;font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}
.pp-pl-mid{display:flex;flex-wrap:wrap;gap:9px;font-size:9.5px;color:var(--muted)}
.pp-pl-mid b{color:var(--txt);font-variant-numeric:tabular-nums;font-weight:700}
.pp-pl-act{display:flex;gap:5px;margin-top:6px}
.pp-pl-act button{flex:1;border:1px solid var(--line);background:var(--card2);color:var(--txt2);border-radius:6px;padding:5px 0;font-size:9.5px;font-weight:700;cursor:pointer}
.pp-pl-act .pp-cx{color:var(--down);border-color:rgba(255,84,112,.4)}
.pp-jrnl{display:flex;flex-direction:column;gap:2px;max-height:160px;overflow-y:auto}
.pp-jr{display:flex;align-items:center;gap:7px;font-size:10px;padding:3px 2px;border-bottom:1px solid rgba(120,130,150,.08)}
.pp-jr .pp-js{font-weight:700;color:var(--txt2)} .pp-jr .pp-jx{font-size:8.5px;color:var(--muted)}
.pp-jr .pp-jR{font-size:9px;font-weight:800;margin-inline-start:auto} .pp-jr b{font-variant-numeric:tabular-nums;font-weight:800}
.pp-reset{width:100%;margin-top:9px;border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:8px;padding:7px 0;font-size:10px;font-weight:700;cursor:pointer}
/* ── MT5-STYLE BOTTOM TRADE TERMINAL (full-width box under the chart) ── */
.pcterm{display:none}
/* DETACHED floating terminal (user: "separate the box so it doesn't take from the chart"): the box now OVERLAYS
   the chart bottom as an absolute panel inside .pccard → the chart NEVER resizes when it opens. Draggable by its header. */
.pcterm.on{display:flex;flex-direction:column;position:absolute;left:8px;right:8px;bottom:8px;z-index:46;
  background:var(--card,rgba(10,14,22,.95));backdrop-filter:blur(11px);-webkit-backdrop-filter:blur(11px);
  border:1px solid var(--line);border-radius:11px;margin:0;overflow:hidden;height:300px;max-height:46vh;
  box-shadow:0 12px 44px rgba(0,0,0,.5)}
.pcterm.on .pct-bar{cursor:move;user-select:none}
.pcterm.on .pct-bar button,.pcterm.on .pct-bar input,.pcterm.on .pct-bar .pct-ticket,.pcterm.on .pct-bar .pct-lot{cursor:auto}
/* resize handles on the floating terminal edges/corners (bottom-docked → top edge grows it upward) */
.pct-rz{position:absolute;z-index:48}
.pct-rz-n{top:0;left:12px;right:12px;height:8px;cursor:ns-resize}
.pct-rz-w{top:0;bottom:0;left:0;width:7px;cursor:ew-resize}
.pct-rz-e{top:0;bottom:0;right:0;width:7px;cursor:ew-resize}
.pct-rz-nw{top:0;left:0;width:15px;height:15px;cursor:nwse-resize;z-index:49}
.pct-rz-ne{top:0;right:0;width:15px;height:15px;cursor:nesw-resize;z-index:49}
.pcterm.on::before{content:"";position:absolute;top:3px;left:50%;transform:translateX(-50%);width:44px;height:3px;border-radius:2px;background:var(--muted,#8893a5);z-index:47;pointer-events:none;opacity:.55}
.pct-bar{display:flex;align-items:center;gap:10px;padding:6px 9px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.pct-tabs{display:flex;gap:3px}
.pct-tabs button{border:none;background:transparent;color:var(--muted);font-size:11px;font-weight:800;padding:5px 11px;border-radius:7px;cursor:pointer}
.pct-tabs button.on{background:var(--card2,rgba(255,255,255,.06));color:var(--txt)}
.pct-tabs button i{font-style:normal;font-size:9px;opacity:.7;margin-inline-start:3px}
.pct-ticket{display:flex;align-items:center;gap:6px;margin-inline-start:auto}
.pct-lot{display:flex;align-items:center;gap:5px;font-variant-numeric:tabular-nums}
.pct-lot button{width:22px;height:22px;border:1px solid var(--line);background:var(--card2);color:var(--txt);border-radius:6px;cursor:pointer;font-size:13px;font-weight:800;line-height:1}
.pct-lot b{min-width:32px;text-align:center;font-weight:800}
.pct-in{width:76px;height:24px;border:1px solid var(--line);background:var(--card2,rgba(0,0,0,.2));color:var(--txt);border-radius:6px;padding:0 7px;font-size:11px;font-variant-numeric:tabular-nums}
.pct-buy,.pct-sell{border:none;border-radius:7px;padding:6px 14px;font-size:12px;font-weight:800;cursor:pointer;color:#fff;letter-spacing:.3px}
.pct-buy{background:linear-gradient(180deg,#2bd684,#17b56a)} .pct-sell{background:linear-gradient(180deg,#ff5e7e,#e8425f)}
.pct-buy:active,.pct-sell:active{transform:translateY(1px)}
.pct-x{width:24px;height:24px;border:1px solid var(--line);background:var(--card2);color:var(--muted);border-radius:6px;cursor:pointer;font-size:11px}
/* one-click bulk close: all / winners / losers */
.pct-bulk{display:flex;align-items:center;gap:5px}
.pct-closeall{display:flex;align-items:center;gap:6px;background:rgba(255,84,112,.14);border:1px solid rgba(255,84,112,.45);color:var(--down,#ff5470);border-radius:8px;padding:6px 11px;cursor:pointer;font-size:11.5px;font-weight:800;white-space:nowrap}
.pct-closeall:hover{background:var(--down,#ff5470);color:#fff}
.pct-closeall b{font-variant-numeric:tabular-nums}.pct-closeall:hover b{color:#fff!important}
.pct-closep,.pct-closel{width:27px;height:28px;border-radius:7px;border:1px solid var(--line);background:transparent;cursor:pointer;font-size:11px;font-weight:800}
.pct-closep{color:var(--up,#26d07c)}.pct-closep:hover{background:var(--up,#26d07c);color:#fff;border-color:transparent}
.pct-closel{color:var(--down,#ff5470)}.pct-closel:hover{background:var(--down,#ff5470);color:#fff;border-color:transparent}
.pct-scroll{overflow:auto;flex:1;min-height:0}
.pct-tbl{width:100%;border-collapse:collapse;font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}
.pct-tbl thead th{position:sticky;top:0;background:var(--card2,rgba(20,24,34,.96));color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.3px;text-align:right;padding:6px 10px;border-bottom:1px solid var(--line)}
.pct-tbl td{padding:5px 10px;border-bottom:1px solid rgba(120,130,150,.08);color:var(--txt2);text-align:right}
.pct-tbl tbody tr:hover{background:var(--card2,rgba(255,255,255,.03))}
.pct-tbl .up{color:var(--up)} .pct-tbl .down{color:var(--down)}
.pct-sym{font-weight:800} .pct-dim{color:var(--muted);font-size:10px} .pct-now,.pct-prof{font-weight:700}
.pct-prof{font-weight:800}
.pct-cls{width:20px;height:20px;border:1px solid rgba(255,84,112,.4);background:transparent;color:var(--down);border-radius:5px;cursor:pointer;font-size:10px}
/* editable SL/TP inputs inside the terminal positions table + ½ partial close */
.pct-edit{width:72px;height:22px;border:1px solid var(--line);background:var(--bg2,rgba(0,0,0,.2));color:var(--txt);border-radius:6px;padding:0 6px;font-size:10.5px;font-variant-numeric:tabular-nums;outline:none;text-align:right}
.pct-edit::placeholder{color:var(--muted);opacity:.7;font-weight:700}
.pct-edit.sl:focus,.pct-edit.sl:not(:placeholder-shown){border-color:rgba(255,84,112,.6);color:var(--down)}
.pct-edit.tp:focus,.pct-edit.tp:not(:placeholder-shown){border-color:rgba(38,208,124,.6);color:var(--up)}
.pct-actcell{display:flex;gap:4px;justify-content:flex-end}
.pct-half{width:22px;height:20px;border:1px solid var(--line);background:transparent;color:var(--txt2);border-radius:5px;cursor:pointer;font-size:11px;font-weight:800}
.pct-half:hover{border-color:var(--pcac,#e8a33d);color:var(--pcac,#e8a33d)}
.pct-be{height:20px;padding:0 6px;border:1px solid var(--line);background:transparent;color:var(--txt2);border-radius:5px;cursor:pointer;font-size:9.5px;font-weight:800}
.pct-be:hover{border-color:var(--pcac,#e8a33d);color:var(--pcac,#e8a33d)}
.pct-trail{width:22px;height:20px;border:1px solid var(--line);background:transparent;color:var(--txt2);border-radius:5px;cursor:pointer;font-size:12px;font-weight:800;line-height:1}
.pct-trail:hover{border-color:var(--up,#26d07c);color:var(--up,#26d07c)}
.pct-trail.on{background:#15803d;border-color:transparent;color:#fff}
.pct-be.on{background:#15803d;border-color:transparent;color:#fff}
/* trailing / break-even settings dialog (opens in the non-modal float) */
.pp-cfg .pp-cfgin{width:104px;background:var(--bg2,rgba(0,0,0,.2));border:1px solid var(--line);border-radius:7px;color:var(--txt);padding:6px 9px;font-size:12px;outline:none;font-variant-numeric:tabular-nums;text-align:right}
.pp-cfg .pp-cfgin:focus{border-color:var(--pcac,#e8a33d)}
.pp-cfgquick{display:flex;gap:5px;margin:3px 0 9px;flex-wrap:wrap}
.pp-cfgquick button{flex:1;min-width:42px;background:var(--bg2,rgba(0,0,0,.2));border:1px solid var(--line);color:var(--txt2);border-radius:6px;padding:5px 4px;cursor:pointer;font-size:10.5px;font-weight:700}
.pp-cfgquick button:hover{border-color:var(--pcac,#e8a33d);color:var(--pcac,#e8a33d)}
.pp-cfgnote{font-size:9.5px;color:var(--txt2);opacity:.85;margin:1px 0 4px}
.pp-cfgbtns{display:flex;gap:7px;margin-top:5px}
.pp-cfgon,.pp-cfgon2{flex:1;border:0;border-radius:8px;padding:9px 6px;cursor:pointer;font-weight:800;font-size:12px;color:#fff;background:linear-gradient(135deg,#15803d,#0a5c2c)}
.pp-cfgon2{background:linear-gradient(135deg,var(--pcac,#e8a33d),#b8741f)}
.pp-cfgon:hover,.pp-cfgon2:hover{filter:brightness(1.1)}
.pp-cfgoff{flex:none;border:1px solid var(--line);background:transparent;color:var(--down);border-radius:8px;padding:9px 12px;cursor:pointer;font-weight:800;font-size:12px}
/* pending-order price field + pending list */
.pct-price{border-color:rgba(232,163,61,.5)!important}
.pct-pendwrap{padding:7px 10px 9px;border-top:1px dashed var(--line)}
.pct-pendh{font-size:10px;font-weight:800;color:var(--txt2);text-transform:uppercase;letter-spacing:.3px;margin-bottom:6px}
.pct-pend{display:flex;align-items:center;gap:9px;padding:5px 9px;background:var(--card2);border:1px solid var(--line);border-radius:8px;margin-bottom:5px;font-size:11px;font-variant-numeric:tabular-nums}
.pct-pend>span:first-child{font-weight:800}.pct-pend .up{color:var(--up)}.pct-pend .down{color:var(--down)}.pct-pend .pct-dim{color:var(--muted)}
.pct-pend>b{font-weight:700}.pct-pend .pct-cls{margin-inline-start:auto}
.pct-empty td{text-align:center;color:var(--muted);padding:18px 0;font-size:11px}
.pct-sum{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:7px 12px;border-top:1px solid var(--line);background:var(--card2,rgba(20,24,34,.55));font-size:11px;color:var(--txt2);font-variant-numeric:tabular-nums}
.pct-sum b{color:var(--txt);font-weight:800;margin-inline-start:3px}
.pct-sum b.up{color:var(--up)} .pct-sum b.down{color:var(--down)}
.pct-sum .pct-tot{margin-inline-start:auto;font-weight:800}
.pct-reset{width:26px;height:24px;border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:6px;cursor:pointer;font-size:12px}
@media(max-width:760px){.pct-ticket{margin-inline-start:0;width:100%;justify-content:space-between}.pct-in{width:60px}}
/* ── demo journal performance stats strip ── */
.pct-stats{display:flex;align-items:center;gap:13px;flex-wrap:wrap;padding:7px 12px;border-bottom:1px solid var(--line);background:var(--card2,rgba(20,24,34,.4))}
.pcs{display:flex;flex-direction:column;gap:1px}
.pcs span{font-size:8px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.3px}
.pcs b{font-size:12px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--txt)}
.pcs b.up{color:var(--up)} .pcs b.down{color:var(--down)}
.pcs-csv{margin-inline-start:auto;font-size:10px;font-weight:800;color:var(--pcac,#e8a33d);cursor:pointer;border:1px solid var(--line);border-radius:7px;padding:5px 10px}
/* ── backtest terminal label + equity curve ── */
.pct-bar.pct-bt{background:linear-gradient(90deg,rgba(232,163,61,.12),transparent)}
.pct-btlabel{font-size:10px;font-weight:900;color:var(--pcac,#e8a33d);letter-spacing:.5px;margin-inline-end:6px;align-self:center}
.pct-eqc-wrap{padding:6px 12px;border-bottom:1px solid var(--line);position:relative}
.pct-eqc-l{position:absolute;top:6px;inset-inline-start:12px;font-size:8px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}
.pp-eqc{display:block;margin-top:4px}
/* ── Smart strategy advanced-settings modal: section label ── */
.pcset-seclbl{font-size:10px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--muted);margin:0 0 7px;opacity:.85}
.pcset-sec .pcm-rng{display:flex;align-items:center;gap:8px;min-width:150px}
.pcset-sec .pcm-rng input[type=range]{flex:1}
.pcset-sec .pcm-rng b{min-width:38px;text-align:end;font-variant-numeric:tabular-nums;font-weight:800}
/* ── NON-MODAL floating settings panel (draggable, NO backdrop → chart stays visible & updates live) ── */
.pcfloat{display:none;position:fixed;top:64px;inset-inline-end:18px;z-index:200;width:332px;min-width:280px;min-height:170px;max-width:96vw;max-height:90vh;overflow:auto;background:var(--cardgrad);border:1px solid var(--gold);border-radius:14px;box-shadow:0 20px 56px rgba(0,0,0,.55)}
.pcfloat.on{display:block}
.pcfloat-h{display:flex;align-items:center;gap:8px;padding:11px 14px;border-bottom:1px solid var(--line);cursor:move;position:sticky;top:0;background:var(--card);border-radius:14px 14px 0 0;z-index:2;user-select:none;touch-action:none}
.pcfloat-t{font-weight:800;font-size:14px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pcfloat-x{flex:none;background:var(--card2);border:1px solid var(--line);color:var(--txt);border-radius:7px;width:26px;height:26px;cursor:pointer;font-size:13px;line-height:1}
.pcfloat-x:hover{background:var(--pcac-bg,rgba(232,163,61,.16));color:var(--pcac,#e8a33d);border-color:color-mix(in srgb,var(--pcac,#e8a33d) 45%,transparent)}   /* color law: chrome hover uses amber, NOT price-red (--down is reserved for P&L/direction) */
.pcfloat-b{padding:12px 14px}
/* Explain-this-candle panel */
.pcexpl{font-size:12.5px;line-height:1.5}
.pcexpl-hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.pcexpl-hd b{font-size:13px}
.pcexpl-sess{font-size:10.5px;color:var(--pcac,#e8a33d);border:1px solid var(--line);border-radius:6px;padding:1px 7px}
.pcexpl-ohlc{font-family:ui-monospace,monospace;font-size:11.5px;color:var(--txt2);background:var(--card2);border-radius:7px;padding:6px 9px;margin-bottom:8px;font-variant-numeric:tabular-nums}
.pcexpl-row{display:flex;justify-content:space-between;gap:10px;padding:3px 0;border-bottom:0.5px solid var(--line)}
.pcexpl-k{color:var(--muted)}
.pcexpl-v{font-weight:700;text-align:end}
.pcexpl-ai{margin-top:10px;background:var(--card2);border-radius:9px;padding:9px 11px;border-inline-start:3px solid var(--pcac,#e8a33d)}
.pcexpl-ailbl{font-size:11px;color:var(--muted);margin-bottom:4px}
.pcexpl-aibody{font-size:12.5px;line-height:1.55}
/* journal row → AI trade review affordance */
.pp-jr{transition:background .12s}
.pp-jr:hover{background:var(--card2)}
.pp-jai{opacity:0;margin-inline-start:6px;font-size:11px;transition:opacity .12s}
.pp-jr:hover .pp-jai{opacity:.85}
/* Analyst Desk (multi-agent read of the current chart) */
.pcdesk{font-size:12.5px}
.pcdesk-cons{border:1px solid var(--line);border-inline-start-width:3px;border-radius:10px;padding:8px 11px;margin-bottom:10px}
.pcdesk-consl{font-size:10.5px;color:var(--muted)}
.pcdesk-consv{font-size:16px;font-weight:800;font-variant-numeric:tabular-nums}
.pcdesk-consb{font-size:11px;color:var(--txt2);margin-top:2px}
.pcdesk-grid{display:flex;flex-direction:column;gap:7px}
.pcdesk-ag{background:var(--card2);border-radius:9px;padding:7px 10px}
.pcdesk-ag.na{opacity:.6}
.pcdesk-agt{display:flex;align-items:center;gap:7px}
.pcdesk-agic{font-size:14px}
.pcdesk-agn{font-weight:700;flex:1}
.pcdesk-agb{font-weight:800;font-size:12px}
.pcdesk-agbar{height:4px;border-radius:3px;background:var(--line);margin:5px 0 3px;overflow:hidden}
.pcdesk-agbar i{display:block;height:100%;border-radius:3px}
.pcdesk-agr{font-size:11px;color:var(--muted)}
/* resize grip (bottom-end corner) — manual resize, themable & reliable regardless of border-radius */
.pcfloat-rz{position:sticky;bottom:0;margin-inline-start:auto;width:18px;height:18px;cursor:nwse-resize;z-index:2;touch-action:none;
  background:repeating-linear-gradient(135deg,transparent 0 2px,var(--pcac,#e8a33d) 2px 3px);opacity:.5;border-end-end-radius:12px}
.pcfloat-rz:hover{opacity:.95}
.pcset-float .pcset-sec{margin-bottom:12px}
/* on/off toggle switch */
.pctgl{position:relative;width:38px;height:21px;border-radius:21px;border:1px solid var(--line);background:var(--card2);cursor:pointer;padding:0;transition:.15s}
.pctgl i{position:absolute;top:2px;inset-inline-start:2px;width:15px;height:15px;border-radius:50%;background:var(--muted);transition:.15s}
.pctgl.on{background:var(--gold);border-color:transparent}
.pctgl.on i{inset-inline-start:20px;background:#fff}