/**
 * Group Single Page Styles
 * Страница отдельной группы BuddyPress
 * По аналогии с профилем пользователя
 * 
 * @package momsides_dev
 */

/* ========================================
   Group Home Container
   ======================================== */

.msp-group-home {
	padding-bottom: var(--spacing-10);
}

/* ========================================
   Group Banner (по аналогии с profile/banner.css)
   ======================================== */

#buddypress-group-home .msp-group-banner,
.msp-group-banner {
	position: relative;
	height: 340px;
	margin: 40px var(--spacing-4) 0;
	border-radius: 12px !important;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #E8B4D0;
	overflow: hidden;
}

/* Fallback gradient when no cover image */
.msp-group-banner:not([style*="background-image"]) {
	background: linear-gradient(135deg, #F8C8DC 0%, #E8B4D0 50%, #D4A0C4 100%);
}

@media (min-width: 1280px) {
	.msp-group-banner {
		margin: 40px auto 0;
	}
}

.msp-group-banner::before {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 19.28%, rgba(0, 0, 0, 0.55) 100%);
	border-radius: 12px;
	pointer-events: none;
	z-index: 1;
}

/* User block (avatar + info) - по аналогии с profile-banner.css */
.msp-group-banner__user {
	position: absolute;
	bottom: 114px;
	left: 40px;
	display: flex;
	align-items: center;
	gap: 16px;
	z-index: 2;
}

.msp-group-banner__avatar {
	width: 128px;
	height: 128px;
	border-radius: 50%;
	overflow: hidden;
	flex-shrink: 0;
}

.msp-group-banner__avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 64px;
}

.msp-group-banner__info {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.msp-group-banner__name {
	color: #FFFFFF;
	font-family: var(--font-primary);
	font-weight: 400;
	font-size: var(--font-size-h3, 26px);
	line-height: var(--line-height-lg, 32px);
	margin: 0;
}

.msp-group-banner__role {
	display: inline-block;
	padding: 4px 12px;
	background: var(--color-accent);
	color: var(--color-white);
	font-size: 12px;
	font-weight: 500;
	border-radius: 20px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	width: fit-content;
}

.msp-group-banner__actions {
	margin-top: 12px;
}

.msp-group-banner__actions .group-button,
.msp-group-banner__actions a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 10px 20px;
	font-family: var(--font-primary);
	font-size: 14px;
	font-weight: 500;
	line-height: 16px;
	border-radius: 20px;
	border: none;
	cursor: pointer;
	transition: all 0.2s ease;
	text-decoration: none;
	background-color: var(--color-white);
	color: var(--color-text, #303030);
}

.msp-group-banner__actions .group-button:hover,
.msp-group-banner__actions a:hover {
	background-color: #F0F0F0;
}

.msp-group-banner__actions .msp-group-subscribe-btn {
	background: transparent;
	border: 2px solid var(--color-accent, #8FB56C);
	color: var(--color-accent, #8FB56C);
	border-radius: 16px;
	padding: 12px 18px;
	font-family: var(--font-primary, 'Source Sans 3'), sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 16px;
}

.msp-group-banner__actions .msp-group-subscribe-btn:hover {
	background: rgba(143, 181, 108, 0.12);
}

.msp-group-banner__actions .msp-group-subscribe-btn.is-loading {
	opacity: 0.7;
	pointer-events: none;
}

/* Stats block (справа) - по аналогии с profile-banner.css */
.msp-group-banner__stats {
	position: absolute;
	right: 40px;
	bottom: 74px;
	display: flex;
	gap: 32px;
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 2;
}

.msp-group-banner__stat {
	display: flex;
	align-items: center;
	gap: 4px;
	font-family: var(--font-primary);
	font-size: 14px;
	line-height: 16px;
	color: #FFFFFF;
}

.msp-group-banner__stat-label {
	font-weight: 400;
}

.msp-group-banner__stat-value {
	font-weight: 600;
}

/* ========================================
   Group Inner Container (по аналогии с profile/layout.css)
   ======================================== */

.msp-group-inner {
	max-width: 1216px;
	margin: 0 auto;
	padding: 40px var(--spacing-4);
}

@media (min-width: 1280px) {
	.msp-group-inner {
		padding: 40px 0;
	}
}

/* ========================================
   Group Navigation (по аналогии с profile/layout.css)
   ======================================== */

.msp-group-nav {
	margin-bottom: 0;
}

#buddypress-group-home .msp-activity-tabs {
	background: #FFFFFF;
	border-radius: 0;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	padding: 0;
	margin-bottom: 16px;
	margin-top: 0;
	box-shadow: none;
}

#buddypress-group-home .msp-activity-tabs__nav {
	display: flex;
	align-items: center;
	gap: 0;
	border-bottom: 1px solid #EDEDED;
}

#buddypress-group-home .msp-activity-tab {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 1 1 0;
	padding: 16px 32px;
	font-family: var(--font-primary, 'Source Sans 3'), sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	color: #A6A6A6;
	text-decoration: none;
	border-bottom: 2px solid transparent;
	margin-bottom: -1px;
	transition: all 0.2s ease;
	white-space: nowrap;
}

#buddypress-group-home .msp-activity-tab:hover {
	color: #303030;
	text-decoration: none;
}

#buddypress-group-home .msp-activity-tab--active {
	color: #303030;
	font-weight: 500;
	border-bottom-color: var(--color-accent, #8FB56C);
}

#buddypress-group-home .msp-activity-tab span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 20px;
	height: 20px;
	padding: 0 6px;
	margin-left: 8px;
	font-size: 12px;
	font-weight: 500;
	color: var(--color-white);
	background: var(--color-primary, #6E4F95);
	border-radius: 10px;
}

#buddypress-group-home #object-nav ul,
.msp-group-nav__tabs {
	display: flex;
	border-bottom: 2px solid var(--color-border);
	background-color: var(--color-white);
	border-radius: 8px;
	overflow: hidden;
	list-style: none;
	margin: 0;
	padding: 0;
}

#buddypress-group-home #object-nav ul li,
.msp-group-nav__tabs li {
	list-style: none;
	flex: 1;
}

#buddypress-group-home #object-nav ul li a,
.msp-group-nav__tabs li a {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px 0;
	font-family: var(--font-primary);
	font-weight: 500;
	font-size: 16px;
	line-height: 16px;
	color: #A6A6A6;
	text-decoration: none;
	border-bottom: 2px solid transparent;
	transition: all 0.2s ease;
}

#buddypress-group-home #object-nav ul li a:hover,
.msp-group-nav__tabs li a:hover {
	color: #303030;
}

#buddypress-group-home #object-nav ul li.current a,
#buddypress-group-home #object-nav ul li.selected a,
.msp-group-nav__tabs li.current a,
.msp-group-nav__tabs li.selected a {
	color: #303030;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: var(--color-accent);
}

/* Count badge in nav - BuddyPress uses span without class */
#buddypress-group-home #object-nav ul li a span,
.msp-group-nav__tabs li a span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 20px;
	height: 20px;
	padding: 0 6px;
	margin-left: 8px;
	font-size: 12px;
	font-weight: 500;
	color: var(--color-white);
	background: var(--color-primary, #6E4F95);
	border-radius: 10px;
}

/* ========================================
   Group Layout (Two Column) - по аналогии с profile/layout.css
   ======================================== */

.msp-group-layout {
	display: grid;
	grid-template-columns: 1fr;
	gap: 24px;
	margin-top: var(--spacing-6);
}

@media (min-width: 1024px) {
	.msp-group-layout {
		grid-template-columns: minmax(0, 1fr) 320px;
		gap: 32px;
	}
}

@media (min-width: 1280px) {
	.msp-group-layout {
		grid-template-columns: minmax(0, 1fr) 384px;
	}
}

.msp-group-main {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

/* ========================================
   Group Sidebar
   ======================================== */

.msp-group-sidebar {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.msp-group-widget {
	background: var(--color-white);
	border-radius: 16px;
	padding: 20px;
}

.msp-group-widget__title {
	font-family: var(--font-primary);
	font-size: 18px;
	font-weight: 600;
	color: var(--color-text);
	margin: 0 0 16px;
	padding-bottom: 12px;	
}

/* .msp-group-widget__content - стили добавляются по необходимости */

/* ========================================
   Admin List
   ======================================== */

.msp-admin-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.msp-admin-list__item {
	margin-bottom: 12px;
}

.msp-admin-list__item:last-child {
	margin-bottom: 0;
}

.msp-admin-list__link {
	display: flex;
	align-items: center;
	gap: 12px;
	text-decoration: none;
	padding: 8px;
	border-radius: 8px;
	transition: background 0.2s ease;
}

.msp-admin-list__link:hover {
	background: var(--color-bg);
}

.msp-admin-list__link img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	object-fit: cover;
}

.msp-admin-list__info {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.msp-admin-list__name {
	font-size: 15px;
	font-weight: 500;
	color: var(--color-text);
}

.msp-admin-list__time {
	font-size: 13px;
	color: var(--color-text-muted);
}

/* ========================================
   Group Admins List (Sidebar)
   ======================================== */

.msp-group-admins-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.msp-group-admin-item {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 8px 0;
}

.msp-group-admin-item:not(:last-child) {
	border-bottom: 1px solid var(--color-border-light, #F0F0F0);
}

.msp-group-admin-item__avatar {
	flex-shrink: 0;
}

.msp-group-admin-item__avatar img {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	object-fit: cover;
}

.msp-group-admin-item__info {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.msp-group-admin-item__name {
	font-family: var(--font-primary);
	font-size: 16px;
	font-weight: 500;
	color: var(--color-text);
	text-decoration: none;
}

.msp-group-admin-item__name:hover {
	color: var(--color-primary);
}

.msp-group-admin-item__time {
	font-size: 14px;
	color: var(--color-text-muted, #A6A6A6);
}

/* ========================================
   Group Gallery (Sidebar)
   ======================================== */

.msp-group-gallery {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 8px;
}

.msp-group-gallery__item {
	aspect-ratio: 1;
	border-radius: 8px;
	overflow: hidden;
}

.msp-group-gallery__item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.msp-group-gallery__empty {
	grid-column: 1 / -1;
	text-align: center;
	color: var(--color-text-muted);
	font-size: 14px;
	padding: 20px 0;
	margin: 0;
}

/* ========================================
   Photo Grid
   ======================================== */

.msp-photo-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 8px;
}

.msp-photo-grid img {
	width: 100%;
	aspect-ratio: 1;
	object-fit: cover;
	border-radius: 8px;
}

/* ========================================
   Messages
   ======================================== */

.msp-message {
	padding: 16px 20px;
	border-radius: 8px;
	margin-bottom: 20px;
}

.msp-message--info {
	background: rgba(52, 152, 219, 0.1);
	border: 1px solid var(--color-info);
}

.msp-message--info p {
	margin: 0;
	color: var(--color-text);
	font-size: 15px;
}

/* ========================================
   BuddyPress Activity Styles
   ======================================== */

/* Apply background only to activity stream, not to send-invites or members */
body.group-activity #buddypress-group-home #item-body,
body.group-home #buddypress-group-home #item-body {
	background: var(--color-white);
	border-radius: 16px;
	padding: 24px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

#buddypress-group-home #item-body h2 {
	font-family: var(--font-primary);
	font-size: 18px;
	font-weight: 600;
	color: var(--color-text);
	margin: 0 0 16px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

/* Activity post form */
#buddypress-group-home #whats-new-form {
	margin-bottom: 24px;
}

#buddypress-group-home #whats-new-textarea {
	display: flex;
	gap: 12px;
	align-items: flex-start;
}

#buddypress-group-home #whats-new {
	width: 100%;
	min-height: 60px;
	padding: 12px 16px;
	border: 1px solid var(--color-border);
	border-radius: 8px;
	font-family: var(--font-primary);
	font-size: 15px;
	resize: vertical;
}

#buddypress-group-home #whats-new:focus {
	outline: none;
	border-color: var(--color-accent);
}

