/* ------------------------------------------------------------------
   PCCIL member restyle for BuddyBoss Nouveau.

   Enqueued only on bp_is_user() routes. Selectors here are deliberately
   scoped to BB Nouveau's real wrappers (verified in the DOM):

     body.bp-user ...
       #buddypress.buddypress-wrap
         #item-header.users-header.single-headers      (member header)
         #object-nav.main-navs.bp-navs.horizontal      (primary tabs)
         .bp-wrap.bp-fullwidth-wrap
           .bb-profile-grid
             #item-body.item-body
               .item-body-inner
                 <nav#subnav.bp-navs.bp-subnavs>       (sub-tabs)
                 <ul.notification-list.bb-nouveau-list>
                 .bp-messages-container
                 .messages-wrapper
                 etc.

   Previous version mostly fired against `.notifications table.notifications`
   and `.messages-list .message`, neither of which BB Nouveau renders - so
   the stylesheet loaded but had no visible effect. This rewrite targets the
   real markup, uses tokenised PCCIL colours and lifts specificity enough
   to override buddyboss-theme's /assets/css/buddypress.min.css where that
   plugin uses non-ID selectors.
   ------------------------------------------------------------------ */

:root {
	--pccc-member-surface:         #ffffff;
	--pccc-member-surface-sunken:  #F3F7F8;
	--pccc-member-border:          #E1E8EB;
	--pccc-member-ink:             #0F2A3D;
	--pccc-member-ink-muted:       #5A6B74;
	--pccc-member-accent:          var(--pccc-color-primary, #1F8F8F);
	--pccc-member-accent-dark:     #176F6F;
	--pccc-member-accent-tint:     rgba(31, 143, 143, 0.10);
	--pccc-member-accent-strong:   rgba(31, 143, 143, 0.18);
	--pccc-member-radius:          var(--pccc-radius-md, 12px);
	--pccc-member-radius-sm:       var(--pccc-radius-sm, 8px);
	--pccc-member-shadow:          0 1px 3px rgba(15, 42, 61, 0.06);
	--pccc-member-shadow-md:       0 4px 14px rgba(15, 42, 61, 0.08);
}

/* ---------- Page surface ---------- */

body.bp-user { background: var(--pccc-member-surface-sunken); }

body.bp-user #content.site-content > .container {
	padding-top: var(--pccc-space-5, 24px);
	padding-bottom: var(--pccc-space-7, 48px);
}

body.bp-user #primary.content-area {
	background: transparent;
}

/* Hide the WP edit-link footer BB bolts on - noise on the user's own page. */
body.bp-user .entry-footer { display: none; }

/* ---------- Member header card ---------- */

body.bp-user #item-header.users-header {
	background: var(--pccc-member-surface);
	border: 1px solid var(--pccc-member-border);
	border-radius: var(--pccc-member-radius);
	box-shadow: var(--pccc-member-shadow);
	overflow: hidden;
	margin-bottom: var(--pccc-space-5, 24px);
}
body.bp-user #item-header .item-header-wrap { padding-bottom: 16px; }
body.bp-user #item-header .avatar {
	border-radius: 999px;
	border: 3px solid var(--pccc-member-surface);
	box-shadow: var(--pccc-member-shadow);
}
body.bp-user #item-header-content h2,
body.bp-user .bb-user-full-name,
body.bp-user .bs-user-fullname,
body.bp-user #item-header .bp-user-position {
	color: var(--pccc-member-ink);
	font-weight: 700;
}
body.bp-user #item-header .member-status-info,
body.bp-user #item-header .bb-member-descriptions {
	color: var(--pccc-member-ink-muted);
}

/* ---------- Primary member tabs (#object-nav) ---------- */

