/* ZeroSwap Perps (usa tambem predict.css) */
.pp{width:100%;max-width:1240px;display:flex;flex-direction:column;gap:14px;min-width:0}
.pp .card{max-width:none;width:100%}
.pp-mks{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.pp-mks::-webkit-scrollbar{display:none}
.pp-mk{display:flex;align-items:center;gap:8px;flex:none;padding:7px 12px 7px 7px;border-radius:14px;border:1px solid var(--stroke2);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.008));color:var(--txt);font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.pp-mk.on{border-color:var(--lime);background:rgba(214,253,139,.07)}
.pp-mk .pd-ic{width:26px;height:26px;font-size:.72rem}
.pp-mk b{font-size:.84rem;font-weight:800}
.pp-mk small{font-size:.74rem;font-weight:700;color:var(--txt-dim);font-variant-numeric:tabular-nums}
.pp-mk.btc .pd-ic,.pd-ic.btc{background:linear-gradient(135deg,#ffb547,#f7931a)}
.pp-mk.eth .pd-ic,.pd-ic.eth{background:linear-gradient(135deg,#a9b8ff,#627eea);color:#fff}
.pp-mk.bnb .pd-ic,.pd-ic.bnb{background:linear-gradient(135deg,#ffe07a,#f0b90b)}
.pp-mk.sol .pd-ic,.pd-ic.sol{background:linear-gradient(135deg,#19fb9b,#9945ff);color:#fff}
.pp-mk.gomni .pd-ic,.pd-ic.gomni{background:var(--grad-red)}
.pd-ic.sm{width:22px;height:22px;font-size:.62rem}

.pp-grid{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:14px;align-items:start}
.pp-main{display:flex;flex-direction:column;gap:14px;min-width:0}
.pp-top{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap;margin-bottom:12px}
.pp-pair{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:800;color:var(--txt-dim)}
.pp-perp{font-size:.62rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--lime);background:rgba(214,253,139,.1);padding:3px 7px;border-radius:6px}
.pp-bigpx{font-size:2rem;font-weight:900;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1.1}
.pp-stats{display:grid;grid-template-columns:repeat(4,auto);gap:6px 20px}
.pp-stats div{display:flex;flex-direction:column;gap:2px}
.pp-stats span{font-size:.62rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--txt-dim)}
.pp-stats b{font-size:.86rem;font-weight:800;font-variant-numeric:tabular-nums}
.pp-stats b.up{color:var(--lime)}.pp-stats b.down{color:var(--red1)}
.pp .chart-wrap.pp-chart{height:340px;padding:0;border:0;background:none;margin:0}

.pp-trade{position:sticky;top:84px;display:flex;flex-direction:column;gap:12px}
.pp-side{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:14px;background:var(--panel2);border:1px solid var(--stroke2)}
.pp-side button{border:0;background:none;color:var(--txt-dim);font-family:inherit;font-weight:900;font-size:.92rem;padding:11px;border-radius:10px;cursor:pointer}
.pp-side button.long.on{background:var(--grad-red);color:#0a0c0e}
.pp-side button.short.on{background:linear-gradient(135deg,#ff8a7e,#c9463b);color:#fff}
.pp-lbl{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.78rem;font-weight:800;color:var(--txt-dim)}
.pd-seg.sm button{padding:6px 11px;font-size:.74rem}
.pp-levv{font-size:1rem;font-weight:900;color:var(--lime);font-variant-numeric:tabular-nums}
.pp-range{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:6px;background:linear-gradient(90deg,var(--lime) var(--p,20%),var(--panel3) var(--p,20%));outline:none;margin:4px 0}
.pp-range::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#0a0c0e;border:3px solid var(--lime);box-shadow:0 2px 10px rgba(0,0,0,.5);cursor:pointer}
.pp-range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#0a0c0e;border:3px solid var(--lime);cursor:pointer}
.pp-levq{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:6px}
.pp-levq button{border:1px solid var(--stroke2);background:var(--panel2);color:var(--txt-dim);border-radius:9px;padding:7px 0;font-family:inherit;font-weight:800;font-size:.74rem;cursor:pointer}
.pp-levq button.on{border-color:var(--lime);color:var(--lime);background:rgba(214,253,139,.07)}
.pp-sum{border:1px solid var(--stroke2);border-radius:14px;padding:4px 14px;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.005))}
.pp-sum div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--stroke);font-size:.8rem}
.pp-sum div:last-child{border-bottom:0}
.pp-sum span{color:var(--txt-dim);font-weight:700}
.pp-sum b{font-weight:800;font-variant-numeric:tabular-nums;text-align:right}
.pp b.warn,.pp-sum b.warn{color:#ffc43d}
.pp-slip{display:inline-flex;gap:4px}
.pp-slip button{border:1px solid var(--stroke2);background:var(--panel2);color:var(--txt-dim);border-radius:7px;padding:3px 7px;font-family:inherit;font-weight:800;font-size:.7rem;cursor:pointer}
.pp-slip button.on{border-color:var(--lime);color:var(--lime)}
.pp-go{width:100%;border:0;border-radius:14px;padding:15px;font-family:inherit;font-weight:900;font-size:1rem;cursor:pointer;transition:transform .12s}
.pp-go:active{transform:scale(.99)}
.pp-go.long{background:var(--grad-red);color:#0a0c0e}
.pp-go.short{background:linear-gradient(135deg,#ff8a7e,#c9463b);color:#fff}
.pp-go:disabled{background:var(--panel3);color:var(--txt-dim);cursor:not-allowed}

.pp-tabs{display:flex;gap:18px;border-bottom:1px solid var(--stroke);margin:-4px 0 6px}
.pp-tabs button{border:0;background:none;color:var(--txt-dim);font-family:inherit;font-weight:800;font-size:.92rem;padding:4px 0 12px;cursor:pointer;position:relative;display:flex;align-items:center;gap:6px}
.pp-tabs button.on{color:var(--txt)}
.pp-tabs button.on::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--lime);border-radius:2px}
.pp-tabs em{font-style:normal;font-size:.68rem;background:rgba(214,253,139,.12);color:var(--lime);border-radius:6px;padding:1px 6px}
.pp-tabs em:empty{display:none}
.pp-pos{padding:14px 0;border-bottom:1px solid var(--stroke)}
.pp-pos:last-child{border-bottom:0}
.pp-ph{display:flex;justify-content:space-between;align-items:center;gap:10px}
.pp-pm{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pp-pm b{font-size:.92rem;font-weight:800}
.pp-tag{font-size:.64rem;font-weight:900;letter-spacing:.05em;padding:4px 7px;border-radius:7px}
.pp-tag.long{background:rgba(214,253,139,.14);color:var(--lime)}.pp-tag.short{background:rgba(255,107,94,.14);color:var(--red1)}
.pp-pnl{display:flex;flex-direction:column;align-items:flex-end;font-variant-numeric:tabular-nums}
.pp-pnl b{font-size:.98rem;font-weight:900}.pp-pnl small{font-size:.72rem;font-weight:800}
.pp-pnl.up{color:var(--lime)}.pp-pnl.down{color:var(--red1)}
.pp-pg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}
.pp-pg div{display:flex;flex-direction:column;gap:2px;min-width:0}
.pp-pg span{font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--txt-dim)}
.pp-pg b{font-size:.8rem;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pp-pa{display:flex;gap:8px;justify-content:flex-end}
.pp-pa button{border:1px solid var(--stroke2);background:var(--panel2);color:var(--txt);border-radius:10px;padding:8px 14px;font-family:inherit;font-weight:800;font-size:.78rem;cursor:pointer}
.pp-pa button.main{border-color:rgba(214,253,139,.4);color:var(--lime);background:rgba(214,253,139,.07)}
.pp-pending{font-size:.78rem;font-weight:800;color:var(--txt-dim)}
.pp-ord{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--stroke)}
.pp-ord:last-child{border-bottom:0}
.pp-ord div{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
.pp-ord b{font-size:.86rem;font-weight:800}
.pp-ord small{font-size:.74rem;color:var(--txt-dim);font-weight:600}
.pp-st{font-size:.68rem;font-weight:900;padding:4px 8px;border-radius:7px;background:var(--panel3);color:var(--txt-dim)}
.pp-st.s1{background:rgba(255,196,61,.12);color:#ffc43d}.pp-st.s2{background:rgba(214,253,139,.12);color:var(--lime)}.pp-st.s3{background:rgba(255,107,94,.12);color:var(--red1)}

@media(max-width:980px){
  .pp-grid{grid-template-columns:1fr}
  .pp-main{display:contents}
  .pp-chartcard{order:1}
  .pp-trade{position:static;order:2}
  .pp-poscard{order:3}
}
@media(max-width:620px){
  .pp .card{padding:16px}
  .pp-stats{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .pp-bigpx{font-size:1.65rem}
  .pp .chart-wrap.pp-chart{height:240px}
  .pp-pg{grid-template-columns:repeat(2,minmax(0,1fr))}
}