/* Activity list */
#buddypress-group-home .activity-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

#buddypress-group-home .activity-list li {
	padding: 16px 0;
	border-bottom: 1px solid var(--color-border);
}

#buddypress-group-home .activity-list li:last-child {
	border-bottom: none;
}

#buddypress-group-home .activity-avatar img {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	object-fit: cover;
}

#buddypress-group-home .activity-content {
	margin-left: 60px;
}

#buddypress-group-home .activity-header {
	font-size: 14px;
	color: var(--color-text);
	margin-bottom: 8px;
}

#buddypress-group-home .activity-header a {
	color: var(--color-text);
	font-weight: 500;
	text-decoration: none;
}

#buddypress-group-home .activity-header a:hover {
	color: var(--color-accent);
}

#buddypress-group-home .activity-meta {
	display: flex;
	gap: 16px;
	margin-top: 8px;
}

#buddypress-group-home .activity-meta a {
	font-size: 13px;
	color: var(--color-text-muted);
	text-decoration: none;
}

#buddypress-group-home .activity-meta a:hover {
	color: var(--color-accent);
}

/* Subnav filter */
#buddypress-group-home #subnav {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: none;
}

#buddypress-group-home #subnav ul {
	display: flex;
	gap: 16px;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	justify-content: space-between;	
}

#buddypress-group-home #activity-filter-select {
	display: flex;
	align-items: center;
	gap: 8px;
}

#buddypress-group-home #activity-filter-select label {
	font-size: 14px;
	color: var(--color-text-muted);
}

#buddypress-group-home #activity-filter-select select {
	padding: 6px 12px;
	border: 1px solid var(--color-border);
	border-radius: 6px;
	font-size: 14px;
	background: var(--color-white);
}

/* ========================================
   Group Activity Form & Content
   ======================================== */

/* Screen title - GROUP ACTIVITIES */
#buddypress-group-home .bp-screen-title,
#buddypress-group-home h2.bp-screen-title {
	font-family: var(--font-primary);
	font-size: 14px;
	font-weight: 600;
	color: var(--color-text);
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin: 0 0 24px;
	padding: 0 0 16px;
	border-bottom: 1px solid var(--color-border);
}

#buddypress-group-home .bp-screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* Activity form wrapper - card style */
#buddypress-group-home .activity-update-form,
#buddypress-group-home #bp-nouveau-activity-form {
	background: var(--color-white);
	border: 1px solid #DBDBDB;
	border-radius: 8px;
	padding: 24px;
	margin-bottom: 24px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

/* momsides_dev custom post form inside groups: prevent legacy flex rules from breaking layout */
#buddypress-group-home .msp-post-form #whats-new-form {
	display: block;
}

#buddypress-group-home .msp-post-form__input {
	width: 100%;
}

#buddypress-group-home .msp-post-form__textarea {
	width: 100%;
	min-height: 100px;
}

#buddypress-group-home .msp-post-form__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	align-items: center;
	justify-content: flex-start;
	margin-top: 12px;
}

#buddypress-group-home #whats-new-form,
#buddypress-group-home .activity-form {
	display: flex;
	gap: 16px;
	align-items: flex-start;
}

/* Ensure our custom .msp-post-form layout stays stable (override the flex rule above) */
#buddypress-group-home .msp-post-form #whats-new-form {
	display: block !important;
}

#buddypress-group-home #whats-new-avatar {
	flex-shrink: 0;
}

#buddypress-group-home #whats-new-avatar img {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	object-fit: cover;
}

#buddypress-group-home #whats-new-content {
	flex: 1;
	min-width: 0;
}

#buddypress-group-home #whats-new-textarea {
	width: 100%;
}

#buddypress-group-home #whats-new,
#buddypress-group-home textarea#whats-new {
	width: 100%;
	min-height: 100px;
	padding: 14px 16px;
	border: 1px solid var(--color-border);
	border-radius: 8px;
	font-family: var(--font-primary);
	font-size: 16px;
	line-height: 1.5;
	resize: none;
	background: #FAFAFA;
	color: var(--color-text);
}

#buddypress-group-home #whats-new:focus,
#buddypress-group-home textarea#whats-new:focus {
	outline: none;
	border-color: var(--color-accent);
	background: var(--color-white);
	box-shadow: 0 0 0 3px rgba(143, 181, 108, 0.15);
}

#buddypress-group-home #whats-new::placeholder,
#buddypress-group-home textarea#whats-new::placeholder {
	color: #878787;
}

/* MediaPress upload container */
#buddypress-group-home #mpp-activity-media-upload-container {
	margin-top: 12px;
}

/* MediaPress upload buttons: оставляем в DOM, но визуально прячем (клики триггерим из кастомных иконок) */
#buddypress-group-home #mpp-activity-upload-buttons {
	position: absolute;
	left: -9999px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* Post buttons */
#buddypress-group-home #whats-new-submit {
	display: flex;
	gap: 12px;
	margin-top: 16px;
}

#buddypress-group-home #whats-new-submit input[type="submit"],
#buddypress-group-home #whats-new-submit button {
	padding: 12px 24px;
	font-family: var(--font-primary);
	font-size: 16px;
	font-weight: 500;
	border-radius: 10px;
	cursor: pointer;
	transition: all 0.2s ease;
}

#buddypress-group-home #aw-whats-new-submit {
	background: var(--color-accent);
	color: var(--color-white);
	border: none;
}

#buddypress-group-home #aw-whats-new-submit:hover {
	background: #7EA35D;
}

#buddypress-group-home #aw-whats-new-reset {
	background: transparent;
	color: #A6A6A6;
	border: 1px solid var(--color-border);
}

#buddypress-group-home #aw-whats-new-reset:hover {
	background: #F6F6F6;
	color: var(--color-text);
}

/* Subnav / Filter bar - полная переработка */
#buddypress-group-home .subnav-filters,
#buddypress-group-home .subnav-filters.filters {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 16px;
	padding: 0;
	margin-bottom: 24px;
	background: transparent;
	border: none;
	border-radius: 0;
}

#buddypress-group-home .subnav-filters>ul {
	display: flex;
	align-items: center;
	gap: 16px;
	list-style: none;
	margin: 0;
	padding: 0;
}

#buddypress-group-home .subnav-filters li {
	list-style: none;
}

/* RSS link - hide text, show icon */
#buddypress-group-home .subnav-filters li.feed a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	color: #A6A6A6;
	text-decoration: none;
	border-radius: 6px;
	transition: all 0.2s ease;
}

#buddypress-group-home .subnav-filters li.feed a:hover {
	background: #F6F6F6;
	color: var(--color-text);
}

/* Legacy group members subnav bar (default BP markup) */
#buddypress-group-home #subnav.item-list-tabs {
	margin: 0 0 32px;
	padding: 0;
	background: transparent;
	border: none;
	border-radius: 0;
	box-shadow: none;
}

#buddypress-group-home #subnav.item-list-tabs>ul {
	display: grid;
	grid-template-columns: 1fr 280px;
	gap: 20px;
	align-items: center;
	list-style: none;
	margin: 0;
	padding: 0;
}

@media (max-width: 768px) {
	#buddypress-group-home #subnav.item-list-tabs>ul {
		grid-template-columns: 1fr;
		gap: 12px;
	}
}

#buddypress-group-home #subnav.item-list-tabs li {
	list-style: none;
	margin: 0;
}

#buddypress-group-home #subnav.item-list-tabs .groups-members-search {
	flex: 1 1 auto;
	padding-right: 0;
}

#buddypress-group-home #subnav.item-list-tabs #members_search {
	color: #1B1B1B !important;
	-webkit-text-fill-color: #1B1B1B;
}

#buddypress-group-home #subnav.item-list-tabs #members_search::placeholder {
	color: #A6A6A6;
}

#buddypress-group-home #subnav.item-list-tabs #members_search:placeholder-shown {
	color: #A6A6A6;
	-webkit-text-fill-color: #A6A6A6;
}

#buddypress-group-home #subnav.item-list-tabs #members_search:not(:placeholder-shown) {
	color: #1B1B1B;
	-webkit-text-fill-color: #1B1B1B;
}

#buddypress-group-home #subnav.item-list-tabs form {
	display: flex;
	align-items: center;
	gap: 0;
	position: relative;
}

