/* paRRssport Social Experience */

body.rrpse-viewer-open {
	overflow: hidden;
}

.rrpc-card .rrpc-assign-button {
	display: none !important;
}

.rrpse-viewer[hidden],
.rrpse-activity-loading[hidden],
.rrpse-no-activity[hidden],
.rrpse-viewer-copy[hidden],
.rrpse-caption-block[hidden],
.rrpse-viewer-collections[hidden],
.rrpse-viewer-property[hidden],
.rrpse-edit-collections[hidden] {
	display: none !important;
}

.rrpse-viewer {
	position: fixed;
	inset: 0;
	z-index: 999990;
	display: grid;
	padding: 28px;
	place-items: center;
}

.rrpse-viewer-backdrop {
	position: absolute;
	inset: 0;
	background: rgba(8, 10, 13, 0.84);
	backdrop-filter: blur(10px);
}

.rrpse-viewer-dialog {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(340px, 420px);
	width: min(1500px, calc(100vw - 56px));
	height: min(900px, calc(100vh - 56px));
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 18px;
	background: #0c0d0f;
	box-shadow: 0 28px 100px rgba(0, 0, 0, 0.46);
	outline: none;
}

.rrpse-viewer-media {
	position: relative;
	display: grid;
	min-width: 0;
	min-height: 0;
	background:
		radial-gradient(circle at 50% 42%, rgba(255, 255, 255, 0.06), transparent 42%),
		#090a0c;
	place-items: center;
}

.rrpse-viewer-media-inner {
	display: grid;
	width: 100%;
	height: 100%;
	min-height: 0;
	place-items: center;
}

.rrpse-viewer-media img,
.rrpse-viewer-media video {
	display: block;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
}

.rrpse-viewer-media video {
	width: 100%;
	height: 100%;
	max-width: none;
	max-height: none;
	background: #000;
	object-fit: contain;
	object-position: center center;
}

.rrpse-viewer-sidebar {
	display: flex;
	min-width: 0;
	min-height: 0;
	flex-direction: column;
	background: #fff;
	color: #191a1d;
}

.rrpse-viewer-author {
	display: flex;
	min-height: 80px;
	flex: 0 0 auto;
	align-items: center;
	gap: 12px;
	padding: 18px 64px 18px 20px;
	border-bottom: 1px solid #eceef1;
}

.rrpse-author-link {
	display: flex;
	min-width: 0;
	flex: 1 1 auto;
	align-items: center;
	gap: 12px;
	color: inherit;
	text-decoration: none;
}

.rrpse-author-avatar {
	width: 44px;
	height: 44px;
	flex: 0 0 44px;
	border-radius: 50%;
	object-fit: cover;
}

.rrpse-author-copy {
	display: grid;
	min-width: 0;
	gap: 2px;
}

.rrpse-author-name {
	overflow: hidden;
	font-size: 14px;
	line-height: 1.35;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.rrpse-author-meta {
	display: flex;
	align-items: center;
	gap: 7px;
	color: #70757d;
	font-size: 12px;
	line-height: 1.35;
}

.rrpse-author-separator {
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: currentColor;
}

.rrpse-viewer-scroll {
	min-height: 0;
	overflow-y: auto;
	overscroll-behavior: contain;
}

.rrpse-viewer-copy,
.rrpse-viewer-property,
.rrpse-viewer-collections {
	padding: 16px 20px;
	border-bottom: 1px solid #eceef1;
}

.rrpse-caption-block + .rrpse-caption-block {
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid #f0f1f3;
}

.rrpse-copy-row {
	display: flex;
	align-items: flex-start;
	gap: 12px;
}

.rrpse-copy-text {
	min-width: 0;
	flex: 1 1 auto;
	font-size: 14px;
	line-height: 1.55;
	white-space: normal;
	word-break: break-word;
}

.rrpse-section-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 10px;
}

.rrpse-section-heading h3 {
	margin: 0;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.02em;
}

.rrpse-edit-collections {
	padding: 0;
	border: 0;
	background: transparent;
	color: #4946fe;
	font-size: 12px;
	font-weight: 650;
	cursor: pointer;
}

.rrpse-collection-links {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
}

.rrpse-collection-link {
	display: inline-flex;
	align-items: center;
	min-height: 30px;
	padding: 5px 10px;
	border: 1px solid #dfe2e7;
	border-radius: 999px;
	background: #f8f9fa;
	color: #292c31;
	font-size: 12px;
	line-height: 1.2;
	text-decoration: none;
}

.rrpse-collection-link:hover,
.rrpse-collection-link:focus {
	border-color: #959aa3;
	color: #111318;
}

.rrpse-no-collections,
.rrpse-no-activity {
	color: #777c84;
	font-size: 12px;
	line-height: 1.45;
}

.rrpse-viewer-activity {
	min-height: 180px;
}

.rrpse-activity-loading {
	display: flex;
	align-items: center;
	gap: 9px;
	padding: 22px 20px;
	color: #777c84;
	font-size: 13px;
}

.rrpse-inline-loader,
.rrpse-viewer-loader {
	width: 20px;
	height: 20px;
	border: 2px solid rgba(73, 70, 254, 0.22);
	border-top-color: #4946fe;
	border-radius: 50%;
	animation: rrpse-spin 0.8s linear infinite;
}

.rrpse-viewer-loader {
	position: absolute;
	top: 50%;
	left: 50%;
	display: none;
	width: 34px;
	height: 34px;
	margin: -17px 0 0 -17px;
	border-color: rgba(255, 255, 255, 0.22);
	border-top-color: #fff;
}

.rrpse-viewer.is-loading .rrpse-viewer-loader {
	display: block;
}

.rrpse-no-activity {
	margin: 0;
	padding: 20px;
}

.rrpse-activity-list a,
.rrpse-activity-list button,
.rrpse-activity-list input[type="submit"] {
	position: relative;
	z-index: 1;
}

