/*--------------------------------------------------------------
 Topcoat Academy — Community (BuddyBoss activity directory skin)
--------------------------------------------------------------*/

body.topcoat-community {
	background: var(--tc-ground);
	color: var(--tc-cream);
	font-family: var(--tc-font-body);
}

body.topcoat-community a {
	color: var(--tc-orange);
	text-decoration: none;
}

body.topcoat-community a:hover {
	color: var(--tc-orange-soft);
}

/* Page shell — 2-col feed + 320px rail */
body.topcoat-community #content .bb-grid.site-content-grid,
body.topcoat-community .bb-grid.site-content-grid {
	max-width: var(--tc-max);
	margin: 0 auto;
	padding: 24px 28px 34px;
	box-sizing: border-box;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 320px;
	gap: 32px;
	align-items: start;
}

body.topcoat-community #primary.content-area,
body.topcoat-community #primary.bs-bp-container {
	width: auto !important;
	max-width: none !important;
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
	grid-column: 1;
}

body.topcoat-community #secondary-right.tc-community-rail,
body.topcoat-community #secondary-right.sidebar-right {
	width: auto !important;
	max-width: none !important;
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
	grid-column: 2;
	grid-row: 1;
}

body.topcoat-community #secondary.sidebar-left {
	display: none !important;
}

body.topcoat-community .site-content,
body.topcoat-community #content,
body.topcoat-community .buddypress-wrap,
body.topcoat-community .bs-container,
body.topcoat-community .container {
	background: transparent !important;
	max-width: none;
}

body.topcoat-community .entry-header,
body.topcoat-community .entry-title {
	display: none !important;
}

body.topcoat-community .entry-content {
	margin: 0;
	padding: 0;
}

/* Stock BuddyBoss search + filter dropdowns — visible, dark-skinned */
body.topcoat-community .tc-community-head-bar,
body.topcoat-community .activity-head-bar {
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
	margin: 0 0 14px;
	padding: 12px 0 0;
	border-top: 1px solid var(--tc-border);
	position: static !important;
	width: auto !important;
	height: auto !important;
	overflow: visible !important;
	clip: auto !important;
	white-space: normal !important;
}

body.topcoat-community .activity-head-bar .subnav-filters,
body.topcoat-community .activity-head-bar .bp-subnavs,
body.topcoat-community .subnav-filters.filters.no-search,
body.topcoat-community .component-filters,
body.topcoat-community .feed-view {
	display: flex !important;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

body.topcoat-community .activity-head-bar .dir-search,
body.topcoat-community .activity-head-bar .bp-dir-search-form,
body.topcoat-community #dir-activity-search-form,
body.topcoat-community .activity-search {
	margin: 0;
}

body.topcoat-community .activity-head-bar .bp-search,
body.topcoat-community .activity-head-bar .search-form,
body.topcoat-community .activity-head-bar form[role="search"] {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0;
}

body.topcoat-community .activity-head-bar input[type="search"],
body.topcoat-community .activity-head-bar input[type="text"],
body.topcoat-community #dir-activity-search {
	background: var(--tc-surface) !important;
	border: 1px solid #2f3438 !important;
	border-radius: var(--tc-radius) !important;
	color: var(--tc-cream) !important;
	font-family: var(--tc-font-body);
	font-size: 13px;
	padding: 8px 12px;
	min-width: 160px;
}

body.topcoat-community .activity-head-bar input[type="search"]:focus,
body.topcoat-community #dir-activity-search:focus {
	border-color: var(--tc-orange) !important;
	outline: none !important;
}

