/* ════════ CHROME REDESIGN — 2 rows (info header + action toolbar), uniform 32px controls, ONE amber UI accent (red/green stay price-only) ════════ */
.pccard{--pcac:#e8a33d;--pcac-bg:rgba(232,163,61,.15)}
.pctoolbar{display:flex;align-items:center;gap:6px;padding:6px 16px 8px;border-bottom:1px solid var(--line);flex-wrap:wrap;background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,0));position:relative;z-index:30}   /* above .pcstage so dropdown menus cover the floating bid/ask widget (was bleeding through) */
.pctoolbar>.pctrade,.pctoolbar>.pcpubh{flex-shrink:0}
/* chart-type dropdown button (replaces the 12-icon strip) */
.pctypebtn{gap:6px}
.pctypeic{display:inline-flex;align-items:center;line-height:0;color:var(--txt2)}
.pctypelbl{font-size:12px;font-weight:700}
.pctypemenu{width:214px}
.pctyperow .pctypeic{width:22px;display:inline-flex;align-items:center;justify-content:center;margin-inline-end:9px;color:var(--txt2)}
.pctyperow.on,.pctyperow:hover{color:var(--pcac,#e8a33d)}
.pctyperow.on .pctypeic,.pctyperow:hover .pctypeic{color:var(--pcac,#e8a33d)}
.pctypebtn .pctypeic{color:var(--pcac,#e8a33d)}
.pctoolbar .pcsep{margin-inline:3px}
/* ── institutional grouped top-bar: logical PILLS (matches the reference design) ── */
.pctoolbar{gap:7px}
.pctoolbar .pcgrp{display:inline-flex;align-items:center;gap:2px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(0,0,0,.10)),var(--bg2,rgba(0,0,0,.16));border:1px solid var(--line);border-radius:10px;padding:2px;box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 1px 4px rgba(0,0,0,.2)}
html[data-theme=light] .pctoolbar .pcgrp{box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 1px 3px rgba(10,20,40,.08)}
.pctoolbar .pcgrp .pctf{background:none;border:0;padding:0;border-radius:0}   /* nested fav-TF pill becomes flush inside the group pill → one unified TF pill */
.pctoolbar .pcgrp>.pcbtn,.pctoolbar .pcgrp .pcdrop>.pcbtn,.pctoolbar .pcgrp .pctfbtn{background:transparent;border-color:transparent}
.pctoolbar .pcgrp>.pcbtn:hover,.pctoolbar .pcgrp .pcdrop>.pcbtn:hover,.pctoolbar .pcgrp .pctfbtn:hover{background:var(--pcac-bg,rgba(232,163,61,.13));color:var(--pcac,#e8a33d);transform:none;box-shadow:none}
.pctools{gap:4px}
/* one control height across the toolbar row */
.pctoolbar .pcbtn,.pctoolbar .pctfbtn{height:32px;box-sizing:border-box;display:inline-flex;align-items:center;gap:5px;padding:0 11px;transition:border-color .14s,color .14s,background .14s,transform .14s,box-shadow .14s}
.pctoolbar .pcbtn.pcicon{width:32px;height:32px;padding:0;justify-content:center;font-size:14px}
.pctoolbar .mclaytrig,.pctoolbar .pclaybtn{height:32px;box-sizing:border-box;display:inline-flex;align-items:center}   /* normalize the injected layout switcher to the 32px control-row height (was 26px from .pcseg button → shorter than siblings) */
.pctoolbar .pcbtn:active,.pctoolbar .pctfbtn:active{transform:scale(.96)}
.pctf,.pcseg{align-items:center;border-radius:8px}
.pctf button,.pcseg button{height:26px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;border-radius:6px}
/* dominant price + tidy identity band */
.pcst{align-self:center}
.pcq{align-self:center}
.pcq-c{font-variant-numeric:tabular-nums}
/* feed-freshness: a stale/frozen live price dims + shows an honest age chip (never lets a frozen feed look live) */
.pcq-stale .pcq-p,.pcq-stale .pcq-c{opacity:.5}
.pcq-stale-chip{margin-inline-start:7px;padding:1px 7px;border-radius:6px;font-size:10px;font-weight:800;white-space:nowrap;
  color:#e8a33d;background:color-mix(in srgb,#e8a33d 15%,transparent);border:1px solid color-mix(in srgb,#e8a33d 40%,var(--line));vertical-align:middle}
.pcba-stale{opacity:.45;filter:grayscale(.4)}
.pcsrc2{margin-inline-start:2px}
.pchohlc{align-self:center;display:inline-flex;align-items:center;gap:11px;font-size:11.5px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--txt2);margin-inline-start:10px;padding-inline-start:12px;border-inline-start:1px solid var(--line);flex-shrink:0}
.pcho-ohlc{color:var(--muted)}
.pcho-ohlc i{font-style:normal;color:var(--txt);margin-inline-start:2px}
.pcho-chg{font-weight:800}
.pcho-rng{color:var(--muted)}
/* hiding is now header-width-aware via .pcnar (page.js ResizeObserver) — the old viewport @media was wrong with a sidebar */
/* LIVE → real status pill */
.pclive2{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:20px;background:rgba(38,208,124,.14);color:var(--up);font-size:9px;font-weight:800;letter-spacing:.4px;white-space:nowrap}
.pclive2 i{width:5px;height:5px;border-radius:50%;background:var(--up);display:inline-block;animation:pcpulse 1.8s infinite}
/* single amber accent for ACTIVE/SELECTED chrome; red+green reserved for price + Buy/Sell only */
.pccard .pctf button.on,.pccard .pctfbtn.on{background:var(--pcac);border-color:var(--pcac);color:#17120a;box-shadow:0 2px 9px var(--pcac-bg)}
.pccard .pcseg button.on,.pccard .pcbtn.on:not(.pcrp),.pccard .pctool.on{background:var(--pcac-bg);color:var(--pcac);border-color:var(--pcac);box-shadow:inset 0 0 0 1px var(--pcac-bg)}
.pccard .pcbtn:not(.pcreset):hover,.pccard .pctfbtn:hover{border-color:var(--pcac);color:var(--pcac);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.32)}
.pccard .pcseg button:hover{color:var(--pcac)}
.pccard .pctool:hover{background:var(--pcac-bg);color:var(--pcac)}
.pccard .pctool svg{display:block;margin:auto;transition:transform .12s ease}
.pccard .pctool:hover svg{transform:scale(1.1)}
.pccard .pctool.on svg{transform:scale(1.04)}
.pccard .pcbtn.pctrade{background:var(--pcac-bg);border-color:var(--pcac);color:var(--pcac)}
.pccard .pcbtn.pctrade:hover{background:var(--pcac);border-color:var(--pcac);color:#17120a}
/* left rail: sound toggle is neutral (no default red), trash gets the only destructive-red hover */
.pctool.pcsndbtn{color:var(--txt2)}
.pctool.pcsndbtn.muted{color:var(--muted);opacity:.7}
.pctool[onclick*="pcClearDraw"]:hover{color:var(--down);border-color:var(--down);background:rgba(255,86,103,.14)}
/* ── mobile / tablet ── */
@media(max-width:760px){
  .pctoolbar{padding:6px 8px;gap:5px}
  .pctoolbar .pcbtn,.pctoolbar .pctfbtn{height:34px}
  .pctypelbl{display:none}
  .pcwrap{max-width:100%}
  .pchead{gap:5px;padding:7px 8px}
  .pcic{font-size:15px}.pcpair{font-size:12.5px}.pcq-p{font-size:15px}.pcq-c{font-size:11px}
  .pclive2,.pcnm,.pcgrow{display:none}
  .pctf button{padding:6px 7px;font-size:11px;min-height:33px}
  .pctfbtn,.pcbtn{padding:7px 8px;font-size:11px;min-height:34px}
  .pcseg button{padding:6px 7px;font-size:12px;min-height:33px}
  .pcbar{gap:6px;padding-bottom:7px;margin-bottom:7px}
  .pcw{padding:6px 9px}
  .pcstage{height:calc(100dvh - 215px);min-height:330px}
  .pctools{padding:5px 3px;gap:3px}
  .pctool{width:31px;height:31px;font-size:13px}
  .pcmenu,.pctfmenu{width:200px}
  .pclegend{font-size:10px;gap:6px;padding:4px 7px}
}
@media(max-width:420px){
  .pcseg{display:none}  /* chart-type segment hidden on very small screens (candle default) */
  .pcq-p{font-size:14px}
}