.rrpse-activity-list {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.rrpse-activity-list > li.activity-item,
.rrpse-activity-list > li.activity {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.rrpse-activity-list .bb-rl-activity-head,
.rrpse-activity-list .activity-header,
.rrpse-activity-list .bb-activity-more-options-wrap,
.rrpse-activity-list .bb-rl-pin-action,
.rrpse-activity-list .bb-rl-activity-content,
.rrpse-activity-list .activity-content,
.rrpse-activity-list .bb-activity-media-wrap,
.rrpse-activity-list .bb-activity-video-wrap {
	display: none !important;
}

.rrpse-activity-list .bb-rl-activity-footer-actions,
.rrpse-activity-list .activity-meta,
.rrpse-activity-list .activity-state {
	margin: 0 !important;
	padding-right: 20px !important;
	padding-left: 20px !important;
}

.rrpse-activity-list .bb-rl-activity-footer-actions {
	padding-top: 13px !important;
	padding-bottom: 13px !important;
	border-bottom: 1px solid #eceef1;
}

.rrpse-activity-list .bb-rl-activity-comments,
.rrpse-activity-list .activity-comments {
	padding: 0 20px 20px !important;
}

.rrpse-activity-list .bb-rl-activity-comments > ul,
.rrpse-activity-list .activity-comments > ul {
	margin: 0 !important;
	padding: 0 !important;
}

.rrpse-activity-list .acomment-content,
.rrpse-activity-list .activity-comment-content {
	font-size: 13px;
	line-height: 1.45;
}

.rrpse-activity-list .ac-form {
	margin-top: 14px !important;
}

.rrpse-viewer-close,
.rrpse-viewer-nav {
	position: absolute;
	z-index: 8;
	border: 0;
	background: rgba(17, 19, 23, 0.76);
	color: #fff;
	cursor: pointer;
	backdrop-filter: blur(8px);
}

.rrpse-viewer-close {
	top: 14px;
	right: 14px;
	width: 38px;
	height: 38px;
	border-radius: 50%;
}

.rrpse-viewer-close::before,
.rrpse-viewer-close::after {
	position: absolute;
	top: 18px;
	left: 10px;
	width: 18px;
	height: 2px;
	border-radius: 2px;
	background: currentColor;
	content: "";
}

.rrpse-viewer-close::before {
	transform: rotate(45deg);
}

.rrpse-viewer-close::after {
	transform: rotate(-45deg);
}

.rrpse-viewer-nav {
	top: 50%;
	width: 44px;
	height: 56px;
	margin-top: -28px;
	border-radius: 10px;
}

.rrpse-viewer-prev {
	left: 14px;
}

.rrpse-viewer-next {
	right: 434px;
}

.rrpse-viewer-nav::before {
	position: absolute;
	top: 20px;
	width: 14px;
	height: 14px;
	border-top: 2px solid currentColor;
	border-left: 2px solid currentColor;
	content: "";
}

.rrpse-viewer-prev::before {
	left: 17px;
	transform: rotate(-45deg);
}

.rrpse-viewer-next::before {
	right: 17px;
	transform: rotate(135deg);
}

.rrpse-viewer-nav:disabled,
.rrpse-viewer-nav[hidden] {
	display: none !important;
}

.rrpse-viewer-error {
	max-width: 420px;
	padding: 24px;
	color: #fff;
	font-size: 14px;
	line-height: 1.5;
	text-align: center;
}

.rrpse-sensitive-viewer-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: min(430px, calc(100% - 48px));
	padding: 30px 28px;
	border: 1px solid #dfe3e8;
	border-radius: 16px;
	background: #f5f6f8;
	color: #202124;
	box-shadow: 0 14px 40px rgba(0, 0, 0, 0.22);
	text-align: center;
}

.rrpse-sensitive-viewer-kicker {
	display: inline-flex;
	align-items: center;
	min-height: 24px;
	margin-bottom: 13px;
	padding: 3px 9px;
	border: 1px solid #c9ced6;
	border-radius: 999px;
	background: #fff;
	color: #555d68;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .02em;
}

.rrpse-sensitive-viewer-title {
	font-size: clamp(20px, 2.4vw, 27px);
	line-height: 1.2;
}

.rrpse-sensitive-viewer-message {
	max-width: 360px;
	margin: 12px 0 0;
	color: #606873;
	font-size: 14px;
	line-height: 1.55;
}

.rrpse-sensitive-viewer-action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	margin-top: 18px;
	padding: 0 16px;
	border-radius: 999px;
	background: #4946fe;
	color: #fff !important;
	font-size: 13px;
	font-weight: 700;
	text-decoration: none !important;
}

.rrpse-sensitive-viewer-action:hover,
.rrpse-sensitive-viewer-action:focus-visible {
	background: #3936dc;
	color: #fff !important;
}

@media (max-width: 600px) {
	.rrpse-sensitive-viewer-card {
		width: min(390px, calc(100% - 28px));
		padding: 24px 20px;
	}
}


.rrpse-profile-meta {
	display: grid;
	max-width: 720px;
	gap: 8px;
	margin-top: 10px;
}

.rrpse-profile-bio {
	font-size: 14px;
	line-height: 1.5;
}

.rrpse-profile-facts {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 7px 12px;
	font-size: 12px;
}

.rrpse-profile-location {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: inherit;
	opacity: 0.75;
}

.rrpse-location-mark {
	position: relative;
	width: 11px;
	height: 11px;
	border: 1.5px solid currentColor;
	border-radius: 50% 50% 50% 0;
	transform: rotate(-45deg);
}

.rrpse-location-mark::after {
	position: absolute;
	top: 2px;
	left: 2px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: currentColor;
	content: "";
}

.rrpse-profile-link {
	color: inherit;
	font-weight: 650;
	text-decoration: none;
}

.rrpse-profile-link:hover,
.rrpse-profile-link:focus {
	text-decoration: underline;
}

body.bb-rl-activity-modal-open #bb-rl-activity-form.modal-popup #bb-rl-whats-new-form {
	border-radius: 16px;
	box-shadow: 0 24px 80px rgba(0, 0, 0, 0.28);
}

body.bb-rl-activity-modal-open #bb-rl-activity-form .bb-rl-whats-new-scroll-view {
	padding-right: 2px;
	padding-left: 2px;
}

body.bb-rl-activity-modal-open #bb-rl-activity-form .rrpc-upload-panel {
	margin-right: 14px;
	margin-left: 14px;
	border-radius: 12px;
	background: #f8f9fb;
}

@keyframes rrpse-spin {
	to {
		transform: rotate(360deg);
	}
}

@media (max-width: 1050px) {
	.rrpse-viewer {
		padding: 14px;
	}

	.rrpse-viewer-dialog {
		grid-template-columns: minmax(0, 1fr) minmax(310px, 370px);
		width: calc(100vw - 28px);
		height: calc(100vh - 28px);
	}

	.rrpse-viewer-next {
		right: 384px;
	}
}

