/* =========================================================
   VIVI Lite Pages 0.10.150
   生活誌 Social Feed — 網站基礎設計規範套用
   僅作用於 /news-feed/，不影響生活探索、社團與 Profile Grid。
========================================================= */

/* =========================================================
   1. Page foundation
========================================================= */
body.vivi-lite-activity-page{
	background: var(--vivi-color-bg);
}

body.vivi-lite-activity-page .vivi-activity-main{
	width: min(calc(100% - 32px), 720px);
	margin-inline: auto;
	padding-top: 20px;
	padding-bottom: var(--vivi-page-main-padding-bottom);
}

/* =========================================================
   3. Nearby information
========================================================= */
body.vivi-lite-activity-page .vivi-activity-nearby-status[hidden]{
	display:none !important;
}

body.vivi-lite-activity-page .vivi-activity-nearby-status,
body.vivi-lite-activity-page .vivi-activity-system-note{
	display: flex;
	align-items: flex-start;
	gap: var(--vivi-space-xs);
	padding: var(--vivi-space-sm) var(--vivi-space-md);
	border: 1px solid var(--vivi-color-border);
	border-radius: var(--vivi-radius, 8px);
	background: var(--vivi-color-card);
	color: var(--vivi-color-text-muted);
	font-size: var(--vivi-fs-small);
	font-weight: var(--vivi-fw-regular);
	line-height: var(--vivi-lh-body);
}

body.vivi-lite-activity-page .vivi-activity-nearby-status{
	margin: var(--vivi-space-xs) 0 0;
}

body.vivi-lite-activity-page .vivi-activity-nearby-status::before{
	content: "i";
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 20px;
	width: 20px;
	height: 20px;
	margin-top: 1px;
	border: 1px solid currentColor;
	border-radius: var(--vivi-radius, 8px);
	font-size: 11px;
	font-weight: var(--vivi-fw-bold);
	line-height: 1;
}

body.vivi-lite-activity-page .vivi-activity-nearby-status.is-error,
body.vivi-lite-activity-page .vivi-activity-system-note{
	border-color: color-mix(in srgb, var(--vivi-status-error) 28%, var(--vivi-color-border));
	background: color-mix(in srgb, var(--vivi-status-error) 6%, var(--vivi-color-card));
	color: var(--vivi-status-error);
}

body.vivi-lite-activity-page .vivi-activity-nearby-status.is-ready{
	border-color: color-mix(in srgb, var(--vivi-status-success) 28%, var(--vivi-color-border));
	background: color-mix(in srgb, var(--vivi-status-success) 6%, var(--vivi-color-card));
	color: var(--vivi-status-success);
}

body.vivi-lite-activity-page .vivi-activity-system-note{
	margin: 0 0 var(--vivi-space-md);
}

body.vivi-lite-activity-page .vivi-activity-system-note i{
	flex: 0 0 auto;
	font-size: 18px;
	line-height: 1.2;
}

/* =========================================================
   4. Search toolbar and icon actions
========================================================= */
body.vivi-lite-activity-page .vivi-activity-toolbar{
	margin: 0 0 var(--vivi-space-md);
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
}

body.vivi-lite-activity-page .vivi-activity-filter{
	display: flex;
	align-items: center;
	gap: var(--vivi-space-xs);
	width: 100%;
}

body.vivi-lite-activity-page .vivi-activity-toolbar-actions{
	display: flex;
	align-items: center;
	gap: var(--vivi-space-xs);
	flex: 0 0 auto;
}

body.vivi-lite-activity-page .vivi-activity-toolbar-icon-button{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 44px;
	width: 44px;
	height: 44px;
	min-width: 44px;
	min-height: 44px;
	margin: 0;
	padding: 0;
	border: 1px solid var(--vivi-color-border);
	border-radius: var(--vivi-radius, 8px);
	background: var(--vivi-color-card);
	color: var(--vivi-color-text);
	box-shadow: none;
	cursor: pointer;
	transition: border-color .18s ease, background-color .18s ease, color .18s ease, transform .18s ease;
}