body.topcoat-community .activity-head-bar .bp-search button,
body.topcoat-community .activity-head-bar button[type="submit"],
body.topcoat-community .activity-head-bar .search-form button {
	background: var(--tc-surface) !important;
	border: 1px solid #2f3438 !important;
	border-radius: var(--tc-radius) !important;
	color: #b9bdc1 !important;
	width: 36px;
	height: 36px;
	padding: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

body.topcoat-community .activity-head-bar .bp-search button:hover,
body.topcoat-community .activity-head-bar button[type="submit"]:hover {
	border-color: var(--tc-orange) !important;
	color: var(--tc-orange-soft) !important;
}

body.topcoat-community .activity-head-bar select,
body.topcoat-community .activity-head-bar .select-wrap,
body.topcoat-community .activity-head-bar .bb-styled-dropdown,
body.topcoat-community #activity-filter-by,
body.topcoat-community #activity-filter-select,
body.topcoat-community .component-filters select,
body.topcoat-community .feed .select-style select {
	background: transparent !important;
	border: 0 !important;
	color: #b9bdc1 !important;
	font-family: var(--tc-font-body) !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	box-shadow: none !important;
	cursor: pointer;
}

body.topcoat-community .activity-head-bar .select-wrap,
body.topcoat-community .activity-head-bar .bb-styled-dropdown,
body.topcoat-community .component-filters .select-wrap {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

body.topcoat-community .activity-head-bar label,
body.topcoat-community .activity-head-bar .bb-icon-angle-down,
body.topcoat-community .activity-head-bar .bb-icon-caret-down {
	color: #b9bdc1 !important;
}

body.topcoat-community .activity-head-bar .subnav-search,
body.topcoat-community .activity-head-bar .activity-type-navs {
	margin: 0;
	padding: 0;
}

/* Hide duplicate stock topic selector if BB injects one elsewhere */
body.topcoat-community .buddypress-wrap > .activity-topic-selector:not(.tc-community-chips) {
	/* keep ours */
}

/* ---------- Chips (Activity Topics) ---------- */
body.topcoat-community .tc-community-chips,
body.topcoat-community .activity-topic-selector {
	margin: 0 0 12px;
}

body.topcoat-community .tc-community-chips ul,
body.topcoat-community .activity-topic-selector ul {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0;
}

body.topcoat-community .tc-community-chips li,
body.topcoat-community .activity-topic-selector li {
	margin: 0;
	padding: 0;
}

body.topcoat-community .tc-community-chips a,
body.topcoat-community .activity-topic-selector a {
	display: inline-flex;
	align-items: center;
	font-family: var(--tc-font-body);
	font-size: 13px;
	font-weight: 500;
	padding: 8px 16px;
	border: 1px solid #2f3438;
	background: var(--tc-surface);
	color: #b9bdc1 !important;
	border-radius: var(--tc-radius);
	line-height: 1.2;
	text-decoration: none !important;
	cursor: pointer;
	white-space: nowrap;
}

body.topcoat-community .tc-community-chips a:hover,
body.topcoat-community .activity-topic-selector a:hover {
	border-color: var(--tc-orange);
	color: #fff !important;
}

body.topcoat-community .tc-community-chips li.selected a,
body.topcoat-community .tc-community-chips a.selected,
body.topcoat-community .tc-community-chips a.active,
body.topcoat-community .activity-topic-selector li.selected a,
body.topcoat-community .activity-topic-selector a.selected,
body.topcoat-community .activity-topic-selector a.active {
	font-weight: 700;
	border-color: var(--tc-orange);
	background: #2b1a0e;
	color: var(--tc-orange-soft) !important;
}

/* ---------- Post form ----------
   BuddyBoss injects a collapsed placeholder; click opens modal.
   Do NOT force #bp-nouveau-activity-form visible — that traps the
   initial displayFull()/reset dance with the Create-a-post popup open.
-------------------------------------------------------------- */

/* Collapsed click-to-open shell only */
body.topcoat-community #bp-nouveau-activity-form-placeholder,
body.topcoat-community .bp-nouveau-activity-form-placeholder- {
	display: block;
	background: var(--tc-surface) !important;
	border: 1px solid var(--tc-border) !important;
	border-radius: var(--tc-radius) !important;
	padding: 0 !important;
	margin: 0 0 14px !important;
	box-shadow: none !important;
	min-height: 88px;
	width: 100%;
	box-sizing: border-box;
	overflow: visible;
	cursor: text;
}

body.topcoat-community #bp-nouveau-activity-form-placeholder .whats-new-form-header,
body.topcoat-community #bp-nouveau-activity-form-placeholder .activity-form-placeholder {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

body.topcoat-community #bp-nouveau-activity-form-placeholder #whats-new-content-placeholder,
body.topcoat-community #bp-nouveau-activity-form-placeholder #whats-new-textarea-placeholder,
body.topcoat-community #bp-nouveau-activity-form-placeholder [contenteditable],
body.topcoat-community #bp-nouveau-activity-form-placeholder .bp-suggestions {
	background: transparent !important;
	border: 0 !important;
	color: var(--tc-muted) !important;
	font-family: var(--tc-font-body) !important;
	font-size: 14px !important;
	min-height: 48px !important;
	padding: 14px 16px !important;
	cursor: text;
}

body.topcoat-community #bp-nouveau-activity-form-placeholder img.avatar,
body.topcoat-community #bp-nouveau-activity-form-placeholder .user-status-avatar img {
	border-radius: 50% !important;
	border: 2px solid var(--tc-orange);
}