body.bp-user #buddypress #object-nav.bp-navs {
	background: var(--pccc-member-surface);
	border: 1px solid var(--pccc-member-border);
	border-radius: var(--pccc-member-radius);
	box-shadow: var(--pccc-member-shadow);
	padding: 6px;
	margin-bottom: var(--pccc-space-5, 24px);
}
body.bp-user #buddypress #object-nav.bp-navs ul {
	gap: 2px;
}
body.bp-user #buddypress #object-nav.bp-navs li a {
	border-radius: var(--pccc-member-radius-sm);
	color: var(--pccc-member-ink);
	padding: 8px 14px;
	font-weight: 500;
	transition: background 150ms ease, color 150ms ease;
}
body.bp-user #buddypress #object-nav.bp-navs li a:hover {
	color: var(--pccc-member-accent);
	background: var(--pccc-member-accent-tint);
}
body.bp-user #buddypress #object-nav.bp-navs li.current a,
body.bp-user #buddypress #object-nav.bp-navs li.selected a {
	background: var(--pccc-member-accent-tint);
	color: var(--pccc-member-accent);
	font-weight: 700;
	box-shadow: inset 0 0 0 1px var(--pccc-member-accent-strong);
}

/* ---------- Content panel wrapper ---------- */

body.bp-user #buddypress .bp-wrap,
body.bp-user #buddypress .bp-wrap.bp-fullwidth-wrap {
	gap: var(--pccc-space-5, 24px);
}

body.bp-user #buddypress #item-body.item-body,
body.bp-user #buddypress .bb-profile-grid > #item-body {
	background: var(--pccc-member-surface);
	border: 1px solid var(--pccc-member-border);
	border-radius: var(--pccc-member-radius);
	box-shadow: var(--pccc-member-shadow);
	padding: var(--pccc-space-5, 24px);
}

body.bp-user #buddypress .item-body-inner > .entry-header,
body.bp-user #buddypress .entry-header.notifications-header,
body.bp-user #buddypress .entry-header.messages-header {
	display: flex;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
	padding-bottom: 16px;
	margin-bottom: 16px;
	border-bottom: 1px solid var(--pccc-member-border);
}
body.bp-user #buddypress .entry-header .entry-title {
	font-size: 1.5rem;
	font-weight: 700;
	color: var(--pccc-member-ink);
	margin: 0;
}

/* ---------- Sub tabs (#subnav Unread/Read, Inbox/Compose) ---------- */

body.bp-user #buddypress nav#subnav.bp-navs {
	background: transparent;
	border: 0;
	box-shadow: none;
	padding: 0;
}
body.bp-user #buddypress nav#subnav.bp-navs ul {
	gap: 4px;
}
body.bp-user #buddypress nav#subnav.bp-navs li a {
	border-radius: 999px;
	padding: 6px 14px;
	font-size: 0.85rem;
	font-weight: 500;
	color: var(--pccc-member-ink-muted);
	background: var(--pccc-member-surface-sunken);
	transition: background 150ms ease, color 150ms ease;
}
body.bp-user #buddypress nav#subnav.bp-navs li a:hover {
	color: var(--pccc-member-accent);
}
body.bp-user #buddypress nav#subnav.bp-navs li.current a,
body.bp-user #buddypress nav#subnav.bp-navs li.selected a,
body.bp-user.bp-nouveau #buddypress nav#subnav.bp-navs li.current a,
body.bp-user.bp-nouveau #buddypress nav#subnav.bp-navs li.selected a {
	background: var(--pccc-member-accent) !important;
	color: #fff !important;
	font-weight: 600;
}

/* ---------- Notifications list ---------- */

