/* toolbar grouping — separators, square icon buttons, primary Trade, grouped scale toggles */
.pcsep{width:1px;height:20px;background:linear-gradient(180deg,transparent,var(--line) 22%,var(--line) 78%,transparent);flex-shrink:0;align-self:center}
.pcbtn.pcicon{padding:6px 9px;min-width:32px;text-align:center;font-size:13px}
/* Trade button uses the AMBER chart-UI accent (--pcac) — NOT red/brand: red/green are reserved for price direction only (skill rule). */
.pcbtn.pctrade{background:var(--pcac-bg,rgba(232,163,61,.15));border-color:color-mix(in srgb,var(--pcac,#e8a33d) 42%,transparent);color:var(--pcac,#e8a33d);font-weight:800}
.pcbtn.pctrade:hover{background:color-mix(in srgb,var(--pcac,#e8a33d) 24%,transparent);border-color:var(--pcac,#e8a33d)}
.pcseg.pcscale button{font-size:12px;font-weight:700;padding:5px 9px}
.pcseg.pcmodeseg button{font-size:12px;font-weight:700;padding:5px 12px;letter-spacing:.2px}
.pctf button:not(.on):hover,.pcseg button:not(.on):hover{background:rgba(255,255,255,.06)}
.pcmenu{position:absolute;top:40px;right:0;left:auto;width:222px;max-width:calc(100vw - 24px);max-height:min(72vh,460px);overflow-y:auto;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 40px rgba(0,0,0,.42);padding:7px;z-index:40;display:none;scrollbar-width:thin}
.pcmenu.on{display:block}
/* sticky header with a clear ✕ close button (menu stays open for multi-toggle; ✕ or outside-click closes it) */
.pcm-top{position:sticky;top:-7px;z-index:3;display:flex;align-items:center;justify-content:space-between;margin:-7px -7px 5px;padding:9px 11px;background:var(--card);border-bottom:1px solid var(--line);border-radius:12px 12px 0 0;font-size:12px;font-weight:800;color:var(--txt)}
.pcm-x{width:24px;height:24px;display:grid;place-items:center;border:1px solid var(--line);background:var(--card2);color:var(--txt2);border-radius:7px;cursor:pointer;font-size:13px;line-height:1;transition:.13s;flex-shrink:0}
.pcm-x:hover{border-color:var(--down);color:var(--down);background:rgba(255,77,94,.1)}
.pcm-tplname{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}
.pcm-tpldel{background:none;border:0;color:var(--muted);cursor:pointer;font-size:12px;padding:0 4px;flex-shrink:0}
.pcm-tpldel:hover{color:var(--down)}
.pcm-tplsave{color:var(--pcac,#e8a33d);font-weight:700;cursor:pointer}
.pcm-tplsave:hover{background:var(--pcac-bg,rgba(232,163,61,.1))}
.pcm-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-inline-end:7px;vertical-align:middle}
.pcm-h{font-size:10px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;padding:7px 8px 4px}
.pcm-i{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-radius:7px;cursor:pointer;font-size:12.5px;font-weight:600}
/* (removed a dead RED .pcm-i:hover — the neutral rule below overrides it) */
.pcm-i input{accent-color:var(--pcac,#e8a33d);width:15px;height:15px;cursor:pointer}
.pcm-nm{flex:1;display:flex;align-items:center;cursor:pointer;min-width:0}
.pcm-i input.pcm-per{width:46px;height:22px;text-align:center;font-size:11px;font-weight:700;background:rgba(120,130,150,.14);border:1px solid var(--line);border-radius:5px;color:var(--txt2);padding:1px 2px;margin-inline-end:8px;cursor:text;-moz-appearance:textfield}
.pcm-i input.pcm-per::-webkit-outer-spin-button,.pcm-i input.pcm-per::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.pcm-cmp{display:flex;flex-wrap:wrap;gap:5px;padding:4px 8px 8px}
.pcm-cmpb{font-size:11px;font-weight:700;padding:4px 9px;border-radius:14px;background:var(--cardgrad);border:1px solid var(--line);color:var(--txt2);cursor:pointer;transition:.12s}
.pcm-cmpb:hover{border-color:var(--pcac,#e8a33d);color:var(--pcac,#e8a33d)}
.pcm-cmpb.on{background:var(--pcac,#e8a33d);color:#06101d;border-color:var(--pcac,#e8a33d)}
/* ── institutional polish: wider menu · active-indicator highlight (gold rail) · neutral hover ── */
.pcmenu{width:272px}
.pcm-i{transition:background .12s}
.pcm-i:hover{background:rgba(120,140,170,.10)}
.pcm-i:has(input:checked){background:linear-gradient(90deg,rgba(232,163,61,.14),rgba(232,163,61,.04));box-shadow:inset 2px 0 0 var(--pcac,#e8a33d)}
.pcm-i:has(input:checked) .pcm-nm{color:var(--txt);font-weight:700}
.pcm-cog{background:none;border:0;color:var(--muted);cursor:pointer;font-size:13px;padding:0 5px;margin-inline-end:2px;flex-shrink:0}
.pcm-cog:hover{color:var(--pcac,#e8a33d)}
/* Smart-menu advanced control row (swing length etc.) */
.pcm-ctl{cursor:default}
.pcm-rng{display:inline-flex;align-items:center;gap:9px}
.pcm-rng input[type=range]{width:92px;accent-color:var(--pcac,#e8a33d);cursor:pointer}
.pcm-rng b{font-size:11px;font-weight:800;color:var(--pcac,#e8a33d);min-width:18px;text-align:center;font-family:ui-monospace,monospace}
/* per-strategy inline settings (⚙ per item) */
.pcm-hint{font-size:10px;color:var(--muted);text-align:center;padding:5px 8px 3px}
.pcm-sub{display:none;margin:-1px 6px 4px;padding:5px 11px;background:rgba(120,140,180,.06);border:1px solid var(--line);border-top:0;border-radius:0 0 8px 8px}
.pcm-sub.on{display:block}
.pcm-subrow{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 0;font-size:11px;color:var(--txt2);font-weight:600}
.pcm-subrow .pcm-rng input[type=range]{width:78px}

/* right-click context menu (chart / drawing / price-scale) — amber-free chrome, direction colors reserved for price */
.pcctx{position:fixed;z-index:300;min-width:192px;background:var(--card);border:1px solid var(--line);border-radius:11px;box-shadow:0 16px 44px rgba(0,0,0,.5);padding:5px}
.pcctx-i{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;border:0;background:transparent;color:var(--txt2);font-family:inherit;font-size:12px;font-weight:600;border-radius:7px;cursor:pointer;text-align:start}
.pcctx-i:hover{background:var(--card2);color:var(--txt)}
.pcctx-i.danger{color:#ff5d6c}
.pcctx-i kbd{margin-inline-start:auto;font-family:ui-monospace,monospace;font-size:9.5px;font-weight:600;color:var(--muted);background:var(--card2);border:1px solid var(--line);border-radius:4px;padding:1px 5px}
.pcctx-ic{width:16px;text-align:center;flex:none}
.pcctx-sep{height:1px;background:var(--line);margin:4px 6px}
/* honest load states: net error (retry) / no data — never ghost candles in price space */
.pcstate{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;height:100%;min-height:220px;color:var(--muted)}
.pcstate-t{font-size:15px;font-weight:800;color:var(--txt2)}
.pcstate-s{font-size:11.5px}
.pcstate-btn{padding:7px 18px;border:1px solid var(--line);background:var(--card2);color:var(--txt);border-radius:9px;cursor:pointer;font-family:inherit;font-size:12px;font-weight:700}
.pcstate-btn:hover{border-color:var(--pcac,#e8a33d);color:var(--pcac,#e8a33d)}