/* Empty shell before JS hydrates */
body.topcoat-community #bp-nouveau-activity-form-placeholder:empty {
	position: relative;
	min-height: 96px;
}

body.topcoat-community #bp-nouveau-activity-form-placeholder:empty::before {
	content: "";
	position: absolute;
	left: 16px;
	top: 50%;
	width: 38px;
	height: 38px;
	margin-top: -19px;
	border-radius: 50%;
	background: #33383d;
	border: 2px solid var(--tc-orange);
	box-sizing: border-box;
}

body.topcoat-community #bp-nouveau-activity-form-placeholder:empty::after {
	content: "Post a win, ask a question…";
	position: absolute;
	left: 68px;
	right: 16px;
	top: 50%;
	transform: translateY(-50%);
	color: var(--tc-muted);
	font-family: var(--tc-font-body);
	font-size: 14px;
	pointer-events: none;
}

/* Full form: leave BuddyBoss hide/show alone unless user opened modal */
body.topcoat-community #bp-nouveau-activity-form:not(.modal-popup),
body.topcoat-community .activity-update-form:not(.modal-popup) {
	background: var(--tc-surface) !important;
	border: 1px solid var(--tc-border) !important;
	border-radius: var(--tc-radius) !important;
	color: var(--tc-cream) !important;
	box-shadow: none !important;
	margin: 0 0 14px !important;
	overflow: hidden;
}

body.topcoat-community .activity-update-form:not(.modal-popup) .bb-model-header,
body.topcoat-community .activity-update-form:not(.modal-popup) .activity-form-header {
	display: none !important;
}

body.topcoat-community .activity-update-form:not(.modal-popup) #whats-new-form,
body.topcoat-community .activity-update-form:not(.modal-popup) .whats-new-form-header,
body.topcoat-community .activity-update-form:not(.modal-popup) #user-status-huddle {
	background: transparent !important;
	border: 0 !important;
}

body.topcoat-community .activity-update-form:not(.modal-popup) #whats-new,
body.topcoat-community .activity-update-form:not(.modal-popup) #whats-new-textarea,
body.topcoat-community .activity-update-form:not(.modal-popup) .medium-editor-element,
body.topcoat-community .activity-update-form:not(.modal-popup) [contenteditable="true"] {
	background: transparent !important;
	border: 0 !important;
	color: var(--tc-muted) !important;
	font-family: var(--tc-font-body) !important;
	font-size: 14px !important;
	min-height: 48px !important;
	padding: 14px 16px !important;
}

body.topcoat-community .activity-update-form:not(.modal-popup) #whats-new-toolbar,
body.topcoat-community .activity-update-form:not(.modal-popup) .whats-new-toolbar,
body.topcoat-community .activity-update-form:not(.modal-popup) #whats-new-attachments {
	background: #181b1e !important;
	border-top: 1px solid #2f3438 !important;
}

/* Toolbar icons — BB defaults to dark-on-light; force readable on dark bar */
body.topcoat-community .activity-update-form #whats-new-toolbar .toolbar-button,
body.topcoat-community .activity-update-form #whats-new-toolbar .toolbar-button i,
body.topcoat-community .activity-update-form #whats-new-toolbar .toolbar-button i::before,
body.topcoat-community .activity-update-form .whats-new-toolbar .toolbar-button,
body.topcoat-community .activity-update-form .whats-new-toolbar .toolbar-button i,
body.topcoat-community .activity-update-form .whats-new-toolbar .toolbar-button i::before,
body.topcoat-community .activity-update-form #editor-toolbar .toolbar-button,
body.topcoat-community .activity-update-form #editor-toolbar .toolbar-button i,
body.topcoat-community .activity-update-form #editor-toolbar .toolbar-button i::before {
	color: var(--tc-muted) !important;
	opacity: 1 !important;
}

body.topcoat-community .activity-update-form #whats-new-toolbar .toolbar-button:hover,
body.topcoat-community .activity-update-form #whats-new-toolbar .toolbar-button:hover i,
body.topcoat-community .activity-update-form #whats-new-toolbar .toolbar-button:hover i::before,
body.topcoat-community .activity-update-form #whats-new-toolbar .toolbar-button.active,
body.topcoat-community .activity-update-form #whats-new-toolbar .toolbar-button.active i,
body.topcoat-community .activity-update-form #whats-new-toolbar .toolbar-button.active i::before {
	color: var(--tc-orange) !important;
}

body.topcoat-community .activity-update-form:not(.modal-popup) img.avatar {
	border-radius: 50% !important;
	border: 2px solid var(--tc-orange);
}

