/* ════════════ MULTI-CHART GRID (1/2/4/6 independent live panes) ════════════ */
#pcGrid.pcgrid{ flex:1; min-width:0; min-height:0; display:grid; gap:6px; padding:6px; box-sizing:border-box; background:var(--bg,#0b0b0d); }
.pcgrid-2{ grid-template-columns:1fr 1fr; grid-template-rows:1fr; }
.pcgrid-4{ grid-template-columns:1fr 1fr; grid-template-rows:1fr 1fr; }
.pcgrid-6{ grid-template-columns:1fr 1fr 1fr; grid-template-rows:1fr 1fr; }
@media (max-width:760px){ .pcgrid-6{ grid-template-columns:1fr 1fr; grid-template-rows:1fr 1fr 1fr; } }

.pcgcell{ position:relative; display:flex; flex-direction:column; min-width:0; min-height:0; overflow:hidden;
  border:1px solid var(--line,rgba(255,255,255,.08)); border-radius:9px; background:var(--card,#101012); }
.pcgcell:hover{ border-color:var(--pcac,#e8a33d); }

.pcg-h{ position:relative; flex:0 0 auto; display:flex; align-items:center; gap:7px; padding:5px 9px;
  border-bottom:1px solid var(--line,rgba(255,255,255,.07)); font-size:11px; line-height:1.2; }
.pcg-ic{ font-size:13px; }
.pcg-sym{ font-weight:700; cursor:pointer; color:var(--txt,#eee); white-space:nowrap; }
.pcg-sym:hover{ color:var(--pcac,#e8a33d); }
.pcg-tf{ cursor:pointer; color:var(--muted,#888); border:1px solid var(--line,rgba(255,255,255,.12)); border-radius:5px; padding:1px 6px; font-size:10px; font-weight:600; }
.pcg-tf:hover{ color:var(--txt,#eee); border-color:var(--pcac,#e8a33d); }
.pcg-px{ font-weight:700; font-variant-numeric:tabular-nums; color:var(--txt,#eee); }
.pcg-ch{ font-size:10px; font-weight:600; font-variant-numeric:tabular-nums; }
.pcg-ch.up{ color:var(--up,#26d07c); } .pcg-ch.down{ color:var(--down,#ff4d5e); }
.pcg-grow{ flex:1; }
.pcg-exp{ background:none; border:none; color:var(--muted,#888); cursor:pointer; font-size:13px; padding:0 2px; line-height:1; }
.pcg-exp:hover{ color:var(--pcac,#e8a33d); }

.pcg-canvas{ position:relative; flex:1; min-height:0; }
.pcg-canvas canvas{ display:block; width:100%; height:100%; cursor:crosshair; }
.pcg-ohlc{ position:absolute; top:5px; inset-inline-start:7px; display:none; font-size:10px; color:var(--muted,#aaa);
  font-variant-numeric:tabular-nums; pointer-events:none; background:rgba(0,0,0,.34); padding:2px 7px; border-radius:5px; letter-spacing:.2px; }

/* per-pane symbol / timeframe dropdown */
.pcg-menu{ position:absolute; top:calc(100% + 3px); inset-inline-start:8px; z-index:30; width:210px; max-height:264px; overflow:auto;
  background:var(--card2,#161618); border:1px solid var(--line,rgba(255,255,255,.14)); border-radius:9px; box-shadow:0 12px 34px rgba(0,0,0,.55); padding:6px; }
.pcg-tfmenu{ width:96px; }
.pcg-search{ width:100%; box-sizing:border-box; background:var(--bg,#0b0b0d); border:1px solid var(--line,rgba(255,255,255,.14));
  border-radius:7px; color:var(--txt,#eee); padding:6px 9px; font-size:12px; margin-bottom:5px; outline:none; }
.pcg-search:focus{ border-color:var(--pcac,#e8a33d); }
.pcg-mrow{ display:flex; align-items:center; gap:8px; padding:6px 8px; border-radius:6px; cursor:pointer; font-size:12px; color:var(--txt,#eee); }
.pcg-mrow b{ margin-inline-start:auto; color:var(--muted,#888); font-weight:600; font-size:10px; }
.pcg-mrow:hover{ background:var(--pcac-bg,rgba(232,163,61,.12)); }
.pcg-mrow.on{ color:var(--pcac,#e8a33d); }
.pcg-mrow.on b{ color:var(--pcac,#e8a33d); }
.pcg-mic{ width:16px; text-align:center; }

/* toolbar layout switcher (segmented) */
.pcseg.pclay .pclaybtn{ background:none; border:none; color:var(--muted,#888); cursor:pointer; font-size:13px; padding:3px 8px; line-height:1; }
.pcseg.pclay .pclaybtn:hover{ color:var(--txt,#eee); }
.pcseg.pclay .pclaybtn.on{ color:var(--pcac,#e8a33d); }
.pcseg.pclay .mcsync{ border-inline-start:1px solid var(--line,rgba(255,255,255,.12)); margin-inline-start:3px; padding-inline-start:7px; font-size:12px; }   /* 🔗 cross-pane sync toggle, separated from the layout buttons */

/* ── layout + sync PICKER (TradingView-style dropdown) ── */
.mclaytrig{ display:inline-flex; align-items:center; gap:3px; color:var(--txt2,#9aa); }
.mclaytrig:hover{ color:var(--pcac,#e8a33d); }
.mclaytrig svg{ display:block; }
.mclaycaret{ font-size:9px; opacity:.7; }
.mclay-menu{ width:286px; max-height:min(74vh,560px); padding:0; inset-inline-start:auto; top:auto; }
.mclay-scroll{ max-height:none; overflow:visible; padding:8px 10px 4px; }
.mclay-row{ display:flex; align-items:flex-start; gap:8px; padding:3px 0; border-bottom:1px solid var(--line,rgba(255,255,255,.06)); }
.mclay-row:last-child{ border-bottom:none; }
.mclay-n{ flex:none; width:16px; font-size:11px; font-weight:700; color:var(--muted,#888); padding-top:6px; }
.mclay-icons{ display:flex; flex-wrap:wrap; gap:4px; }
.mclay-ic{ width:30px; height:30px; display:grid; place-items:center; background:none; border:1px solid transparent; border-radius:6px; color:var(--txt2,#9aa); cursor:pointer; padding:0; }
.mclay-ic:hover{ background:var(--card2,rgba(255,255,255,.05)); color:var(--txt,#eee); }
.mclay-ic.on{ border-color:var(--pcac,#e8a33d); color:var(--pcac,#e8a33d); background:color-mix(in srgb,var(--pcac,#e8a33d) 12%,transparent); }
.mclay-synch{ font-size:10px; font-weight:800; letter-spacing:.6px; color:var(--muted,#888); padding:9px 12px 4px; border-top:1px solid var(--line,rgba(255,255,255,.08)); margin-top:4px; }
.mclay-sync{ display:flex; align-items:center; justify-content:space-between; padding:6px 12px; }
.mclay-sl{ font-size:12.5px; color:var(--txt,#eee); display:inline-flex; align-items:center; gap:5px; }
.mclay-i{ font-style:normal; font-size:11px; color:var(--muted,#888); cursor:help; }
.mclay-tog{ position:relative; width:34px; height:18px; flex:none; border:none; border-radius:9px; background:var(--line,#555); cursor:pointer; padding:0; transition:background .15s; }
.mclay-tog.on{ background:var(--pcac,#e8a33d); }
.mclay-tog i{ position:absolute; top:2px; inset-inline-start:2px; width:14px; height:14px; border-radius:50%; background:#fff; transition:inset-inline-start .15s; }
.mclay-tog.on i{ inset-inline-start:18px; }