body.bp-user #buddypress ul.notification-list {
	list-style: none;
	margin: 0;
	padding: 0;
	border: 1px solid var(--pccc-member-border);
	border-radius: var(--pccc-member-radius-sm);
	overflow: hidden;
	background: var(--pccc-member-surface);
}
body.bp-user #buddypress ul.notification-list > li.bs-item-wrap {
	display: flex;
	gap: 14px;
	align-items: center;
	padding: 14px 18px;
	border-top: 1px solid var(--pccc-member-border);
	background: var(--pccc-member-surface);
	transition: background 150ms ease;
}
body.bp-user #buddypress ul.notification-list > li.bs-item-wrap:first-child {
	border-top: 0;
}
body.bp-user #buddypress ul.notification-list > li.bs-item-wrap.bs-header-item {
	background: var(--pccc-member-surface-sunken);
	font-size: 0.82rem;
	color: var(--pccc-member-ink-muted);
}
body.bp-user #buddypress ul.notification-list > li.bs-item-wrap:not(.bs-header-item):hover {
	background: var(--pccc-member-accent-tint);
}
/* Unread notifications - teal left stripe + stronger text. */
body.bp-user #buddypress ul.notification-list > li.bs-item-wrap.unread,
body.bp-user #buddypress ul.notification-list > li.bs-item-wrap.is-unread,
body.bp-user #buddypress ul.notification-list > li.bs-item-wrap[data-notification-status="unread"] {
	box-shadow: inset 4px 0 0 0 var(--pccc-member-accent);
	background: var(--pccc-member-accent-tint);
}
body.bp-user #buddypress ul.notification-list .notification-content strong,
body.bp-user #buddypress ul.notification-list .notification-content a {
	color: var(--pccc-member-accent-dark);
	font-weight: 600;
}
body.bp-user #buddypress ul.notification-list .notification-date {
	color: var(--pccc-member-ink-muted);
	font-size: 0.78rem;
}
body.bp-user #buddypress ul.notification-list .notification-actions a {
	color: var(--pccc-member-ink-muted);
	transition: color 150ms ease;
}
body.bp-user #buddypress ul.notification-list .notification-actions a:hover {
	color: var(--pccc-member-accent);
}

/* ---------- Bulk-action bar ---------- */

body.bp-user #buddypress .notifications-options-nav .button,
body.bp-user #buddypress .notifications-options-nav input[type="submit"] {
	background: var(--pccc-member-accent);
	color: #fff;
	border: 0;
	border-radius: var(--pccc-member-radius-sm);
	font-weight: 600;
}
body.bp-user #buddypress .notifications-options-nav input[type="submit"]:disabled {
	background: var(--pccc-member-border);
	color: var(--pccc-member-ink-muted);
	cursor: not-allowed;
}

/* ---------- Messages ---------- */

body.bp-user #buddypress .messages-wrapper,
body.bp-user #buddypress .messages-screen,
body.bp-user #buddypress .bp-messages-container {
	background: transparent;
}
body.bp-user #buddypress .bp-messages-nav-panel,
body.bp-user #buddypress .messages-list-content {
	background: var(--pccc-member-surface);
	border: 1px solid var(--pccc-member-border);
	border-radius: var(--pccc-member-radius-sm);
}

/* Message thread rows in the left-rail list. */
body.bp-user #buddypress .messages-list .message-item,
body.bp-user #buddypress .bp-messages-nav-panel .thread-item,
body.bp-user #buddypress .messages-list > li,
body.bp-user #buddypress .bb-messages-list .message-item {
	border-bottom: 1px solid var(--pccc-member-border);
	padding: 12px 16px;
}
body.bp-user #buddypress .messages-list .message-item.unread,
body.bp-user #buddypress .bb-messages-list .message-item.unread,
body.bp-user #buddypress .messages-list > li.unread {
	background: var(--pccc-member-accent-tint);
	box-shadow: inset 4px 0 0 0 var(--pccc-member-accent);
}

body.bp-user #buddypress .single-message-thread,
body.bp-user #buddypress .bp-messages-content,
body.bp-user #buddypress .messages-content {
	background: var(--pccc-member-surface);
	border: 1px solid var(--pccc-member-border);
	border-radius: var(--pccc-member-radius-sm);
	padding: 16px 18px;
}

body.bp-user #buddypress .bb-messages-content__wrap .bb-message,
body.bp-user #buddypress .message-content.sent,
body.bp-user #buddypress .message-content.received,
body.bp-user #buddypress .single-message-item {
	border-radius: var(--pccc-member-radius-sm);
	padding: 12px 14px;
	margin: 8px 0;
}
body.bp-user #buddypress .message-content.sent,
body.bp-user #buddypress .single-message-item.sent {
	background: var(--pccc-member-accent-tint);
	border: 1px solid transparent;
}
body.bp-user #buddypress .message-content.received,
body.bp-user #buddypress .single-message-item.received {
	background: var(--pccc-member-surface);
	border: 1px solid var(--pccc-member-border);
}

