/* Phase 8D — Performance tab: period filter (Day / Week / Month / Year / All Time / Custom Range). */
.perf-controls{display:grid;gap:10px;justify-items:end}
.perf-types{display:inline-flex;flex-wrap:wrap}
.perf-types button{border-radius:0;padding:7px 12px}
.perf-types button:first-child{border-radius:8px 0 0 8px}
.perf-types button:last-child{border-radius:0 8px 8px 0}
.perf-types button[aria-pressed="true"]{background:#2f6fed;border-color:#2f6fed;color:#fff}
.perf-range{display:flex;gap:10px;align-items:end;flex-wrap:wrap}
.perf-range label{display:grid;gap:5px}
.perf-dates{color:#9fb2ce;margin:4px 0 0}
.perf-entry-price{margin-top:18px}
@media(max-width:900px){.perf-controls{justify-items:start}.perf-types button{padding:7px 9px}}
/* Performance charts (canvas) — hover crosshair + tooltip; one $ axis; dates along the bottom */
.perf-chart{margin-top:6px}
.pfc-stage{position:relative;width:100%}
.pfc-stage canvas{display:block;cursor:crosshair}
.pfc-tip{position:absolute;pointer-events:none;z-index:3;min-width:190px;background:rgba(13,10,20,.97);border:1px solid #2c2441;border-radius:8px;padding:8px 10px;font-size:.8rem;line-height:1.5;color:#ececef;box-shadow:0 6px 18px rgba(0,0,0,.5)}
.pfc-tip strong{color:#fff}
.pfc-tip-row{display:flex;justify-content:space-between;gap:16px}
.pfc-tip-row span{color:#9a9aa0}
.pfc-empty{color:#9a9aa0}
/* Win / Loss P&L comparison */
.pfc-gl{position:relative;display:grid;grid-template-columns:58px 1fr 170px;grid-template-rows:54px 54px 24px;row-gap:10px;column-gap:14px;align-items:center;margin-top:8px}
.pfc-gl-lines{grid-column:2;grid-row:1/4;position:relative;height:100%;pointer-events:none}
.pfc-gl-lines span{position:absolute;top:0;bottom:22px;border-left:1px solid #1e1634}
.pfc-gl-lines span.zero{border-left-color:#55555b}
.pfc-gl-name{grid-column:1;color:#b8b8be;font-weight:700;text-align:right}
.pfc-gl-track{grid-column:2;position:relative;height:100%}
.pfc-gl-bar{position:absolute;top:0;bottom:0;border-radius:3px}
.pfc-gl-bar.gain{background:#3ddc84}
.pfc-gl-bar.loss{background:#f0525a}
.pfc-gl>strong{grid-column:3;display:grid;font-size:1.05rem}
.pfc-gl>strong small{color:#9a9aa0;font-weight:500;font-size:.75rem}
.pfc-gl-axis{grid-column:2;grid-row:3;position:relative;height:18px}
.pfc-gl-axis span{position:absolute;transform:translateX(-50%);color:#8a8a8f;font-size:.76rem;white-space:nowrap}
/* Drawdown */
.dd-cards strong{font-size:.98rem}
.dd-open{color:#f0525a;font-weight:700}
.dd-table{margin-top:10px}
@media(max-width:700px){.pfc-gl{grid-template-columns:44px 1fr 110px}}