body.vivi-lite-activity-page .vivi-activity-toolbar-icon-button:hover{
	border-color: color-mix(in srgb, var(--vivi-color-orange) 36%, var(--vivi-color-border));
	background: color-mix(in srgb, var(--vivi-color-orange) 7%, var(--vivi-color-card));
	color: var(--vivi-color-orange);
}

body.vivi-lite-activity-page .vivi-activity-toolbar-icon-button:focus-visible{
	outline: 2px solid color-mix(in srgb, var(--vivi-color-orange) 62%, transparent);
	outline-offset: 2px;
}

body.vivi-lite-activity-page .vivi-activity-toolbar-icon-button:active{
	transform: translateY(1px);
}

body.vivi-lite-activity-page .vivi-activity-toolbar-icon-button.is-active{
	border-color: var(--vivi-color-orange);
	background: var(--vivi-color-orange);
	color: #fff;
}

body.vivi-lite-activity-page .vivi-activity-toolbar-icon-button > i{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 21px;
	line-height: 1;
}

body.vivi-lite-activity-page .vivi-activity-compose-icon-button > .bb-icon-article{
	font-size: 22px;
}

body.vivi-lite-activity-page .vivi-activity-search-field{
	position: relative;
	display: block;
	flex: 1 1 auto;
	width: auto;
	min-width: 0;
}

body.vivi-lite-activity-page .vivi-activity-search-field > i{
	position: absolute;
	top: 50%;
	left: 14px;
	z-index: 2;
	color: var(--vivi-color-text-light);
	font-size: 18px;
	line-height: 1;
	transform: translateY(-50%);
	pointer-events: none;
}

body.vivi-lite-activity-page .vivi-activity-search-field .vivi-input{
	width: 100%;
	min-height: 44px;
	padding-left: 42px;
	border-radius: var(--vivi-radius, 8px);
	background: var(--vivi-color-card);
}

/* =========================================================
   5. Feed card
========================================================= */
body.vivi-lite-activity-page .vivi-activity-layout{
	display: block;
}

body.vivi-lite-activity-page .vivi-activity-feed{
	display: flex;
	flex-direction: column;
	gap: var(--vivi-space-sm);
	width: 100%;
}

.vivi-feed-post{
	position: relative;
	overflow: visible;
	border: 1px solid var(--vivi-color-border);
	border-radius: var(--vivi-radius, 8px);
	background: var(--vivi-color-card);
	box-shadow: var(--vivi-shadow-soft);
}


.vivi-feed-post-header{
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr) auto;
	align-items: center;
	gap: var(--vivi-space-sm);
	padding: var(--vivi-space-md) var(--vivi-space-md) var(--vivi-space-sm);
}

.vivi-feed-post-avatar{
	display: block;
	width: 44px;
	height: 44px;
	overflow: hidden;
	border: 1px solid var(--vivi-color-border);
	border-radius: var(--vivi-radius, 8px);
	background: var(--vivi-color-bg-soft);
}

.vivi-feed-post-avatar img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.vivi-feed-post-author{
	min-width: 0;
}

.vivi-feed-post-author-line{
	display: flex;
	align-items: center;
	gap: 6px;
	min-width: 0;
	overflow: hidden;
	color: var(--vivi-color-text-light);
	font-size: var(--vivi-fs-xs);
	font-weight: var(--vivi-fw-regular);
	line-height: var(--vivi-lh-compact);
	white-space: nowrap;
}

.vivi-feed-post-author-name{
	display: block;
	flex: 0 1 auto;
	min-width: 0;
	overflow: hidden;
	color: var(--vivi-color-heading);
	font-size: var(--vivi-fs-body);
	font-weight: var(--vivi-fw-bold);
	line-height: var(--vivi-lh-compact);
	text-overflow: ellipsis;
	white-space: nowrap;
}

.vivi-feed-post-author-name:hover,
.vivi-feed-post-group-link:hover{
	color: var(--vivi-color-orange);
}