@media (max-width: 760px) {
	.rrpse-viewer {
		padding: 0;
	}

	.rrpse-viewer-dialog {
		grid-template-columns: 1fr;
		grid-template-rows: minmax(42vh, 62vh) minmax(0, 1fr);
		width: 100vw;
		height: 100vh;
		border: 0;
		border-radius: 0;
	}

	.rrpse-viewer-media {
		min-height: 42vh;
	}

	.rrpse-viewer-sidebar {
		min-height: 0;
	}

	.rrpse-viewer-author {
		padding: 13px 16px;
	}

	.rrpse-viewer-copy,
	.rrpse-viewer-property,
	.rrpse-viewer-collections {
		padding-right: 16px;
		padding-left: 16px;
	}

	.rrpse-viewer-close {
		top: 10px;
		right: 10px;
	}

	.rrpse-viewer-nav {
		top: 31vh;
		width: 30px;
		height: 38px;
		margin-top: -19px;
		border-radius: 8px;
	}

	.rrpse-viewer-prev {
		left: 7px;
	}

	.rrpse-viewer-next {
		right: 7px;
	}

	.rrpse-viewer-nav::before {
		top: 13px;
		width: 10px;
		height: 10px;
	}

	.rrpse-viewer-prev::before {
		left: 11px;
	}

	.rrpse-viewer-next::before {
		right: 11px;
	}

	.rrpse-activity-list .bb-rl-activity-footer-actions,
	.rrpse-activity-list .activity-meta,
	.rrpse-activity-list .activity-state {
		padding-right: 16px !important;
		padding-left: 16px !important;
	}

	.rrpse-activity-list .bb-rl-activity-comments,
	.rrpse-activity-list .activity-comments {
		padding-right: 16px !important;
		padding-left: 16px !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.rrpse-inline-loader,
	.rrpse-viewer-loader {
		animation-duration: 1.8s;
	}
}

html[data-bx-mode="dark"] .rrpse-viewer-sidebar,
body.bb-dark-theme .rrpse-viewer-sidebar {
	background: #17191d;
	color: #f4f5f7;
}

html[data-bx-mode="dark"] .rrpse-viewer-author,
html[data-bx-mode="dark"] .rrpse-viewer-copy,
html[data-bx-mode="dark"] .rrpse-viewer-property,
html[data-bx-mode="dark"] .rrpse-viewer-collections,
html[data-bx-mode="dark"] .rrpse-activity-list .bb-rl-activity-footer-actions,
body.bb-dark-theme .rrpse-viewer-author,
body.bb-dark-theme .rrpse-viewer-copy,
body.bb-dark-theme .rrpse-viewer-property,
body.bb-dark-theme .rrpse-viewer-collections,
body.bb-dark-theme .rrpse-activity-list .bb-rl-activity-footer-actions {
	border-color: #2c3037;
}

html[data-bx-mode="dark"] .rrpse-collection-link,
body.bb-dark-theme .rrpse-collection-link {
	border-color: #343943;
	background: #202329;
	color: #f4f5f7;
}


/* Sharing and editing added in 0.1.2. */
.rrpse-share-trigger,
.rrpse-edit-copy,
.rrpse-current-collection-share,
.rrpse-profile-share {
	appearance: none;
	border: 0;
	background: transparent;
	color: inherit;
	cursor: pointer;
}

.rrpse-viewer-share {
	position: relative;
	width: 34px;
	height: 34px;
	flex: 0 0 34px;
	border-radius: 50%;
	background: #f1f3f5;
	color: #33373d;
}

.rrpse-viewer-share:hover,
.rrpse-viewer-share:focus-visible {
	background: #e5e8ec;
}

.rrpse-share-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 18px;
	height: 18px;
	transform: translate(-50%, -50%);
}

.rrpse-share-icon::before,
.rrpse-share-icon::after {
	position: absolute;
	left: 4px;
	width: 10px;
	height: 1.5px;
	background: currentColor;
	content: "";
	transform-origin: left center;
}

.rrpse-share-icon::before {
	top: 7px;
	transform: rotate(-30deg);
}

.rrpse-share-icon::after {
	top: 11px;
	transform: rotate(30deg);
}

.rrpse-share-icon {
	background:
		radial-gradient(circle at 3px 9px, currentColor 0 2.5px, transparent 2.8px),
		radial-gradient(circle at 15px 3px, currentColor 0 2.5px, transparent 2.8px),
		radial-gradient(circle at 15px 15px, currentColor 0 2.5px, transparent 2.8px);
}

.rrpse-edit-copy {
	flex: 0 0 auto;
	padding: 2px 0;
	color: #4946fe;
	font-size: 11px;
	font-weight: 650;
	white-space: nowrap;
}

.rrpse-empty-copy {
	color: #777c84;
	font-size: 12px;
}

.rrpse-copy-editor {
	margin-top: 12px;
}

.rrpse-copy-editor textarea {
	display: block;
	width: 100%;
	min-height: 88px;
	padding: 10px 12px;
	border: 1px solid #cfd4dc;
	border-radius: 9px;
	background: #fff;
	color: #191a1d;
	font: inherit;
	line-height: 1.45;
	resize: vertical;
}

.rrpse-copy-editor-actions {
	display: flex;
	justify-content: flex-end;
	gap: 8px;
	margin-top: 8px;
}

.rrpse-copy-editor-actions button {
	min-height: 34px;
	padding: 6px 13px;
	border: 1px solid #d4d8de;
	border-radius: 8px;
	background: #fff;
	color: #25282d;
	font-size: 12px;
	font-weight: 650;
	cursor: pointer;
}

.rrpse-copy-editor-actions .rrpse-copy-save {
	border-color: #4946fe;
	background: #4946fe;
	color: #fff;
}

.rrpse-collection-chip {
	display: inline-flex;
	align-items: stretch;
	border: 1px solid #dfe2e7;
	border-radius: 999px;
	background: #f8f9fa;
	overflow: hidden;
}

.rrpse-collection-chip .rrpse-collection-link {
	border: 0;
	border-radius: 0;
	background: transparent;
}

.rrpse-collection-share {
	position: relative;
	width: 30px;
	min-height: 30px;
	border-left: 1px solid #dfe2e7;
	color: #4b5058;
}

.rrpse-collection-share .rrpse-share-icon {
	transform: translate(-50%, -50%) scale(0.72);
}

.rrpse-interaction-feedback {
	margin: 0;
	padding: 9px 20px;
	background: #eef5ff;
	color: #274a7a;
	font-size: 12px;
	line-height: 1.4;
}

.rrpse-interaction-feedback.is-error {
	background: #fff0f0;
	color: #9c2424;
}

.rrpse-activity-list a.bp-like-button.loading,
.rrpse-activity-list .acomments-view-more.loading {
	opacity: 0.55;
	pointer-events: none;
}

.rrpse-activity-list .ac-input[contenteditable="false"] {
	opacity: 0.6;
}

/* Comment attachments require BuddyBoss's native theatre initialisers. Keep
 * the 0.1.2 viewer's comment and reply form text-only rather than presenting
 * controls that are not guaranteed to initialise in the custom shell. */
.rrpse-activity-list .bb-rl-ac-reply-toolbar,
.rrpse-activity-list .ac-reply-attachments,
.rrpse-activity-list [id^="bb-rl-ac-reply-attachments-"] {
	display: none !important;
}

.rrpse-activity-list .rrpse-comment-form {
	display: block !important;
}

/* ReadyLaunch already owns the comment placeholder via
 * .ac-form:not(.has-content) .ac-input::before. Do not draw a second custom
 * placeholder, and hide any BuddyBoss/MediumEditor pseudo-placeholder while
 * the empty editor has focus so native OS emoji/IME input never paints over it. */
.rrpse-activity-list .rrpse-comment-form .ac-input:focus::before,
.rrpse-activity-list .rrpse-comment-form .ac-input:focus::after {
	content: none !important;
}

.rrpse-share-sheet[hidden],
.rrpse-share-feedback[hidden],
.rrpse-share-options [hidden] {
	display: none !important;
}

.rrpse-share-sheet {
	position: fixed;
	inset: 0;
	z-index: 1000010;
	display: grid;
	padding: 20px;
	place-items: center;
}

.rrpse-share-backdrop {
	position: absolute;
	inset: 0;
	background: rgba(8, 10, 13, 0.72);
	backdrop-filter: blur(5px);
}

.rrpse-share-dialog {
	position: relative;
	z-index: 1;
	width: min(430px, calc(100vw - 40px));
	max-height: calc(100vh - 40px);
	overflow: auto;
	border-radius: 16px;
	background: #fff;
	color: #191a1d;
	box-shadow: 0 24px 80px rgba(0, 0, 0, 0.38);
	outline: none;
}

.rrpse-share-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 17px 18px;
	border-bottom: 1px solid #e8eaee;
}

.rrpse-share-header h2 {
	margin: 0;
	font-size: 16px;
}

.rrpse-share-close {
	position: relative;
	width: 34px;
	height: 34px;
	border: 0;
	border-radius: 50%;
	background: #eef0f3;
	cursor: pointer;
}