#buddypress-group-home #subnav.item-list-tabs label {
	margin: 0;
	display: block;
	width: 100%;
}

#buddypress-group-home #subnav.item-list-tabs input[type="text"],
#buddypress-group-home #subnav.item-list-tabs input[type="search"] {
	width: 100%;
	height: 52px;
	padding: 14px 52px 14px 52px;
	border: 2px solid #E8E9ED;
	border-radius: 16px;
	font-family: var(--font-primary);
	font-size: 15px;
	font-weight: 400;
	color: #1B1B1B !important;
	opacity: 1;
	caret-color: #1B1B1B;
	background: #FAFBFC url('data:image/svg+xml,%3Csvg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M9 17A8 8 0 1 0 9 1a8 8 0 0 0 0 16zM18 18l-4-4" stroke="%2399A1B3" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E') no-repeat 18px center;
	background-size: 22px 22px;
	box-shadow: 0 1px 3px rgba(17, 24, 39, 0.04);
	transition: all 0.2s ease;
}

#buddypress-group-home #subnav.item-list-tabs input[type="text"]::placeholder,
#buddypress-group-home #subnav.item-list-tabs input[type="search"]::placeholder {
	color: #A6A6A6;
	font-weight: 400;
}

#buddypress-group-home #subnav.item-list-tabs input[type="text"]:focus,
#buddypress-group-home #subnav.item-list-tabs input[type="search"]:focus {
	outline: none;
	border-color: #8FB56C;
	background-color: #FFFFFF;
	box-shadow: 0 0 0 4px rgba(143, 181, 108, 0.12), 0 4px 12px rgba(17, 24, 39, 0.08);
}

#buddypress-group-home #subnav.item-list-tabs input:-webkit-autofill,
#buddypress-group-home #subnav.item-list-tabs input:-webkit-autofill:hover,
#buddypress-group-home #subnav.item-list-tabs input:-webkit-autofill:focus {
	-webkit-text-fill-color: #1B1B1B;
	transition: background-color 5000s ease-in-out 0s;
}

#buddypress-group-home #subnav.item-list-tabs input[type="submit"] {
	position: absolute;
	right: 6px;
	top: 50%;
	transform: translateY(-50%);
	width: 28px;
	height: 28px;
	padding: 0;
	border: none;
	background: transparent;
	color: transparent;
	font-size: 0;
	cursor: pointer;
}

#buddypress-group-home #subnav.item-list-tabs #group_members-order-select {
	flex: 1 1 auto;
	display: flex;
	justify-content: flex-start;
	position: relative;
	padding-left: 0;
}

#buddypress-group-home #subnav.item-list-tabs #group_members-order-select label {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

#buddypress-group-home #subnav.item-list-tabs #group_members-order-by {
	width: 100%;
	height: 52px;
	padding: 14px 44px 14px 18px;
	border: 2px solid #E8E9ED;
	border-radius: 16px;
	font-family: var(--font-primary);
	font-size: 15px;
	font-weight: 400;
	color: #1B1B1B;
	background: #FAFBFC;
	appearance: none;
	box-shadow: 0 1px 3px rgba(17, 24, 39, 0.04);
	cursor: pointer;
	transition: all 0.2s ease;
}

#buddypress-group-home #subnav.item-list-tabs #group_members-order-by:focus {
	outline: none;
	border-color: #8FB56C;
	background-color: #FFFFFF;
	box-shadow: 0 0 0 4px rgba(143, 181, 108, 0.12), 0 4px 12px rgba(17, 24, 39, 0.08);
}

#buddypress-group-home #subnav.item-list-tabs #group_members-order-by:hover {
	border-color: #D1D5DB;
	background-color: #FFFFFF;
}

#buddypress-group-home #subnav.item-list-tabs #group_members-order-select::after {
	content: '';
	position: absolute;
	right: 18px;
	top: 50%;
	width: 10px;
	height: 10px;
	border-right: 2px solid #6B7280;
	border-bottom: 2px solid #6B7280;
	transform: translateY(-70%) rotate(45deg);
	pointer-events: none;
}


/* Search form in subnav */
#buddypress-group-home .subnav-filters .group-act-search,
#buddypress-group-home .subnav-filters .activity-search,
#buddypress-group-home .subnav-filters .bp-search {
	display: flex;
	align-items: center;
}

#buddypress-group-home .subnav-filters .bp-dir-search-form,
.subnav-filters .bp-dir-search-form,
#group-invite-form .bp-dir-search-form,
#group-members-search .bp-dir-search-form,
#buddypress.group-invites .bp-dir-search-form,
#send-invites-form .bp-dir-search-form,
form .bp-dir-search-form {
	display: flex;
	align-items: center;
	gap: 0;
}

/* Fix search form layout for invites and members pages */
.group-invites-search form,
.group-members-search form,
#group_invites_search_form,
#group-members-search-form {
	display: flex;
	align-items: center;
	gap: 0;
}

.group-invites-search input[type="search"],
.group-members-search input[type="search"],
#group_invites_search,
#group-members-search {
	flex: 1;
	margin: 0;
}

.group-invites-search .nouveau-search-submit,
.group-members-search .nouveau-search-submit {
	flex: 0 0 auto;
	margin: 0;
}

#buddypress-group-home .subnav-filters input[type="search"],
#buddypress-group-home .subnav-filters input[type="text"],
#buddypress-group-home #group-activity-search,
.subnav-filters input[type="search"],
.subnav-filters input[type="text"],
#group-invite-form input[type="search"],
#group-members-search input[type="search"],
#buddypress.group-invites input[type="search"],
#send-invites-form input[type="search"],
form input[type="search"] {
	padding: 10px 14px;
	border: 1px solid var(--color-border);
	border-right: none;
	border-radius: 8px 0 0 8px;
	font-family: var(--font-primary);
	font-size: 14px;
	min-width: 180px;
	background: #FAFAFA;
	color: var(--color-text);
}

#buddypress-group-home .subnav-filters input[type="search"]:focus,
#buddypress-group-home #group-activity-search:focus {
	outline: none;
	border-color: var(--color-accent);
	background: var(--color-white);
}

#buddypress-group-home .subnav-filters input[type="search"]::placeholder,
#buddypress-group-home #group-activity-search::placeholder {
	color: #878787;
}

#buddypress-group-home .subnav-filters button[type="submit"],
#buddypress-group-home .subnav-filters .nouveau-search-submit,
#buddypress-group-home #group-activity-search-submit,
.subnav-filters .nouveau-search-submit,
#group-invite-form .nouveau-search-submit,
#group-members-search .nouveau-search-submit,
#buddypress.group-invites .nouveau-search-submit,
#send-invites-form .nouveau-search-submit,
form .nouveau-search-submit {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 16px;
	background: var(--color-accent);
	color: var(--color-white);
	border: 1px solid var(--color-accent);
	border-radius: 0 8px 8px 0;
	font-size: 14px;
	cursor: pointer;
	transition: background 0.2s ease;
}

#buddypress-group-home .subnav-filters button[type="submit"]:hover,
#buddypress-group-home #group-activity-search-submit:hover,
.subnav-filters .nouveau-search-submit:hover,
#group-invite-form .nouveau-search-submit:hover,
#group-members-search .nouveau-search-submit:hover,
#buddypress.group-invites .nouveau-search-submit:hover,
#send-invites-form .nouveau-search-submit:hover,
form .nouveau-search-submit:hover {
	background: #7EA35D;
}

.subnav-filters .nouveau-search-submit .dashicons,
#group-invite-form .nouveau-search-submit .dashicons,
#group-members-search .nouveau-search-submit .dashicons,
.subnav-filters .nouveau-search-submit .dashicons-search,
#group-invite-form .nouveau-search-submit .dashicons-search,
#group-members-search .nouveau-search-submit .dashicons-search,
#buddypress.group-invites .nouveau-search-submit .dashicons,
#send-invites-form .nouveau-search-submit .dashicons,
form .nouveau-search-submit .dashicons {
	font-size: 18px;
	width: 18px;
	height: 18px;
	color: var(--color-white);
}

.subnav-filters .nouveau-search-submit .bp-screen-reader-text,
#group-invite-form .nouveau-search-submit .bp-screen-reader-text,
#group-members-search .nouveau-search-submit .bp-screen-reader-text,
#buddypress.group-invites .nouveau-search-submit .bp-screen-reader-text,
#send-invites-form .nouveau-search-submit .bp-screen-reader-text,
form .nouveau-search-submit .bp-screen-reader-text {
	display: none;
}


/* Filter select wrapper */
#buddypress-group-home .subnav-filters #comp-filters,
#buddypress-group-home .subnav-filters .component-filters {
	display: flex;
	align-items: center;
	gap: 8px;
}

#buddypress-group-home #activity-filter-select {
	display: flex;
	align-items: center;
	gap: 8px;
}

#buddypress-group-home #activity-filter-select label {
	font-family: var(--font-primary);
	font-size: 14px;
	color: #A6A6A6;
}

#buddypress-group-home #activity-filter-select .select-wrap {
	position: relative;
}

#buddypress-group-home #activity-filter-select select,
#buddypress-group-home #activity-filter-by {
	padding: 10px 36px 10px 14px;
	border: 1px solid var(--color-border);
	border-radius: 8px;
	font-family: var(--font-primary);
	font-size: 14px;
	background: var(--color-white);
	color: var(--color-text);
	appearance: none;
	cursor: pointer;
	min-width: 140px;
}

#buddypress-group-home #activity-filter-select select:focus,
#buddypress-group-home #activity-filter-by:focus {
	outline: none;
	border-color: var(--color-accent);
}

#buddypress-group-home #activity-filter-select .select-arrow {
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none;
	color: #A6A6A6;
	font-size: 10px;
}

/* ========================================
   Activity List - Card Style Items
   ======================================== */

#buddypress-group-home #activity-stream,
#buddypress-group-home .activity.single-group {
	margin-top: 0;
}

#buddypress-group-home .activity-list,
#buddypress-group-home ul.activity-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