body.topcoat-community #bp-nouveau-activity-form:empty {
	display: none !important;
}

/* Modal only when BB adds .modal-popup after a real user open */
body.topcoat-community body.activity-modal-open,
body.activity-modal-open.topcoat-community {
	overflow: hidden;
}

/*
 * Hide BB's init flash: displayFull() opens the modal before reset runs.
 * community.js clears the stuck state; this prevents a white Create-post flash.
 */
body.topcoat-community.initial-post-form-open .activity-update-form.modal-popup {
	visibility: hidden !important;
	pointer-events: none !important;
}

body.topcoat-community #bp-nouveau-activity-form.modal-popup,
body.topcoat-community .activity-update-form.modal-popup {
	/* BB uses flex for the modal shell — don't override to block */
	background: var(--tc-surface) !important;
	border: 1px solid var(--tc-border) !important;
	border-radius: var(--tc-radius-card) !important;
	color: var(--tc-cream) !important;
	box-shadow: 0 24px 64px rgba(0, 0, 0, 0.55) !important;
	overflow: hidden;
}

body.topcoat-community .activity-update-form.modal-popup #whats-new-form,
body.topcoat-community .activity-update-form.modal-popup .whats-new-form-header,
body.topcoat-community .activity-update-form.modal-popup .whats-new-scroll-view,
body.topcoat-community .activity-update-form.modal-popup #user-status-huddle,
body.topcoat-community .activity-update-form.modal-popup #whats-new-content,
body.topcoat-community .activity-update-form.modal-popup #whats-new-attachments {
	background: var(--tc-surface) !important;
	color: var(--tc-cream) !important;
	border-color: var(--tc-border) !important;
	box-shadow: none !important;
}

body.topcoat-community .activity-update-form.modal-popup .bb-model-header,
body.topcoat-community #bp-nouveau-activity-form.modal-popup .bb-model-header {
	background: var(--tc-header) !important;
	border-bottom: 1px solid var(--tc-border) !important;
	color: var(--tc-cream) !important;
}

body.topcoat-community .activity-update-form.modal-popup .bb-model-header h3,
body.topcoat-community .activity-update-form.modal-popup .bb-model-header h4 {
	color: var(--tc-cream) !important;
	font-family: var(--tc-font-body) !important;
	font-weight: 700;
}

body.topcoat-community .activity-update-form.modal-popup .bb-model-close-button,
body.topcoat-community .activity-update-form.modal-popup .bb-model-close-button i,
body.topcoat-community .activity-update-form.modal-popup .bb-model-close-button i::before {
	color: var(--tc-muted) !important;
	opacity: 1 !important;
}

body.topcoat-community .activity-update-form.modal-popup .bb-model-close-button:hover,
body.topcoat-community .activity-update-form.modal-popup .bb-model-close-button:hover i,
body.topcoat-community .activity-update-form.modal-popup .bb-model-close-button:hover i::before {
	color: var(--tc-cream) !important;
}

/* Privacy “Public” chip — kill BB light pill, no boxed border */
body.topcoat-community .activity-update-form.modal-popup #bp-activity-privacy-point,
body.topcoat-community .activity-update-form.modal-popup #whats-new-status #bp-activity-privacy-point,
body.topcoat-community .activity-update-form.modal-popup .bp-activity-privacy-status,
body.topcoat-community .activity-update-form.modal-popup #bp-activity-privacy-point.public,
body.topcoat-community .activity-update-form.modal-popup #bp-activity-privacy-point.loggedin,
body.topcoat-community .activity-update-form.modal-popup #bp-activity-privacy-point.friends,
body.topcoat-community .activity-update-form.modal-popup #bp-activity-privacy-point.onlyme,
body.topcoat-community .activity-update-form.modal-popup #bp-activity-privacy-point.group {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	color: var(--tc-muted) !important;
	box-shadow: none !important;
	outline: none !important;
}

body.topcoat-community .activity-update-form.modal-popup #bp-activity-privacy-point .bp-activity-privacy-status,
body.topcoat-community .activity-update-form.modal-popup #bp-activity-privacy-point i,
body.topcoat-community .activity-update-form.modal-popup #bp-activity-privacy-point i::before,
body.topcoat-community .activity-update-form.modal-popup #bp-activity-privacy-point .privacy-point-icon,
body.topcoat-community .activity-update-form.modal-popup #bp-activity-privacy-point .privacy-point-icon::before {
	color: var(--tc-muted) !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	opacity: 1 !important;
}