/* Reply area + compose. */
body.bp-user #buddypress .send-reply,
body.bp-user #buddypress .send-reply textarea,
body.bp-user #buddypress #message_form textarea,
body.bp-user #buddypress #message_content textarea,
body.bp-user #buddypress .bb-messages-footer textarea {
	background: var(--pccc-member-surface);
	border: 1px solid var(--pccc-member-border);
	border-radius: var(--pccc-member-radius-sm);
	padding: 10px 12px;
	min-height: 110px;
	font-family: inherit;
}
body.bp-user #buddypress .send-reply textarea:focus,
body.bp-user #buddypress #message_form textarea:focus {
	outline: 2px solid var(--pccc-member-accent);
	outline-offset: 2px;
	border-color: transparent;
}

/* Compose form fields. */
body.bp-user #buddypress #message-recipients,
body.bp-user #buddypress #compose input[type="text"],
body.bp-user #buddypress #compose input[type="email"],
body.bp-user #buddypress .messages-form input[type="text"] {
	background: var(--pccc-member-surface);
	border: 1px solid var(--pccc-member-border);
	border-radius: var(--pccc-member-radius-sm);
	padding: 8px 12px;
}

/* ---------- Primary action buttons (BB "button filled") ---------- */

body.bp-user #buddypress button.button,
body.bp-user #buddypress input[type="submit"].button,
body.bp-user #buddypress a.button,
body.bp-user #buddypress .generic-button a,
body.bp-user #buddypress button.filled,
body.bp-user #buddypress .bp-primary-action {
	background: var(--pccc-member-accent);
	color: #fff;
	border: 0;
	border-radius: var(--pccc-member-radius-sm);
	padding: 8px 16px;
	font-weight: 600;
	transition: background 150ms ease;
}
body.bp-user #buddypress button.button:hover,
body.bp-user #buddypress input[type="submit"].button:hover,
body.bp-user #buddypress a.button:hover,
body.bp-user #buddypress button.filled:hover {
	background: var(--pccc-member-accent-dark);
	color: #fff;
}
body.bp-user #buddypress button.button.outline,
body.bp-user #buddypress a.button.outline {
	background: transparent;
	color: var(--pccc-member-accent);
	box-shadow: inset 0 0 0 1px var(--pccc-member-accent);
}

/* ---------- Profile fields (xProfile) ---------- */

body.bp-user #buddypress .bb-profile-grid .bp-widget,
body.bp-user #buddypress .profile .bp-widget,
body.bp-user #buddypress table.profile-fields {
	background: transparent;
	border: 0;
	margin-bottom: var(--pccc-space-4, 20px);
}
body.bp-user #buddypress .profile .bp-widget h3,
body.bp-user #buddypress .profile h2.bp-group-title {
	font-size: 1.05rem;
	font-weight: 700;
	color: var(--pccc-member-ink);
	padding-bottom: 8px;
	border-bottom: 1px solid var(--pccc-member-border);
	margin-bottom: 12px;
}
body.bp-user #buddypress table.profile-fields {
	border-collapse: separate;
	border-spacing: 0;
	width: 100%;
}
body.bp-user #buddypress table.profile-fields th,
body.bp-user #buddypress table.profile-fields td {
	padding: 10px 12px;
	vertical-align: top;
	border-bottom: 1px solid var(--pccc-member-border);
}
body.bp-user #buddypress table.profile-fields th {
	font-weight: 600;
	color: var(--pccc-member-ink-muted);
	width: 32%;
}
body.bp-user #buddypress table.profile-fields td {
	color: var(--pccc-member-ink);
}