#buddypress-group-home .activity-list>li,
#buddypress-group-home .activity-list>li.activity-item {
	display: flex;
	gap: 16px;
	padding: 24px;
	margin-bottom: 16px;
	background: var(--color-white);
	border: 1px solid #DBDBDB;
	border-radius: 8px;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.04);
}

/* New activity card structure from Figma */
#buddypress-group-home .activity-list>li.msp-activity-card {
	display: block;
	padding: 24px;
}

/* Card header with avatar and user info */
#buddypress-group-home .msp-activity-card__header {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 12px;
}

#buddypress-group-home .msp-activity-card__menu {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	background: transparent;
	border: none;
	cursor: pointer;
	color: #A6A6A6;
	padding: 0;
}

#buddypress-group-home .msp-activity-card__menu:hover {
	color: #303030;
}

#buddypress-group-home .msp-activity-card__menu-wrapper {
	position: relative;
	flex-shrink: 0;
	margin-left: 12px;
}

#buddypress-group-home .msp-activity-card__menu-dropdown {
	position: absolute;
	top: 28px;
	right: 0;
	min-width: 220px;
	background: #FFFFFF;
	border: 1px solid #EDEDED;
	border-radius: 10px;
	box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.08);
	padding: 8px;
	display: none;
	z-index: 10;
}

#buddypress-group-home .msp-activity-card__menu-dropdown.is-open {
	display: block;
}

#buddypress-group-home .msp-activity-card__menu-item {
	display: block;
	padding: 10px 12px;
	border-radius: 8px;
	font-family: var(--font-primary, 'Source Sans 3'), sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #303030;
	text-decoration: none;
}

#buddypress-group-home .msp-activity-card__menu-item:hover {
	background: #F6F6F6;
	text-decoration: none;
}

#buddypress-group-home .msp-activity-card__menu-item.is-loading {
	opacity: 0.6;
	pointer-events: none;
}

#buddypress-group-home .msp-activity-card__footer,
#buddypress-group-home .msp-activity-card__reactions,
#buddypress-group-home .card-article__reactions {
	overflow: visible;
}

#buddypress-group-home .msp-activity-react {
	position: relative;
	display: inline-flex;
	align-items: center;
}

#buddypress-group-home .msp-activity-react-picker {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 26px;
	background: #FFFFFF;
	border: 1px solid #EDEDED;
	border-radius: 999px;
	box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.08);
	padding: 6px;
	display: none;
	z-index: 20;
}

#buddypress-group-home .msp-activity-react-picker.is-open {
	display: flex;
	gap: 4px;
}

#buddypress-group-home .msp-activity-react:hover .msp-activity-react-picker {
	display: flex;
	gap: 4px;
}

#buddypress-group-home .msp-activity-react-picker__item {
	width: 32px;
	height: 32px;
	border-radius: 999px;
	border: none;
	background: transparent;
	cursor: pointer;
	font-size: 18px;
	line-height: 1;
}

#buddypress-group-home .msp-activity-react-picker__item.is-active {
	background: #F6F6F6;
}

#buddypress-group-home .msp-activity-react-picker__item:hover {
	background: #F6F6F6;
}

#buddypress-group-home .msp-activity-react-picker__item.is-loading {
	opacity: 0.6;
	pointer-events: none;
}

#buddypress-group-home #bbpress-forums {
	background: #FFFFFF;
	border-radius: 8px;
	padding: 24px;
	border: 1px solid #EDEDED;
}

body.groups.forum #bbpress-forums {
	max-width: 100%;
	margin: 0;
	background: #FFFFFF;
	border-radius: 8px;
	overflow: hidden;
}

body.groups.forum #bbpress-forums .subscription-toggle,
body.groups.forum #bbpress-forums .bbp-subscription-link,
body.groups.forum #bbpress-forums a.subscription-toggle,
body.groups.forum #bbpress-forums a.bbp-subscription-link {
	display: none !important;
}

body.groups.forum #bbpress-forums ul.bbp-topics,
body.groups.forum #bbpress-forums ul.bbp-forums {
	background: #FFFFFF;
	border-radius: 12px;
	box-shadow: 0px 1px 2px 0px rgba(228, 229, 231, 0.24);
	border: 1px solid #EDEDED;
}

body.groups.forum #bbpress-forums li.bbp-header {
	background-color: var(--color-accent, #8FB56C);
	color: #FFFFFF;
}

body.groups.forum #bbpress-forums li.bbp-header ul {
	display: flex;
}

body.groups.forum #bbpress-forums li.bbp-body > ul {
	display: flex;
	border-bottom: 1px solid #EDEDED;
}

body.groups.forum #bbpress-forums li.bbp-body > ul:last-child {
	border-bottom: none;
}

body.groups.forum #bbpress-forums li.bbp-body > ul > li {
	border-right: 1px solid #EDEDED;
	justify-content: flex-start;
}

body.groups.forum #bbpress-forums li.bbp-body > ul > li:last-child {
	border-right: none;
}

body.groups.forum #bbpress-forums .bbp-reply-form,
body.groups.forum #bbpress-forums .bbp-topic-form {
	background: #FFFFFF;
	border: 1px solid #EDEDED;
	border-radius: 12px;
	padding: 24px;
	box-shadow: 0px 1px 2px 0px rgba(228, 229, 231, 0.24);
}

#buddypress-group-home #bbpress-forums .bbp-forums,
#buddypress-group-home #bbpress-forums .bbp-forums > li,
#buddypress-group-home #bbpress-forums .forum-titles {
	width: 100%;
	max-width: 100%;
}

@media (max-width: 768px) {
	#buddypress-group-home .msp-activity-tabs__nav {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	#buddypress-group-home .msp-activity-tabs__nav::-webkit-scrollbar {
		display: none;
	}

	#buddypress-group-home .msp-activity-tab {
		padding: 12px 16px;
		font-size: 14px;
		white-space: nowrap;
	}

	#buddypress-group-home #bbpress-forums {
		padding: 16px;
	}
}

#buddypress-group-home .msp-activity-card__user {
	display: flex;
	align-items: center;
	gap: 8px;
}

#buddypress-group-home .msp-activity-card__avatar {
	flex-shrink: 0;
	display: block;
}

#buddypress-group-home .msp-activity-card__avatar img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	object-fit: cover;
	border: 1px solid #EDEDED;
}

#buddypress-group-home .msp-activity-card__meta {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

#buddypress-group-home .msp-activity-card__name {
	font-family: var(--font-primary);
	font-size: 16px;
	font-weight: 500;
	line-height: 16px;
	color: #303030;
}

#buddypress-group-home .msp-activity-card__name a {
	font-family: var(--font-primary);
	font-size: 16px;
	font-weight: 500;
	line-height: 16px;
	color: #303030;
	text-decoration: none;
}

#buddypress-group-home .msp-activity-card__name a:hover {
	color: var(--color-accent);
}

#buddypress-group-home .msp-activity-card__time a {
	font-family: var(--font-primary);
	font-size: 14px;
	font-weight: 400;
	line-height: 1.14em;
	color: #888888;
	text-decoration: none;
}

#buddypress-group-home .msp-activity-card__time a:hover {
	color: #303030;
}

#buddypress-group-home .msp-activity-card__time {
	font-family: var(--font-primary);
	font-size: 14px;
	font-weight: 400;
	line-height: 16px;
	color: #888888;
}

#buddypress-group-home .msp-activity-card__time span,
#buddypress-group-home .msp-activity-card__time a {
	font-family: var(--font-primary);
	font-size: 14px;
	font-weight: 400;
	line-height: 16px;
	color: #888888;
	text-decoration: none;
}

/* Card content */
#buddypress-group-home .msp-activity-card__content {
	margin-bottom: 12px;
	font-family: var(--font-primary);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.25em;
	color: #4D4D4D;
}

#buddypress-group-home .msp-activity-card__content p {
	margin: 0 0 12px;
}

#buddypress-group-home .msp-activity-card__content p:last-child {
	margin-bottom: 0;
}

/* Card footer with reactions and actions */
#buddypress-group-home .msp-activity-card__footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
	padding-top: 12px;
	border-top: 1px solid #F0F0F0;
}

#buddypress-group-home .msp-activity-card__reactions {
	display: flex;
	align-items: center;
	gap: 8px;
}

/* Emoji reaction */
#buddypress-group-home .msp-activity-reaction {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 0 12px 0 0;
}

#buddypress-group-home .msp-activity-reaction__emoji {
	font-size: 16px;
	line-height: 1;
}

#buddypress-group-home .msp-activity-reaction__count {
	font-family: var(--font-primary);
	font-size: 14px;
	font-weight: 400;
	color: #B8B8B8;
	line-height: 1;
}

#buddypress-group-home .msp-activity-card__comments-link {
	font-family: var(--font-primary);
	font-size: 14px;
	font-weight: 400;
	line-height: 16px;
	color: #888888;
	text-decoration: underline;
	text-decoration-skip-ink: none;
}

#buddypress-group-home a.msp-activity-card__comments-link:hover {
	color: #303030;
}

#buddypress-group-home .msp-activity-card__actions {
	display: flex;
	align-items: center;
	gap: 16px;
}

#buddypress-group-home .msp-activity-action {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 0;
	background: transparent;
	border: none;
	font-family: var(--font-primary);
	font-size: 14px;
	font-weight: 400;
	color: #888888;
	text-decoration: none;
	cursor: pointer;
	transition: color 0.2s ease;
}

#buddypress-group-home .msp-activity-action:hover {
	color: #303030;
	text-decoration: none;
}

#buddypress-group-home .msp-activity-action:focus {
	outline: none;
	color: #303030;
}

/* Hide default BP icons in action buttons */
#buddypress-group-home .msp-activity-action .bp-screen-reader-text {
	position: static;
	width: auto;
	height: auto;
	clip: auto;
	clip-path: none;
}

#buddypress-group-home .msp-activity-action .dashicons,
#buddypress-group-home .msp-activity-action .comment-count {
	display: none;
}

/* Hide Group Activities title */
#buddypress-group-home .bp-screen-title {
	display: none !important;
}

/* Activity Post Form - Figma Design */
#buddypress-group-home .msp-activity-form,
#buddypress-group-home #bp-nouveau-activity-form {
	background: #FFFFFF;
	border-radius: 8px;
	padding: 24px;
	margin-bottom: 16px;
}