.rrpse-share-close::before,
.rrpse-share-close::after {
	position: absolute;
	top: 16px;
	left: 9px;
	width: 16px;
	height: 2px;
	background: #3b3f45;
	content: "";
}

.rrpse-share-close::before { transform: rotate(45deg); }
.rrpse-share-close::after { transform: rotate(-45deg); }

.rrpse-share-options {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	padding: 16px;
}

.rrpse-share-options a,
.rrpse-share-options button {
	display: flex;
	min-height: 58px;
	align-items: center;
	gap: 11px;
	padding: 10px 12px;
	border: 1px solid #e0e3e8;
	border-radius: 11px;
	background: #f8f9fa;
	color: #25282d;
	font: inherit;
	font-size: 13px;
	font-weight: 650;
	text-align: left;
	text-decoration: none;
	cursor: pointer;
}

.rrpse-share-options a:hover,
.rrpse-share-options button:hover,
.rrpse-share-options a:focus-visible,
.rrpse-share-options button:focus-visible {
	border-color: #9ca2ac;
	background: #fff;
}

.rrpse-share-option-icon,
.rrpse-share-option-letter {
	position: relative;
	display: grid;
	width: 30px;
	height: 30px;
	flex: 0 0 30px;
	border-radius: 50%;
	background: #e8eaff;
	color: #3936dc;
	font-size: 14px;
	font-weight: 800;
	place-items: center;
}

.rrpse-share-option-link::before,
.rrpse-share-option-link::after {
	position: absolute;
	width: 12px;
	height: 7px;
	border: 2px solid currentColor;
	border-radius: 6px;
	content: "";
}

.rrpse-share-option-link::before {
	transform: translate(-4px, 3px) rotate(-35deg);
}

.rrpse-share-option-link::after {
	transform: translate(4px, -3px) rotate(-35deg);
}

.rrpse-share-option-native::before {
	position: absolute;
	width: 13px;
	height: 13px;
	border: 2px solid currentColor;
	border-top: 0;
	border-radius: 2px;
	content: "";
	transform: translateY(3px);
}

.rrpse-share-option-native::after {
	position: absolute;
	width: 8px;
	height: 8px;
	border-top: 2px solid currentColor;
	border-right: 2px solid currentColor;
	content: "";
	transform: translateY(-5px) rotate(-45deg);
}

.rrpse-share-feedback {
	margin: 0;
	padding: 0 18px 16px;
	color: #2f6b3c;
	font-size: 12px;
	font-weight: 650;
}

.rrpse-copy-helper {
	position: fixed;
	top: -1000px;
	left: -1000px;
}

.rrpse-current-collection-share,
.rrpse-profile-share {
	position: relative;
	display: inline-flex;
	min-height: 38px;
	align-items: center;
	gap: 8px;
	padding: 7px 12px 7px 36px;
	border: 1px solid #d7dbe1;
	border-radius: 9px;
	background: #fff;
	color: #2b2f35;
	font-size: 12px;
	font-weight: 650;
}

.rrpse-current-collection-share .rrpse-share-icon,
.rrpse-profile-share .rrpse-share-icon {
	left: 18px;
	transform: translate(-50%, -50%) scale(0.75);
}

.rrpse-current-collection-share {
	margin-left: 0;
}

@media (max-width: 600px) {
	.rrpse-current-collection-share {
		width: 100%;
		justify-content: center;
	}

	.rrpse-share-options {
		grid-template-columns: 1fr;
	}
}

html[data-bx-mode="dark"] .rrpse-viewer-share,
body.bb-dark-theme .rrpse-viewer-share {
	background: #292d34;
	color: #f3f4f6;
}

html[data-bx-mode="dark"] .rrpse-copy-editor textarea,
body.bb-dark-theme .rrpse-copy-editor textarea,
html[data-bx-mode="dark"] .rrpse-share-dialog,
body.bb-dark-theme .rrpse-share-dialog {
	border-color: #3b4049;
	background: #17191d;
	color: #f3f4f6;
}

html[data-bx-mode="dark"] .rrpse-share-options a,
html[data-bx-mode="dark"] .rrpse-share-options button,
body.bb-dark-theme .rrpse-share-options a,
body.bb-dark-theme .rrpse-share-options button {
	border-color: #333842;
	background: #202329;
	color: #f3f4f6;
}

/* 0.1.4: one caption, portrait-safe video sizing and polished share marks. */
.rrpse-video-frame {
	display: flex;
	width: 100%;
	height: 100%;
	min-width: 0;
	min-height: 0;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	background: #000;
}

.rrpse-video-frame .rrpse-media-video {
	display: block !important;
	flex: 0 0 auto;
	max-width: 100% !important;
	max-height: 100% !important;
	margin: auto;
	background: #000;
	object-fit: contain !important;
	object-position: 50% 50% !important;
	aspect-ratio: auto !important;
}

.rrpse-video-frame.is-portrait .rrpse-media-video {
	width: auto !important;
	height: 100% !important;
}

.rrpse-video-frame.is-landscape .rrpse-media-video {
	width: 100% !important;
	height: auto !important;
}