.vivi-feed-post-author-separator,
.vivi-feed-post-time{
	flex: 0 0 auto;
	color: var(--vivi-color-text-light);
}

.vivi-feed-post-group-link{
	flex: 0 1 auto;
	min-width: 0;
	overflow: hidden;
	color: var(--vivi-color-text-muted);
	font-weight: var(--vivi-fw-label);
	text-overflow: ellipsis;
	white-space: nowrap;
}

.vivi-feed-post-more{
	position: relative;
	top: auto;
	right: auto;
	z-index: 12;
}

.vivi-feed-post-more .vivi-more-toggle{
	width: var(--vivi-more-button-size);
	height: var(--vivi-more-button-size);
	min-width: var(--vivi-more-button-size);
}

.vivi-feed-post-body{
	padding: 0 var(--vivi-space-md) var(--vivi-space-sm);
}

.vivi-feed-post-title{
	margin: 0 0 var(--vivi-space-xs);
	color: var(--vivi-color-heading);
	font-size: var(--vivi-fs-h3);
	font-weight: var(--vivi-fw-heading);
	line-height: 1.42;
}

.vivi-feed-post-title a{
	color: inherit;
}

.vivi-feed-post-title a:hover{
	color: var(--vivi-color-orange);
}

.vivi-feed-post-text{
	position: relative;
}

.vivi-feed-post-text-content{
	color: var(--vivi-color-text);
	font-size: var(--vivi-fs-body);
	font-weight: var(--vivi-fw-regular);
	line-height: var(--vivi-lh-body);
	overflow-wrap: anywhere;
	word-break: break-word;
}

.vivi-feed-post-text-content > :first-child{
	margin-top: 0;
}

.vivi-feed-post-text-content > :last-child{
	margin-bottom: 0;
}

.vivi-feed-post-text-content p{
	margin: 0 0 .9em;
	white-space: normal;
}

.vivi-feed-post-text-content br{
	display: initial;
}

.vivi-feed-post-text-content ul,
.vivi-feed-post-text-content ol{
	margin: .8em 0;
	padding-left: 1.5em;
}

.vivi-feed-post-text-content blockquote{
	margin: .9em 0;
	padding-left: var(--vivi-space-sm);
	border-left: 3px solid var(--vivi-color-border-strong);
	color: var(--vivi-color-text-muted);
}