body.topcoat-community .activity-update-form.modal-popup #bp-activity-privacy-point:hover,
body.topcoat-community .activity-update-form.modal-popup #bp-activity-privacy-point:hover .bp-activity-privacy-status,
body.topcoat-community .activity-update-form.modal-popup #bp-activity-privacy-point:hover i,
body.topcoat-community .activity-update-form.modal-popup #bp-activity-privacy-point:hover i::before {
	color: var(--tc-cream) !important;
	border: 0 !important;
}

/* Privacy / topic / schedule dropdown panels */
body.topcoat-community .activity-update-form.modal-popup .activity-privacy,
body.topcoat-community .activity-update-form.modal-popup .bp-activity-privacy__figure,
body.topcoat-community .activity-update-form.modal-popup #whats-new-privacy,
body.topcoat-community .activity-update-form.modal-popup .privacy-status-form-wrapper,
body.topcoat-community .activity-update-form.modal-popup .bb-topic-selector-list,
body.topcoat-community .activity-update-form.modal-popup .bb-topic-selector-list ul,
body.topcoat-community .activity-update-form.modal-popup .bb-schedule-post_dropdown_list,
body.topcoat-community .activity-update-form.modal-popup .bb-schedule-post_dropdown_list ul {
	background: var(--tc-header) !important;
	border: 1px solid var(--tc-border-strong) !important;
	border-radius: var(--tc-radius) !important;
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45) !important;
	color: var(--tc-cream) !important;
}

body.topcoat-community .activity-update-form.modal-popup .bb-topic-selector-list a,
body.topcoat-community .activity-update-form.modal-popup .bb-schedule-post_dropdown_list a,
body.topcoat-community .activity-update-form.modal-popup .bp-activity-privacy__label,
body.topcoat-community .activity-update-form.modal-popup .activity-privacy label,
body.topcoat-community .activity-update-form.modal-popup .privacy-status-group {
	background: transparent !important;
	color: var(--tc-cream) !important;
	border-color: transparent !important;
}

body.topcoat-community .activity-update-form.modal-popup .bb-topic-selector-list a:hover,
body.topcoat-community .activity-update-form.modal-popup .bb-schedule-post_dropdown_list a:hover,
body.topcoat-community .activity-update-form.modal-popup .bp-activity-privacy__label:hover {
	background: #2a2e33 !important;
	color: var(--tc-orange-soft) !important;
}

body.topcoat-community .activity-update-form.modal-popup #whats-new-title,
body.topcoat-community .activity-update-form.modal-popup input[type="text"] {
	background: var(--tc-ground) !important;
	border: 1px solid var(--tc-border-strong) !important;
	border-radius: var(--tc-radius) !important;
	color: var(--tc-cream) !important;
	caret-color: var(--tc-cream);
}

body.topcoat-community .activity-update-form.modal-popup #whats-new-title::placeholder,
body.topcoat-community .activity-update-form.modal-popup input[type="text"]::placeholder {
	color: var(--tc-muted) !important;
	opacity: 1 !important;
}

body.topcoat-community .activity-update-form.modal-popup #whats-new,
body.topcoat-community .activity-update-form.modal-popup #whats-new-textarea,
body.topcoat-community .activity-update-form.modal-popup .medium-editor-element,
body.topcoat-community .activity-update-form.modal-popup [contenteditable] {
	background: transparent !important;
	border: 0 !important;
	color: var(--tc-cream) !important;
	font-family: var(--tc-font-body) !important;
	font-size: 15px !important;
	min-height: 120px !important;
	caret-color: var(--tc-cream);
}

/* Medium Editor placeholder is ::before — BB uses dark grey for light UIs */
body.topcoat-community .activity-update-form.modal-popup #whats-new.medium-editor-placeholder::before,
body.topcoat-community .activity-update-form.modal-popup .medium-editor-placeholder::before,
body.topcoat-community .activity-update-form.modal-popup #whats-new::before {
	color: var(--tc-muted) !important;
	opacity: 1 !important;
}

body.topcoat-community .activity-update-form.modal-popup #editor-toolbar,
body.topcoat-community .activity-update-form.modal-popup .emojionearea,
body.topcoat-community .activity-update-form.modal-popup .post-emoji,
body.topcoat-community .activity-update-form.modal-popup .post-elements-buttons-item {
	background: transparent !important;
	border-color: var(--tc-border) !important;
	color: var(--tc-muted) !important;
}

body.topcoat-community .activity-update-form.modal-popup #whats-new-toolbar,
body.topcoat-community .activity-update-form.modal-popup .whats-new-toolbar,
body.topcoat-community .activity-update-form.modal-popup .whats-new-form-footer,
body.topcoat-community .activity-update-form.modal-popup #activity-form-submit-wrapper {
	background: #181b1e !important;
	border-top: 0 !important;
	box-shadow: none !important;
}