.rrpse-share-svg {
	display: block;
	width: 18px;
	height: 18px;
	fill: currentColor;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.rrpse-viewer-share .rrpse-share-svg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.rrpse-collection-share .rrpse-share-svg {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 14px;
	height: 14px;
	transform: translate(-50%, -50%);
}

.rrpse-current-collection-share .rrpse-share-svg,
.rrpse-profile-share .rrpse-share-svg {
	position: absolute;
	top: 50%;
	left: 18px;
	width: 15px;
	height: 15px;
	transform: translate(-50%, -50%);
}

.rrpse-share-brand {
	display: grid;
	width: 32px;
	height: 32px;
	flex: 0 0 32px;
	border-radius: 50%;
	place-items: center;
}

.rrpse-share-brand svg {
	display: block;
	width: 18px;
	height: 18px;
}

.rrpse-share-brand-native,
.rrpse-share-brand-link {
	background: #eef0ff;
	color: #3f46d9;
}

.rrpse-share-brand-native svg,
.rrpse-share-brand-link svg,
.rrpse-share-brand-email svg {
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.rrpse-share-brand-whatsapp {
	background: #25d366;
	color: #fff;
}

.rrpse-share-brand-whatsapp svg,
.rrpse-share-brand-facebook svg,
.rrpse-share-brand-x svg {
	fill: currentColor;
}

.rrpse-share-brand-facebook {
	background: #0866ff;
	color: #fff;
}

.rrpse-share-brand-x {
	background: #000;
	color: #fff;
}

.rrpse-share-brand-email {
	background: #5f6368;
	color: #fff;
}

.rrpse-share-options a,
.rrpse-share-options button {
	background: #fff;
}

.rrpse-share-options a:hover,
.rrpse-share-options button:hover,
.rrpse-share-options a:focus-visible,
.rrpse-share-options button:focus-visible {
	box-shadow: 0 4px 14px rgba(24, 28, 35, 0.08);
}

.rrpse-mobile-media-shortcut {
	display: none !important;
}

@media (max-width: 760px) {
	.rrpse-mobile-media-shortcut {
		display: list-item !important;
	}

	#object-nav .bb-rl-main-nav-list > .rrpse-mobile-media-shortcut > a {
		display: inline-flex;
	}
}


/* 0.1.4 grouped-post position indicator. */
.rrpse-group-position {
	position: absolute;
	top: 16px;
	left: 50%;
	z-index: 7;
	min-width: 50px;
	padding: 6px 10px;
	transform: translateX(-50%);
	border-radius: 999px;
	background: rgba(0, 0, 0, .68);
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	pointer-events: none;
}
.rrpse-group-position[hidden] { display: none !important; }

/* 0.1.5: restrained owner actions menu. */
.rrpse-more-actions[hidden],
.rrpse-actions-menu[hidden],
.rrpse-actions-menu [hidden] {
	display: none !important;
}

.rrpse-viewer-actions {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	gap: 7px;
}

.rrpse-more-actions {
	position: relative;
	flex: 0 0 auto;
}

.rrpse-more-toggle {
	position: relative;
	display: grid;
	width: 34px;
	height: 34px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: #f1f3f5;
	color: #33373d;
	cursor: pointer;
	place-items: center;
}

.rrpse-more-toggle:hover,
.rrpse-more-toggle:focus-visible,
.rrpse-more-toggle[aria-expanded="true"] {
	background: #e5e8ec;
}

.rrpse-more-toggle > span,
.rrpse-more-toggle > span::before,
.rrpse-more-toggle > span::after {
	display: block;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: currentColor;
	content: "";
}

.rrpse-more-toggle > span {
	position: relative;
}

.rrpse-more-toggle > span::before,
.rrpse-more-toggle > span::after {
	position: absolute;
	top: 0;
}

.rrpse-more-toggle > span::before {
	left: -6px;
}

.rrpse-more-toggle > span::after {
	left: 6px;
}

.rrpse-actions-menu {
	position: absolute;
	top: calc(100% + 8px);
	right: 0;
	z-index: 30;
	display: grid;
	min-width: 190px;
	overflow: hidden;
	border: 1px solid #dfe2e7;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 14px 42px rgba(22, 25, 31, 0.18);
}

.rrpse-actions-menu button,
.rrpse-actions-menu .rrpse-native-report-slot > a {
	width: 100%;
	min-height: 42px;
	padding: 10px 14px;
	border: 0;
	border-bottom: 1px solid #eceef1;
	background: transparent;
	color: #25282d;
	font-size: 13px;
	font-weight: 550;
	line-height: 1.25;
	text-align: left;
	cursor: pointer;
}

.rrpse-actions-menu button:last-child,
.rrpse-actions-menu .rrpse-native-report-slot:last-child > a {
	border-bottom: 0;
}

.rrpse-actions-menu button:hover,
.rrpse-actions-menu button:focus-visible,
.rrpse-actions-menu .rrpse-native-report-slot > a:hover,
.rrpse-actions-menu .rrpse-native-report-slot > a:focus-visible {
	background: #f5f6f8;
	outline: none;
}

.rrpse-actions-menu .rrpse-action-danger {
	color: #d63638;
}

.rrpse-actions-menu button:disabled {
	cursor: wait;
	opacity: 0.65;
}

html[data-bx-mode="dark"] .rrpse-more-toggle,
body.bb-dark-theme .rrpse-more-toggle {
	background: #292d34;
	color: #f3f4f6;
}

html[data-bx-mode="dark"] .rrpse-more-toggle:hover,
html[data-bx-mode="dark"] .rrpse-more-toggle:focus-visible,
html[data-bx-mode="dark"] .rrpse-more-toggle[aria-expanded="true"],
body.bb-dark-theme .rrpse-more-toggle:hover,
body.bb-dark-theme .rrpse-more-toggle:focus-visible,
body.bb-dark-theme .rrpse-more-toggle[aria-expanded="true"] {
	background: #343943;
}

html[data-bx-mode="dark"] .rrpse-actions-menu,
body.bb-dark-theme .rrpse-actions-menu {
	border-color: #3b4049;
	background: #202329;
	box-shadow: 0 14px 42px rgba(0, 0, 0, 0.38);
}

html[data-bx-mode="dark"] .rrpse-actions-menu button,
html[data-bx-mode="dark"] .rrpse-actions-menu .rrpse-native-report-slot > a,
body.bb-dark-theme .rrpse-actions-menu button,
body.bb-dark-theme .rrpse-actions-menu .rrpse-native-report-slot > a {
	border-color: #343943;
	color: #f3f4f6;
}

html[data-bx-mode="dark"] .rrpse-actions-menu button:hover,
html[data-bx-mode="dark"] .rrpse-actions-menu button:focus-visible,
html[data-bx-mode="dark"] .rrpse-actions-menu .rrpse-native-report-slot > a:hover,
html[data-bx-mode="dark"] .rrpse-actions-menu .rrpse-native-report-slot > a:focus-visible,
body.bb-dark-theme .rrpse-actions-menu button:hover,
body.bb-dark-theme .rrpse-actions-menu button:focus-visible,
body.bb-dark-theme .rrpse-actions-menu .rrpse-native-report-slot > a:hover,
body.bb-dark-theme .rrpse-actions-menu .rrpse-native-report-slot > a:focus-visible {
	background: #292d34;
}

html[data-bx-mode="dark"] .rrpse-actions-menu .rrpse-action-danger,
body.bb-dark-theme .rrpse-actions-menu .rrpse-action-danger {
	color: #ff7b7d;
}


/* 0.1.6: on phones, the media and all details share one natural scroll. */
@media (max-width: 760px) {
	.rrpse-viewer {
		display: block;
		overflow: hidden;
	}

	.rrpse-viewer-dialog {
		display: block;
		width: 100vw;
		height: 100vh;
		height: 100dvh;
		max-height: 100dvh;
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		overscroll-behavior: contain;
		background: #fff;
	}

	.rrpse-viewer-media {
		display: block;
		width: 100%;
		min-height: 0;
		height: auto;
	}

	.rrpse-viewer-media-inner {
		display: block;
		width: 100%;
		height: auto;
		min-height: 0;
	}

	.rrpse-viewer-media img {
		display: block;
		width: 100%;
		height: auto;
		max-width: none;
		max-height: none;
		object-fit: contain;
	}

	.rrpse-video-frame {
		width: 100%;
		height: auto;
		min-height: 0;
		max-height: none;
	}

	.rrpse-video-frame.is-portrait {
		height: min(133vw, 78dvh);
	}

	.rrpse-video-frame.is-landscape {
		height: min(56.25vw, 70dvh);
	}

	.rrpse-viewer-sidebar {
		display: block;
		min-height: 0;
	}

	.rrpse-viewer-scroll {
		overflow: visible;
		overscroll-behavior: auto;
	}

	.rrpse-viewer-author {
		min-height: 72px;
		padding-top: 13px;
		padding-bottom: 13px;
	}

	.rrpse-author-avatar {
		width: 42px;
		height: 42px;
		flex-basis: 42px;
		object-fit: cover;
	}

	.rrpse-viewer-close {
		position: fixed;
		top: calc(env(safe-area-inset-top, 0px) + 10px);
		right: calc(env(safe-area-inset-right, 0px) + 10px);
	}

	.rrpse-viewer-sidebar {
		padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 18px);
	}
}

html[data-bx-mode="dark"] .rrpse-viewer-dialog,
body.bb-dark-theme .rrpse-viewer-dialog {
	background: #17191d;
}