/* Hide avatar in post form */
#buddypress-group-home #whats-new-avatar {
	display: none !important;
}

/* Textarea styling */
#buddypress-group-home #whats-new-textarea {
	width: 100%;
}

#buddypress-group-home #whats-new-textarea textarea {
	width: 100% !important;
	min-height: 48px !important;
	padding: 12px !important;
	border: 1px solid #E2E4E9 !important;
	border-radius: 12px !important;
	box-shadow: 0px 1px 2px 0px rgba(228, 229, 231, 0.24) !important;
	font-family: var(--font-primary) !important;
	font-size: 14px !important;
	line-height: 20px !important;
	color: #868C98 !important;
	resize: none !important;
}

#buddypress-group-home #whats-new-textarea textarea:focus {
	outline: none !important;
	border-color: var(--color-accent) !important;
}

/* Form actions container */
#buddypress-group-home #whats-new-submit {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	margin-top: 0 !important;
	padding: 0 !important;
}

/* Hide default post-in select */
#buddypress-group-home #whats-new-post-in-box {
	display: none !important;
}

/* Media buttons container */
#buddypress-group-home .msp-media-buttons {
	display: flex;
	align-items: center;
	gap: 0;
}

#buddypress-group-home .msp-media-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	padding: 8px;
	background: transparent;
	border: none;
	cursor: pointer;
	color: #A6A6A6;
	transition: color 0.2s ease;
}

#buddypress-group-home .msp-media-btn:hover {
	color: #303030;
}

#buddypress-group-home .msp-media-btn svg {
	width: 20px;
	height: 20px;
}

/* Submit button - green, positioned on right */
#buddypress-group-home #whats-new-submit button[type="submit"],
#buddypress-group-home #aw-whats-new-submit {
	background: #8FB56C !important;
	color: #FFFFFF !important;
	border: none !important;
	border-radius: 10px !important;
	padding: 12px 24px !important;
	font-family: var(--font-primary) !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	line-height: 16px !important;
	height: 48px !important;
	min-width: 140px !important;
	cursor: pointer !important;
	transition: background 0.2s ease !important;
	margin-left: auto !important;
}

#buddypress-group-home #whats-new-submit button[type="submit"]:hover,
#buddypress-group-home #aw-whats-new-submit:hover {
	background: #7EA35D !important;
}

#buddypress-group-home #whats-new-submit button[type="submit"]:disabled {
	background: #DBDBDB !important;
	cursor: not-allowed !important;
}


/* MediaPress upload container - do not force hide (MediaPress JS toggles its visibility) */
#buddypress-group-home .mpp-media-upload-container {
	border: 1px solid #E2E4E9;
	border-radius: 12px;
	box-shadow: 0px 1px 2px 0px rgba(228, 229, 231, 0.24);
	background: #FFFFFF;
	padding: 12px;
}

/* По умолчанию не показываем контейнер (иначе выглядит как чужой блок).
   Но оставляем элемент в DOM (display:block), чтобы можно было открыть file picker из JS. */
#buddypress-group-home .mpp-media-upload-container.mpp-upload-container-inactive {
	border: none;
	box-shadow: none;
	background: transparent;
	padding: 0;
	margin: 0;
}

#buddypress-group-home .mpp-media-upload-container.mpp-upload-container-active {
	border: 1px solid #E2E4E9;
	border-radius: 12px;
	box-shadow: 0px 1px 2px 0px rgba(228, 229, 231, 0.24);
	background: #FFFFFF;
	padding: 12px;
}

/* Список загруженных файлов MediaPress: показываем всегда (даже если контейнер inactive) */
#buddypress-group-home .mpp-uploading-media-list {
	display: block !important;
	margin-top: 12px;
}

#buddypress-group-home .mpp-uploading-media-list ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

#buddypress-group-home .mpp-uploading-media-list ul li {
	position: relative;
	border: 1px solid #E2E4E9;
	border-radius: 8px;
	padding: 4px;
	background: #FFFFFF;
	display: inline-block;
}

#buddypress-group-home .mpp-uploading-media-list ul li img {
	max-width: 100px;
	max-height: 100px;
	display: block;
	border-radius: 4px;
}

/* MediaPress: прячем «чужой» UI, оставляем только список прикреплённых файлов */
#buddypress-group-home .mpp-upload-container-close,
#buddypress-group-home .mpp-drag-drop-inside,
#buddypress-group-home .mpp-feedback,
#buddypress-group-home .mpp-remote-media-container,
#buddypress-group-home .mpp-remote-add-media-row,
#buddypress-group-home .mpp-remote-add-media-row-activity {
	display: none !important;
}

/* Dropzone оставляем управляемым через JS (не ставим !important),
   чтобы можно было открыть системный file picker по нашим иконкам */
#buddypress-group-home #mpp-upload-dropzone-activity {
	display: none;
}

/* Aggressive reset of BuddyPress default styles */
#buddypress-group-home #activity-stream {
	background: transparent !important;
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
}

#buddypress-group-home .activity-list {
	background: transparent !important;
	padding: 0 !important;
	margin: 0 !important;
}

#buddypress-group-home .activity-list>li {
	list-style: none !important;
}

/* Remove all default BuddyPress activity meta styles */
#buddypress-group-home .activity-meta {
	display: none !important;
}

#buddypress-group-home .generic-button {
	display: none !important;
}

/* Comments section - hidden by default, shown when activated */
#buddypress-group-home .msp-activity-card__comments {
	display: none;
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid #F0F0F0;
}

#buddypress-group-home .msp-activity-card__comments.show {
	display: block;
}

#buddypress-group-home .activity-list>li:last-child {
	margin-bottom: 0;
}

#buddypress-group-home .activity-avatar,
#buddypress-group-home .activity-list .activity-avatar {
	flex-shrink: 0;
}

#buddypress-group-home .activity-avatar img,
#buddypress-group-home .activity-list .activity-avatar img {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	object-fit: cover;
}

#buddypress-group-home .activity-content,
#buddypress-group-home .activity-list .activity-content {
	flex: 1;
	min-width: 0;
}

#buddypress-group-home .activity-header,
#buddypress-group-home .activity-list .activity-header {
	font-family: var(--font-primary);
	font-size: 16px;
	line-height: 1.5;
	color: var(--color-text);
	margin: 0 0 12px;
}

#buddypress-group-home .activity-header p {
	margin: 0;
}

#buddypress-group-home .activity-header a {
	color: var(--color-text);
	font-weight: 600;
	text-decoration: none;
}

#buddypress-group-home .activity-header a:hover {
	color: var(--color-accent);
}

#buddypress-group-home .activity-header .time-since,
#buddypress-group-home .activity-header .activity-time-since,
#buddypress-group-home .activity-header a.activity-time-since {
	color: #A6A6A6;
	font-size: 14px;
	font-weight: 400;
	margin-left: 8px;
}

#buddypress-group-home .activity-inner {
	margin: 16px 0;
	padding: 16px;
	background: #F6F6F6;
	border-radius: 8px;
}

/* Activity meta (buttons) - View group, Comment, Favorite, Delete */
#buddypress-group-home .activity-meta,
#buddypress-group-home .activity-list .activity-meta {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid #F0F0F0;
}

#buddypress-group-home .activity-meta a,
#buddypress-group-home .activity-meta button {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 14px;
	font-family: var(--font-primary);
	font-size: 14px;
	font-weight: 500;
	color: #A6A6A6;
	text-decoration: none;
	background: transparent;
	border: 1px solid var(--color-border);
	border-radius: 8px;
	cursor: pointer;
	transition: all 0.2s ease;
}

#buddypress-group-home .activity-meta a:hover,
#buddypress-group-home .activity-meta button:hover {
	background: #F6F6F6;
	color: var(--color-text);
	border-color: #DBDBDB;
}

/* View group button - special style */
#buddypress-group-home .activity-meta .button.view {
	background: var(--color-white);
	border: 1px solid var(--color-border);
	color: var(--color-text);
}

#buddypress-group-home .activity-meta .button.view:hover {
	background: #F6F6F6;
}

/* Comment button */
#buddypress-group-home .activity-meta .acomment-reply {
	background: transparent;
	border: 1px solid var(--color-border);
}

/* Favorite button */
#buddypress-group-home .activity-meta .fav,
#buddypress-group-home .activity-meta .unfav {
	color: var(--color-accent);
	border-color: var(--color-accent);
}

#buddypress-group-home .activity-meta .fav:hover,
#buddypress-group-home .activity-meta .unfav:hover {
	background: rgba(143, 181, 108, 0.1);
}

/* Delete button */
#buddypress-group-home .activity-meta .delete-activity {
	color: #E74C3C;
	border-color: #E74C3C;
}

#buddypress-group-home .activity-meta .delete-activity:hover {
	background: rgba(231, 76, 60, 0.1);
}

/* Loading state */
#buddypress-group-home .bp-ajax-message {
	text-align: center;
	padding: 40px 20px;
	color: #A6A6A6;
	font-family: var(--font-primary);
}

/* Activity item avatar - fix selector */
#buddypress-group-home .activity-list .item-avatar,
#buddypress-group-home .activity-list .activity-avatar {
	flex-shrink: 0;
}

#buddypress-group-home .activity-list .item-avatar img,
#buddypress-group-home .activity-list .activity-avatar img {
	width: 50px !important;
	height: 50px !important;
	border-radius: 50%;
	object-fit: cover;
}

/* Activity inner - View group button */
#buddypress-group-home .activity-inner .bp-group-activity-preview {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

#buddypress-group-home .activity-inner .bp-group-short-description-title {
	margin: 0;
}

#buddypress-group-home .activity-inner .bp-profile-button .button,
#buddypress-group-home .activity-inner .button.large {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 20px;
	font-family: var(--font-primary);
	font-size: 14px;
	font-weight: 500;
	color: var(--color-text);
	background: var(--color-white);
	border: 1px solid var(--color-border);
	border-radius: 8px;
	text-decoration: none;
	cursor: pointer;
	transition: all 0.2s ease;
}

