/* Seam profile page (full width). Classes prefixed .PX- */
.SP{max-width:none;width:100%;box-sizing:border-box;padding:4px 0 80px}
.PX{display:flex;flex-direction:column;gap:14px;width:100%}
.PX-head{position:relative;border:1px solid rgba(255,255,255,.06);border-radius:18px;background:#0b0a16;overflow:hidden;padding:0 28px 24px}
.PX-banner{height:190px;margin:0 -28px;background:#12111a center/cover no-repeat;border-bottom:1px solid rgba(255,255,255,.05)}
.PX-banner-def{background:linear-gradient(120deg,color-mix(in srgb,var(--pc) 34%,#12111a) 0%,#12111a 58%,#1b1928 100%)}
.PX-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:-56px}
.PX-av{border-radius:50%;padding:5px;background:#0b0a16;line-height:0;flex:0 0 auto}
.PX-av>*{width:112px!important;height:112px!important}
.PX-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;padding-bottom:6px}
.PX-id{margin-top:14px;display:flex;flex-direction:column;gap:6px;min-width:0}
.PX-name{margin:0;font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1.15;color:#fff;overflow-wrap:anywhere}
.PX-handle{font-size:14.5px;color:#8a84a6;font-weight:500}
.PX-bio{margin:6px 0 0;max-width:720px;font-size:14.5px;line-height:1.6;color:rgba(255,255,255,.82);white-space:pre-wrap;overflow-wrap:anywhere}
.PX-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:8px;font-size:13px;color:#8a84a6}
.PX-addr{font:inherit;color:#c9c3e6;background:#12111a;border:1px solid rgba(255,255,255,.07);border-radius:999px;padding:4px 11px;cursor:pointer;transition:background .15s}
.PX-addr:hover{background:#1b1928}
.PX-link{display:inline-flex;align-items:center;gap:6px;color:#c9c3e6;text-decoration:none;transition:color .15s}
.PX-link:hover{color:#b39bff}
.PX-follow{display:flex;gap:18px;margin-top:6px;font-size:13.5px;color:#8a84a6}
.PX-follow b{color:#fff;font-weight:650;margin-right:3px}
.PX-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.PX-stat{display:flex;flex-direction:column;gap:6px;padding:16px 18px;border:1px solid rgba(255,255,255,.06);border-radius:16px;background:#0b0a16;min-width:0}
.PX-stat-l{font-size:12px;color:#8a84a6;font-weight:500}
.PX-stat-v{font-size:20px;font-weight:700;color:#fff;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.PX-stat-v.pos{color:#21c95e}.PX-stat-v.neg{color:#ff622e}
.PX-stat-s{font-size:12px;color:#5f5a7a}
.PX-charts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.PX-charts>div{min-width:0}
.PC-card{height:100%;padding:18px!important;border-radius:16px!important;background:#0b0a16!important}
.PC-titlew{display:flex;flex-direction:column;gap:4px;min-width:0}
.PC-title{font-size:12.5px;color:#8a84a6;font-weight:500}
.PC-card .SC-value{font-size:22px}
.PC-up{color:#21c95e!important}.PC-down{color:#ff622e!important}
.PC-empty{position:absolute;inset:0;display:none;align-items:center;justify-content:center;font-size:13px;color:#5f5a7a;border:1px dashed rgba(255,255,255,.07);border-radius:14px;margin:6px 0}
.PX .STabs{align-self:flex-start;margin-top:4px}
.PX-bedit{height:96px;border-radius:14px;background:#12111a center/cover no-repeat;border:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:center;font-size:12.5px;color:#5f5a7a;margin-bottom:10px}
@media (max-width:1400px){.PX-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:1100px){.PX-charts{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.PX-head{padding:0 16px 18px}.PX-banner{margin:0 -16px;height:130px}.PX-av>*{width:84px!important;height:84px!important}.PX-row{margin-top:-44px}.PX-name{font-size:22px}.PX-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Pen quick-edit buttons (owner only) */
.PX-banner{position:relative}
.PX-av{position:relative}
.PX-pen{position:absolute;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:rgba(0,0,0,.7);color:#fff;cursor:pointer;border:1px solid rgba(255,255,255,.14);transition:background .15s,transform .15s;z-index:2}
.PX-pen:hover{background:rgba(0,0,0,.85);transform:scale(1.06)}
.PX-pen input{display:none}
.PX-pen-b{top:14px;right:14px}
.PX-av>.PX-pen-a{right:6px;bottom:6px;width:22px!important;height:22px!important;border-width:1px}
.PX-pen-a svg,.PE-pen-a svg{width:10px!important;height:10px!important}
/* Edit profile modal */
.SModal-c.PE{max-width:620px;padding:0;gap:0;overflow:hidden;display:flex;flex-direction:column;max-height:90vh}
.PE-top{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.06)}
.PE-x{appearance:none;border:0;background:rgba(255,255,255,.06);color:#c9c3e6;width:32px;height:32px;border-radius:50%;font-size:20px;line-height:1;cursor:pointer}
.PE-x:hover{background:rgba(255,255,255,.12);color:#fff}
.PE-scroll{overflow:auto;padding:0 22px 8px;display:flex;flex-direction:column;gap:22px}
.PE-media{position:relative;margin:18px 0 0}
.PE-banner{position:relative;height:150px;border-radius:16px;background:#1b1928 center/cover no-repeat;border:1px solid rgba(255,255,255,.07)}
.PE-banner-def{background:linear-gradient(120deg,color-mix(in srgb,var(--pc) 34%,#12111a) 0%,#12111a 58%,#1b1928 100%)}
.PE-pen-b{top:12px;right:12px}
.PE-brm{position:absolute;top:12px;right:56px}
.PE-avw{position:absolute;left:18px;top:100px;border-radius:50%;padding:4px;background:#12111c;line-height:0}
.PE-avw>span>*{width:84px!important;height:84px!important}
.PE-pen-a{right:6px;bottom:6px;width:18px;height:18px}
.PE-avbtns{display:flex;gap:8px;justify-content:flex-end;margin-top:12px;min-height:34px}
.PE-chip{appearance:none;height:32px;padding:0 13px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.55);color:#fff;font:600 12px/1 Inter,system-ui,sans-serif;cursor:pointer;transition:background .15s}
.PE-chip:hover{background:rgba(255,255,255,.1)}
.PE-sec{display:flex;flex-direction:column;gap:14px}
.PE-lbl{font-size:11px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:#b39bff}
.PE-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.PE-grid3{grid-template-columns:1fr 1fr 1fr}
.PE .SField{gap:7px;font-size:12.5px;color:#8a84a6;font-weight:500}
.PE .SField small{font-size:11.5px;color:#5f5a7a}
.PE .SField input,.PE .SField textarea{background:#0b0a16;border-color:rgba(255,255,255,.08);border-radius:12px;padding:11px 13px;font-size:14px}
.PE-at{position:relative;display:block}
.PE-at i{position:absolute;left:13px;top:50%;transform:translateY(-50%);font-style:normal;color:#5f5a7a;font-size:14px;pointer-events:none}
.PE-at input{padding-left:28px!important}
.PE-cnt{align-self:flex-end}
.PE-foot{display:flex;align-items:center;gap:10px;justify-content:flex-end;padding:14px 22px;border-top:1px solid rgba(255,255,255,.06);background:#12111c}
.PE-foot .SErr{flex:1;margin:0}
@media (max-width:640px){.PE-grid,.PE-grid3{grid-template-columns:1fr}.PE-avbtns{margin-top:54px;justify-content:flex-start}}
/* Single P/L chart + posts column */
.PX-main{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,1fr);gap:12px;align-items:stretch}
.PX-chartw{min-width:0}
.PX-chartw .SC-plot{height:340px}
.PC-right{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.PC-modes .SC-tab{padding:0 12px}
.PX-side{display:flex;flex-direction:column;min-width:0;max-height:520px;border:1px solid rgba(255,255,255,.06);border-radius:16px;background:#0b0a16;overflow:hidden}
.PX-side-h{display:flex;align-items:center;gap:8px;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.06);font-size:14px}
.PX-side-h span{font-size:12px;color:#8a84a6;background:#12111a;border-radius:999px;padding:2px 8px}
.PX-side-b{overflow:auto;padding:14px;flex:1}
.PX-side-b .SEmpty{padding:28px 12px}
@media (max-width:1100px){.PX-main{grid-template-columns:minmax(0,1fr)}.PX-side{max-height:none}}

.PX-side-tabs{padding:12px 14px}
.PX-side-tabs .STabs{margin:0;align-self:auto;flex-wrap:nowrap;overflow-x:auto;max-width:100%;scrollbar-width:none}
.PX-side-tabs .STabs::-webkit-scrollbar{display:none}
.PX-side-tabs .STab{padding:0 11px;white-space:nowrap}
.PX-side-b .SFeed,.PX-side-b .SCoins{margin:0}
.PX-side-b .SCoins{grid-template-columns:1fr}

@media (max-width:640px){.PX-av>.PX-pen-a{right:4px;bottom:4px;width:20px!important;height:20px!important}}

.PCard-modal{display:flex!important;align-items:center;justify-content:center}
.PCard-modal{padding:12px!important}
.PCard-modal .PCard{width:min(860px,94vw,calc((100vh - 170px) * 1.905 + 48px));max-width:none!important;max-height:96vh;padding:24px!important;overflow:auto;margin:auto;box-sizing:border-box;padding:18px;border-radius:18px;background:#0b0a16;border:1px solid rgba(255,255,255,.08)}
.PCard-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;font-size:18px}
.PCard-x{background:none;border:0;color:#8a84a6;font-size:24px;cursor:pointer;line-height:1}
.PCard-img{aspect-ratio:1200/630;border-radius:12px;overflow:hidden;background:#07060e;display:flex;align-items:center;justify-content:center;color:#5f5a7a;font-size:13px}
.PCard-img img{width:100%;height:100%;display:block}
.PCard-a{display:flex;gap:10px;justify-content:flex-end;margin-top:6px;flex-wrap:wrap}
@media(max-width:560px){.PCard-a .SBtn{flex:1}}
.PC-share{appearance:none;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 14px;border-radius:160px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:#fff;font:600 12px/1 Inter,system-ui,sans-serif;cursor:pointer;transition:background .15s ease,border-color .15s ease}
.PC-share:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}
/* P/L chart header controls: one consistent pill system */
#pc-chart .PC-right{align-items:center;gap:8px}
#pc-chart .PC-right .SC-tabs{display:inline-flex!important;align-items:center;height:34px;box-sizing:border-box;padding:3px!important;gap:2px!important;background:rgba(255,255,255,.03)!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:999px!important}
#pc-chart .PC-right .SC-tab{height:26px!important;padding:0 12px!important;border-radius:999px!important;font:600 12.5px/1 Inter,system-ui,sans-serif!important;color:#8a84a6!important;background:transparent!important;transition:background .15s ease,color .15s ease}
#pc-chart .PC-right .SC-tab:hover:not(.active){color:#fff!important}
#pc-chart .PC-right .SC-tab.active{background:rgba(255,255,255,.1)!important;color:#fff!important}
#pc-chart .PC-share{display:inline-flex!important;align-items:center;gap:7px;height:34px!important;box-sizing:border-box;padding:0 15px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.12)!important;background:rgba(255,255,255,.06)!important;color:#fff!important;font:600 12.5px/1 Inter,system-ui,sans-serif!important;cursor:pointer;transition:background .15s ease,border-color .15s ease}
#pc-chart .PC-share:hover{background:rgba(255,255,255,.11)!important;border-color:rgba(255,255,255,.22)!important}
#pc-chart .PC-share svg{flex:none}
.PCard-ctl{margin-top:12px;padding:14px 16px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.02);display:flex;flex-direction:column;gap:12px}
.PCard-ctl[hidden]{display:none}
.PCard-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.PCard-lb{width:68px;font-size:12px;color:#8a84a6;font-weight:500}
.PCard-seg{display:inline-flex;border:1px solid rgba(255,255,255,.1);border-radius:9px;overflow:hidden}
.PCard-seg button{appearance:none;border:0;background:transparent;color:#a39db8;font:500 12.5px/1 Inter,system-ui,sans-serif;padding:8px 16px;cursor:pointer;transition:background .15s,color .15s}
.PCard-seg button+button{border-left:1px solid rgba(255,255,255,.08)}
.PCard-seg button.on{background:rgba(255,255,255,.1);color:#fff}
.PCard-seg button:disabled{opacity:.35;cursor:not-allowed}
.PCard-chips{display:flex;gap:8px;flex-wrap:wrap}
.PCard-chip{appearance:none;border:1px solid rgba(255,255,255,.1);background:transparent;color:#8a84a6;font:500 12.5px/1 Inter,system-ui,sans-serif;padding:7px 12px;border-radius:999px;cursor:pointer;transition:all .15s}
.PCard-chip.on{color:#fff;border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.07)}
.PCard-chip:hover,.PCard-seg button:hover:not(:disabled){color:#fff}
.PCard-foot{justify-content:flex-end}
.PCard-reset{appearance:none;border:0;background:none;color:#6f6a88;font:500 12px/1 Inter,system-ui,sans-serif;cursor:pointer;padding:0}
.PCard-reset:hover{color:#fff}
.PCard-sp{flex:1}
.PCard-a .SBtn.on{border-color:rgba(255,255,255,.3);color:#fff}
@media(max-width:560px){.PCard-lb{width:100%}.PCard-sp{display:none}}

/* Referral invite card */
.Pr-invite{margin:14px 0;padding:16px 18px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(255,255,255,.02)}
.Pr-invite b{display:block;font-size:15px;color:#f1f2ff}
.Pr-invite span{display:block;margin-top:4px;font-size:13px;color:rgba(255,255,255,.45)}
.Pr-invite-row{display:flex;gap:8px;margin-top:12px}
.Pr-invite-row input{flex:1;min-width:0;height:34px;padding:0 12px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:rgba(255,255,255,.6);font-size:12px}
.Pr-invite-row button{height:34px;padding:0 14px;border-radius:8px;border:1px solid rgba(143,216,255,.35);background:rgba(143,216,255,.1);color:#8fd8ff;font-size:13px;font-weight:600;cursor:pointer}