body.topcoat-community .activity-update-form.modal-popup .whats-new-form-footer {
	border-top: 1px solid var(--tc-border) !important;
}

/* Select Topic — dark control, no white chip */
body.topcoat-community .activity-update-form.modal-popup .bb-topic-selector-button,
body.topcoat-community .activity-update-form.modal-popup .whats-new-topic-selector .bb-topic-selector-button {
	background: transparent !important;
	border: 1px solid var(--tc-border-strong) !important;
	border-radius: var(--tc-radius) !important;
	color: var(--tc-cream) !important;
	box-shadow: none !important;
}

body.topcoat-community .activity-update-form.modal-popup .bb-topic-selector-button:hover,
body.topcoat-community .activity-update-form.modal-popup .bb-topic-selector-button.is-active {
	border-color: var(--tc-orange) !important;
	color: var(--tc-orange-soft) !important;
}

/* Schedule clock control */
body.topcoat-community .activity-update-form.modal-popup .bb-schedule-post_dropdown_button {
	background: transparent !important;
	border: 1px solid var(--tc-border-strong) !important;
	border-radius: var(--tc-radius) !important;
	color: var(--tc-muted) !important;
	box-shadow: none !important;
}

body.topcoat-community .activity-update-form.modal-popup .bb-schedule-post_dropdown_button i,
body.topcoat-community .activity-update-form.modal-popup .bb-schedule-post_dropdown_button i::before {
	color: var(--tc-muted) !important;
	opacity: 1 !important;
}

body.topcoat-community .activity-update-form.modal-popup .bb-schedule-post_dropdown_button:hover,
body.topcoat-community .activity-update-form.modal-popup .bb-schedule-post_dropdown_button:hover i,
body.topcoat-community .activity-update-form.modal-popup .bb-schedule-post_dropdown_button:hover i::before {
	border-color: var(--tc-orange) !important;
	color: var(--tc-orange) !important;
}

/* Media button — icon only, no boxed border (that was our skin) */
body.topcoat-community .activity-update-form.modal-popup #activity-media-button,
body.topcoat-community .activity-update-form.modal-popup .post-media .toolbar-button {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

body.topcoat-community .activity-update-form.modal-popup #aw-whats-new-submit,
body.topcoat-community .activity-update-form.modal-popup .whats-new-submit input[type="submit"],
body.topcoat-community .activity-update-form.modal-popup #activity-form-submit-wrapper input[type="submit"] {
	background: var(--tc-orange) !important;
	border-color: var(--tc-orange) !important;
	color: #fff !important;
	border-radius: var(--tc-radius) !important;
	font-weight: 700;
	box-shadow: none !important;
}

body.topcoat-community .activity-update-form.modal-popup #aw-whats-new-submit:hover {
	background: var(--tc-orange-hover) !important;
	border-color: var(--tc-orange-hover) !important;
}

body.topcoat-community .activity-update-form.modal-popup #aw-whats-new-reset,
body.topcoat-community .activity-update-form.modal-popup #discard-draft-activity {
	background: transparent !important;
	border: 1px solid var(--tc-border-strong) !important;
	color: var(--tc-muted) !important;
	border-radius: var(--tc-radius) !important;
}

body.topcoat-community .activity-update-form.modal-popup #user-status-huddle .user-name,
body.topcoat-community .activity-update-form.modal-popup #user-status-huddle h5,
body.topcoat-community .activity-update-form.modal-popup #user-status-huddle a {
	color: var(--tc-cream) !important;
}

body.topcoat-community .activity-update-form.modal-popup #user-status-huddle img.avatar {
	border: 2px solid var(--tc-orange) !important;
	border-radius: 50% !important;
}

body.topcoat-community .activity-update-form-overlay {
	background: rgba(0, 0, 0, 0.72) !important;
}

/* ---------- Activity stream cards ---------- */
body.topcoat-community #activity-stream,
body.topcoat-community #activity-stream.activity,
body.topcoat-community ul.activity-list {
	background: transparent !important;
	border: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
}

body.topcoat-community #activity-stream .activity-item,
body.topcoat-community ul.activity-list > li.activity-item {
	background: var(--tc-surface) !important;
	border: 1px solid var(--tc-border) !important;
	border-radius: var(--tc-radius) !important;
	padding: 16px 18px !important;
	margin: 0 0 10px !important;
	box-shadow: none !important;
	color: var(--tc-cream);
}