/* Account/settings form rows. */
body.bp-user.settings #buddypress #item-body form.standard-form input[type="text"],
body.bp-user.settings #buddypress #item-body form.standard-form input[type="email"],
body.bp-user.settings #buddypress #item-body form.standard-form input[type="password"],
body.bp-user.settings #buddypress #item-body form.standard-form select,
body.bp-user.settings #buddypress #item-body form.standard-form textarea {
	background: var(--pccc-member-surface);
	border: 1px solid var(--pccc-member-border);
	border-radius: var(--pccc-member-radius-sm);
	padding: 8px 12px;
}

/* ---------- Loading / empty states ---------- */

body.bp-user #buddypress .bp-feedback,
body.bp-user #buddypress #message.info,
body.bp-user #buddypress .no-items {
	background: var(--pccc-member-surface-sunken);
	border: 1px solid var(--pccc-member-border);
	border-radius: var(--pccc-member-radius-sm);
	padding: 16px 18px;
	color: var(--pccc-member-ink-muted);
}

/* ---------- Mobile (390px) ---------- */

@media (max-width: 600px) {
	body.bp-user #content.site-content > .container {
		padding-left: 12px;
		padding-right: 12px;
	}
	body.bp-user #buddypress #item-body.item-body { padding: 16px; }
	body.bp-user #buddypress #object-nav.bp-navs {
		padding: 4px;
		overflow-x: auto;
	}
	body.bp-user #buddypress #object-nav.bp-navs ul {
		flex-wrap: nowrap;
	}
	body.bp-user #buddypress ul.notification-list > li.bs-item-wrap {
		padding: 12px 14px;
		flex-wrap: wrap;
	}
	body.bp-user #buddypress .entry-header.notifications-header {
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
	}
}

/* ============================================================
   Pass 2 corrections based on real-browser screenshots.
   High-specificity scoped overrides for places where BB Nouveau
   default styling still bleeds through.
   ============================================================ */

/* --- Profile header: avatar positioning + identity hierarchy --- */

body.bp-user #buddypress #item-header.users-header #cover-image-container {
	position: relative;
}
body.bp-user #buddypress #item-header-wrap,
body.bp-user #buddypress #item-header-cover-image {
	padding: 12px 24px 20px;
	gap: 20px;
}
body.bp-user #buddypress #item-header-avatar {
	margin-top: -56px;
	position: relative;
	z-index: 2;
}
body.bp-user #buddypress #item-header-avatar img,
body.bp-user #buddypress #item-header-avatar .avatar {
	border: 4px solid #fff;
	box-shadow: 0 2px 10px rgba(15, 42, 61, 0.15);
	background: #fff;
}
body.bp-user #buddypress #item-header-content {
	padding-left: 4px;
}
body.bp-user #buddypress #item-header-content h2.user-nicename,
body.bp-user #buddypress #item-header-content .bb-user-full-name,
body.bp-user #buddypress #item-header-content h2 a {
	font-size: 1.6rem !important;
	font-weight: 700 !important;
	color: var(--pccc-member-ink) !important;
	line-height: 1.15 !important;
	margin: 0 0 4px !important;
}
body.bp-user #buddypress #item-header-content .user-nickname,
body.bp-user #buddypress #item-header-content .activity {
	color: var(--pccc-member-ink-muted);
	font-size: 0.85rem;
}

/* --- Primary tabs: fix wrapping and vertical rhythm --- */

body.bp-user #buddypress #object-nav.bp-navs ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 2px;
	margin: 0;
	padding: 0;
	list-style: none;
}
body.bp-user #buddypress #object-nav.bp-navs li {
	margin: 0;
	flex: 0 0 auto;
}

/* --- Details card: tighten spacing + align Edit button --- */

body.bp-user #buddypress .bp-widget.base,
body.bp-user #buddypress .profile .bp-widget {
	position: relative;
}
body.bp-user #buddypress .profile h2.bp-group-title,
body.bp-user #buddypress .profile .bp-widget h3 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}
body.bp-user #buddypress .profile .edit-link,
body.bp-user #buddypress .profile a.button.edit {
	position: absolute;
	top: 0;
	right: 0;
	padding: 6px 14px;
	font-size: 0.82rem;
}