/* 0.1.7: the expanded viewer uses one editable caption, not a second post title. */
.rrpse-viewer .rrpse-caption-only-activity .bb-rl-activity-title,
.rrpse-viewer .rrpse-caption-only-activity .activity-title {
	display: none !important;
}

/* 0.1.9: deterministic desktop photo fitting and optional inspection zoom.
 * Mobile keeps the existing continuous-scroll and browser pinch-zoom behaviour. */
.rrpse-photo-tools {
	display: none;
}

@media (min-width: 761px) {
	#rrpse-viewer .rrpse-viewer-media {
		overflow: hidden;
	}

	#rrpse-viewer .rrpse-viewer-media-inner {
		position: absolute;
		inset: 0;
		width: auto;
		height: auto;
		overflow: hidden;
	}

	#rrpse-viewer .rrpse-viewer-media img.rrpse-media-image {
		position: absolute !important;
		inset: 0 !important;
		display: block !important;
		width: 100% !important;
		height: 100% !important;
		max-width: none !important;
		max-height: none !important;
		object-fit: contain !important;
		object-position: center center !important;
		transform: none;
		transform-origin: center center;
		transition: none;
		image-rendering: auto;
		user-select: none;
		-webkit-user-drag: none;
		cursor: zoom-in;
	}

	#rrpse-viewer .rrpse-viewer-media.is-photo-zoomed img.rrpse-media-image {
		cursor: grab;
	}

	#rrpse-viewer .rrpse-viewer-media.is-photo-panning img.rrpse-media-image {
		transition: none;
		cursor: grabbing;
	}

	#rrpse-viewer .rrpse-photo-tools {
		position: absolute;
		left: 16px;
		top: 16px;
		z-index: 22;
		display: inline-flex;
		align-items: center;
		gap: 4px;
		padding: 5px;
		border: 1px solid rgba(255, 255, 255, 0.2);
		border-radius: 999px;
		background: rgba(12, 14, 18, 0.82);
		box-shadow: 0 6px 24px rgba(0, 0, 0, 0.3);
		color: #fff;
		backdrop-filter: blur(8px);
	}

	#rrpse-viewer .rrpse-photo-tools[hidden] {
		display: none !important;
	}

	#rrpse-viewer .rrpse-photo-tools button {
		display: inline-flex;
		min-width: 32px;
		height: 32px;
		align-items: center;
		justify-content: center;
		padding: 0 9px;
		border: 0;
		border-radius: 999px;
		background: transparent;
		color: inherit;
		font: inherit;
		font-size: 18px;
		line-height: 1;
		cursor: pointer;
	}

	#rrpse-viewer .rrpse-photo-tools button:hover,
	#rrpse-viewer .rrpse-photo-tools button:focus-visible {
		background: rgba(255, 255, 255, 0.14);
		outline: none;
	}

	#rrpse-viewer .rrpse-photo-tools button:disabled {
		opacity: 0.36;
		cursor: default;
	}

	#rrpse-viewer .rrpse-photo-tools .rrpse-photo-fit {
		font-size: 12px;
		font-weight: 700;
		letter-spacing: 0.02em;
	}

	#rrpse-viewer .rrpse-photo-zoom-level {
		min-width: 48px;
		padding: 0 3px;
		color: #fff;
		font-size: 12px;
		font-weight: 700;
		line-height: 32px;
		text-align: center;
	}
}

@media (max-width: 760px) {
	#rrpse-viewer .rrpse-photo-tools {
		display: none !important;
	}
}


/* 0.1.10: use the available height on wide desktop displays.
 * This is deliberately desktop-only; tablet and mobile rules remain untouched. */
@media (min-width: 1051px) {
	#rrpse-viewer.rrpse-viewer {
		padding: 18px;
	}

	#rrpse-viewer .rrpse-viewer-dialog {
		width: min(1700px, calc(100vw - 36px));
		height: calc(100vh - 36px);
		height: calc(100dvh - 36px);
		max-height: none;
	}
}


/* 0.1.12: property listings use the same full viewer and conversation shell
 * as photographs and videos. Only the compact listing summary is unique. */
.rrpse-viewer-property {
	display: grid;
	gap: 7px;
	padding: 16px 20px;
	border-bottom: 1px solid #eceef1;
}

.rrpse-property-price {
	color: #111318;
	font-size: 18px;
	font-weight: 800;
	line-height: 1.25;
}

.rrpse-property-title {
	margin: 0;
	color: inherit;
	font-size: 14px;
	font-weight: 750;
	line-height: 1.4;
}

.rrpse-property-meta {
	margin: 0;
	color: #69707a;
	font-size: 12px;
	line-height: 1.45;
}

.rrpse-property-facts {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 10px;
	margin-top: 2px;
	color: #2c3138;
	font-size: 12px;
	font-weight: 650;
	line-height: 1.35;
}

.rrpse-property-facts span {
	display: inline-flex;
	align-items: center;
}

.rrpse-property-link {
	display: inline-flex;
	width: fit-content;
	min-height: 34px;
	align-items: center;
	justify-content: center;
	margin-top: 5px;
	padding: 7px 12px;
	border: 1px solid #173d63;
	border-radius: 8px;
	background: #173d63;
	color: #fff;
	font-size: 12px;
	font-weight: 750;
	line-height: 1.2;
	text-decoration: none;
}

.rrpse-property-link:hover,
.rrpse-property-link:focus-visible {
	border-color: #0f2d4a;
	background: #0f2d4a;
	color: #fff;
	outline: none;
}

/* The shared viewer owns comment presentation for every supported object.
 * Keep it text-only and apply one explicit button state system here so it is
 * not dependent on theme/BuddyBoss stylesheet order. */
#rrpse-viewer .rrpse-activity-list .bb-rl-ac-reply-toolbar,
#rrpse-viewer .rrpse-activity-list .ac-reply-attachments,
#rrpse-viewer .rrpse-activity-list [id^="bb-rl-ac-reply-attachments-"] {
	display: none !important;
}

#rrpse-viewer .bb-rl-ac-submit-wrap input[type="submit"],
#rrpse-viewer input[name="ac_form_submit"] {
	min-height: 38px !important;
	padding: 8px 16px !important;
	border: 1px solid #173d63 !important;
	border-radius: 8px !important;
	background: #173d63 !important;
	color: #fff !important;
	box-shadow: none !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	cursor: pointer !important;
	opacity: 1 !important;
}

#rrpse-viewer .bb-rl-ac-submit-wrap input[type="submit"]:not(:disabled):hover,
#rrpse-viewer .bb-rl-ac-submit-wrap input[type="submit"]:not(:disabled):focus-visible,
#rrpse-viewer input[name="ac_form_submit"]:not(:disabled):hover,
#rrpse-viewer input[name="ac_form_submit"]:not(:disabled):focus-visible {
	border-color: #0f2d4a !important;
	background: #0f2d4a !important;
	color: #fff !important;
	outline: none !important;
}

#rrpse-viewer .bb-rl-ac-submit-wrap input[type="submit"]:disabled,
#rrpse-viewer input[name="ac_form_submit"]:disabled {
	border-color: #a8d0f7 !important;
	background: #a8d0f7 !important;
	color: #173d63 !important;
	cursor: not-allowed !important;
	opacity: 1 !important;
}

