/* Scoped to the legacy UM Social profile lists. No query or permission changes. */
html body .um-profile .um-profile-body.followers,
html body .um-profile .um-profile-body.following {
	padding: 0 !important;
}
html body .um-profile .um-followers-user.lnph-follow-row {
	display: grid !important;
	grid-template-columns: 46px minmax(0, 1fr) auto;
	gap: 4px 10px;
	align-items: start;
	padding: 14px 0 !important;
	margin: 0 !important;
	width: 100% !important;
	min-height: 0 !important;
	border: 0 !important;
	border-bottom: 1px solid #e6ebef !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	box-sizing: border-box;
	text-align: left !important;
}
html body .um-profile .lnph-follow-row .um-followers-user-photo {
	grid-column: 1; grid-row: 1 / 3;
	position: static !important; float: none !important;
	width: 46px !important; height: 46px !important;
	margin: 0 !important; padding: 0 !important;
	border-radius: 50% !important; overflow: hidden;
}
html body .um-profile .lnph-follow-row .um-followers-user-photo img {
	display: block; width: 46px !important; height: 46px !important;
	max-width: 100% !important; border-radius: 50% !important; object-fit: cover;
}
html body .um-profile .lnph-follow-row .um-followers-user-name {
	grid-column: 2; grid-row: 1;
	min-width: 0; float: none !important; width: auto !important;
	margin: 0 !important; padding: 0 !important;
	text-align: left !important; line-height: 1.45 !important;
	overflow-wrap: anywhere;
}
html body .um-profile .lnph-follow-row .um-followers-user-name > a {
	font-size: 14px !important; font-weight: 700 !important;
}
html body .um-profile .lnph-follow-row .um-followers-user-span { display: none !important; }
html body .um-profile .lnph-follow-identity,
html body .um-profile .lnph-follow-handle,
html body .um-profile .lnph-follow-relation { display: block; }
html body .um-profile .lnph-follow-handle {
	font-size: 12px; font-weight: 400; color: #626d76;
}
html body .um-profile .lnph-follow-relation {
	font-size: 11px; font-weight: 400; color: #626d76; margin-top: 2px;
}
html body .um-profile .lnph-follow-row .um-followers-user-btn {
	grid-column: 3; grid-row: 1;
	position: static !important; float: none !important;
	width: auto !important; margin: 0 !important; padding: 0 !important;
}
html body .um-profile .lnph-follow-row .um-followers-user-btn a {
	display: inline-flex !important; align-items: center; justify-content: center;
	box-sizing: border-box; min-height: 44px !important; height: auto !important;
	width: auto !important; max-width: 132px; min-width: 76px;
	padding: 8px 10px !important; margin: 0 !important;
	font-size: 12px !important; line-height: 1.4 !important;
	font-weight: 600 !important; border-radius: 22px !important;
	box-shadow: none !important; white-space: normal; overflow-wrap: anywhere;
}
html body .um-profile .lnph-follow-row .um-followers-user-bio {
	grid-column: 2 / 4; grid-row: 2;
	width: auto !important; min-width: 0;
	margin: 0 !important; padding: 0 !important;
	font-size: 13px !important; line-height: 1.55 !important; text-align: left !important;
	overflow-wrap: anywhere; display: -webkit-box;
	-webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;
}
html body .um-profile .lnph-follow-row .lnph-follow-bio-empty { display: none !important; }
html body .um-profile .um-followers-bar .um-followers-rc {
	margin: 0 !important; padding: 0 !important;
}
html body .um-profile .um-followers-bar .um-followers-rc a {
	display: inline-flex !important; align-items: center; gap: 4px;
	white-space: nowrap !important; font-size: 13px !important;
	font-weight: 400 !important; line-height: 1.4 !important;
	min-height: 44px; padding: 0 4px !important;
}
html body .um-profile .um-followers-bar .um-followers-rc a span {
	display: inline !important; font-size: 13px !important;
	font-weight: 700 !important; margin: 0 !important; line-height: inherit !important;
}
html body .um-profile .um-profile-navbar.um-followers-bar {
	gap: 4px 12px; padding-top: 2px; padding-bottom: 2px;
}
@media (max-width: 767px) {
	html body .um-profile .um-profile-navbar.um-followers-bar { justify-content: center; }
	html body .um-profile .um-followers-bar .um-followers-btn { margin-left: 0; }
	html body .um-profile .lnph-follow-row { column-gap: 8px; }
}
@media (min-width: 768px) {
	html body .um-profile .um-profile-navbar.um-followers-bar {
		width: 100% !important; max-width: none !important;
		margin-left: 0 !important; margin-right: 0 !important;
		padding-left: 18px !important; box-sizing: border-box;
		justify-content: flex-start;
	}
}