/* --- Notifications header: baseline alignment of pills + dropdown --- */

body.bp-user.notifications #buddypress .entry-header.notifications-header {
	align-items: center;
	gap: 12px;
	flex-wrap: nowrap;
}
body.bp-user.notifications #buddypress .entry-header.notifications-header > nav#subnav.bp-navs,
body.bp-user.notifications #buddypress .entry-header.notifications-header .bb-subnav-filters-container {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
}
body.bp-user.notifications #buddypress .bb-subnav-filters-container {
	display: inline-flex;
	align-items: center;
}
body.bp-user.notifications #buddypress .bb-subnav-filters-container .component-filters {
	margin: 0;
}
body.bp-user.notifications #buddypress #notifications-filter-select select,
body.bp-user.notifications #buddypress #dir-filters select {
	border-radius: 999px !important;
	border: 1px solid var(--pccc-member-border) !important;
	background: var(--pccc-member-surface) !important;
	padding: 6px 32px 6px 14px !important;
	font-size: 0.82rem !important;
	color: var(--pccc-member-ink) !important;
	height: 32px !important;
	min-height: 32px !important;
}

/* --- Notifications: unified bulk-action strip --- */

body.bp-user.notifications #buddypress ul.notification-list > li.bs-item-wrap.bs-header-item {
	padding: 8px 14px;
	gap: 8px;
	background: var(--pccc-member-surface-sunken);
	font-size: 0.78rem;
}
body.bp-user.notifications #buddypress .notifications-options-nav .select-wrap select {
	border-radius: 999px !important;
	border: 1px solid var(--pccc-member-border) !important;
	background: var(--pccc-member-surface) !important;
	padding: 4px 28px 4px 12px !important;
	font-size: 0.78rem !important;
	height: 28px !important;
	min-height: 28px !important;
}
body.bp-user.notifications #buddypress #notification-bulk-manage {
	padding: 4px 12px !important;
	font-size: 0.78rem !important;
	height: 28px !important;
	min-height: 28px !important;
	border-radius: 999px !important;
}
body.bp-user.notifications #buddypress .bb-sort-by-date {
	font-size: 0.78rem;
	color: var(--pccc-member-ink-muted);
}

/* --- Notification rows: real unread styling driven by body class --- */

body.bp-user.notifications.unread #buddypress ul.notification-list > li.bs-item-wrap:not(.bs-header-item) {
	box-shadow: inset 3px 0 0 0 var(--pccc-member-accent);
	background: rgba(57, 138, 160, 0.05);
}
body.bp-user.notifications.unread #buddypress ul.notification-list > li.bs-item-wrap:not(.bs-header-item) .notification-content > span:first-child a {
	font-weight: 600;
	color: var(--pccc-member-ink);
}

body.bp-user #buddypress ul.notification-list > li.bs-item-wrap {
	gap: 14px;
	align-items: center;
}
body.bp-user #buddypress ul.notification-list .notification-avatar {
	flex: 0 0 auto;
	width: 40px;
	height: 40px;
}
body.bp-user #buddypress ul.notification-list .notification-avatar .avatar,
body.bp-user #buddypress ul.notification-list .notification-avatar .pccc-avatar-initials {
	width: 40px !important;
	height: 40px !important;
	border-radius: 999px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 0.82rem;
	font-weight: 700;
	background: var(--pccc-member-accent-tint);
	color: var(--pccc-member-accent);
}
body.bp-user #buddypress ul.notification-list .notification-content {
	flex: 1 1 auto;
	min-width: 0;
}
body.bp-user #buddypress ul.notification-list .notification-content > span:first-child {
	display: block;
	font-size: 0.92rem;
	color: var(--pccc-member-ink);
	line-height: 1.35;
}
body.bp-user #buddypress ul.notification-list .notification-content .posted {
	display: block;
	margin-top: 2px;
	font-size: 0.76rem;
	color: var(--pccc-member-ink-muted);
}
body.bp-user #buddypress ul.notification-list .actions {
	display: inline-flex;
	gap: 6px;
	align-items: center;
	flex: 0 0 auto;
	opacity: 1;
}
body.bp-user #buddypress ul.notification-list .actions a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 999px;
	color: var(--pccc-member-ink-muted);
	background: transparent;
	transition: background 150ms ease, color 150ms ease;
	text-decoration: none;
}
body.bp-user #buddypress ul.notification-list .actions a:hover {
	background: var(--pccc-member-accent-tint);
	color: var(--pccc-member-accent);
}