#buddypress-group-home .activity-inner .bp-profile-button .button:hover {
	background: #F6F6F6;
}

/* Activity meta - generic-button wrapper */
#buddypress-group-home .activity-meta .generic-button {
	display: inline-flex;
}

#buddypress-group-home .activity-meta .generic-button a,
#buddypress-group-home .activity-meta .generic-button button {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 14px;
	font-family: var(--font-primary);
	font-size: 14px;
	font-weight: 500;
	color: #A6A6A6;
	text-decoration: none;
	background: transparent;
	border: 1px solid var(--color-border);
	border-radius: 8px;
	cursor: pointer;
	transition: all 0.2s ease;
}

#buddypress-group-home .activity-meta .generic-button a:hover {
	background: #F6F6F6;
	color: var(--color-text);
}

/* Comment button with count */
#buddypress-group-home .activity-meta .acomment-reply {
	gap: 4px;
}

#buddypress-group-home .activity-meta .acomment-reply .comment-count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 18px;
	height: 18px;
	padding: 0 4px;
	font-size: 12px;
	font-weight: 500;
	color: var(--color-white);
	background: var(--color-primary, #6E4F95);
	border-radius: 9px;
}

/* Favorite button */
#buddypress-group-home .activity-meta .fav,
#buddypress-group-home .activity-meta .unfav {
	color: var(--color-accent) !important;
	border-color: var(--color-accent) !important;
}

/* Delete button */
#buddypress-group-home .activity-meta .delete-activity {
	color: #E74C3C !important;
	border-color: #E74C3C !important;
}

#buddypress-group-home .activity-meta .delete-activity:hover {
	background: rgba(231, 76, 60, 0.1) !important;
}

/* Activity comments form */
#buddypress-group-home .activity-comments {
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid #F0F0F0;
}

#buddypress-group-home .activity-comments .ac-form {
	display: none;
	gap: 12px;
	padding: 16px;
	background: #F6F6F6;
	border-radius: 8px;
	margin-top: 12px;
}

#buddypress-group-home .activity-comments .ac-form.ac-form-active {
	display: flex;
}

#buddypress-group-home .activity-comments .ac-reply-avatar img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
}

#buddypress-group-home .activity-comments .ac-reply-content {
	flex: 1;
}

#buddypress-group-home .activity-comments .ac-textarea textarea {
	width: 100%;
	min-height: 60px;
	padding: 10px 12px;
	border: 1px solid var(--color-border);
	border-radius: 8px;
	font-family: var(--font-primary);
	font-size: 14px;
	resize: none;
	background: var(--color-white);
}

#buddypress-group-home .activity-comments .ac-form input[type="submit"] {
	margin-top: 8px;
	padding: 8px 16px;
	background: var(--color-accent);
	color: var(--color-white);
	border: none;
	border-radius: 8px;
	font-family: var(--font-primary);
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
}

/* ========================================
   Forum (bbPress) Styles
   ======================================== */

#buddypress-group-home #bbpress-forums {
	font-family: var(--font-primary);
}

#buddypress-group-home #bbpress-forums .bbp-forum-title,
#buddypress-group-home #bbpress-forums h2 {
	font-family: var(--font-primary);
	font-size: 18px;
	font-weight: 600;
	color: var(--color-text);
	margin: 0 0 16px;
}

/* Subscribe link */
#buddypress-group-home #bbpress-forums #subscription-toggle {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 16px;
	font-size: 14px;
	font-weight: 500;
	color: var(--color-accent);
	background: transparent;
	border: 1px solid var(--color-accent);
	border-radius: 6px;
	text-decoration: none;
	transition: all 0.2s ease;
	margin-bottom: 20px;
}

#buddypress-group-home #bbpress-forums #subscription-toggle:hover {
	background: var(--color-accent);
	color: var(--color-white);
}

/* Empty forum messages */
#buddypress-group-home #bbpress-forums .bbp-template-notice {
	list-style: none;
	margin: 0 0 20px;
	padding: 16px 20px;
	background: var(--color-bg, #F6F6F6);
	border-radius: 8px;
	border-left: 4px solid var(--color-info, #3498DB);
}

#buddypress-group-home #bbpress-forums .bbp-template-notice li {
	margin: 0;
	font-size: 14px;
	color: var(--color-text-muted);
}

/* Create topic form */
#buddypress-group-home #bbpress-forums fieldset.bbp-form {
	border: none;
	padding: 0;
	margin: 0;
}

#buddypress-group-home #bbpress-forums fieldset.bbp-form legend {
	font-family: var(--font-primary);
	font-size: 16px;
	font-weight: 600;
	color: var(--color-text);
	padding: 0 0 16px;
	margin-bottom: 16px;
	border-bottom: 1px solid var(--color-border);
	width: 100%;
}

#buddypress-group-home #bbpress-forums .bbp-form p,
#buddypress-group-home #bbpress-forums .bbp-form div {
	margin-bottom: 16px;
}

#buddypress-group-home #bbpress-forums .bbp-form label {
	display: block;
	font-size: 14px;
	font-weight: 500;
	color: var(--color-text);
	margin-bottom: 6px;
}

#buddypress-group-home #bbpress-forums .bbp-form input[type="text"],
#buddypress-group-home #bbpress-forums .bbp-form textarea,
#buddypress-group-home #bbpress-forums .bbp-form select {
	width: 100%;
	padding: 10px 14px;
	border: 1px solid var(--color-border);
	border-radius: 8px;
	font-family: var(--font-primary);
	font-size: 15px;
	background: var(--color-white);
	transition: border-color 0.2s ease;
}

#buddypress-group-home #bbpress-forums .bbp-form input[type="text"]:focus,
#buddypress-group-home #bbpress-forums .bbp-form textarea:focus,
#buddypress-group-home #bbpress-forums .bbp-form select:focus {
	outline: none;
	border-color: var(--color-accent);
	box-shadow: 0 0 0 3px rgba(143, 181, 108, 0.1);
}

#buddypress-group-home #bbpress-forums .bbp-form textarea {
	min-height: 150px;
	resize: vertical;
}

#buddypress-group-home #bbpress-forums .bbp-form select {
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 12px center;
	padding-right: 36px;
	cursor: pointer;
}

/* Quicktags toolbar */
#buddypress-group-home #bbpress-forums .quicktags-toolbar {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	padding: 8px;
	background: var(--color-bg, #F6F6F6);
	border: 1px solid var(--color-border);
	border-bottom: none;
	border-radius: 8px 8px 0 0;
}

#buddypress-group-home #bbpress-forums .quicktags-toolbar input {
	padding: 6px 10px;
	font-size: 12px;
	font-weight: 500;
	color: var(--color-text);
	background: var(--color-white);
	border: 1px solid var(--color-border);
	border-radius: 4px;
	cursor: pointer;
	transition: all 0.2s ease;
}

#buddypress-group-home #bbpress-forums .quicktags-toolbar input:hover {
	background: var(--color-accent);
	color: var(--color-white);
	border-color: var(--color-accent);
}

#buddypress-group-home #bbpress-forums .bbp-the-content-wrapper textarea {
	border-radius: 0 0 8px 8px;
}

/* Checkbox styling */
#buddypress-group-home #bbpress-forums .bbp-form input[type="checkbox"] {
	width: 18px;
	height: 18px;
	margin-right: 8px;
	accent-color: var(--color-accent);
	cursor: pointer;
}

/* Submit button */
#buddypress-group-home #bbpress-forums .bbp-form button[type="submit"],
#buddypress-group-home #bbpress-forums .bbp-form input[type="submit"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 12px 24px;
	font-family: var(--font-primary);
	font-size: 14px;
	font-weight: 500;
	color: var(--color-white);
	background: var(--color-accent);
	border: none;
	border-radius: 8px;
	cursor: pointer;
	transition: background 0.2s ease;
}

#buddypress-group-home #bbpress-forums .bbp-form button[type="submit"]:hover,
#buddypress-group-home #bbpress-forums .bbp-form input[type="submit"]:hover {
	background: var(--color-accent-hover, #7EA35D);
}

/* Topic list */
#buddypress-group-home #bbpress-forums .bbp-topics {
	list-style: none;
	margin: 0;
	padding: 0;
}

#buddypress-group-home #bbpress-forums .bbp-topic-title {
	font-size: 16px;
	font-weight: 500;
}

#buddypress-group-home #bbpress-forums .bbp-topic-title a {
	color: var(--color-text);
	text-decoration: none;
}

#buddypress-group-home #bbpress-forums .bbp-topic-title a:hover {
	color: var(--color-accent);
}

/* ========================================
   Members List Styles
   ======================================== */

#buddypress-group-home #members-group-li.current a,
#buddypress-group-home #members-groups-li.current a {
	color: #303030;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: var(--color-accent);
}


/* ========================================
   Invite Members Styles
   ======================================== */

#buddypress-group-home .bp-invites-content {
	font-family: var(--font-primary);
}

#buddypress-group-home #send-invite-form {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

#buddypress-group-home .bp-invites-filters {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	padding-bottom: 16px;
	border-bottom: 1px solid var(--color-border);
}

#buddypress-group-home .bp-invites-filters input[type="search"],
#buddypress-group-home .bp-invites-filters input[type="text"] {
	flex: 1;
	min-width: 200px;
	padding: 10px 14px;
	border: 1px solid var(--color-border);
	border-radius: 8px;
	font-size: 14px;
}

#buddypress-group-home .bp-invites-filters input:focus {
	outline: none;
	border-color: var(--color-accent);
}

#buddypress-group-home .bp-invites-filters button {
	padding: 10px 20px;
	background: var(--color-accent);
	color: var(--color-white);
	border: none;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	transition: background 0.2s ease;
}

#buddypress-group-home .bp-invites-filters button:hover {
	background: var(--color-accent-hover, #7EA35D);
}

/* Invite list */
#buddypress-group-home #invite-list,
#buddypress-group-home .invite-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 12px;
}

#buddypress-group-home #invite-list>li,
#buddypress-group-home .invite-list>li {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 16px;
	background: var(--color-bg, #F6F6F6);
	border-radius: 10px;
	cursor: pointer;
	transition: all 0.2s ease;
}

