.profile-details-panel form{display:grid;gap:16px}.profile-extras-dialog{width:min(600px,calc(100vw - 28px));max-height:85dvh;padding:24px;border:1px solid var(--line,#ddd);border-radius:20px;background:var(--surface,#251b26);color:var(--text,#f9eff6);overflow:auto}.profile-extras-dialog::backdrop{background:#100916b8}.profile-extras-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.profile-extras-dialog h2{font-size:24px;margin:0}.profile-extras-dialog form{display:grid;gap:16px;margin-top:20px}.profile-extras-dialog button{min-width:44px;min-height:44px}.profile-extras-dialog input,.profile-extras-dialog textarea,.profile-extras-dialog select{font-size:16px}.profile-feedback-item{padding:18px 0;border-bottom:1px solid var(--line,#ddd);overflow-wrap:anywhere}.profile-feedback-item p{white-space:pre-wrap;margin:10px 0}.profile-feedback-item small{display:block;color:var(--muted,#706673)}.profile-feedback-item.is-archived{opacity:.65}.profile-signal-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin:10px 0;font-size:12px}.presence-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#37b882;flex-shrink:0}.profile-online-label{display:inline-flex;align-items:center;gap:6px}.private-profile-expectations{padding:16px;border:1px solid var(--private-border,#e2dce3);border-radius:12px;margin:16px 0}.private-profile-expectations p{margin:8px 0 0;white-space:pre-wrap}.profile-popularity{font-size:12px;color:var(--private-muted,#8a7d8b)}
/* One 44 px identity region: the city sits below the name; the badge has its own target. */
.demo-social .demo-workspace .social-person-profile>.social-person-copy{display:grid;grid-template-columns:minmax(0,max-content);grid-template-rows:22px 22px;align-items:start;justify-content:start;gap:0;min-width:0}
.demo-social .demo-workspace .social-person-profile>.social-person-copy:has(.profile-identity-badge){grid-template-columns:minmax(0,max-content) 44px}
.demo-social .demo-workspace .social-person-title{display:contents}
.demo-social .demo-workspace .social-person-title .social-name-link{grid-column:1;grid-row:1/3;display:flex;align-items:flex-start;justify-content:flex-start;box-sizing:border-box;min-width:44px;width:100%;height:44px;min-height:44px;padding:2px 0 22px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}
.demo-social .demo-workspace .social-name-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.demo-social .demo-workspace .social-name-age{flex:none;white-space:nowrap}
.demo-social .demo-workspace .social-person-copy>small{grid-column:1;grid-row:2;align-self:start;min-width:0;max-width:100%;margin:0;padding:0;line-height:16px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
.demo-social .demo-workspace .social-person-title .profile-identity-badge{grid-column:2;grid-row:1/3;box-sizing:border-box;width:44px;min-width:44px;height:44px;min-height:44px;margin:0;padding:3px 13px 23px;align-items:flex-start}
.demo-social .demo-workspace .social-photo-wrap>.social-photo-identity{display:block;padding-right:62px}
.demo-social .demo-workspace .social-photo-identity>.social-photo-intent{display:inline-block;margin-bottom:9px}
.demo-social .demo-workspace .social-photo-identity>.social-photo-name{display:block;line-height:1.1;white-space:normal}
.demo-social .demo-workspace .social-photo-identity>.social-photo-name>span{white-space:nowrap}
.demo-social .demo-workspace .social-photo-identity>.social-photo-location{margin-top:6px;line-height:18px}
.demo-social .demo-workspace .social-photo-identity>.social-photo-distance{display:block;font-size:11px;line-height:17px;margin-top:2px;color:#f8edf5}
.demo-social .demo-workspace .social-photo-identity>.social-like.icon-btn{position:absolute;right:0;top:35px;align-self:initial}
.demo-social .demo-workspace .social-feed.is-grid .social-photo-wrap>.social-photo-identity{display:block;padding-right:46px}
.demo-social .demo-workspace .social-feed.is-grid .social-photo-identity>.social-photo-name strong{font-size:26px}
.demo-social .demo-workspace .social-feed.is-grid .social-photo-distance{font-size:9px}
@media(max-width:767px){.profile-extras-dialog{padding:18px}.demo-social .demo-workspace .social-feed.is-grid .social-person-title .social-name-link{font-size:11px}.demo-social .demo-workspace .social-feed.is-grid .social-person-copy>small{font-size:9px}.demo-social .demo-workspace .social-feed.is-grid .social-photo-identity>.social-photo-name strong{font-size:23px}.demo-social .demo-workspace .social-feed.is-grid .social-photo-identity>.social-photo-name>span{font-size:17px}.demo-social .demo-workspace .social-feed.is-grid .social-photo-identity>.social-photo-location{font-size:10px}}

.discovery-events-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:8px 0 14px}.discovery-events-actions a{min-height:44px;font-size:12px}.private-hero-identity .private-distance{font-size:12px;line-height:18px;margin-top:2px}.private-profile-title-row{justify-content:flex-start!important;gap:8px!important}.private-profile-title-row .profile-badges{margin:0!important}.private-profile-title{margin:0!important;line-height:1.1!important}.private-hero-identity>p{margin-top:7px;margin-bottom:0}

/* Compact the mobile profile chrome without squeezing its controls or its cover image. */
@media (max-width:767px),(max-width:1024px) and (max-height:500px) and (pointer:coarse){
  .private-profile-shell .private-profile-topbar{min-height:52px;padding-block:4px}
  .private-profile-shell .private-profile-title-row{margin-bottom:0;gap:4px!important}
  .private-profile-shell .private-profile-title{overflow-wrap:anywhere}
  .private-profile-shell .private-hero-identity>p{margin-top:4px}
  .private-profile-shell .private-hero-identity>.private-distance{margin-top:2px}
}