/* Mobile: full-bleed shell; wall container keeps inset padding */
@media (max-width: 767px) {
	.wall-page-shell {
		padding-inline: 0;
	}
}

/* Android WebView / Capacitor — wall feed inset (owner: gap on app only) */
@media (max-width: 1279px) {
	.wall-page-center .ms-container.wall-container.wall-page-main,
	.wall-container.ms-container.wall-page-main {
		padding: 0.5rem !important;
		box-sizing: border-box;
		width: 100%;
		max-width: 100%;
	}
}

/* Hide internal video type labels (SWOT / Daily / Curated) — public UI */
.market-sidebar-videos__badge,
.wall-mobile-market__video-badge {
	display: none !important;
}

/* Mobile carousel: compact 16:9 video strip (fixed height, not full-width stretch) */
@media (max-width: 1279px) {
	.wall-mobile-market__videos {
		flex-direction: column;
		align-items: flex-start;
		gap: 6px;
	}
	.wall-mobile-market__video-thumb {
		flex: none;
		width: auto;
		height: 72px;
		min-height: 72px;
		max-height: 72px;
		aspect-ratio: 16 / 9;
	}
	.wall-mobile-market__video-thumb img,
	.wall-mobile-market__video-thumb--empty {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	/* Pick / reason badges — readable on narrow cards */
	.wall-mobile-market .reason-badge--compact,
	.wall-mobile-market .reason-badge {
		font-size: 0.6875rem;
		padding: 3px 8px;
		line-height: 1.2;
		white-space: normal;
		max-width: 100%;
	}
}

/* Mobile wall rails — legacy vertical dump cap (if old build) */
@media (max-width: 1279px) {
	.wall-mobile-rails {
		margin-bottom: 8px;
		gap: 8px;
	}
	.wall-mobile-rail__body {
		max-height: min(38vh, 300px);
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}
}

/* Stock search results — ticker logos (until React uses StockLogo in SearchResults) */
.search-result-logo {
	width: 28px;
	height: 28px;
	border-radius: 6px;
	object-fit: contain;
	background: #fff;
	flex-shrink: 0;
}

/* Reaction picker icon preview — ?ms_reaction_icons=fa|twemoji (no React rebuild) */
.reaction-picker__option .ms-reaction-icon-preview {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	border-radius: 999px;
	background: rgba(55, 65, 81, 0.55);
}
.reaction-picker__option:hover .ms-reaction-icon-preview,
.reaction-picker__option.is-active .ms-reaction-icon-preview {
	background: rgba(75, 85, 99, 0.85);
}
.ms-reaction-icon-preview__fa {
	font-size: 1.05rem;
	line-height: 1;
}
.ms-reaction-icon-preview__twemoji {
	width: 1.35rem;
	height: 1.35rem;
	display: block;
}

/* CashtagTextarea: input text is transparent for highlight overlay — show placeholder */
.cashtag-textarea__input::placeholder,
.cashtag-textarea__input::-webkit-input-placeholder {
	color: #6b7280 !important;
	-webkit-text-fill-color: #6b7280 !important;
	opacity: 1;
}
.cashtag-textarea__input:-ms-input-placeholder {
	color: #6b7280 !important;
}
.cashtag-textarea__input::-moz-placeholder {
	color: #6b7280;
	opacity: 1;
}