.pnl-curve{margin:20px 0;border:1px solid #2c2248;border-radius:10px;padding:14px;background:#0e0b16}
.pnl-chart-wrap{position:relative;min-height:300px}
.pnl-chart{width:100%;height:auto;min-height:270px;max-height:340px;display:block;touch-action:none}
.pnl-grid{stroke:#2c2248;stroke-width:1}
.pnl-zero{stroke:#a2a4ae;stroke-width:1.25;stroke-dasharray:5 5}
.pnl-area-positive{fill:url(#pnlPositiveGradient)}
.pnl-area-negative{fill:url(#pnlNegativeGradient)}
.pnl-line{fill:none;stroke-width:2.25;stroke-linejoin:round;stroke-linecap:round}
.pnl-line-positive{stroke:#55dca2}
.pnl-line-negative{stroke:#ff6f7f}
.pnl-line-neutral{stroke:#cccdd3}
.pnl-axis-label{fill:#a0a1ac;font-size:12px;font-variant-numeric:tabular-nums}
.pnl-axis-label.zero{fill:#cccdd3;font-weight:700}
.pnl-hit-area{fill:transparent;cursor:crosshair;outline:none}
.pnl-hit-area:focus-visible{stroke:#cacad1;stroke-width:2}
.pnl-hover-line{stroke:#b1b3bc;stroke-width:1;stroke-dasharray:3 3;pointer-events:none}
.pnl-hover-value-line{stroke:#828492;stroke-width:1;stroke-dasharray:2 5;opacity:.72;pointer-events:none}
.pnl-hover-point{fill:#fbfbfb;stroke:#0e0b16;stroke-width:2;pointer-events:none}
.pnl-hover[hidden]{display:none}
.pnl-tooltip{position:absolute;z-index:2;min-width:180px;max-width:230px;padding:10px 12px;border:1px solid #60626f;border-radius:8px;background:#0a0810;color:#f6f6f6;box-shadow:0 10px 30px #000a;pointer-events:none;transform:translate(-50%,-110%);font-size:.78rem;line-height:1.45}
.pnl-tooltip[hidden]{display:none}
.pnl-tooltip strong,.pnl-tooltip span{display:block}
.pnl-tooltip span{color:#cccdd3}
.pnl-tooltip .pnl-hover-cumulative{margin:3px 0 5px;font-size:1rem;font-variant-numeric:tabular-nums}
.pnl-hover-readout{display:block;margin-top:3px;color:#cccdd3;font-size:.82rem;font-variant-numeric:tabular-nums}
.pnl-hover-readout[hidden]{display:none}
.positive{color:#55dca2!important}.negative{color:#ff8290!important}.neutral{color:#e5e5e8!important}
.pnl-final.positive{color:#55dca2}
.pnl-final.negative{color:#ff8290}
.pnl-final.neutral{color:#e5e5e8}
@media(max-width:768px){.pnl-chart-wrap{min-height:250px}.pnl-chart{min-height:235px;max-height:285px}.pnl-axis-label{font-size:11px}.pnl-tooltip{min-width:155px}}
@media(max-width:430px){.pnl-chart-wrap{min-height:225px}.pnl-chart{min-height:210px}.pnl-tooltip{max-width:175px;padding:8px 9px;font-size:.72rem}}