/* ══════════════════════════════════════════════════════════════════════════
   CHART CHROME — INSTITUTIONAL REFINEMENT LAYER  (additive · scoped to .pccard)
   Elevates the existing 2-band chrome to a Bloomberg / TradingView-grade finish:
   a distinct header band · refined identity typography · price-change as a
   terminal chip · a cohesive uniform right-side status cluster · an elevated
   single Trade CTA · calmer toolbar group pills.
   Discipline preserved: ONE amber UI accent (--pcac); red/green = price only.
   Loads AFTER chart-chrome.css so these win by source order + .pccard scope.
   ══════════════════════════════════════════════════════════════════════════ */

/* ── header reads as its own elevated band, parted from the toolbar by a hairline ── */
.pccard .pchead{
  padding:11px 16px 10px;
  background:linear-gradient(180deg,rgba(255,255,255,.026),rgba(255,255,255,0));
  border-bottom:1px solid var(--line);
  position:relative;z-index:31;
}
html[data-theme=light] .pccard .pchead{background:linear-gradient(180deg,rgba(12,20,40,.02),transparent)}

/* ── instrument identity: quieter, more deliberate ── */
.pccard .pcpair{letter-spacing:.2px}
.pccard .pcnm2{text-transform:uppercase;letter-spacing:.7px;opacity:.82}

/* ── live price cluster: vertically centered; the change becomes a tinted terminal chip ── */
.pccard .pcq{align-items:center;gap:9px}
.pccard .pcq-c{padding:3px 8px;border-radius:7px;line-height:1.05;background:color-mix(in srgb,currentColor 12%,transparent)}

/* ── right-side status cluster: one cohesive pill group behind a leading divider ── */
.pccard .pchstats{gap:8px;padding-inline-start:13px;border-inline-start:1px solid var(--line)}
.pccard .pchs.pcsess,.pccard .pchs.pccd{padding:4px 10px;border:1px solid var(--line);background:rgba(125,140,165,.10)}
.pccard .pcsrc2{display:none}   /* BROKER+DB source badge hidden from screen per request — the underlying data-source/feed logic stays untouched */
.pccard .pclive2{padding:3px 9px;border:1px solid color-mix(in srgb,var(--up) 34%,var(--line))}

/* ── toolbar: the Trade button is THE single primary action — give it quiet presence ── */
.pccard .pctoolbar .pcbtn.pctrade{font-weight:800;box-shadow:0 2px 10px rgba(232,163,61,.16)}
.pccard .pctoolbar .pcbtn.pctrade:hover{box-shadow:0 5px 16px rgba(232,163,61,.30)}

/* ── crisp monochrome SVG control icons across the top toolbar (replaced all emoji → institutional) ── */
.pccard .pctoolbar .pcbtn svg{width:16px;height:16px;flex:none}
.pccard .pctoolbar .pcbtn.pcicon svg{width:17px;height:17px}
.pccard .pctoolbar .pcseg button svg{width:15px;height:15px;flex:none;display:block}

/* ── toolbar group pills: unified radius + a calmer, less busy surface ── */
.pccard .pctoolbar .pcgrp{border-radius:9px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 1px 3px rgba(0,0,0,.16)}
html[data-theme=light] .pccard .pctoolbar .pcgrp{box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 1px 2px rgba(10,20,40,.06)}