#buddypress-group-home #invite-list>li:hover,
#buddypress-group-home .invite-list>li:hover {
	background: var(--color-border);
}

#buddypress-group-home #invite-list>li.selected,
#buddypress-group-home .invite-list>li.selected {
	background: rgba(143, 181, 108, 0.15);
	border: 2px solid var(--color-accent);
}

#buddypress-group-home #invite-list .item-avatar img,
#buddypress-group-home .invite-list .item-avatar img {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	object-fit: cover;
}

#buddypress-group-home #invite-list .item-title,
#buddypress-group-home .invite-list .item-title {
	font-size: 15px;
	font-weight: 500;
	color: var(--color-text);
}

/* Send invites button */
#buddypress-group-home #send-invites-submit {
	display: flex;
	justify-content: flex-end;
	padding-top: 16px;
	border-top: 1px solid var(--color-border);
}

#buddypress-group-home #send-invites-submit button,
#buddypress-group-home #send-invites-submit input[type="submit"] {
	padding: 12px 32px;
	background: var(--color-accent);
	color: var(--color-white);
	border: none;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	transition: background 0.2s ease;
}

#buddypress-group-home #send-invites-submit button:hover,
#buddypress-group-home #send-invites-submit input[type="submit"]:hover {
	background: var(--color-accent-hover, #7EA35D);
}

/* ========================================
   Group Admin/Manage Styles
   ======================================== */

#buddypress-group-home .group-admin-content,
#buddypress-group-home #group-settings-form {
	font-family: var(--font-primary);
}

/* Admin subnav */
#buddypress-group-home .bp-navs.group-subnav,
#buddypress-group-home #subnav.item-list-tabs,
#buddypress-group-home .item-list-tabs#subnav,
#buddypress-group-home nav[aria-label*="administration"] {
	margin-bottom: 24px;
}

#buddypress-group-home .bp-navs.group-subnav ul,
#buddypress-group-home #subnav.item-list-tabs ul,
#buddypress-group-home .item-list-tabs#subnav ul,
#buddypress-group-home nav[aria-label*="administration"] ul {
	display: flex;
	flex-wrap: wrap;
	gap: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom: 2px solid var(--color-border);
	background: var(--color-white);
	border-radius: 8px 8px 0 0;
}

#buddypress-group-home .bp-navs.group-subnav li,
#buddypress-group-home #subnav.item-list-tabs li,
#buddypress-group-home .item-list-tabs#subnav li,
#buddypress-group-home nav[aria-label*="administration"] li {
	list-style: none;
}

#buddypress-group-home .bp-navs.group-subnav li a,
#buddypress-group-home #subnav.item-list-tabs li a,
#buddypress-group-home .item-list-tabs#subnav li a,
#buddypress-group-home nav[aria-label*="administration"] li a {
	display: block;
	padding: 14px 20px;
	font-size: 14px;
	font-weight: 500;
	color: var(--color-text-muted);
	text-decoration: none;
	border-bottom: 3px solid transparent;
	margin-bottom: -2px;
	transition: all 0.2s ease;
}

#buddypress-group-home .bp-navs.group-subnav li.current a,
#buddypress-group-home .bp-navs.group-subnav li.selected a,
#buddypress-group-home #subnav.item-list-tabs li.current a,
#buddypress-group-home .item-list-tabs#subnav li.current a,
#buddypress-group-home nav[aria-label*="administration"] li.current a {
	color: var(--color-text);
	border-bottom-color: var(--color-accent);
}

#buddypress-group-home .bp-navs.group-subnav li a:hover,
#buddypress-group-home #subnav.item-list-tabs li a:hover,
#buddypress-group-home .item-list-tabs#subnav li a:hover,
#buddypress-group-home nav[aria-label*="administration"] li a:hover {
	color: var(--color-text);
	background: var(--color-bg, #F6F6F6);
}

/* Admin form sections */
#buddypress-group-home .group-settings-form fieldset,
#buddypress-group-home #group-settings-form fieldset {
	border: none;
	padding: 0;
	margin: 0 0 24px;
}

#buddypress-group-home .group-settings-form legend,
#buddypress-group-home #group-settings-form legend {
	font-size: 16px;
	font-weight: 600;
	color: var(--color-text);
	padding-bottom: 12px;
	margin-bottom: 16px;
	border-bottom: 1px solid var(--color-border);
	width: 100%;
}

#buddypress-group-home .group-settings-form label,
#buddypress-group-home #group-settings-form label {
	display: block;
	font-size: 14px;
	font-weight: 500;
	color: var(--color-text);
	margin-bottom: 6px;
}

#buddypress-group-home .group-settings-form input[type="text"],
#buddypress-group-home .group-settings-form textarea,
#buddypress-group-home #group-settings-form input[type="text"],
#buddypress-group-home #group-settings-form textarea {
	width: 100%;
	padding: 10px 14px;
	border: 1px solid var(--color-border);
	border-radius: 8px;
	font-family: var(--font-primary);
	font-size: 15px;
	margin-bottom: 16px;
}

#buddypress-group-home .group-settings-form input:focus,
#buddypress-group-home .group-settings-form textarea:focus,
#buddypress-group-home #group-settings-form input:focus,
#buddypress-group-home #group-settings-form textarea:focus {
	outline: none;
	border-color: var(--color-accent);
}

/* Radio/checkbox options */
#buddypress-group-home .radio,
#buddypress-group-home .checkbox {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 12px 16px;
	background: var(--color-bg, #F6F6F6);
	border-radius: 8px;
	margin-bottom: 8px;
	cursor: pointer;
	transition: background 0.2s ease;
}

#buddypress-group-home .radio:hover,
#buddypress-group-home .checkbox:hover {
	background: var(--color-border);
}

#buddypress-group-home .radio input,
#buddypress-group-home .checkbox input {
	width: 18px;
	height: 18px;
	margin-top: 2px;
	accent-color: var(--color-accent);
	cursor: pointer;
}

#buddypress-group-home .radio label,
#buddypress-group-home .checkbox label {
	flex: 1;
	margin: 0;
	cursor: pointer;
}

/* Submit buttons */
#buddypress-group-home .group-settings-form .submit,
#buddypress-group-home #group-settings-form .submit {
	display: flex;
	gap: 12px;
	padding-top: 20px;
	border-top: 1px solid var(--color-border);
	margin-top: 24px;
}

#buddypress-group-home .group-settings-form input[type="submit"],
#buddypress-group-home #group-settings-form input[type="submit"] {
	padding: 12px 24px;
	font-family: var(--font-primary);
	font-size: 14px;
	font-weight: 500;
	border-radius: 8px;
	cursor: pointer;
	transition: all 0.2s ease;
}

#buddypress-group-home .group-settings-form input[type="submit"]:first-child,
#buddypress-group-home #group-settings-form input[type="submit"]:first-child {
	background: var(--color-accent);
	color: var(--color-white);
	border: none;
}

#buddypress-group-home .group-settings-form input[type="submit"]:first-child:hover,
#buddypress-group-home #group-settings-form input[type="submit"]:first-child:hover {
	background: var(--color-accent-hover, #7EA35D);
}

/* Delete group button */
#buddypress-group-home .group-settings-form input[name="delete-group-button"],
#buddypress-group-home #group-settings-form input[name="delete-group-button"] {
	background: transparent;
	color: var(--color-error, #E74C3C);
	border: 1px solid var(--color-error, #E74C3C);
}

#buddypress-group-home .group-settings-form input[name="delete-group-button"]:hover,
#buddypress-group-home #group-settings-form input[name="delete-group-button"]:hover {
	background: var(--color-error, #E74C3C);
	color: var(--color-white);
}

/* ========================================
   Responsive (breakpoints: 768px, 480px)
   ======================================== */

@media (max-width: 767.98px) {
	.msp-group-banner {
		height: auto;
		min-height: 260px;
		margin: 20px var(--spacing-4) 0;
		padding: var(--spacing-4);
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		align-items: flex-start;
	}

	.msp-group-banner__user {
		position: static;
		flex-direction: column;
		align-items: flex-start;
		gap: var(--spacing-3);
		width: 100%;
	}

	.msp-group-banner__avatar {
		width: 80px;
		height: 80px;
	}

	.msp-group-banner__avatar img {
		border-radius: 40px;
	}

	.msp-group-banner__info {
		gap: var(--spacing-2);
	}

	.msp-group-banner__name {
		font-size: var(--font-size-lg, 22px);
		line-height: 28px;
	}

	.msp-group-banner__actions {
		margin-top: var(--spacing-2);
	}

	.msp-group-banner__stats {
		position: static;
		margin-top: var(--spacing-4);
		margin-bottom: 0;
		gap: var(--spacing-5);
		flex-wrap: wrap;
	}

	.msp-group-banner__stat {
		font-size: var(--font-size-xs, 14px);
	}

	.msp-group-inner {
		padding: var(--spacing-5) var(--spacing-4);
	}

	#buddypress-group-home #object-nav ul {
		flex-wrap: nowrap;
		overflow-x: auto;
	}

	#buddypress-group-home #object-nav ul li a {
		padding: 12px 16px;
		font-size: 14px;
		white-space: nowrap;
	}

	.msp-group-body {
		padding: var(--spacing-4);
	}

	#buddypress-group-home #item-body {
		padding: var(--spacing-4);
	}

	/* Admin subnav - horizontal scroll on mobile */
	#buddypress-group-home .bp-navs.group-subnav ul,
	#buddypress-group-home #subnav ul,
	#buddypress-group-home #group-secondary-nav,
	#buddypress-group-home nav[aria-label*="administration"] ul {
		display: flex !important;
		flex-wrap: nowrap !important;
		overflow-x: auto !important;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		-ms-overflow-style: none;
		padding-bottom: 2px;
		margin: 0 -16px;
		padding-left: 16px;
		padding-right: 16px;
	}

	#buddypress-group-home .bp-navs.group-subnav ul::-webkit-scrollbar,
	#buddypress-group-home #subnav ul::-webkit-scrollbar,
	#buddypress-group-home #group-secondary-nav::-webkit-scrollbar,
	#buddypress-group-home nav[aria-label*="administration"] ul::-webkit-scrollbar {
		display: none;
	}

	#buddypress-group-home .bp-navs.group-subnav li a,
	#buddypress-group-home #subnav li a,
	#buddypress-group-home #group-secondary-nav li a,
	#buddypress-group-home nav[aria-label*="administration"] li a {
		padding: 10px 12px;
		font-size: 13px;
		white-space: nowrap;
	}

	/* Group nav tabs - horizontal scroll */
	.msp-group-nav__tabs {
		flex-wrap: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		-ms-overflow-style: none;
	}

	.msp-group-nav__tabs::-webkit-scrollbar {
		display: none;
	}

	.msp-group-nav__tabs li a {
		padding: 12px 14px;
		font-size: 14px;
		white-space: nowrap;
	}

	/* Activity form on mobile */
	#buddypress-group-home .activity-update-form,
	#buddypress-group-home #bp-nouveau-activity-form {
		padding: 16px;
	}

	#buddypress-group-home #whats-new-form {
		flex-direction: column;
		gap: 12px;
	}

	#buddypress-group-home #whats-new-avatar {
		display: none;
	}

	/* Activity list on mobile */
	#buddypress-group-home .activity-list>li {
		padding: 16px;
		flex-direction: column;
		gap: 12px;
	}

	#buddypress-group-home .activity-list .item-avatar {
		display: flex;
		align-items: center;
		gap: 12px;
	}

	#buddypress-group-home .activity-meta {
		flex-wrap: wrap;
		gap: 8px;
	}

	#buddypress-group-home .activity-meta .generic-button a {
		padding: 6px 10px;
		font-size: 13px;
	}

	/* Subnav filters on mobile */
	#buddypress-group-home .subnav-filters {
		flex-direction: column;
		align-items: stretch;
		gap: 12px;
		padding: 12px 16px;
	}

	#buddypress-group-home .subnav-filters>ul {
		justify-content: flex-start;
	}

	#buddypress-group-home .subnav-filters input[type="search"],
	#buddypress-group-home #group-activity-search {
		min-width: 120px;
		flex: 1;
	}
}