.vivi-feed-post-text-content a{
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.vivi-feed-post-text:not(.is-expanded):not(.is-measuring) .vivi-feed-post-text-content{
	max-height: var(--vivi-feed-collapsed-height, 8.4em);
	overflow: hidden;
}

.vivi-feed-post-text.is-measuring .vivi-feed-post-text-content,
.vivi-feed-post-text.is-expanded .vivi-feed-post-text-content{
	max-height: none;
	overflow: visible;
}

.vivi-feed-post-expand{
	display: none;
	margin: 20px 0 0;
	padding: 0;
	border: 0;
	border-bottom: 1px solid currentColor;
	background: transparent;
	color: var(--vivi-color-text-muted);
	font-size: var(--vivi-fs-small);
	font-weight: var(--vivi-fw-bold);
	line-height: 1.4;
}

.vivi-feed-post-expand:hover{
	color: var(--vivi-color-orange);
}

.vivi-feed-post-text.is-collapsible .vivi-feed-post-expand{
	display: flex;
	width: max-content;
}

.vivi-feed-post-body.has-vivi-feed-expand{
	padding-bottom: 20px;
}

/* =========================================================
   6. Feed media
========================================================= */
.vivi-feed-post-video{
	position: relative;
	overflow: hidden;
	overflow-anchor: none;
	background: var(--vivi-color-bg-soft);
}

/* =========================================================
   7. Social actions
========================================================= */
.vivi-feed-post-footer{
	padding: var(--vivi-space-xs) var(--vivi-space-md) var(--vivi-space-sm);
}

.vivi-feed-post-actions.vivi-loop-action-icons{
	display: flex;
	align-items: center;
	width: 100%;
	gap: 14px;
	padding-top: var(--vivi-space-xs);
	border-top: 1px solid var(--vivi-color-border);
}

.vivi-feed-post-actions .vivi-loop-action-icon{
	min-height: 36px;
}

.vivi-feed-post-actions .vivi-activity-like-count.is-liked{
	color: var(--vivi-color-orange);
}


/* =========================================================
   8. Loading, empty and completion information
========================================================= */
body.vivi-lite-activity-page .vivi-activity-initial-loading,
body.vivi-lite-activity-page .vivi-activity-empty{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: var(--vivi-space-xs);
	min-height: 220px;
	padding: var(--vivi-space-2xl) var(--vivi-space-lg);
	border: 1px solid var(--vivi-color-border);
	border-radius: var(--vivi-radius, 8px);
	background: var(--vivi-color-card);
	box-shadow: var(--vivi-shadow-soft);
	color: var(--vivi-color-text-muted);
	text-align: center;
}

body.vivi-lite-activity-page .vivi-activity-initial-loading strong,
body.vivi-lite-activity-page .vivi-activity-empty strong{
	color: var(--vivi-color-heading);
	font-size: var(--vivi-fs-h3);
	font-weight: var(--vivi-fw-heading);
	line-height: var(--vivi-lh-compact);
}

body.vivi-lite-activity-page .vivi-activity-initial-loading > span:last-child,
body.vivi-lite-activity-page .vivi-activity-empty p{
	max-width: 430px;
	margin: 0;
	color: var(--vivi-color-text-muted);
	font-size: var(--vivi-fs-small);
	font-weight: var(--vivi-fw-regular);
	line-height: var(--vivi-lh-body);
}

body.vivi-lite-activity-page .vivi-activity-state-icon{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	margin-bottom: var(--vivi-space-xs);
	border-radius: var(--vivi-radius, 8px);
	background: var(--vivi-color-bg-soft);
	color: var(--vivi-color-orange);
	font-size: 22px;
}

body.vivi-lite-activity-page .vivi-activity-load-wrap{
	padding-top: var(--vivi-space-sm);
}

/* =========================================================
   9. Responsive
========================================================= */
@media (max-width: 760px) {
	body.vivi-lite-activity-page .vivi-activity-main{
		width: 100%;
		padding-inline: 0;
	}

	body.vivi-lite-activity-page .vivi-activity-toolbar,
body.vivi-lite-activity-page .vivi-activity-system-note,
body.vivi-lite-activity-page .vivi-activity-load-wrap{
		margin-right: 10px;
		margin-left: 10px;
	}


	body.vivi-lite-activity-page .vivi-activity-feed{
		gap: var(--vivi-space-xs);
	}

	.vivi-feed-post .vivi-feed-popup-gallery .vivi-activity-gallery-nav{
		display: none !important;
	}

	.vivi-feed-post{
		border-right: 0;
		border-left: 0;
		border-radius: 0;
		box-shadow: none;
	}

	.vivi-feed-post-header{
		padding-inline: var(--vivi-space-md);
	}

	body.vivi-lite-activity-page .vivi-activity-initial-loading,
body.vivi-lite-activity-page .vivi-activity-empty{
		min-height: 190px;
		border-right: 0;
		border-left: 0;
		border-radius: 0;
		box-shadow: none;
	}
}

/* =========================================================
   0.10.113 — Feed uses the Popup gallery's exact mode/design
========================================================= */
.vivi-feed-post .vivi-activity-detail-gallery.vivi-feed-popup-gallery{
	--vivi-popup-media-height: clamp(360px, 56vh, 560px);
	display: block;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	height: var(--vivi-popup-media-height);
	max-height: var(--vivi-popup-media-height);
	min-height: 0;
	margin: 0 0 var(--vivi-popup-media-gap-bottom, 18px);
	padding: 0;
	box-sizing: border-box;
	overflow: hidden;
	border-radius: var(--vivi-radius, 8px);
	background: var(--vivi-popup-media-bg, var(--vivi-color-bg-soft));
}

.vivi-feed-post .vivi-feed-popup-gallery .vivi-activity-detail-gallery-viewport,
.vivi-feed-post .vivi-feed-popup-gallery .vivi-activity-detail-gallery-slide{
	width: 100%;
	max-width: 100%;
	height: var(--vivi-popup-media-height);
	max-height: var(--vivi-popup-media-height);
	min-height: 0;
	box-sizing: border-box;
	background: var(--vivi-popup-media-bg, var(--vivi-color-bg-soft));
}

.vivi-feed-post .vivi-feed-popup-gallery .vivi-activity-detail-gallery-slide{
	display: flex;
	align-items: center;
	justify-content: center;
}

.vivi-feed-post .vivi-feed-popup-gallery .vivi-activity-detail-gallery-slide > a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	min-width: 0;
	cursor: zoom-in;
}