#rrpse-viewer .ac-reply-cancel {
	min-height: 38px !important;
	padding: 8px 14px !important;
	border: 1px solid #d6d9de !important;
	border-radius: 8px !important;
	background: #eef1f4 !important;
	color: #30343a !important;
	box-shadow: none !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	cursor: pointer !important;
}

#rrpse-viewer .ac-reply-cancel:hover,
#rrpse-viewer .ac-reply-cancel:focus-visible {
	border-color: #bcc2c8 !important;
	background: #e4e8ec !important;
	color: #171a1e !important;
	outline: none !important;
}

html[data-bx-mode="dark"] .rrpse-property-price,
body.bb-dark-theme .rrpse-property-price,
html[data-bx-mode="dark"] .rrpse-property-title,
body.bb-dark-theme .rrpse-property-title {
	color: #f4f5f7;
}

html[data-bx-mode="dark"] .rrpse-property-meta,
body.bb-dark-theme .rrpse-property-meta {
	color: #abb1ba;
}

html[data-bx-mode="dark"] .rrpse-property-facts,
body.bb-dark-theme .rrpse-property-facts {
	color: #e2e5e9;
}

html[data-bx-mode="dark"] #rrpse-viewer .ac-reply-cancel,
body.bb-dark-theme #rrpse-viewer .ac-reply-cancel {
	border-color: #3b4149 !important;
	background: #292d34 !important;
	color: #f1f3f5 !important;
}


/* 0.1.14: ReadyLaunch's reaction-state popup inherits a compact close link
 * inside the custom full-screen viewer. Keep the native action, but give it a
 * proper touch target and place it at the far edge of the popup header. */
#rrpse-viewer .activity-state-popup_title {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 16px !important;
	min-height: 64px !important;
	padding: 12px 14px 12px 18px !important;
}

#rrpse-viewer .activity-state-popup_title h4 {
	min-width: 0;
	margin: 0 !important;
}

#rrpse-viewer .activity-state-popup_title .bb-rl-state-popup-close-button {
	position: static !important;
	display: inline-flex !important;
	flex: 0 0 38px !important;
	width: 38px !important;
	height: 38px !important;
	min-width: 38px !important;
	min-height: 38px !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 0 0 0 auto !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: transparent !important;
	color: #252a31 !important;
	line-height: 1 !important;
	text-decoration: none !important;
}

#rrpse-viewer .activity-state-popup_title .bb-rl-state-popup-close-button:hover,
#rrpse-viewer .activity-state-popup_title .bb-rl-state-popup-close-button:focus-visible {
	background: #eef1f4 !important;
	color: #111318 !important;
	outline: 2px solid transparent !important;
}

#rrpse-viewer .activity-state-popup_title .bb-rl-state-popup-close-button .bb-icons-rl-x {
	display: block !important;
	font-size: 22px !important;
	font-weight: 400 !important;
	line-height: 1 !important;
}

html[data-bx-mode="dark"] #rrpse-viewer .activity-state-popup_title .bb-rl-state-popup-close-button,
body.bb-dark-theme #rrpse-viewer .activity-state-popup_title .bb-rl-state-popup-close-button {
	color: #f2f4f7 !important;
}

html[data-bx-mode="dark"] #rrpse-viewer .activity-state-popup_title .bb-rl-state-popup-close-button:hover,
html[data-bx-mode="dark"] #rrpse-viewer .activity-state-popup_title .bb-rl-state-popup-close-button:focus-visible,
body.bb-dark-theme #rrpse-viewer .activity-state-popup_title .bb-rl-state-popup-close-button:hover,
body.bb-dark-theme #rrpse-viewer .activity-state-popup_title .bb-rl-state-popup-close-button:focus-visible {
	background: #2b3037 !important;
	color: #fff !important;
}


/* 0.1.20: ReadyLaunch owns the active light/dark palette. The custom media and
 * property viewer now consumes those tokens, including BuddyBoss's native
 * .bb-rl-dark-mode state, instead of relying only on BuddyX legacy selectors. */