@media (max-width: 479.98px) {
	.msp-group-banner {
		margin: 16px var(--spacing-3) 0;
		padding: var(--spacing-3);
		min-height: 240px;
	}

	.msp-group-banner__avatar {
		width: 64px;
		height: 64px;
	}

	.msp-group-banner__avatar img {
		border-radius: 32px;
	}

	.msp-group-banner__name {
		font-size: var(--font-size-md, 18px);
		line-height: 24px;
	}

	.msp-group-inner {
		padding: var(--spacing-4) var(--spacing-3);
	}

	.msp-group-body,
	#buddypress-group-home #item-body {
		padding: var(--spacing-3);
	}
}

/* ========================================
   Group Members Grid - Figma Design
   ======================================== */

.msp-members-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px;
	list-style: none;
	margin: 0;
	padding: 0;
}

@media (max-width: 767px) {
	.msp-members-grid {
		grid-template-columns: 1fr;
		gap: 16px;
	}
}

/* Member Card */
.msp-member-card {
	background: #FFFFFF !important;
	border-radius: 12px !important;
	overflow: hidden !important;
	box-shadow: 0 1px 3px rgba(17, 24, 39, 0.08) !important;
	list-style: none !important;
	display: flex !important;
	flex-direction: column !important;
	position: relative !important;
	padding: 0 0 30px 0 !important;
}

.msp-member-card__cover {
	width: 100% !important;
	height: 135px !important;
	position: relative !important;
	overflow: visible !important;
}

.msp-member-card__cover-img {
	width: 100% !important;
	height: 88px !important;
	object-fit: cover !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
}

.msp-member-card__cover-default {
	width: 100% !important;
	height: 88px !important;
	background: linear-gradient(135deg, #FFB6D9 0%, #FFA3C7 100%) !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
}


.msp-member-card__info {
	padding: 16px 24px 24px !important;
	text-align: center !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	gap: 12px !important;
}

.msp-member-card__name-wrapper {
	display: flex !important;
	flex-direction: column !important;
	gap: 4px !important;
	align-items: center !important;
	width: 100% !important;
}

.msp-member-card__avatar {
	position: absolute !important;
	left: 50% !important;
	top: 47px !important;
	transform: translateX(-50%) !important;
}

.msp-member-card__avatar a {
	display: block !important;
	width: 88px !important;
	height: 88px !important;
	border-radius: 50% !important;
	overflow: hidden !important;
	border: 3px solid #FFFFFF !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
	position: relative !important;
}

.msp-member-card__avatar img {
	width: 88px !important;
	height: 88px !important;
	border-radius: 50% !important;
	border: none !important;
	display: block !important;
}

.msp-member-card__name {
	font-family: var(--font-primary) !important;
	font-size: 18px !important;
	font-weight: 500 !important;
	line-height: 24px !important;
	color: #000000 !important;
	margin: 0 !important;
	width: 100% !important;
}

.msp-member-card__name a {
	color: #000000 !important;
	text-decoration: none !important;
}

.msp-member-card__name a:hover {
	color: #6E4F95 !important;
}

.msp-member-card__location {
	font-family: var(--font-primary) !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 16px !important;
	color: #303030 !important;
	margin: 0 !important;
	width: 100% !important;
}

/* Member Stats */
.msp-member-card__stats {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	gap: 24px !important;
}

.msp-friend-info {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	gap: 4px !important;
}

.msp-friend-info__circle {
	width: 24px !important;
	height: 24px !important;
	border-radius: 50% !important;
	border: 1.5px solid !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-family: var(--font-primary) !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 1 !important;
	color: var(--color-text-secondary) !important;
}

.msp-friend-info__circle--age {
	border-color: var(--color-text-muted) !important;
}

.msp-friend-info__circle--kids {
	border-color: #DC0E63 !important;
	color: #DC0E63 !important;
}

.msp-friend-info__value {
	font-family: var(--font-primary) !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	line-height: 1 !important;
}

.msp-friend-info__label {
	font-family: var(--font-primary) !important;
	font-size: 12px !important;
	font-weight: 400 !important;
	color: var(--color-text-muted, #A6A6A6) !important;
}

.msp-friend-info__icon--pregnant,
.msp-friend-info__icon--not-pregnant {
	width: 24px !important;
	height: 24px !important;
	border-radius: 50% !important;
	border: 1.5px solid var(--color-text-muted) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: var(--color-text-muted) !important;
}

.msp-member-card__stat {
	display: none !important;
}

.msp-member-card__stat-value {
	font-family: var(--font-primary);
	font-size: 16px;
	font-weight: 600;
	color: var(--color-text);
}

.msp-member-card__stat-label {
	font-size: 12px;
	color: var(--color-text-muted, #A6A6A6);
}

.msp-member-card__stat-icon {
	display: none;
}

.msp-member-card__stat-icon svg {
	width: 20px;
	height: 20px;
}

/* Member Actions */

.msp-member-card__action,
.msp-member-card__actions {
	display: flex !important;
	justify-content: center !important;
}

.msp-member-card__action .msp-btn,
.msp-member-card__actions .generic-button a,
.msp-member-card__actions button,
.msp-member-card__actions .friendship-button a {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 10px 24px !important;
	font-family: var(--font-primary) !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	border-radius: 10px !important;
	text-decoration: none !important;
}

.msp-member-card__actions .generic-button a,
.msp-member-card__actions button,
.msp-member-card__actions .friendship-button a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 24px;
	font-family: var(--font-primary);
	font-size: 14px;
	font-weight: 500;
	color: var(--color-white);
	background: var(--color-accent);
	border: none;
	border-radius: 10px;
	text-decoration: none;
	cursor: pointer;
	transition: background 0.2s ease;
}

.msp-member-card__actions .generic-button a:hover,
.msp-member-card__actions button:hover,
.msp-member-card__actions .friendship-button a:hover {
	background: #7EA35D;
}

/* ========================================
   Group Gallery Grid - Figma Design
   ======================================== */

.msp-gallery-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
	list-style: none;
	margin: 0;
	padding: 0;
}

@media (max-width: 767px) {
	.msp-gallery-grid {
		grid-template-columns: 1fr;
		gap: 12px;
	}
}

.msp-gallery-item {
	position: relative;
	border-radius: 12px;
	overflow: hidden;
	aspect-ratio: 4 / 3;
}

.msp-gallery-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.msp-gallery-item:hover img {
	transform: scale(1.05);
}

.msp-gallery-item a {
	display: block;
	width: 100%;
	height: 100%;
}

/* Gallery empty state */
.msp-gallery-empty {
	grid-column: 1 / -1;
	text-align: center;
	padding: 60px 20px;
	background: var(--color-white);
	border-radius: 16px;
	border: 2px dashed var(--color-border);
}

.msp-gallery-empty__icon {
	width: 64px;
	height: 64px;
	margin: 0 auto 16px;
	color: var(--color-text-muted);
}

.msp-gallery-empty__text {
	font-size: 16px;
	color: var(--color-text-muted);
	margin: 0;
}

/* ========================================
   BuddyPress Members List Override
   ======================================== */

#buddypress-group-home #members-list,
#buddypress-group-home ul#members-list,
.msp-group-body #members-list,
.msp-members-grid {
	display: grid !important;
	grid-template-columns: repeat(2, 1fr) !important;
	gap: 24px !important;
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
}

@media (max-width: 767px) {

	#buddypress-group-home #members-list,
	#buddypress-group-home ul#members-list,
	.msp-group-body #members-list {
		grid-template-columns: 1fr !important;
		gap: 16px !important;
	}
}

#buddypress-group-home #members-list>li,
.msp-group-body #members-list>li {
	background: var(--color-white) !important;
	border-radius: 16px !important;
	overflow: hidden !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

#buddypress-group-home #members-list>li .list-wrap,
.msp-group-body #members-list>li .list-wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}


/* Hide pagination text */
#buddypress-group-home .bp-pagination-links .pag-count,
.msp-group-body .bp-pagination-links .pag-count {
	display: none;
}