/* Match the existing profile header width in normal document flow. */
@media (min-width: 901px) {
 html body .um-profile .um-profile-navbar.um-followers-bar {
  width: min(calc(100vw - 80px), 1200px) !important;
  margin-left: calc(50% - min(calc(50vw - 40px), 600px)) !important;
 }
}
@media (min-width: 901px) and (max-width: 1280px) {
 html body .um-profile .um-profile-navbar.um-followers-bar {
  width: calc(100vw - 40px) !important;
  margin-left: calc(50% - 50vw + 20px) !important;
 }
}

/* Keep the two actions together, independent of the count group. */
html body .um-profile .um-followers-bar .um-followers-links {
 display: flex !important; flex: 0 1 auto; flex-wrap: wrap; gap: 0 12px;
 align-items: center; justify-content: center; margin: 0 !important; width: auto !important;
}
html body .um-profile .um-followers-bar .lnph-profile-actions {
 display: flex; flex: 0 1 auto; flex-wrap: wrap; align-items: center; justify-content: center;
 gap: 8px; max-width: 100%; margin: 0;
}
html body .um-profile .um-followers-bar .lnph-profile-actions > div {
 float: none !important; margin: 0 !important; padding: 0 !important; width: auto !important;
 flex: 0 0 auto;
}
html body .um-profile .um-profile-navbar.um-followers-bar .lnph-profile-actions a,
html body .um-profile .lnph-follow-row .um-followers-user-btn a {
 display: inline-flex !important; align-items: center; justify-content: center;
 font-size: 12px !important; font-weight: 600 !important; line-height: 1.4 !important;
 min-height: 44px !important; height: auto !important; min-width: 76px !important;
 padding: 8px 10px !important; margin: 0 !important; width: auto !important;
 max-width: 100%; box-sizing: border-box; white-space: nowrap !important;
}
html body .um-profile a.lnph-follow-action::before,
html body .um-profile a.lnph-follow-action::after,
html body .um-profile .lnph-profile-actions .bpbm-pm-button::before,
html body .um-profile .lnph-profile-actions .bpbm-pm-button::after,
html body .um-profile .lnph-profile-actions a > i { display: none !important; content: none !important; }
html body .um-profile .lnph-follow-profile-identity { display: none !important; }
html body .um-profile .lnph-follow-row .lnph-follow-relation { overflow-wrap: anywhere; }
@media (max-width: 767px) {
 html body .um-profile .um-profile-navbar.um-followers-bar { gap: 4px 12px; }
 html body .um-profile .um-followers-bar .lnph-profile-actions { flex-basis: 100%; }
}
.lnph-unfollow-dialog {
 box-sizing: border-box; width: min(360px, calc(100vw - 32px)); max-width: calc(100vw - 32px);
 border: 1px solid #dce4e8; border-radius: 16px; padding: 24px; color: #24343a;
 background: #fff; box-shadow: 0 12px 40px #0003;
}
.lnph-unfollow-dialog::backdrop { background: #0006; }
.lnph-unfollow-dialog p { margin: 0 0 20px; font-size: 16px; font-weight: 600; }
.lnph-dialog-actions { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
.lnph-dialog-actions button { min-height: 44px; padding: 8px 14px; border: 1px solid #dce4e8; border-radius: 8px; font-size: 14px; cursor: pointer; background: #f2f5f6; color: #24343a; }
.lnph-dialog-actions [data-approve] { color: #fff; background: #1385a5; border-color: #1385a5; }
.lnph-dialog-actions button:focus-visible { outline: 3px solid #246fa1; outline-offset: 3px; }