body.topcoat-community #activity-stream .activity-item:hover {
	border-color: #2f3438;
}

body.topcoat-community #activity-stream .activity-avatar img,
body.topcoat-community #activity-stream .activity-header img.avatar {
	border-radius: 50% !important;
	width: 38px !important;
	height: 38px !important;
}

body.topcoat-community #activity-stream .activity-header,
body.topcoat-community #activity-stream .activity-header a,
body.topcoat-community #activity-stream .activity-header .activity-date,
body.topcoat-community #activity-stream .activity-meta {
	color: var(--tc-muted) !important;
	font-size: 13px;
}

body.topcoat-community #activity-stream .activity-header a:not(.activity-time-since) {
	color: var(--tc-cream) !important;
	font-weight: 700;
}

body.topcoat-community #activity-stream .activity-content,
body.topcoat-community #activity-stream .activity-inner,
body.topcoat-community #activity-stream .activity-discussion-title-wrap {
	color: var(--tc-cream) !important;
	font-size: 14.5px;
	line-height: 1.6;
}

body.topcoat-community #activity-stream .activity-inner a {
	color: var(--tc-orange-soft) !important;
}

body.topcoat-community #activity-stream .activity-state,
body.topcoat-community #activity-stream .activity-meta.action,
body.topcoat-community #activity-stream .bp-generic-meta,
body.topcoat-community #activity-stream .comment-reply-link,
body.topcoat-community #activity-stream .acomment-reply,
body.topcoat-community #activity-stream .button {
	color: var(--tc-muted) !important;
	font-weight: 600;
	font-size: 13px;
}

body.topcoat-community #activity-stream .activity-state a:hover,
body.topcoat-community #activity-stream .bp-generic-meta a:hover,
body.topcoat-community #activity-stream .button:hover {
	color: var(--tc-orange-soft) !important;
}

/* Forum / lesson-linked activity: accent left edge when BB marks as forum */
body.topcoat-community #activity-stream .activity-item.bbp_topic_create,
body.topcoat-community #activity-stream .activity-item.bbp_reply_create,
body.topcoat-community #activity-stream .activity-item.forum-topic,
body.topcoat-community #activity-stream .activity-item[data-bp-activity-type*="bbp"] {
	border-left: 4px solid var(--tc-orange) !important;
}

body.topcoat-community #activity-stream .activity-media-wrap,
body.topcoat-community #activity-stream .bb-activity-media-wrap,
body.topcoat-community #activity-stream .media-activity,
body.topcoat-community #activity-stream .activity-link-preview-container {
	border-radius: var(--tc-radius);
	overflow: hidden;
	margin-top: 10px;
}

body.topcoat-community #activity-stream .activity-comments,
body.topcoat-community #activity-stream .ac-form {
	background: var(--tc-ground) !important;
	border: 1px solid #2f3438 !important;
	border-radius: var(--tc-radius);
	color: var(--tc-cream);
}

body.topcoat-community #activity-stream .ac-textarea textarea,
body.topcoat-community #activity-stream .ac-input {
	background: var(--tc-surface) !important;
	border-color: #2f3438 !important;
	color: var(--tc-cream) !important;
}

body.topcoat-community #activity-stream .bb-activity-placeholder,
body.topcoat-community #bp-ajax-loader {
	background: var(--tc-surface);
	border: 1px solid var(--tc-border);
	border-radius: var(--tc-radius);
	padding: 16px 18px;
	margin-bottom: 10px;
}

body.topcoat-community .bb-loading-bg,
body.topcoat-community .bb-bg-animation {
	background: #22262a !important;
}

/* Reaction / emoji popovers stay usable */
body.topcoat-community .bb-reaction-footer,
body.topcoat-community .emojionearea,
body.topcoat-community .gif-media-search,
body.topcoat-community .bb-rl-media-model-container {
	/* leave BuddyBoss components functional — color only */
}