#rrpse-viewer .rrpse-viewer-sidebar,
#rrpse-viewer .rrpse-viewer-author,
#rrpse-viewer .rrpse-viewer-copy,
#rrpse-viewer .rrpse-viewer-property,
#rrpse-viewer .rrpse-viewer-collections,
#rrpse-viewer .rrpse-activity-list .bb-rl-activity-footer-actions,
#rrpse-viewer .rrpse-activity-list .bb-rl-activity-comments,
#rrpse-viewer .rrpse-activity-list .activity-comments,
#rrpse-viewer .rrpse-activity-list .ac-form,
#rrpse-viewer .rrpse-activity-list .bb-rl-ac-form-container,
#rrpse-viewer .rrpse-activity-list .ac-textarea,
#rrpse-viewer .rrpse-activity-list .bb-rl-ac-reply-footer {
	background: var(--bb-rl-background-color, #fff) !important;
	border-color: var(--bb-rl-border-secondary-color, #e7e7e7) !important;
	color: var(--bb-rl-text-color, #242425) !important;
}

#rrpse-viewer .rrpse-activity-list .ac-input,
#rrpse-viewer .rrpse-activity-list .ac-input[contenteditable],
#rrpse-viewer .rrpse-activity-list textarea,
#rrpse-viewer .rrpse-activity-list input[type="text"] {
	background: var(--bb-rl-background-secondary-color, #f6f6f6) !important;
	border-color: var(--bb-rl-border-secondary-color, #e7e7e7) !important;
	color: var(--bb-rl-text-color, #242425) !important;
}

#rrpse-viewer .rrpse-author-meta,
#rrpse-viewer .rrpse-property-meta,
#rrpse-viewer .rrpse-empty-copy,
#rrpse-viewer .rrpse-activity-list .time-since,
#rrpse-viewer .rrpse-activity-list .activity-state,
#rrpse-viewer .rrpse-activity-list .activity-meta .button {
	color: var(--bb-rl-text-secondary-color, #555556) !important;
}

.bb-rl-dark-mode #rrpse-viewer .rrpse-viewer-dialog,
.bb-rl-dark-mode #rrpse-viewer .rrpse-viewer-sidebar,
.bb-rl-dark-mode #rrpse-viewer .rrpse-viewer-author,
.bb-rl-dark-mode #rrpse-viewer .rrpse-viewer-copy,
.bb-rl-dark-mode #rrpse-viewer .rrpse-viewer-property,
.bb-rl-dark-mode #rrpse-viewer .rrpse-viewer-collections,
.bb-rl-dark-mode #rrpse-viewer .rrpse-activity-list .bb-rl-activity-footer-actions,
.bb-rl-dark-mode #rrpse-viewer .rrpse-activity-list .bb-rl-activity-comments,
.bb-rl-dark-mode #rrpse-viewer .rrpse-activity-list .activity-comments,
.bb-rl-dark-mode #rrpse-viewer .rrpse-activity-list .ac-form,
.bb-rl-dark-mode #rrpse-viewer .rrpse-activity-list .bb-rl-ac-form-container,
.bb-rl-dark-mode #rrpse-viewer .rrpse-activity-list .ac-textarea,
.bb-rl-dark-mode #rrpse-viewer .rrpse-activity-list .bb-rl-ac-reply-footer {
	background: var(--bb-rl-background-color, #242425) !important;
	border-color: var(--bb-rl-border-secondary-color, #3d3d3d) !important;
	color: var(--bb-rl-text-color, #fff) !important;
}

/* 0.1.27: BuddyBoss-native moderation inside the AJAX media viewer. */
.rrpse-native-report-slot[hidden] { display:none!important; }
.rrpse-actions-menu .rrpse-native-report-slot > a { display:block;text-decoration:none;box-sizing:border-box; }


/* 0.1.33: BuddyBoss owns file-size and one-per-batch limits; paRRssport adds
 * the missing short-form duration policy and makes the complete launch limit
 * visible directly beside every ordinary video dropzone. */
.rrpse-video-policy-note {
	margin: 8px 0 0;
	color: var(--bb-rl-text-secondary-color, #555556);
	font-size: 12px;
	font-weight: 600;
	line-height: 1.35;
}

.bb-rl-dark-mode .rrpse-video-policy-note,
body.bb-dark-theme .rrpse-video-policy-note {
	color: var(--bb-rl-text-secondary-color, #b5b5b7);
}

/* 0.1.45: do not redraw BuddyBoss Like icons in the detached viewer.
 * The server-provided BuddyBoss icon classes now render exactly as they do in
 * the native news feed, including the round-filled selected/default Like. */


/* 0.1.46: the detached viewer does not always retain ReadyLaunch's
 * .bp-generic-meta .generic-button ancestor chain, so mirror BuddyBoss 3.1.0's
 * exact Like pseudo-glyph weights here. Selected/default Like is round-filled
 * (200); neutral Like is lined (400). No replacement SVG or codepoint. */
#rrpse-viewer .rrpse-activity-list a.bp-like-button [class*="bb-icon"]:before {
	color: var(--bb-rl-icon-tertiary-color);
	font-size: 24px;
	font-family: bb-icons !important;
	font-weight: 400 !important;
	font-style: normal;
	margin-right: var(--bb-rl-space-50, 4px);
	margin-left: 0;
}
#rrpse-viewer .rrpse-activity-list a.bp-like-button.has-reaction [class*="bb-icon"]:before,
#rrpse-viewer .rrpse-activity-list a.bp-like-button.has-like [class*="bb-icon"]:before,
#rrpse-viewer .rrpse-activity-list a.bp-like-button.unfav [class*="bb-icon"]:before,
#rrpse-viewer .rrpse-activity-list a.bp-like-button[data-pressed="1"] [class*="bb-icon"]:before,
#rrpse-viewer .rrpse-activity-list a.bp-like-button[data-pressed="true"] [class*="bb-icon"]:before {
	font-weight: 200 !important;
	color: inherit;
}


/* 0.1.55 contextual moderator workflow: controls stay inside existing three-dot menus. */
.rrpse-actions-menu [data-rrpse-action="moderator-remove"],
.rrpse-actions-menu [data-rrpse-action="moderator-quarantine"]{color:#b42318}
.rrpse-moderation-sheet[hidden]{display:none!important}
.rrpse-moderation-sheet{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:20px}
.rrpse-moderation-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.62)}
.rrpse-moderation-dialog{position:relative;z-index:1;width:min(520px,calc(100vw - 32px));max-height:calc(100vh - 40px);overflow:auto;background:var(--bb-rl-background-color,#fff);color:var(--bb-rl-text-color,#111);border-radius:14px;padding:20px;box-shadow:0 20px 70px rgba(0,0,0,.28)}
.rrpse-moderation-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}
.rrpse-moderation-header h2{margin:0;font-size:20px}
.rrpse-moderation-close{border:0;background:transparent;font-size:28px;line-height:1;cursor:pointer}
.rrpse-moderation-explainer{margin:0 0 16px;line-height:1.45}
.rrpse-moderation-field{display:block;margin:0 0 14px;font-weight:600}
.rrpse-moderation-field span{display:block;margin-bottom:6px}
.rrpse-moderation-field select,.rrpse-moderation-field textarea{width:100%;font:inherit;font-weight:400}
.rrpse-moderation-feedback{margin:8px 0;color:#b42318}
.rrpse-moderation-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}
.rrpse-moderation-actions button{min-height:38px;padding:7px 14px;border-radius:8px;cursor:pointer}
.rrpse-moderation-submit{background:#111;color:#fff;border:1px solid #111}

/* 0.1.57: visible moderation outcome for three-dot actions outside the reason sheet. */
.rrpse-moderation-status-toast{position:fixed;left:50%;bottom:28px;z-index:100100;max-width:min(560px,calc(100vw - 32px));transform:translate(-50%,18px);opacity:0;pointer-events:none;padding:11px 15px;border-radius:9px;background:#222;color:#fff;font-size:14px;line-height:1.4;box-shadow:0 8px 28px rgba(0,0,0,.24);transition:opacity .16s ease,transform .16s ease}
.rrpse-moderation-status-toast.is-visible{opacity:1;transform:translate(-50%,0)}
.rrpse-moderation-status-toast.is-error{background:#8f1d1d}


.rrpse-group-picker{margin:12px 0;padding:12px 0;border-top:1px solid var(--bb-content-border-color,#ddd);max-height:55vh;overflow:auto}.rrpse-group-picker label{display:block;margin:8px 0}.rrpse-group-picker input,.rrpse-group-picker select{display:block;width:100%;max-width:100%;font:inherit}.rrpse-group-picker p{font-size:13px;line-height:1.5}.rrpse-group-picker button{margin:6px 0}.rrpse-group-picker [hidden]{display:none!important}

/* 0.1.66 Passport card action reuses the standard paRRssport share glyph. */
.rrpse-share-brand-snapshot{background:#eef0ff;color:#3f46d9}
.rrpse-share-brand-snapshot svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* 0.1.68 Passport Snapshot uses the existing share sheet rather than a parallel modal. */
.rrpse-passport-snapshot[hidden] { display: none !important; }
.rrpse-passport-snapshot { padding: 16px; }
.rrpse-passport-snapshot-preview {
	width: min(250px, 64vw);
	margin: 0 auto 16px;
	overflow: hidden;
	border: 1px solid #e0e3e8;
	border-radius: 14px;
	background: #f3ead5;
	box-shadow: 0 8px 26px rgba(24, 28, 35, .12);
}
.rrpse-passport-snapshot-preview img { display: block; width: 100%; height: auto; }
.rrpse-passport-snapshot-actions {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}
.rrpse-passport-snapshot-actions button {
	min-height: 48px;
	padding: 10px 12px;
	border: 1px solid #e0e3e8;
	border-radius: 11px;
	background: #fff;
	color: #25282d;
	font: inherit;
	font-size: 13px;
	font-weight: 650;
	cursor: pointer;
}
.rrpse-passport-snapshot-actions button:hover,
.rrpse-passport-snapshot-actions button:focus-visible { border-color: #9ca2ac; box-shadow: 0 4px 14px rgba(24, 28, 35, .08); }
.rrpse-passport-snapshot-actions .rrpse-snapshot-back { grid-column: 1 / -1; background: #f8f9fa; }
html[data-bx-mode="dark"] .rrpse-passport-snapshot-actions button,
body.bb-dark-theme .rrpse-passport-snapshot-actions button { background: #24272d; border-color: #3a3f48; color: #f4f5f7; }
.rrpse-share-options[hidden] { display: none !important; }