.vivi-feed-post .vivi-feed-popup-gallery .vivi-activity-detail-gallery-slide img{
	display: block;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	height: 100%;
	max-height: 100%;
	min-height: 0;
	object-fit: contain;
	object-position: center center;
	margin: 0;
	padding: 0;
	border-radius: 0;
	background: var(--vivi-popup-media-bg, var(--vivi-color-bg-soft));
	box-sizing: border-box;
}

@media (max-width: 767px) {
	.vivi-feed-post .vivi-activity-detail-gallery.vivi-feed-popup-gallery{
		--vivi-popup-media-height: clamp(250px, 42vh, 390px);
		--vivi-popup-media-radius: var(--vivi-radius, 8px);
	}
}

/* =========================================================
   0.10.114 — Dynamic-height feed gallery
========================================================= */
.vivi-feed-post .vivi-activity-detail-gallery.vivi-feed-popup-gallery{
	--vivi-feed-gallery-max-height: min(72svh, 720px);
	display: block;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	height: auto;
	max-height: none;
	min-height: 0;
	margin: 0 0 var(--vivi-popup-media-gap-bottom, 18px);
	padding: 0;
	box-sizing: border-box;
	overflow: hidden;
	border-radius: 0 !important;
	background: var(--vivi-popup-media-bg, var(--vivi-color-bg-soft));
	transition: height 220ms ease;
}

.vivi-feed-post .vivi-feed-popup-gallery .vivi-activity-detail-gallery-viewport{
	display: flex;
	align-items: flex-start;
	width: 100%;
	max-width: 100%;
	height: auto;
	max-height: none;
	min-height: 0;
	box-sizing: border-box;
	background: var(--vivi-popup-media-bg, var(--vivi-color-bg-soft));
	transition: transform 320ms ease, height 220ms ease;
}

.vivi-feed-post .vivi-feed-popup-gallery .vivi-activity-detail-gallery-slide{
	display: flex;
	flex: 0 0 100%;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 100%;
	height: auto;
	max-height: var(--vivi-feed-gallery-max-height);
	min-height: 0;
	margin: 0;
	overflow: hidden;
	border-radius: 0 !important;
	box-sizing: border-box;
	background: var(--vivi-popup-media-bg, var(--vivi-color-bg-soft));
}

.vivi-feed-post .vivi-feed-popup-gallery .vivi-activity-detail-gallery-slide > a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	min-width: 0;
	min-height: 0;
	cursor: zoom-in;
}

.vivi-feed-post .vivi-feed-popup-gallery .vivi-activity-detail-gallery-slide img{
	display: block;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	height: auto;
	max-height: none;
	min-height: 0;
	margin: 0;
	padding: 0;
	border-radius: 0 !important;
	object-fit: contain;
	object-position: center center;
	background: var(--vivi-popup-media-bg, var(--vivi-color-bg-soft));
	box-sizing: border-box;
}

