.portfolio-review-chart { color:#dce5ef; font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"PingFang SC",monospace; font-variant-numeric:tabular-nums; min-width:0; }
.pchart-toolbar { display:flex; align-items:center; justify-content:space-between; gap:10px; margin:2px 0 11px; flex-wrap:wrap; }
.pchart-kicker { font-size:10px; letter-spacing:1.1px; color:#ffad3d; display:block; }
.pchart-clock { font-size:10px; color:#879aaf; display:block; margin-top:3px; }
.pchart-ranges { display:flex; border:1px solid #344354; border-radius:2px; overflow:hidden; }
.pchart-ranges button,.pchart-review-head button { font:inherit; font-size:10px; border:0; border-radius:0; color:#9eafc2; background:#141e29; cursor:pointer; padding:6px 10px; box-shadow:none; }
.pchart-ranges button + button { border-left:1px solid #344354; }
.pchart-ranges button[aria-pressed="true"] { background:#ff9f1c; color:#111820; }
.pchart-ranges button:hover,.pchart-review-head button:hover:not(:disabled) { color:#fff; background:#3b2c1b; }
.pchart-ranges button:focus-visible,.pchart-review-head button:focus-visible,.pchart-plot:focus-visible { outline:2px solid #58c7ff; outline-offset:2px; }
.pchart-plot { position:relative; height:260px; min-width:0; width:100%; border:1px solid #273648; background:#0b1017; overflow:hidden; }
.pchart-placeholder { display:flex; align-items:center; justify-content:center; height:100%; color:#8496aa; text-align:center; font-size:12px; padding:25px; }
.pchart-legend { display:flex; align-items:center; gap:14px; flex-wrap:wrap; padding:10px 0 12px; font-size:10px; color:#9cacc0; }
.pchart-legend > span { display:inline-flex; align-items:center; gap:5px; }
.pchart-legend i { display:inline-block; height:6px; width:6px; border-radius:1px; }
.pchart-legend .pchart-hint { margin-left:auto; color:#6e849b; font-size:9px; }
.pchart-review { border:1px solid #2c3a4b; background:#0c131d; }
.pchart-review-head { min-height:36px; display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; border-bottom:1px solid #2c3a4b; padding:7px 10px; }
.pchart-review-date { color:#a8c0d9; font-size:10px; }
.pchart-review-head > div { display:flex; gap:4px; }
.pchart-review-head button { padding:4px 8px; background:#182535; }
.pchart-review-head button:disabled { cursor:default; color:#4b6179; opacity:.75; }
.pchart-review-body { padding:13px 12px 8px; }
.pchart-day-metrics { display:grid; grid-template-columns:1.2fr 1.1fr .7fr; gap:8px; }
.pchart-day-metrics > div > span { color:#7e94ac; display:block; font-size:9px; margin-bottom:4px; }
.pchart-day-metrics strong { display:block; font-size:21px; font-weight:500; letter-spacing:-.5px; }
.pchart-day-metrics strong small { font-size:10px; color:#8296ac; letter-spacing:0; }
.pchart-gain { color:#51d59a; }.pchart-loss { color:#ff6868; }
.pchart-costs { display:flex; gap:14px; flex-wrap:wrap; margin-top:14px; border-top:1px solid #223143; padding-top:10px; }
.pchart-costs > span { color:#879db5; font-size:10px; }
.pchart-costs b { font-weight:500; color:#bbc8d7; padding-left:5px; }
.pchart-costs small { display:block; font-size:9px; color:#647e98; margin-top:4px; }
.pchart-flow { padding:8px 10px; background:#142331; border-left:2px solid #58c7ff; color:#9fc0dc; font-size:10px; margin-top:11px; }
.pchart-flow small { font-size:9px; color:#779ab9; display:block; margin-top:3px; }
.pchart-trades { margin-top:11px; }
.pchart-trades summary { cursor:pointer; color:#9fbad4; font-size:10px; padding:5px 0 8px; }
.pchart-trade { display:flex; align-items:baseline; gap:7px; flex-wrap:wrap; border-top:1px solid #1d2a38; padding:7px 0; font-size:10px; color:#9babc0; }
.pchart-trade strong { font-weight:500; color:#d2dfed; }
.pchart-trade small { font-size:9px; color:#9e805b; }
.pchart-side { width:30px; font-size:9px; }.pchart-buy { color:#51d59a; }.pchart-sell { color:#ffae45; }.pchart-short { color:#ff6868; }.pchart-cover { color:#58c7ff; }
.pchart-muted { color:#6e859e; font-size:10px; margin:7px 0; line-height:1.6; }
.pchart-events { border-left:2px solid #ba8646; padding-left:8px; font-size:10px; color:#baa383; }
.pchart-events p { margin:8px 0; }
.pchart-record-time { font-size:8px; margin-top:9px; color:#566f89; line-height:1.5; }
.pchart-footnote { color:#6e8298; font-size:9px; line-height:1.7; padding-top:9px; }
.pchart-attribution { color:#6a8098; font-size:8px; line-height:1.65; padding-top:7px; overflow-wrap:anywhere; }
.pchart-attribution > span { color:#536b83; }.pchart-attribution a { color:#7faed2; text-decoration:none; white-space:nowrap; }
.pchart-attribution a:hover { text-decoration:underline; }
@media(max-width:650px) { .pchart-plot { height:225px; }.pchart-legend { gap:10px; }.pchart-legend .pchart-hint { width:100%; margin-left:0; }.pchart-day-metrics strong { font-size:19px; }.pchart-review-head { padding:8px; }.pchart-review-body { padding:11px 9px 7px; }.pchart-costs { gap:9px; }.pchart-ranges button { padding:8px 11px; }.pchart-review-head button { padding:6px 9px; } }