/* ── favourite rail tools read as a distinct pinned tier (subtle amber tint when idle) ── */
.pccard .pctools .pctf-fav:not(.on){color:var(--pcac,#e8a33d);opacity:.78}
.pccard .pctools .pctf-fav:not(.on):hover{opacity:1;background:var(--pcac-bg,rgba(232,163,61,.13))}
.pccard .pctools .pctf-fav svg{width:18.5px;height:18.5px}   /* match the rail's native 18.5px icon box (favourites came through _pcToolSvg at 17px → wobble) */

/* ── active-tool ACCENT SPINE on the rail's inner (plot) edge — moves to the armed tool (TradingView/Bloomberg signature) ── */
.pccard .pctools .pctool{position:relative}
.pccard .pctools .pctool.on::after{content:"";position:absolute;inset-inline-end:-6px;top:6px;bottom:6px;width:2.5px;border-radius:2px;background:var(--pcac,#e8a33d);box-shadow:0 0 7px rgba(232,163,61,.55)}
.pccard .pctools::before{opacity:.2}   /* dim the static decorative spine so the moving active spine is the one amber vertical accent */

/* ── discoverable thin scrollbar on rail overflow (was fully hidden → no signal more tools exist) ── */
.pccard .pctools{scrollbar-width:thin;scrollbar-color:rgba(140,150,170,.3) transparent}
.pccard .pctools::-webkit-scrollbar{display:block;width:6px}
.pccard .pctools::-webkit-scrollbar-track{background:transparent}
.pccard .pctools::-webkit-scrollbar-thumb{background:rgba(140,150,170,.28);border-radius:6px}
.pccard .pctools::-webkit-scrollbar-thumb:hover{background:rgba(140,150,170,.5)}

/* ── focus-visible rings reach INSIDE the fly-outs + tool-search rows (keyboard nav was a dead-zone there) ── */
.pccard .pctf-i:focus-visible,.pccard .pcts-row:focus-visible{outline:2px solid var(--pcac,#e8a33d);outline-offset:-2px;border-radius:7px}

/* ── floating DEALING TICKET (bid/ask) → a premium glass panel with real dealing buttons ── */
.pccard .pcbidask-bar{
  background:rgba(10,16,26,.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.08);border-radius:11px;padding:4px 5px;
  box-shadow:0 10px 28px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.05);
}
.pccard .pcbidask-bar .pcba-sell{background:linear-gradient(180deg,rgba(255,86,103,.16),rgba(255,86,103,.05));border-color:rgba(255,86,103,.5)}
.pccard .pcbidask-bar .pcba-buy{background:linear-gradient(180deg,rgba(58,160,255,.16),rgba(58,160,255,.05));border-color:rgba(58,160,255,.5)}
.pccard .pcbidask-bar .pcba-sell:hover{background:linear-gradient(180deg,rgba(255,86,103,.26),rgba(255,86,103,.1))}
.pccard .pcbidask-bar .pcba-buy:hover{background:linear-gradient(180deg,rgba(58,160,255,.26),rgba(58,160,255,.1))}
.pccard .pcba-l{text-transform:uppercase}

/* ── bottom controls → ONE unified glass segmented cluster (was 6 separate boxes) ── */
.pccard .pczoom{
  background:rgba(10,16,26,.58);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:3px;gap:2px;
  box-shadow:0 10px 28px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.05);
}
.pccard .pczoom button{width:32px;height:30px;background:transparent;border:0;border-radius:8px;box-shadow:none;font-size:16px}
.pccard .pczoom button:hover{background:var(--pcac-bg,rgba(232,163,61,.16));color:var(--pcac,#e8a33d)}
html[data-theme=light] .pccard .pcbidask-bar,html[data-theme=light] .pccard .pczoom{background:rgba(255,255,255,.78);border-color:rgba(10,20,40,.1)}

/* ── DRAGGABLE HUD: grab cursor + a grip affordance (drag anywhere except controls; dbl-click bg = reset) ── */
.pccard .pcbidask-bar,.pccard .pczoom{cursor:grab}
.pccard .pcbidask-bar button,.pccard .pczoom button,.pccard .pcba-lotstep,.pccard .pcba-lotstep button{cursor:pointer}
.pccard .pcbidask-bar.pchud-dragging,.pccard .pczoom.pchud-dragging{cursor:grabbing;box-shadow:0 18px 44px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.07)}
.pccard .pcbidask-bar::before,.pccard .pczoom::before{content:"";flex:none;width:7px;align-self:stretch;min-height:18px;cursor:grab;border-radius:4px;opacity:.45;
  background-image:radial-gradient(circle at 1.5px 1.5px,var(--muted,#7a8699) 1.1px,transparent 1.5px);background-size:4px 4px;background-position:center}
.pccard .pcbidask-bar:hover::before,.pccard .pczoom:hover::before{opacity:.7}

/* ── bottom cluster: hairline dividers between logical groups (zoom − + · nav ‹ › · reset ↺ · fullscreen ▭) ── */
.pccard .pczoom button:nth-child(3),.pccard .pczoom button:nth-child(5),.pccard .pczoom button:nth-child(6){position:relative}
.pccard .pczoom button:nth-child(3)::before,.pccard .pczoom button:nth-child(5)::before,.pccard .pczoom button:nth-child(6)::before{content:"";position:absolute;inset-inline-start:-1.5px;top:7px;bottom:7px;width:1px;background:var(--line)}

/* ── micro-polish: keyboard focus rings (a11y) + refined menu scrollbars ── */
.pccard .pcbtn:focus-visible,.pccard .pctool:focus-visible,.pccard .pctf button:focus-visible,.pccard .pcseg button:focus-visible,.pccard .pczoom button:focus-visible,.pccard .pcba-sell:focus-visible,.pccard .pcba-buy:focus-visible{outline:2px solid var(--pcac,#e8a33d);outline-offset:2px;border-radius:8px}
.pcmenu::-webkit-scrollbar,.pctool-fly::-webkit-scrollbar,.pctypemenu::-webkit-scrollbar{width:8px;height:8px}
.pcmenu::-webkit-scrollbar-track,.pctool-fly::-webkit-scrollbar-track{background:transparent}
.pcmenu::-webkit-scrollbar-thumb,.pctool-fly::-webkit-scrollbar-thumb,.pctypemenu::-webkit-scrollbar-thumb{background:rgba(140,150,170,.28);border-radius:6px;border:2px solid transparent;background-clip:padding-box}
.pcmenu::-webkit-scrollbar-thumb:hover,.pctool-fly::-webkit-scrollbar-thumb:hover{background:rgba(140,150,170,.5);background-clip:padding-box}