.vivi-feed-post .vivi-feed-popup-gallery .vivi-activity-detail-gallery-slide.is-vivi-feed-cropped,
.vivi-feed-post .vivi-feed-popup-gallery .vivi-activity-detail-gallery-slide.is-vivi-feed-cropped > a{
	height: var(--vivi-feed-slide-height);
}

.vivi-feed-post .vivi-feed-popup-gallery .vivi-activity-detail-gallery-slide.is-vivi-feed-cropped img{
	height: 100%;
	max-height: 100%;
	object-fit: cover;
	object-position: center center;
}

@media (max-width: 767px) {
	.vivi-feed-post .vivi-activity-detail-gallery.vivi-feed-popup-gallery{
		--vivi-feed-gallery-max-height: min(68svh, 560px);
		border-radius: 0 !important;
	}
}


/* 0.10.155 — Lightbox 樣式已移至全站共用 assets/vivi-activity-lightbox.css，生活誌不再保留頁面專屬副本。 */

/* =========================================================
   生活誌水平裁切修正
   共用頁面 CSS 的 overflow-x:hidden 會讓 .vivi-page 成為額外捲動容器。
   改用 overflow-x:clip 保留水平裁切，避免影響頁面內元件的定位與捲動。
========================================================= */
body.vivi-lite-activity-archive-page > .vivi-page{
	overflow-x: clip !important;
	overflow-y: visible !important;
}

/* =========================================================
   0.10.150 — 生活誌頁面矩形元件統一使用 8px 圓角。
   保留頭像、輪播圓點、載入圖示、資訊圓點與原生核取方塊原有形狀。
========================================================= */
body.vivi-lite-activity-archive-page{
	--vivi-radius-xs: var(--vivi-radius, 8px);
	--vivi-radius-sm: var(--vivi-radius, 8px);
	--vivi-radius-md: var(--vivi-radius, 8px);
	--vivi-radius-lg: var(--vivi-radius, 8px);
	--vivi-radius-xl: var(--vivi-radius, 8px);
	--vivi-btn-radius: var(--vivi-radius, 8px);
	--vivi-page-tab-radius: var(--vivi-radius, 8px);
	--vivi-more-menu-radius: var(--vivi-radius, 8px);
	--vivi-popup-standard-radius: var(--vivi-radius, 8px);
	--vivi-activity-radius-card: var(--vivi-radius, 8px);
	--vivi-activity-radius-panel: var(--vivi-radius, 8px);
	--vivi-activity-radius-control: var(--vivi-radius, 8px);
	--vivi-popup-media-radius: var(--vivi-radius, 8px);
}

