/* Profile pages, Facebook-style layout (professional, company, my profile, my business).
   Grey rounded buttons, centered identity on phones, curved top where the cover meets the white card. */

/* ---- Buttons (all widths) ---- */
html body .mp-identity-actions .mp-edit-btn,
html body .mp-identity-actions .app-btn,
html body .mp-identity-actions .mp-share-btn,
html body .pp-owner-actions .pp-owner-share-btn,
html body .pp-owner-actions .pp-edit-btn,
html body .pp-owner-actions .pp-follow-btn,
html body .pp-owner-actions .pp-msg-btn,
html body .pp-owner-actions .pp-hire-btn,
html body .pp-actions-row .pp-follow-btn,
html body .pp-actions-row .pp-msg-btn,
html body .pp-actions-row .pp-hire-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  height:36px;padding:0 20px;border:0 !important;border-radius:12px !important;
  background:#ebebeb !important;color:#111 !important;box-shadow:none !important;
  font-size:14px;font-weight:700;line-height:1;white-space:nowrap;text-decoration:none;
}
html body .pp-owner-actions .pp-follow-btn:not(.is-connected):not(.is-pending),
html body .pp-actions-row .pp-follow-btn:not(.is-connected):not(.is-pending),
html body .pp-actions-row .pp-hire-btn{background:#0F766D !important;color:#fff !important;}
html body .mp-identity-actions .mp-edit-btn:active,
html body .pp-owner-actions .pp-owner-share-btn:active,
html body .pp-owner-actions .pp-edit-btn:active,
html body .pp-actions-row .pp-msg-btn:active{background:#dcdcdc !important;}
html body .mp-identity-actions .mp-more-btn,
html body .pp-more-btn,
html body .pp-kebab-btn{
  width:36px;height:36px;min-width:36px;padding:0 !important;border:0 !important;border-radius:12px !important;
  background:#ebebeb !important;color:#111 !important;box-shadow:none !important;
  display:inline-flex;align-items:center;justify-content:center;
}

/* My profile / my business: no Share Profile, Edit Profile centered */
html body .mp-identity-actions .mp-share-btn:not(.mp-more-btn){display:none !important;}
html body .mp-hero-card .mp-identity-actions{justify-content:center !important;flex-wrap:nowrap;width:100%;box-sizing:border-box;}
html body .mp-hero-card .mp-identity-actions .mp-edit-btn{flex:0 1 auto !important;min-width:180px;}

/* Professional / company: smaller buttons, row centered and no wider than the centered content */
html body .pp-owner-actions,
html body .pp-actions-row{justify-content:center !important;flex-wrap:nowrap;width:auto;max-width:100%;margin-left:auto;margin-right:auto;gap:8px;}
html body .pp-owner-actions .pp-owner-share-btn,
html body .pp-owner-actions .pp-edit-btn,
html body .pp-owner-actions .pp-follow-btn,
html body .pp-owner-actions .pp-msg-btn,
html body .pp-actions-row .pp-follow-btn,
html body .pp-actions-row .pp-msg-btn,
html body .pp-actions-row .pp-hire-btn{flex:0 1 auto !important;width:auto !important;min-width:110px;height:36px !important;padding:0 18px !important;font-size:13.5px !important;}
html body .pp-hero-card .pp-owner-actions,
html body .pp-hero-card .pp-actions-row{display:flex;}

/* "..." lives in the cover header on the professional profile, not beside the buttons */
html body .pp-actions-row #ppMoreBtn,
html body .pp-owner-actions #ppMoreBtn{display:none !important;}
html body .pp-cover-topbar .pp-cover-more{cursor:pointer;}

/* ---- Phones: centered identity + curved top ---- */
@media (max-width:720px){
  html body .mp-cover-wrap::after,
  html body .pp-cover-wrap::after{
    content:"";position:absolute;left:0;right:0;bottom:-1px;height:26px;background:#fff;
    border-radius:26px 26px 0 0;pointer-events:none;z-index:1;
  }
  html body .mp-cover-wrap,html body .pp-cover-wrap{margin-bottom:0 !important;}
  html body .mp-identity-top,html body .pp-identity{
    display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;
    margin-top:-52px !important;padding:0 16px 8px !important;text-align:center;position:relative;z-index:2;gap:0 !important;
  }
  html body .mp-identity-top .mp-avatar,html body .pp-identity .pp-avatar{
    margin:0 auto !important;align-self:center !important;width:104px;height:104px;border:4px solid #fff;
  }
  html body .mp-head-info,html body .pp-identity-text{padding:0 16px 8px !important;text-align:center;}
  html body .mp-head-info > *,html body .pp-identity-text > *{margin-left:auto;margin-right:auto;}
  html body .mp-name,html body .pp-name,html body .mp-title,html body .pp-title,html body .mp-loc,html body .pp-loc,html body .pp-tagline,html body .pp-meta-line{
    text-align:center;justify-content:center;
  }
  html body .mp-stats-row{justify-content:center !important;padding:0 16px 14px !important;}
  html body .pp-owner-actions,html body .pp-actions-row{padding:0 16px 16px;}
  html body .pp-hero-card .pp-cover-topbar,html body .pp-cover-topbar{z-index:5;}
}