/* ---------- Right rail ---------- */
body.topcoat-community .tc-community-rail__inner {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

body.topcoat-community .tc-community-card {
	display: block;
	background: var(--tc-surface);
	border: 1px solid var(--tc-border);
	border-radius: var(--tc-radius);
	padding: 14px 16px;
	color: var(--tc-cream);
	text-decoration: none !important;
}

body.topcoat-community a.tc-community-card--continue {
	border-left: 4px solid var(--tc-orange);
	color: var(--tc-cream) !important;
}

body.topcoat-community a.tc-community-card--continue:hover {
	border-color: var(--tc-orange);
}

body.topcoat-community .tc-community-card__eyebrow {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: var(--tc-orange-soft);
}

body.topcoat-community .tc-community-card__eyebrow--muted {
	color: var(--tc-muted);
}

body.topcoat-community .tc-community-card__eyebrow--accent {
	color: var(--tc-orange-soft);
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

body.topcoat-community .tc-community-card__title {
	font-size: 14.5px;
	font-weight: 600;
	margin-top: 5px;
	color: var(--tc-cream);
}

body.topcoat-community .tc-community-card__progress {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 8px;
}

body.topcoat-community .tc-community-card__bar {
	flex: 1;
	height: 5px;
	background: #2f3438;
	border-radius: 2px;
	overflow: hidden;
}

body.topcoat-community .tc-community-card__bar > span {
	display: block;
	height: 100%;
	background: var(--tc-orange);
}

body.topcoat-community .tc-community-card__meta {
	font-size: 12px;
	color: var(--tc-muted);
	font-weight: 600;
	white-space: nowrap;
}

body.topcoat-community .tc-community-card__hint {
	font-size: 11.5px;
	color: var(--tc-dim);
	margin: 10px 0 0;
}

body.topcoat-community .tc-community-card__body {
	font-size: 12.5px;
	color: var(--tc-meta);
	margin: 6px 0 0;
	line-height: 1.6;
}

body.topcoat-community .tc-community-card__link {
	display: inline-block;
	margin-top: 7px;
	font-size: 12.5px;
	font-weight: 600;
	color: var(--tc-orange) !important;
}

body.topcoat-community .tc-community-card--certified {
	background: var(--tc-header);
	border-color: #2b1a0e;
}

body.topcoat-community .tc-community-leaders {
	list-style: none;
	margin: 10px 0 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 9px;
	font-size: 13.5px;
}

body.topcoat-community .tc-community-leaders li {
	display: flex;
	align-items: center;
	gap: 10px;
}

body.topcoat-community .tc-community-leaders__rank {
	color: var(--tc-muted);
	font-weight: 700;
	width: 14px;
}

body.topcoat-community .tc-community-leaders__rank.is-first {
	color: var(--tc-orange-soft);
}

body.topcoat-community .tc-community-leaders__avatar {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: #33383d;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	font-size: 11px;
	flex: none;
}

body.topcoat-community .tc-community-leaders__name {
	flex: 1;
	min-width: 0;
}

body.topcoat-community .tc-community-leaders__level {
	color: var(--tc-dim);
	font-size: 11px;
}

body.topcoat-community .tc-community-leaders__points {
	color: var(--tc-muted);
	font-weight: 600;
}

body.topcoat-community .tc-community-week {
	list-style: none;
	margin: 10px 0 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
	font-size: 13px;
}

body.topcoat-community .tc-community-week li {
	display: flex;
	gap: 10px;
	align-items: center;
}

body.topcoat-community .tc-community-week__icon,
body.topcoat-community .tc-community-week__date {
	width: 34px;
	height: 34px;
	flex: none;
	border-radius: var(--tc-radius);
	background: #2b1a0e;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--tc-orange-soft);
}

body.topcoat-community .tc-community-week__date {
	flex-direction: column;
	line-height: 1;
}

body.topcoat-community .tc-community-week__date span {
	font-size: 8px;
	font-weight: 700;
	color: var(--tc-orange-soft);
}

body.topcoat-community .tc-community-week__date strong {
	font-size: 14px;
	font-weight: 700;
	color: var(--tc-cream);
}

body.topcoat-community .tc-community-week__body {
	flex: 1;
	min-width: 0;
	color: var(--tc-cream);
}

body.topcoat-community .tc-community-week__body a {
	font-size: 12px;
	font-weight: 600;
	color: var(--tc-orange) !important;
}

/* Widgets dropped into activity_right */
body.topcoat-community #secondary-right .widget {
	background: var(--tc-surface);
	border: 1px solid var(--tc-border);
	border-radius: var(--tc-radius);
	padding: 14px 16px;
	margin-bottom: 14px;
	color: var(--tc-cream);
}

body.topcoat-community #secondary-right .widget-title {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: var(--tc-muted);
}

@media (max-width: 980px) {
	body.topcoat-community #content .bb-grid.site-content-grid,
	body.topcoat-community .bb-grid.site-content-grid {
		grid-template-columns: 1fr;
		gap: 20px;
		padding: 18px 16px 28px;
	}

	body.topcoat-community #secondary-right.tc-community-rail,
	body.topcoat-community #secondary-right.sidebar-right {
		grid-column: 1;
		grid-row: auto;
		order: 2;
	}
}