.pp-wrap{max-width:1080px;margin:34px auto;padding:0 20px 60px}.pp-cover{height:180px;border-radius:22px 22px 0 0;background:linear-gradient(135deg,#0f172a,#334155)}.pp-head{margin-top:-1px;border:1px solid #dbe4f0;border-top:0;border-radius:0 0 22px 22px;background:#fff;padding:0 24px 24px}.pp-avatar{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:#111827;color:#fff;font-size:26px;font-weight:800;border:5px solid #fff;transform:translateY(-44px);margin-bottom:-34px}.pp-title{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;flex-wrap:wrap}.pp-title h1{margin:0}.pp-handle,.pp-muted{color:#667085}.pp-actions{display:flex;gap:8px;flex-wrap:wrap}.pp-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #d0d5dd;border-radius:10px;padding:9px 14px;background:#fff;color:#111827;text-decoration:none;font-weight:700;cursor:pointer}.pp-btn.primary{background:#111827;border-color:#111827;color:#fff}.pp-counts{display:flex;gap:18px;flex-wrap:wrap;margin-top:16px}.pp-counts span{color:#667085}.pp-counts b{color:#111827}.pp-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin-top:18px}.pp-card{background:#fff;border:1px solid #dbe4f0;border-radius:18px;padding:20px;margin-bottom:18px}.pp-list{display:grid;gap:14px}.pp-item{border-top:1px solid #eaecf0;padding-top:14px}.pp-item:first-child{border-top:0;padding-top:0}.pp-tags{display:flex;gap:8px;flex-wrap:wrap}.pp-tag{padding:7px 10px;border:1px solid #dbe4f0;border-radius:999px;background:#f8fafc}.pp-status{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#667085;font-weight:800}.pp-empty{color:#667085}.pp-notice{padding:10px 12px;border-radius:10px;background:#ecfdf3;color:#027a48;margin:12px 0}@media(max-width:760px){.pp-grid{grid-template-columns:1fr}.pp-cover{height:130px}.pp-head{padding:0 16px 18px}.pp-avatar{width:76px;height:76px;transform:translateY(-36px);margin-bottom:-28px}.pp-actions{width:100%}.pp-btn{flex:1}}
html[data-theme="dark"] .pp-head,html[data-theme="dark"] .pp-card{background:#101828;border-color:#344054;color:#f9fafb}html[data-theme="dark"] .pp-handle,html[data-theme="dark"] .pp-muted,html[data-theme="dark"] .pp-counts span{color:#98a2b3}html[data-theme="dark"] .pp-counts b{color:#f9fafb}html[data-theme="dark"] .pp-btn{background:#101828;color:#f9fafb;border-color:#475467}html[data-theme="dark"] .pp-btn.primary{background:#f9fafb;color:#111827}html[data-theme="dark"] .pp-tag{background:#1d2939;border-color:#344054}

/* v5.7.3 Phase 57 maintenance: uploaded member profile and cover media. */
.pp-cover{overflow:hidden}.pp-cover img{display:block;width:100%;height:100%;object-fit:cover}.pp-avatar{overflow:hidden}.pp-avatar img{display:block;width:100%;height:100%;object-fit:cover}

/* v5.7.8 Phase 57 UI/UX maintenance: keep relationship actions evenly spaced. */
.pp-actions form{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0}.pp-actions form .pp-btn{margin:0}
@media(max-width:760px){.pp-actions form{width:100%;gap:10px}.pp-actions form .pp-btn{flex:0 1 auto}}

/* v5.7.11 social relationship actions */
.pp-state-action .pp-label-hover{display:none}.pp-state-action:hover .pp-label-default,.pp-state-action:focus-visible .pp-label-default{display:none}.pp-state-action:hover .pp-label-hover,.pp-state-action:focus-visible .pp-label-hover{display:inline}.pp-state-action.connected{border-color:#b8c7dd;color:#24588f}.pp-state-action.connected:hover,.pp-state-action.connected:focus-visible{border-color:#d92d20;color:#b42318;background:#fff6f5}.pp-notice.error{background:#fff1f0;color:#b42318}.pp-actions form{column-gap:10px;row-gap:10px}