body.vivi-lite-activity-archive-page .vivi-activity-toolbar,
body.vivi-lite-activity-archive-page .vivi-activity-search-field input,
body.vivi-lite-activity-archive-page .vivi-activity-toolbar-icon-button,
body.vivi-lite-activity-archive-page .vivi-activity-nearby-status,
body.vivi-lite-activity-archive-page .vivi-activity-system-note,
body.vivi-lite-activity-archive-page .vivi-feed-post,
body.vivi-lite-activity-archive-page .vivi-activity-card.vivi-story-card,
body.vivi-lite-activity-archive-page .vivi-activity-initial-loading,
body.vivi-lite-activity-archive-page .vivi-activity-empty,
body.vivi-lite-activity-archive-page .vivi-activity-load-more,
body.vivi-lite-activity-archive-page .vivi-activity-load-complete,
body.vivi-lite-activity-archive-page .vivi-activity-write-button,
body.vivi-lite-activity-archive-page .vivi-more-toggle,
body.vivi-lite-activity-archive-page .vivi-more-menu,
body.vivi-lite-activity-archive-page .vivi-more-menu a,
body.vivi-lite-activity-archive-page .vivi-more-menu button,
body.vivi-lite-activity-archive-page .vivi-popup-panel,
body.vivi-lite-activity-archive-page .vivi-popup-close,
body.vivi-lite-activity-archive-page .vivi-activity-detail-post,
body.vivi-lite-activity-archive-page .vivi-activity-gallery-nav,
body.vivi-lite-activity-archive-page .vivi-activity-gallery-dots,
body.vivi-lite-activity-archive-page .vivi-activity-link-preview,
body.vivi-lite-activity-archive-page .vivi-activity-link-preview .bb-link-preview,
body.vivi-lite-activity-archive-page .vivi-activity-detail-content img,
body.vivi-lite-activity-archive-page .vivi-activity-detail-content video,
body.vivi-lite-activity-archive-page .vivi-activity-comments-head span,
body.vivi-lite-activity-archive-page .vivi-activity-comment-body,
body.vivi-lite-activity-archive-page .vivi-activity-comment-form textarea,
body.vivi-lite-activity-archive-page .vivi-activity-comment-form button,
body.vivi-lite-activity-archive-page .vivi-activity-share-option,
body.vivi-lite-activity-archive-page .vivi-activity-share-copy input,
body.vivi-lite-activity-archive-page .vivi-activity-share-copy button,
body.vivi-lite-activity-archive-page .vivi-activity-report-option,
body.vivi-lite-activity-archive-page .vivi-activity-report-form textarea,
body.vivi-lite-activity-archive-page .vivi-activity-report-actions button,
body.vivi-lite-activity-archive-page .vivi-activity-edit-field input,
body.vivi-lite-activity-archive-page .vivi-activity-edit-field textarea,
body.vivi-lite-activity-archive-page .vivi-activity-edit-actions button,
body.vivi-lite-activity-archive-page .vivi-activity-edit-media,
body.vivi-lite-activity-archive-page .vivi-activity-edit-media-empty,
body.vivi-lite-activity-archive-page .vivi-activity-edit-media-item,
body.vivi-lite-activity-archive-page .vivi-activity-edit-media-remove,
body.vivi-lite-activity-archive-page .vivi-activity-edit-media-badge,
body.vivi-lite-activity-archive-page .vivi-activity-edit-image-picker,
body.vivi-lite-activity-archive-page .vivi-activity-compose-panel,
body.vivi-lite-activity-archive-page .vivi-activity-compose-form input[type="text"],
body.vivi-lite-activity-archive-page .vivi-activity-compose-form input[type="datetime-local"],
body.vivi-lite-activity-archive-page .vivi-activity-compose-form textarea,
body.vivi-lite-activity-archive-page .vivi-activity-image-upload,
body.vivi-lite-activity-archive-page .vivi-activity-image-preview-item,
body.vivi-lite-activity-archive-page .vivi-activity-image-preview-remove,
body.vivi-lite-activity-archive-page .vivi-activity-image-preview-meta,
body.vivi-lite-activity-archive-page .vivi-activity-publish-groups-field,
body.vivi-lite-activity-archive-page .vivi-activity-publish-group-option,
body.vivi-lite-activity-archive-page .vivi-group-schedule-field,
body.vivi-lite-activity-archive-page .vivi-group-schedule-controls input,
body.vivi-lite-activity-archive-page .vivi-activity-compose-actions button,
body.vivi-lite-activity-archive-page .vivi-activity-compose-login-btn,
body.vivi-lite-activity-archive-page .vivi-activity-mention-menu,
body.vivi-lite-activity-archive-page .vivi-activity-mention-option{
	border-radius:var(--vivi-radius, 8px) !important;
}

body.vivi-lite-activity-archive-page .vivi-scrollbar-standard::-webkit-scrollbar-track,
body.vivi-lite-activity-archive-page .vivi-scrollbar-standard::-webkit-scrollbar-thumb,
body.vivi-lite-activity-archive-page .vivi-activity-compose-panel::-webkit-scrollbar-track,
body.vivi-lite-activity-archive-page .vivi-activity-compose-panel::-webkit-scrollbar-thumb,
body.vivi-lite-activity-archive-page .vivi-activity-report-options::-webkit-scrollbar-thumb{
	border-radius:var(--vivi-radius, 8px) !important;
}