/* --- Messages toolbar: consistent button sizing + primary CTA --- */

body.bp-user.my-messages #buddypress nav#subnav.bp-navs ul.subnav {
	align-items: center;
	gap: 6px;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	list-style: none;
}
body.bp-user.my-messages #buddypress nav#subnav.bp-navs ul.subnav li {
	margin: 0;
}
body.bp-user.my-messages #buddypress nav#subnav.bp-navs ul.subnav li a {
	height: 34px;
	padding: 0 14px;
	display: inline-flex;
	align-items: center;
	border-radius: 999px;
	font-size: 0.85rem;
}
body.bp-user.my-messages #buddypress nav#subnav.bp-navs ul.subnav li#compose-personal-li a {
	background: var(--pccc-member-accent) !important;
	color: #fff !important;
	font-weight: 600;
}
body.bp-user.my-messages #buddypress nav#subnav.bp-navs ul.subnav li#compose-personal-li a:hover {
	background: var(--pccc-member-accent-dark) !important;
}
body.bp-user.my-messages #buddypress .bb_more_options_action {
	height: 34px;
	width: 34px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	color: var(--pccc-member-ink-muted);
	background: var(--pccc-member-surface-sunken);
}
body.bp-user.my-messages #buddypress .bb_more_options_action:hover {
	background: var(--pccc-member-accent-tint);
	color: var(--pccc-member-accent);
}

/* --- Messages two-pane layout --- */

body.bp-user.my-messages #buddypress .bp-messages-container {
	display: grid;
	grid-template-columns: minmax(300px, 360px) 1fr;
	gap: 16px;
	min-height: 520px;
}
body.bp-user.my-messages #buddypress .bp-messages-nav-panel {
	border: 1px solid var(--pccc-member-border);
	border-radius: var(--pccc-member-radius-sm);
	background: var(--pccc-member-surface);
	padding: 10px;
	max-height: 70vh;
	overflow-y: auto;
}
body.bp-user.my-messages #buddypress .bp-messages-nav-panel .message-search,
body.bp-user.my-messages #buddypress .bp-messages-nav-panel input[type="search"],
body.bp-user.my-messages #buddypress .bp-messages-nav-panel input[type="text"] {
	border-radius: 999px !important;
	border: 1px solid var(--pccc-member-border) !important;
	background: var(--pccc-member-surface-sunken) !important;
	padding: 6px 14px !important;
	font-size: 0.82rem !important;
	width: 100%;
}
body.bp-user.my-messages #buddypress .bp-messages-nav-panel .message-item,
body.bp-user.my-messages #buddypress .messages-list .message-item {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	padding: 10px;
	border-radius: var(--pccc-member-radius-sm);
	border-bottom: 0;
	cursor: pointer;
	transition: background 120ms ease;
}
body.bp-user.my-messages #buddypress .message-item:hover {
	background: var(--pccc-member-surface-sunken);
}
body.bp-user.my-messages #buddypress .message-item.selected {
	background: var(--pccc-member-accent-tint);
}
body.bp-user.my-messages #buddypress .bp-messages-content {
	border: 1px solid var(--pccc-member-border);
	border-radius: var(--pccc-member-radius-sm);
	background: var(--pccc-member-surface);
	padding: 20px;
	min-height: 400px;
	position: relative;
}

/* Mobile: stack the two-pane layout vertically. */
@media (max-width: 820px) {
	body.bp-user.my-messages #buddypress .bp-messages-container {
		grid-template-columns: 1fr;
	}
	body.bp-user.my-messages #buddypress .bp-messages-content {
		min-height: 280px;
	}
}