.ml-home-app .material-symbols-rounded {
	font-size: 21px;
	line-height: 1;
	font-variation-settings:
		"FILL" 0,
		"wght" 520,
		"GRAD" 0,
		"opsz" 24;
}

.ml-home-app,
.ml-home-app * {
	box-sizing: border-box;
}

.ml-home-app {
	--ml-home-text: var(--mb-text, var(--ml-app-text, #f4f6fb));
	--ml-home-muted: var(--mb-muted, var(--ml-app-muted, #8f98aa));
	--ml-home-border: var(--mb-border, var(--ml-app-border, rgba(255, 255, 255, 0.11)));
	--ml-home-border-soft: var(--mb-border-soft, var(--ml-app-border-soft, rgba(255, 255, 255, 0.07)));
	--ml-home-surface: var(--mb-surface, var(--ml-app-surface, #111722));
	--ml-home-surface-2: var(--mb-surface-2, var(--ml-app-surface-2, #171e29));
	--ml-home-surface-3: var(--mb-surface-3, #202735);
	--ml-home-toolbar: var(--mb-toolbar, rgba(255, 255, 255, 0.018));
	--ml-home-accent: var(--skin-accent,
		var(--theme-accent,
		var(--accent-color,
		var(--primary-color,
		var(--mb-accent,
		var(--ml-app-accent,
		var(--bs-primary, #7c8aa5)))))));
	--ml-home-accent-hover: var(--skin-accent-hover,
		var(--theme-accent-hover,
		var(--mb-accent-hover,
		var(--ml-app-accent-hover,
		color-mix(in srgb, var(--ml-home-accent) 78%, white)))));
	--ml-home-accent-soft: var(--skin-accent-soft,
		var(--theme-accent-soft,
		var(--mb-accent-soft,
		var(--ml-app-accent-soft,
		color-mix(in srgb, var(--ml-home-accent) 9%, transparent)))));
	--ml-home-accent-subtle: color-mix(in srgb, var(--ml-home-accent) 3%, transparent);
	--ml-home-accent-border: color-mix(in srgb, var(--ml-home-accent) 24%, transparent);
	--ml-home-accent-border-strong: color-mix(in srgb, var(--ml-home-accent) 55%, transparent);
	--ml-home-accent-focus: color-mix(in srgb, var(--ml-home-accent) 74%, transparent);
	--ml-home-accent-ring: color-mix(in srgb, var(--ml-home-accent) 11%, transparent);
	--ml-home-success: var(--mb-success, #4fd19d);
	--ml-home-danger: var(--ml-app-danger, #ff6258);

	width: 100%;
	margin: 0.75rem 0 1.5rem;
	color: var(--ml-home-text);
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}


@supports not (color: color-mix(in srgb, #000 50%, #fff)) {
	.ml-home-app {
		--ml-home-accent-hover: var(--skin-accent-hover,
			var(--theme-accent-hover,
			var(--mb-accent-hover,
			var(--ml-app-accent-hover, #9aa8c4))));
		--ml-home-accent-soft: var(--skin-accent-soft,
			var(--theme-accent-soft,
			var(--mb-accent-soft,
			var(--ml-app-accent-soft, rgba(124, 138, 165, 0.09)))));
		--ml-home-accent-subtle: rgba(124, 138, 165, 0.03);
		--ml-home-accent-border: rgba(124, 138, 165, 0.24);
		--ml-home-accent-border-strong: rgba(124, 138, 165, 0.55);
		--ml-home-accent-focus: rgba(124, 138, 165, 0.74);
		--ml-home-accent-ring: rgba(124, 138, 165, 0.11);
	}
}


.ml-app-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.7fr) minmax(280px, 0.72fr);
	gap: 0.75rem;
	align-items: start;
	width: 100%;
}

/* Bal oszlop: a Hírek és a Közösségi hírfolyam mindig közvetlenül egymás alatt marad. */
.ml-main-column {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	align-content: start;
	gap: 0.75rem;
	min-width: 0;
}

.ml-main-column > .ml-workspace,
.ml-main-column > .ml-community-card {
	width: 100%;
	min-width: 0;
}

.ml-app-card {
	min-width: 0;
	overflow: hidden;
	border: 1px solid var(--ml-home-border);
	border-radius: 16px;
	background: var(--ml-home-surface); 
	box-shadow: 0 14px 34px rgba(0, 0, 0, 0.16); 
}

.ml-workspace {
	min-width: 0;
}

.ml-workspace-nav {
	display: grid;
	grid-template-columns: minmax(190px, 1fr) auto auto;
	align-items: center;
	gap: 0.65rem;
	min-height: 58px;
	padding: 0.65rem 0.8rem;
	border-bottom: 1px solid var(--ml-home-border-soft);
	background:var(--bg-primary);
}

.ml-home-heading {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	min-width: 0;
}

.ml-home-heading__icon {
	display: grid;
	flex: 0 0 auto;
	place-items: center;
	color: var(--ml-home-accent);
	border: 1px solid var(--ml-home-accent-border);
	background: var(--ml-home-accent-soft);
}

.ml-home-heading__icon {
	width: 36px;
	height: 36px;
	flex-basis: 36px;
	border-radius: 10px;
}

.ml-home-heading__icon .material-symbols-rounded {
	font-size: 21px;
}

.ml-home-heading h1,
.ml-home-heading p {
	margin: 0;
}

.ml-home-heading h1 {
	color: var(--ml-home-text);
	font-size: 1rem;
	font-weight: 850;
	line-height: 1.2;
	letter-spacing: -0.02em;
}

.ml-home-heading p {
	margin-top: 0.12rem;
	overflow: hidden;
	color: var(--ml-home-muted);
	font-size: 0.68rem;
	line-height: 1.35;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ml-workspace-tabs {
	display: flex;
	align-items: center;
	gap: 0.3rem;
	padding: 3px;
	border: 1px solid var(--ml-home-border-soft);
	border-radius: 11px;
	background: rgba(255, 255, 255, 0.025);
}

.ml-workspace-tab {
	appearance: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.35rem;
	min-height: 32px;
	padding: 0.45rem 0.62rem;
	color: var(--ml-home-muted);
	border: 1px solid transparent;
	border-radius: 8px;
	background: transparent;
	font-size: 0.68rem;
	font-weight: 800;
	line-height: 1;
	cursor: pointer;
	transition: color 150ms ease, border-color 150ms ease, background 150ms ease, transform 150ms ease;
}

.ml-workspace-tab:hover {
	color: var(--ml-home-text);
	background: rgba(255, 255, 255, 0.03);
}

.ml-workspace-tab:active {
	transform: translateY(1px);
}

.ml-workspace-tab:focus-visible,
.ml-workspace-menu-button:focus-visible,
.ml-side-tab:focus-visible,
.ml-icon-button:focus-visible,
.ml-text-button:focus-visible,
.ml-send-button:focus-visible,
.ml-chat-image-button:focus-visible,
.ml-chat-action-button:focus-visible,
.ml-chat-bb-badge__remove:focus-visible,
.ml-greeting-button:focus-visible,
.ml-picker-close:focus-visible,
.ml-picker-smiley:focus-visible,
.ml-picker-greeting:focus-visible {
	outline: 2px solid var(--ml-home-accent-focus);
	outline-offset: 2px;
}

.ml-workspace-tab.is-active {
	color: var(--ml-home-text);
	border-color: var(--ml-home-accent-border-strong);
	background: var(--ml-home-accent-soft);
	box-shadow: inset 0 0 0 1px var(--ml-home-accent-soft);
}

.ml-workspace-tab .material-symbols-rounded {
	font-size: 18px;
}

.ml-workspace-tab.is-active .ml-workspace-tab__count,
.ml-side-tab.is-active .ml-side-tab__count {
	color: var(--ml-home-accent-hover);
	border-color: var(--ml-home-accent-border-strong);
	background: transparent;
}

.ml-workspace-tab__count,
.ml-side-tab__count,
.ml-segmented-tab__count {
	display: inline-grid;
	min-width: 20px;
	height: 20px;
	place-items: center;
	padding: 0 0.32rem;
	color: var(--ml-home-accent-hover);
	border: 1px solid var(--ml-home-accent-border);
	border-radius: 999px;
	background: transparent;
	box-shadow: none;
	font-size: 0.6rem;
	font-weight: 850;
	line-height: 1;
}

.ml-mobile-nav {
	display: none;
}

.ml-mobile-tab {
	appearance: none;
	position: relative;
	display: inline-grid;
	min-width: 0;
	min-height: 42px;
	place-items: center;
	padding: 0.35rem;
	color: var(--ml-home-muted);
	border: 1px solid transparent;
	border-radius: 9px;
	background: transparent;
	cursor: pointer;
	transition: color 150ms ease, border-color 150ms ease, background 150ms ease, transform 150ms ease;
}

.ml-mobile-tab:hover {
	color: var(--ml-home-text);
	background: rgba(255, 255, 255, 0.03);
}

.ml-mobile-tab:active {
	transform: translateY(1px);
}

.ml-mobile-tab:focus-visible {
	outline: 2px solid var(--ml-home-accent-focus);
	outline-offset: 2px;
}

.ml-mobile-tab.is-active {
	color: var(--ml-home-accent-hover);
	border-color: var(--ml-home-accent-border-strong);
	background: var(--ml-home-accent-soft);
}

.ml-mobile-tab .material-symbols-rounded {
	font-size: 21px;
}

.ml-mobile-tab__count {
	position: absolute;
	top: 2px;
	right: 3px;
	display: inline-grid;
	min-width: 17px;
	height: 17px;
	place-items: center;
	padding: 0 0.24rem;
	color: var(--ml-home-accent-hover);
	border: 1px solid var(--ml-home-accent-border);
	border-radius: 999px;
	background: var(--ml-home-surface-2);
	font-size: 0.52rem;
	font-weight: 850;
	line-height: 1;
}

.ml-workspace-menu-wrap[hidden],
.ml-app-sidebar[hidden] {
	display: none !important;
}

.ml-workspace-menu-wrap {
	position: relative;
	flex: 0 0 auto;
}

/* A hárompontos menü vezérlője minden nézetben maradjon látható. */
.ml-home-app .ml-workspace-menu-wrap,
.ml-home-app .ml-workspace-menu-wrap[hidden] {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
}

.ml-home-app .ml-workspace-menu-button,
.ml-home-app .ml-workspace-menu-button[hidden] {
	display: inline-flex !important;
	visibility: visible !important;
	opacity: 1 !important;
}

.ml-workspace-menu-button,
.ml-icon-button,
.ml-text-button,
.ml-send-button {
	appearance: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--ml-home-text);
	border: 1px solid var(--ml-home-border);
	background: var(--ml-home-surface-2);
	text-decoration: none !important;
	cursor: pointer;
	transition: color 150ms ease, border-color 150ms ease, background 150ms ease, transform 150ms ease, filter 150ms ease;
}

.ml-workspace-menu-button {
	width: 36px;
	height: 36px;
	padding: 0;
	border-radius: 9px;
}

.ml-workspace-menu-button:hover,
.ml-workspace-menu-button[aria-expanded="true"],
.ml-icon-button:hover,
.ml-text-button:hover {
	color: var(--ml-home-accent-hover) !important;
	border-color: var(--ml-home-accent-border-strong);
	background: var(--ml-home-surface-3);
}

.ml-workspace-menu-button:active,
.ml-icon-button:active,
.ml-text-button:active,
.ml-send-button:active {
	transform: translateY(1px);
}

.ml-workspace-menu {
	position: absolute;
	z-index: 30;
	top: calc(100% + 0.45rem);
	right: 0;
	width: min(230px, calc(100vw - 2rem));
	padding: 0.4rem;
	border: 1px solid var(--ml-home-border);
	border-radius: 12px;
	background: var(--ml-home-surface-2);
	box-shadow: 0 18px 40px rgba(0, 0, 0, 0.36);
}

.ml-workspace-menu[hidden] {
	display: none !important;
}

.ml-workspace-menu--mobile {
	display: none;
}

.ml-workspace-menu__section-title {
	padding: 0.34rem 0.58rem 0.28rem;
	color: var(--ml-home-muted);
	font-size: 0.58rem;
	font-weight: 850;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.ml-workspace-menu__divider {
	height: 1px;
	margin: 0.35rem 0.2rem;
	background: var(--ml-home-border-soft);
}

.ml-workspace-menu__view {
	justify-content: flex-start !important;
}

.ml-workspace-menu__view.is-active {
	color: var(--ml-home-accent-hover);
	background: var(--ml-home-accent-soft);
}

.ml-workspace-menu__view-label {
	min-width: 0;
	flex: 1 1 auto;
}

.ml-workspace-menu__count {
	display: inline-grid;
	min-width: 21px;
	height: 21px;
	margin-left: auto;
	place-items: center;
	padding: 0 0.34rem;
	color: var(--ml-home-accent-hover);
	border: 1px solid var(--ml-home-accent-border);
	border-radius: 999px;
	background: transparent;
	font-size: 0.57rem;
	font-weight: 850;
	line-height: 1;
}

.ml-workspace-menu a,
.ml-workspace-menu button,
.ml-workspace-menu__empty {
	display: flex;
	align-items: center;
	gap: 0.48rem;
	width: 100%;
	min-height: 38px;
	padding: 0.5rem 0.58rem;
	color: var(--ml-home-text);
	border-radius: 8px;
	text-decoration: none !important;
	font-family: inherit;
	text-align: left;
	font-size: 0.72rem;
	font-weight: 760;
}

.ml-workspace-menu a:hover,
.ml-workspace-menu button:hover {
	color: var(--ml-home-accent-hover);
	background: rgba(255, 255, 255, 0.04);
}

.ml-workspace-menu__empty {
	color: var(--ml-home-muted);
}

.ml-workspace-menu button {
	border: 0;
	background: transparent;
	cursor: pointer;
}

.ml-workspace-menu button.ml-workspace-menu__danger:hover {
	color: var(--ml-home-danger);
	background: rgba(255, 98, 88, 0.08);
}

.ml-workspace-panel[hidden],
.ml-side-panel[hidden] {
	display: none !important;
}

.ml-workspace-body {
	padding: 0.48rem;
}

.ml-content-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	margin-bottom: 0.65rem;
}

.ml-content-head h3 {
	margin: 0;
	color: var(--ml-home-text);
	font-size: 0.9rem;
	font-weight: 850;
}

.ml-content-head p {
	margin: 0.18rem 0 0;
	color: var(--ml-home-muted);
	font-size: 0.67rem;
}

.ml-live-chip,
.ml-status-chip {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.32rem;
	min-height: 26px;
	padding: 0.28rem 0.48rem;
	border-radius: 999px;
	font-size: 0.58rem;
	font-weight: 820;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.ml-live-chip {
	color: var(--ml-home-accent-hover);
	border: 1px solid var(--ml-home-accent-border);
	background: transparent;
}

.ml-status-chip {
	color: var(--ml-home-muted);
	border: 1px solid var(--ml-home-border);
	background: transparent;
}

.ml-live-dot {
	width: 7px;
	height: 7px;
	flex: 0 0 7px;
	border-radius: 50%;
	background: var(--ml-home-success);
	box-shadow: 0 0 0 3px rgba(79, 209, 157, 0.12);
}

.ml-icon-button {
	width: 36px;
	height: 36px;
	padding: 0;
	border-radius: 9px;
}

.ml-text-button {
	min-height: 36px;
	gap: 0.35rem;
	padding: 0.5rem 0.68rem;
	border-radius: 9px;
	font-size: 0.7rem;
	font-weight: 780;
	line-height: 1;
}

.ml-primary-button {
	color: #fff !important;
	border-color: var(--ml-home-accent);
	background: var(--ml-home-accent);
}

.ml-primary-button:hover {
	color: #fff !important;
	border-color: var(--ml-home-accent-hover);
	background: var(--ml-home-accent-hover);
}

.ml-header-actions,
.ml-news-actions,
.ml-quiz-actions {
	display: flex;
	align-items: center;
	gap: 0.35rem;
}

.ml-app-loading {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	color: var(--ml-home-muted);
	font-size: 0.7rem;
}

.ml-chat-wall {
	--ml-chat-composer-height: 56px;
	--ml-chat-input-height: 56px;
	position: relative;
	height: 590px;
	min-height: 430px;
	overflow: hidden;
	border: 1px solid var(--ml-home-border-soft);
	border-radius: 13px;
	background: var(--ml-home-surface);
}

#chat_uzenetek {
	position: absolute;
	top: 0;
	right: 0;
	bottom: var(--ml-chat-composer-height, 56px);
	left: 0;
	display: flex;
	width: 100%;
	height: auto;
	flex-direction: column;
	padding: 0.38rem 0.42rem 0.35rem;
	overflow-y: auto;
	overflow-x: hidden;
	text-align: left;
	font-size: 15px;
	scrollbar-color: var(--ml-home-border) transparent;
	transition: bottom 140ms ease;
}

/* Kevés üzenetnél is az üzenőfal aljához igazítjuk a listát. */
#chat_uzenetek > :first-child {
	margin-top: auto;
}

#chat_uzenetek::-webkit-scrollbar,
.ml-scroll-area::-webkit-scrollbar,
#smilies-card::-webkit-scrollbar {
	width: 7px;
}

#chat_uzenetek::-webkit-scrollbar-thumb,
.ml-scroll-area::-webkit-scrollbar-thumb,
#smilies-card::-webkit-scrollbar-thumb {
	border-radius: 999px;
	background: var(--ml-home-border);
}

.ml-home-app .chat_uzenet {
	max-width: 100%;
	margin: 0 0 0.26rem;
	padding: 0.48rem 0.6rem;
	color: rgba(244, 246, 251, 0.84);
	border: 1px solid var(--ml-home-border-soft);
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.022);
	font-size: 15px;
	line-height: 1.4;
	white-space: normal;
	overflow-wrap: anywhere;
	word-break: normal;
	transition: border-color 150ms ease, background 150ms ease;
	font-weight: 600;
}

.ml-home-app .chat_uzenet p {
	margin-top: 0;
	margin-bottom: 0;
}

.ml-home-app .chat_uzenet img {
	max-width: 100%;
	vertical-align: middle;
}

.ml-home-app .chat_uzenet .float-end,
.ml-home-app .chat_uzenet .pull-right,
.ml-home-app .chat_uzenet [style*="float: right"],
.ml-home-app .chat_uzenet [style*="float:right"] {
	float: right !important;
	margin-left: 0.5rem;
}

.ml-home-app .chat_uzenet:hover {
	border-color: rgba(255, 255, 255, 0.14);
	background: rgba(255, 255, 255, 0.038);
}

.ml-home-app .form-control,
.ml-home-app .form-select {
	width: 100%;
	min-height: 40px;
	padding: 0.55rem 0.65rem;
	color: var(--ml-home-text);
	border: 1px solid var(--ml-home-border);
	border-radius: 9px;
	background: var(--ml-home-surface-2);
	font-size: 0.75rem;
	outline: none;
}

.ml-home-app textarea.form-control {
	min-height: 72px;
	max-height: 170px;
	line-height: 1.5;
	resize: vertical;
}

.ml-home-app .form-control::placeholder {
	color: #747e91;
}

.ml-home-app .form-control:focus,
.ml-home-app .form-select:focus {
	border-color: var(--ml-home-accent-focus);
	box-shadow: 0 0 0 0.18rem var(--ml-home-accent-ring);
}

.ml-chat-edit,
.ml-inline-panel,
.ml-quiz-panel {
	margin: 0 0 0.48rem;
	padding: 0.65rem;
	border: 1px solid var(--ml-home-border);
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.022);
}

.ml-inline-form {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 0.5rem;
}

.ml-chat-form {
	position: absolute;
	z-index: 10;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 0.32rem 0.42rem 0.38rem;
	background: transparent;
	pointer-events: none;
}

.ml-chat-composer {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
}

.ml-chat-composer:focus-within {
	box-shadow: none;
}

/* Discord-szerű, egyetlen lekerekített üzenetküldő kapszula. */
.ml-chat-composer__main {
	display: grid;
	pointer-events: auto;
	grid-template-columns: 36px minmax(0, 1fr) auto;
	align-items: center;
	gap: 0.18rem;
	width: 100%;
	min-height: 46px;
	padding: 0.24rem 0.3rem;
	border: 1px solid var(--ml-home-border);
	border-radius: 9px;
	background: var(--ml-home-surface-2);
	box-shadow: 0 7px 20px rgba(0, 0, 0, 0.2);
	transition: border-color 150ms ease, background 150ms ease, box-shadow 150ms ease;
}

.ml-chat-composer__main:hover {
	border-color: rgba(255, 255, 255, 0.16);
}

.ml-chat-composer__main:focus-within {
	border-color: var(--ml-home-accent-border-strong);
	background: color-mix(in srgb, var(--ml-home-surface-2) 94%, var(--ml-home-accent) 6%);
	box-shadow: 0 0 0 3px var(--ml-home-accent-ring), 0 8px 22px rgba(0, 0, 0, 0.22);
}

@supports not (background: color-mix(in srgb, #000 50%, #fff)) {
	.ml-chat-composer__main:focus-within {
		background: var(--ml-home-surface-2);
	}
}

.ml-chat-composer__leading,
.ml-chat-composer__actions {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 0;
}

.ml-chat-composer__leading {
	padding: 0;
}

.ml-chat-composer__actions {
	position: relative;
	gap: 0.12rem;
	padding: 0;
}

/* A +, a szmájli és a küldés külön kör alakú vezérlők. */
.ml-chat-image-button,
.ml-chat-action-button,
.ml-chat-composer .ml-send-button {
	appearance: none;
	display: inline-grid;
	width: 34px;
	height: 34px;
	min-height: 34px;
	flex: 0 0 34px;
	place-items: center;
	margin: 0;
	padding: 0;
	color: var(--ml-home-muted) !important;
	border: 1px solid var(--ml-home-border-soft);
	border-radius: 50%;
	background: var(--ml-home-surface-3);
	text-decoration: none !important;
	cursor: pointer;
	opacity: 1;
	transition: color 150ms ease, border-color 150ms ease, background 150ms ease, transform 150ms ease, box-shadow 150ms ease;
}

.ml-chat-image-button:hover,
.ml-chat-action-button:hover,
.ml-chat-image-button:focus-visible,
.ml-chat-action-button:focus-visible,
.ml-chat-composer .ml-send-button:hover,
.ml-chat-composer .ml-send-button:focus-visible {
	color: var(--ml-home-accent-hover) !important;
	border-color: var(--ml-home-accent-border-strong);
	background: var(--ml-home-accent-soft);
	box-shadow: 0 0 0 3px var(--ml-home-accent-ring);
	outline: none;
}

.ml-chat-image-button:active,
.ml-chat-action-button:active,
.ml-chat-composer .ml-send-button:active {
	transform: scale(0.94);
}

.ml-chat-image-button.is-active,
.ml-chat-action-button.is-active,
.ml-chat-action-button[aria-expanded="true"] {
	color: var(--ml-home-accent-hover) !important;
	border-color: var(--ml-home-accent-border-strong);
	background: var(--ml-home-accent-soft);
}

.ml-chat-image-button .material-symbols-rounded {
	font-size: 22px;
	font-variation-settings:
		"FILL" 0,
		"wght" 620,
		"GRAD" 0,
		"opsz" 24;
}

.ml-chat-action-button .material-symbols-rounded,
.ml-chat-composer .ml-send-button .material-symbols-rounded {
	font-size: 20px;
}

.ml-chat-smiley-menu {
	position: relative;
	display: inline-grid;
	flex: 0 0 auto;
	place-items: center;
}

.ml-chat-smiley-bubble {
	position: absolute;
	z-index: 18;
	right: -0.12rem;
	bottom: calc(100% + 0.48rem);
	display: grid;
	width: 174px;
	gap: 0.22rem;
	padding: 0.34rem;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	border: 1px solid var(--ml-home-border);
	border-radius: 13px;
	background: var(--ml-home-surface-2);
	box-shadow: 0 16px 34px rgba(0, 0, 0, 0.34);
	transform: translateY(5px) scale(0.98);
	transform-origin: right bottom;
	transition: opacity 120ms ease, transform 120ms ease, visibility 120ms ease;
}

.ml-chat-smiley-bubble::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: -10px;
	width: 48px;
	height: 11px;
}

.ml-chat-smiley-menu.is-open .ml-chat-smiley-bubble {
	visibility: visible;
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0) scale(1);
}

/* Hover csak valódi egérrel. Telefonon kizárólag külön tap nyitja. */
@media (hover: hover) and (pointer: fine) {
	.ml-chat-smiley-menu:hover .ml-chat-smiley-bubble {
		visibility: visible;
		opacity: 1;
		pointer-events: auto;
		transform: translateY(0) scale(1);
	}
}

.ml-chat-smiley-choice {
	appearance: none;
	display: grid;
	grid-template-columns: 30px minmax(0, 1fr);
	align-items: center;
	gap: 0.42rem;
	width: 100%;
	min-height: 36px;
	padding: 0.24rem 0.42rem;
	color: var(--ml-home-text);
	border: 1px solid transparent;
	border-radius: 8px;
	background: transparent;
	font: inherit;
	font-size: 0.68rem;
	font-weight: 760;
	text-align: left;
	cursor: pointer;
}

.ml-chat-smiley-choice:hover,
.ml-chat-smiley-choice:focus-visible,
.ml-chat-smiley-choice.is-active {
	color: var(--ml-home-accent-hover);
	border-color: var(--ml-home-accent-border);
	background: var(--ml-home-accent-soft);
	outline: none;
}

.ml-chat-composer__source {
	display: block;
	width: 100%;
	height: 36px;
	min-height: 36px;
	max-height: 96px;
	margin: 0;
	padding: 0.46rem 0.42rem 0.34rem;
	overflow-y: auto;
	color: var(--ml-home-text);
	caret-color: var(--ml-home-accent-hover);
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	font-family: inherit;
	line-height: 1.25;
	outline: none;
	resize: none;
	overflow-wrap: anywhere;
	-webkit-appearance: none;
	appearance: none;
}

.ml-chat-composer__source:hover,
.ml-chat-composer__source:focus {
	border: 0;
	box-shadow: none;
}

.ml-chat-composer__source::placeholder {
	color: var(--ml-home-muted);
	opacity: 1;
}

.ml-chat-composer .ml-send-button {
	color: var(--ml-home-muted) !important;
}

.ml-chat-composer.is-ready .ml-send-button {
	color: #fff !important;
	border-color: var(--ml-home-accent);
	background: var(--ml-home-accent);
	box-shadow: none;
}

.ml-chat-composer.is-ready .ml-send-button:hover,
.ml-chat-composer.is-ready .ml-send-button:focus-visible {
	color: #fff !important;
	border-color: var(--ml-home-accent-hover);
	background: var(--ml-home-accent-hover);
	box-shadow: 0 0 0 3px var(--ml-home-accent-ring);
}

.ml-chat-tools {
	display: none;
}

.ml-chat-wall > #smilies-card {
	position: absolute;
	z-index: 12;
	right: 0.45rem;
	bottom: calc(var(--ml-chat-composer-height, 56px) + 0.38rem);
	left: 0.45rem;
	width: auto;
	max-height: min(300px, calc(100% - var(--ml-chat-composer-height, 56px) - 0.85rem));
	margin: 0;
	overflow-y: auto;
	border-color: var(--ml-home-border);
	background: var(--ml-home-surface-2);
	box-shadow: none;
	contain: layout paint style;
	transform-origin: center bottom;
}

.ml-chat-wall > #smilies-card.ml-smiley-preparing {
	display: block !important;
	visibility: hidden !important;
	opacity: 0;
	pointer-events: none;
	transform: translate3d(0, 8px, 0);
}

.ml-chat-wall > #smilies-card.ml-smiley-visible {
	display: block !important;
	visibility: visible !important;
	opacity: 1;
	pointer-events: auto;
	transform: translate3d(0, 0, 0);
	transition: opacity 100ms ease-out, transform 100ms ease-out;
}

.ml-chat-wall > #smilies-card.ml-smiley-visible.ml-smiley-settled {
	will-change: auto;
}

.ml-chat-wall > #smilies-card.ml-smiley-closing {
	display: block !important;
	visibility: visible !important;
	opacity: 0;
	pointer-events: none;
	transform: translate3d(0, 8px, 0);
	transition: opacity 90ms ease-in, transform 90ms ease-in;
}

.ml-greeting-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.42rem;
}

.ml-greeting-button {
	min-height: 36px;
	padding: 0.45rem 0.55rem;
	color: var(--ml-home-text);
	border: 1px solid var(--ml-home-border);
	border-radius: 9px;
	background: var(--ml-home-surface-2);
	font-size: 0.7rem;
	cursor: pointer;
}

.ml-greeting-button:hover {
	color: var(--ml-home-accent-hover);
	border-color: var(--ml-home-accent-border-strong);
}

#smilies-card {
	max-height: 300px;
	overflow-y: auto;
}

.ml-quiz-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.6rem;
}

.ml-quiz-grid--prize {
	grid-template-columns: 0.75fr 1.3fr 1fr 1fr;
	margin-top: 0.6rem;
}

.ml-quiz-panel label {
	color: var(--ml-home-muted);
	font-size: 0.66rem;
	font-weight: 720;
}

.ml-quiz-panel .ml-text-button {
	width: 100%;
	margin-top: 0.45rem;
}

.ml-quiz-actions {
	flex-wrap: wrap;
	margin-top: 0.65rem;
}

.ml-empty-state {
	display: grid;
	min-height: 220px;
	place-items: center;
	align-content: center;
	gap: 0.42rem;
	padding: 1.25rem;
	color: var(--ml-home-muted);
	text-align: center;
	border: 1px dashed var(--ml-home-border);
	border-radius: 12px;
}

.ml-empty-state .material-symbols-rounded {
	color: var(--ml-home-accent);
	font-size: 31px;
}

.ml-empty-state h4,
.ml-empty-state p {
	margin: 0;
}

.ml-empty-state h4 {
	color: var(--ml-home-text);
	font-size: 0.88rem;
}

.ml-empty-state p {
	max-width: 520px;
	font-size: 0.68rem;
	line-height: 1.5;
}

.ml-empty-state a {
	color: var(--ml-home-accent-hover);
}

.ml-news-feed {
	display: grid;
	gap: 0.34rem;
}

.ml-news-item {
	position: relative;
	display: grid;
	grid-template-columns: 105px minmax(0, 1fr) auto;
	gap: 0.36rem 0.65rem;
	min-width: 0;
	min-height: 72px;
	padding: 0.58rem;
	overflow: hidden;
	border: 1px solid var(--ml-home-border-soft);
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.022);
	transition: border-color 150ms ease, background 150ms ease;
}

.ml-news-item:hover {
	border-color: rgba(255, 255, 255, 0.14);
	background: rgba(255, 255, 255, 0.038);
}

.ml-news-meta {
	grid-column: 1;
	grid-row: 1 / span 3;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: center;
	gap: 0.42rem;
	min-width: 0;
	padding: 0.38rem 0.42rem;
	color: var(--ml-home-accent-hover);
	border: 1px solid var(--ml-home-accent-border);
	border-radius: 8px;
	background: transparent;
	text-align: center;
}

.ml-news-meta time {
	color: var(--ml-home-accent-hover);
	font-size: 0.62rem;
	font-weight: 850;
	line-height: 1.35;
}

.ml-news-meta .ml-status-chip {
	min-height: 22px;
	padding: 0.2rem 0.35rem;
	font-size: 0.53rem;
}

.ml-news-item h4 {
	grid-column: 2;
	margin: 0;
	overflow: hidden;
	color: var(--ml-home-text);
	font-size: 0.79rem;
	font-weight: 850;
	line-height: 1.3;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ml-news-body {
	grid-column: 2;
	margin: 0;
	min-width: 0;
	overflow: hidden;
	color: rgba(244, 246, 251, 0.68);
	font-size: 0.67rem;
	line-height: 1.5;
	text-align: left;
}

.ml-news-body > :first-child {
	margin-top: 0;
}

.ml-news-body > :last-child {
	margin-bottom: 0;
}

.ml-news-actions {
	grid-column: 3;
	grid-row: 1 / span 2;
	align-self: center;
	opacity: 0;
	pointer-events: none;
	transform: translateX(-4px);
	transition: opacity 170ms ease, transform 170ms ease;
}

.ml-news-item:hover .ml-news-actions,
.ml-news-item:focus-within .ml-news-actions {
	opacity: 1;
	pointer-events: auto;
	transform: translateX(0);
}

.ml-news-actions .ml-icon-button {
	width: 30px;
	height: 30px;
	border-radius: 7px;
}

.ml-app-sidebar {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 0.75rem;
	min-width: 0;
}

.ml-side-tabs {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	padding: 0 0.4rem;
	border-bottom: 1px solid var(--ml-home-border-soft);
	background: var(--ml-home-toolbar);
}

.ml-side-tab {
	position: relative;
	appearance: none;
	display: grid;
	min-width: 0;
	min-height: 58px;
	place-items: center;
	align-content: center;
	gap: 0.2rem;
	padding: 0.42rem 0.2rem;
	color: var(--ml-home-muted);
	border: 0;
	border-bottom: 2px solid transparent;
	background: transparent;
	font-size: 0.62rem;
	font-weight: 800;
	line-height: 1;
	cursor: pointer;
	transition: color 150ms ease, border-color 150ms ease, background 150ms ease;
}

.ml-side-tab + .ml-side-tab::before {
	content: "";
	position: absolute;
	top: 11px;
	bottom: 11px;
	left: 0;
	width: 1px;
	background: var(--ml-home-border-soft);
}

.ml-side-tab .material-symbols-rounded {
	font-size: 19px;
}

.ml-side-tab:hover {
	color: var(--ml-home-text);
	background: rgba(255, 255, 255, 0.03);
}

.ml-side-tab.is-active {
	color: var(--ml-home-text);
	border-bottom-color: var(--ml-home-accent);
	background: linear-gradient(180deg, var(--ml-home-accent-subtle), var(--ml-home-accent-soft));
}

.ml-side-panel {
	min-height: 520px;
	max-height: 600px;
	padding: 0.48rem;
	overflow-y: auto;
}

.ml-online-summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.65rem;
	margin-bottom: 0.48rem;
	padding: 0.58rem;
	border: 1px solid var(--ml-home-border-soft);
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.022);
}

.ml-online-summary strong {
	color: var(--ml-home-text);
	font-size: 1.05rem;
}

.ml-online-summary span {
	color: var(--ml-home-muted);
	font-size: 0.66rem;
}

.ml-class-list {
	display: grid;
	gap: 0.28rem;
	margin: 0 0 0.48rem;
	padding: 0;
	list-style: none;
}

.ml-class-list li {
	display: flex;
	justify-content: space-between;
	gap: 0.6rem;
	padding: 0.38rem 0.48rem;
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.02);
	font-size: 0.68rem;
}

.online-users,
.online-users-24 {
	line-height: 1.72;
}

.online-user-item {
	display: inline-block;
	margin: 0.16rem 0.12rem;
	padding: 0.3rem 0.4rem;
	white-space: nowrap;
	border: 1px solid var(--ml-home-border-soft);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.022);
}

.online-user-icon,
.user-icon {
	object-fit: contain;
	vertical-align: middle;
}

.online-user-icon {
	width: 12px;
	height: 12px;
}

.user-icon {
	width: 15px;
	height: 15px;
}

.ml-birthday-list {
	display: grid;
	gap: 0.34rem;
}

.ml-birthday-item {
	padding: 0.55rem 0.58rem;
	border: 1px solid var(--ml-home-border-soft);
	border-radius: 9px;
	background: rgba(255, 255, 255, 0.022);
	font-size: 0.7rem;
}

.ml-birthday-note {
	margin-top: 0.55rem;
	color: var(--ml-home-muted);
	font-size: 0.65rem;
	text-align: center;
}


.ml-picker-panel {
	width: 100%;
}

.ml-picker-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	margin-bottom: 0.55rem;
}

.ml-picker-title {
	color: var(--ml-home-text);
	font-size: 0.78rem;
	font-weight: 820;
}

.ml-picker-close {
	appearance: none;
	display: inline-grid;
	width: 32px;
	height: 32px;
	place-items: center;
	flex: 0 0 32px;
	padding: 0;
	color: var(--ml-home-muted);
	border: 1px solid var(--ml-home-border);
	border-radius: 8px;
	background: var(--ml-home-surface-2);
	cursor: pointer;
	transition: color 150ms ease, border-color 150ms ease, background 150ms ease;
}

.ml-picker-close:hover {
	color: var(--ml-home-danger);
	border-color: rgba(255, 98, 88, 0.45);
	background: rgba(255, 98, 88, 0.08);
}

.ml-picker-close .material-symbols-rounded {
	font-size: 18px;
}

.ml-picker-table-wrap {
	width: 100%;
	overflow-x: auto;
}

.ml-picker-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0.34rem;
	table-layout: fixed;
}

.ml-picker-cell {
	width: 25%;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	border: 0;
}

.ml-picker-smiley,
.ml-picker-greeting {
	width: 100%;
	min-height: 50px;
	padding: 0.5rem;
	color: var(--ml-home-text);
	border: 1px solid var(--ml-home-border-soft);
	border-radius: 9px;
	background: var(--ml-home-surface-2);
	cursor: pointer;
	transition: color 150ms ease, border-color 150ms ease, background 150ms ease;
}

.ml-picker-smiley:hover,
.ml-picker-greeting:hover {
	color: var(--ml-home-accent-hover);
	border-color: var(--ml-home-accent-border-strong);
	background: var(--ml-home-accent-soft);
}

.ml-picker-smiley {
	display: flex;
	align-items: center;
	justify-content: center;
}

.ml-picker-smiley img {
	display: block;
	margin: auto;
}

.ml-picker-greeting {
	font-family: inherit;
	font-size: 0.68rem;
	font-weight: 750;
}

.ml-picker-empty {
	padding: 0.8rem;
	color: var(--ml-home-muted);
	text-align: center;
	font-size: 0.7rem;
}



/* Adatbázisból betöltött GIF-választó. */
.ml-gif-search {
	margin-bottom: 0.55rem;
}

.ml-gif-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 0.4rem;
}

.ml-picker-gif {
	appearance: none;
	display: block;
	width: 100%;
	aspect-ratio: 1;
	padding: 0;
	overflow: hidden;
	border: 1px solid var(--ml-home-border-soft);
	border-radius: 9px;
	background: var(--ml-home-surface-2);
	cursor: pointer;
	transition: border-color 150ms ease, transform 150ms ease;
}

.ml-picker-gif:hover,
.ml-picker-gif:focus-visible {
	border-color: var(--ml-home-accent-border-strong);
	outline: none;
	transform: translateY(-1px);
}

.ml-picker-gif img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ml-gif-loading {
	grid-column: 1 / -1;
	padding: 0.8rem;
	color: var(--ml-home-muted);
	text-align: center;
	font-size: 0.7rem;
}

@media (max-width: 575.98px) {
	.ml-gif-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 1100px) {
	.ml-app-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.ml-side-panel {
		min-height: 300px;
		max-height: 460px;
	}
}

@media (max-width: 900px) {
	.ml-workspace-nav {
		grid-template-columns: minmax(0, 1fr) auto;
	}

	.ml-workspace-tabs {
		grid-column: 1 / -1;
		grid-row: 2;
		width: 100%;
	}

	.ml-workspace-tab {
		flex: 1 1 50%;
	}

	.ml-workspace-menu-wrap {
		grid-column: 2;
		grid-row: 1;
	}

}

@media (max-width: 767.98px) {
	.ml-home-app {
		margin-top: 0.5rem;
	}

	.ml-app-grid {
		display: block;
	}

	.ml-app-grid > .ml-app-sidebar {
		display: none;
	}

	.ml-workspace-tabs {
		display: none;
	}

	.ml-mobile-nav:not(.ml-workspace-menu--mobile) {
		display: none !important;
	}

	.ml-workspace-menu[data-workspace-menu] {
		display: none !important;
	}

	.ml-workspace-menu--mobile:not([hidden]) {
		display: block;
	}

	.ml-workspace-menu--mobile {
		width: min(280px, calc(100vw - 1.2rem));
		max-height: min(72vh, 520px);
		overflow-y: auto;
	}

	.ml-workspace > .ml-app-sidebar {
		width: 100%;
		margin: 0;
	}

	.ml-workspace > .ml-app-sidebar {
		display: grid;
	}

	.ml-workspace > .ml-app-sidebar > .ml-app-card {
		overflow: visible;
		border: 0;
		border-radius: 0;
		background: transparent;
		box-shadow: none;
	}

	.ml-workspace > .ml-app-sidebar .ml-side-tabs {
		display: none;
	}

	.ml-workspace > .ml-app-sidebar .ml-side-panel {
		height: 530px;
		min-height: 390px;
		max-height: 530px;
		padding: 0.38rem;
		overflow-y: auto;
	}


	.ml-workspace-panel[data-home-panel="news"] .ml-workspace-body {
		max-height: 530px;
		overflow-y: auto;
	}

	.ml-app-card {
		border-radius: 13px;
	}

	.ml-workspace-nav {
		padding: 0.52rem 0.58rem;
	}

	.ml-home-heading p {
		display: none;
	}

	.ml-home-heading__icon {
		width: 32px;
		height: 32px;
		flex-basis: 32px;
	}

	.ml-workspace-body,
	.ml-side-panel {
		padding: 0.38rem;
	}

	.ml-chat-wall {
		height: 530px;
		min-height: 390px;
	}

	#chat_uzenetek {
		font-size: 13px;
	}

	.ml-home-app .chat_uzenet {
		margin-bottom: 0.2rem;
		padding: 0.4rem 0.46rem;
		font-size: 13px;
		line-height: 1.3;
	}

	.ml-news-item {
		grid-template-columns: 82px minmax(0, 1fr);
		gap: 0.34rem 0.48rem;
		padding: 0.42rem;
	}

	.ml-news-actions {
		display: none;
	}

	.ml-greeting-grid,
	.ml-quiz-grid,
	.ml-quiz-grid--prize {
		grid-template-columns: minmax(0, 1fr);
	}

	.ml-chat-form {
		padding: 0.28rem 0.32rem 0.32rem;
	}

	.ml-chat-composer {
		width: 100%;
		padding: 0;
	}

	/* iOS Safari: 16px alatt fókuszkor automatikusan ránagyít az űrlapmezőkre. */
	.ml-home-app .form-control,
	.ml-home-app .form-select,
	.ml-home-app .ml-chat-composer__source {
		font-size: 16px;
	}

	.ml-chat-composer,
	.ml-chat-composer__main,
	.ml-chat-image-button,
	.ml-chat-action-button,
	.ml-chat-composer .ml-send-button {
		transition: none !important;
	}

	.ml-header-actions,
	.ml-quiz-actions {
		flex-wrap: wrap;
	}
}

@media (max-width: 575.98px) {
	.ml-workspace-nav {
		gap: 0.45rem;
	}

	.ml-workspace > .ml-app-sidebar .ml-side-panel,
	.ml-workspace-panel[data-home-panel="news"] .ml-workspace-body {
		max-height: 470px;
	}

	.ml-workspace > .ml-app-sidebar .ml-side-panel {
		height: 470px;
		min-height: 350px;
	}

	.ml-side-tab {
		min-height: 54px;
		font-size: 0.58rem;
	}

	.ml-side-tab .material-symbols-rounded {
		font-size: 18px;
	}

	.ml-chat-wall {
		height: 470px;
		min-height: 350px;
		border-radius: 11px;
	}

	.ml-chat-form {
		padding: 0.24rem 0.26rem 0.28rem;
	}

	.ml-chat-composer__main {
		grid-template-columns: 34px minmax(0, 1fr) auto;
		gap: 0.1rem;
		min-height: 44px;
		padding: 0.2rem 0.24rem;
	}

	.ml-chat-composer__leading,
	.ml-chat-composer__actions {
		padding: 0;
	}

	.ml-chat-composer__actions {
		gap: 0.08rem;
	}

	.ml-chat-image-button,
	.ml-chat-action-button,
	.ml-chat-composer .ml-send-button {
		width: 32px;
		height: 32px;
		min-height: 32px;
		flex-basis: 32px;
	}

	.ml-chat-composer__source {
		height: 34px;
		min-height: 34px;
		max-height: 84px;
		padding: 0.34rem 0.28rem 0.26rem;
		overscroll-behavior: contain;
	}

	.ml-chat-smiley-bubble {
		right: -2.25rem;
		width: min(174px, calc(100vw - 1.1rem));
		transition: none !important;
	}

	#smilies-card .ml-picker-smiley,
	#smilies-card .ml-picker-greeting,
	#smilies-card img {
		transition: none !important;
		animation: none !important;
	}

	.ml-inline-form {
		grid-template-columns: minmax(0, 1fr);
	}

	.ml-inline-form .ml-icon-button {
		width: 100%;
	}

	.ml-news-item {
		grid-template-columns: minmax(0, 1fr);
	}

	.ml-news-meta {
		grid-column: 1;
		grid-row: auto;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		text-align: left;
	}

	.ml-news-item h4,
	.ml-news-body {
		grid-column: 1;
	}

}


@media (prefers-reduced-motion: reduce) {
	.ml-home-app *,
	.ml-home-app *::before,
	.ml-home-app *::after {
		animation-duration: 1ms !important;
		transition-duration: 1ms !important;
	}
}

/* Közvetlen képfeltöltés: fájlválasztó, előnézet és feltöltési állapot. */
.ml-chat-image-input {
	display: none !important;
}

.ml-chat-image-preview[hidden] {
	display: none !important;
}

.ml-chat-image-preview {
	position: absolute;
	z-index: 16;
	top: 0;
	right: 0;
	bottom: var(--ml-chat-composer-height, 56px);
	left: 0;
	display: grid;
	place-items: center;
	padding: 0.7rem;
	background: rgba(7, 10, 16, 0.72);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
}

.ml-chat-image-preview__card {
	position: relative;
	display: grid;
	width: min(430px, 100%);
	max-height: 100%;
	gap: 0.62rem;
	padding: 0.72rem;
	overflow-y: auto;
	border: 1px solid var(--ml-home-border);
	border-radius: 14px;
	background: var(--ml-home-surface-2);
	box-shadow: 0 20px 48px rgba(0, 0, 0, 0.42);
}

.ml-chat-image-preview__close {
	appearance: none;
	position: absolute;
	z-index: 2;
	top: 0.45rem;
	right: 0.45rem;
	display: inline-grid;
	width: 32px;
	height: 32px;
	place-items: center;
	padding: 0;
	color: var(--ml-home-muted);
	border: 1px solid var(--ml-home-border);
	border-radius: 8px;
	background: var(--ml-home-surface-3);
	cursor: pointer;
}

.ml-chat-image-preview__close:hover {
	color: var(--ml-home-danger);
	border-color: rgba(255, 98, 88, 0.45);
	background: rgba(255, 98, 88, 0.08);
}

.ml-chat-image-preview__media {
	display: grid;
	min-height: 150px;
	max-height: 290px;
	place-items: center;
	padding: 0.4rem;
	overflow: hidden;
	border: 1px solid var(--ml-home-border-soft);
	border-radius: 11px;
	background: rgba(0, 0, 0, 0.2);
}

.ml-chat-image-preview__media img {
	display: block;
	max-width: 100%;
	max-height: 270px;
	object-fit: contain;
	border-radius: 8px;
}

.ml-chat-image-preview__details {
	display: grid;
	gap: 0.2rem;
	min-width: 0;
}

.ml-chat-image-preview__details strong,
.ml-chat-image-preview__details span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ml-chat-image-preview__details strong {
	color: var(--ml-home-text);
	font-size: 0.76rem;
}

.ml-chat-image-preview__details span {
	color: var(--ml-home-muted);
	font-size: 0.66rem;
}

.ml-chat-image-preview__question {
	margin: 0;
	color: var(--ml-home-text);
	font-size: 0.73rem;
	font-weight: 760;
	text-align: center;
}

.ml-chat-image-preview__actions {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.42rem;
}

.ml-chat-image-preview__button {
	appearance: none;
	display: inline-flex;
	min-height: 38px;
	align-items: center;
	justify-content: center;
	gap: 0.35rem;
	padding: 0.52rem 0.66rem;
	color: var(--ml-home-text);
	border: 1px solid var(--ml-home-border);
	border-radius: 9px;
	background: var(--ml-home-surface-3);
	font: inherit;
	font-size: 0.7rem;
	font-weight: 800;
	cursor: pointer;
}

.ml-chat-image-preview__button:hover {
	color: var(--ml-home-accent-hover);
	border-color: var(--ml-home-accent-border-strong);
}

.ml-chat-image-preview__button--primary {
	color: #fff;
	border-color: var(--ml-home-accent);
	background: var(--ml-home-accent);
}

.ml-chat-image-preview__button--primary:hover {
	color: #fff;
	border-color: var(--ml-home-accent-hover);
	background: var(--ml-home-accent-hover);
}

.ml-chat-image-preview__close:focus-visible,
.ml-chat-image-preview__button:focus-visible {
	outline: 2px solid var(--ml-home-accent-focus);
	outline-offset: 2px;
}

.ml-chat-upload-message {
	display: grid !important;
	grid-template-columns: 56px minmax(0, 1fr) auto !important;
	grid-template-rows: auto auto !important;
	column-gap: 0.6rem !important;
	row-gap: 0.3rem !important;
	align-items: center !important;
	border: 1px solid var(--ml-home-accent-border) !important;
	background: var(--ml-home-accent-soft) !important;
}

.ml-chat-upload-message__thumb {
	grid-column: 1;
	grid-row: 1 / span 2;
	display: block;
	width: 56px;
	height: 56px;
	object-fit: cover;
	border: 1px solid var(--ml-home-border);
	border-radius: 10px;
	background: var(--ml-home-surface-3);
}

.ml-chat-upload-message__body {
	grid-column: 2;
	grid-row: 1;
	display: grid;
	gap: 0.18rem;
	min-width: 0;
}

.ml-chat-upload-message__title,
.ml-chat-upload-message__text {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ml-chat-upload-message__title {
	color: var(--ml-home-text);
	font-size: 0.73rem;
	font-weight: 850;
}

.ml-chat-upload-message__text {
	color: var(--ml-home-muted);
	font-size: 0.66rem;
}

.ml-chat-upload-message__spinner {
	grid-column: 3;
	grid-row: 1 / span 2;
	display: inline-grid;
	width: 34px;
	height: 34px;
	place-items: center;
	color: var(--ml-home-accent-hover);
}

.ml-chat-upload-message__spinner .material-symbols-rounded {
	font-size: 23px;
	animation: ml-chat-image-spin 0.8s linear infinite;
}

.ml-chat-upload-message__progress {
	grid-column: 2;
	grid-row: 2;
	width: 100%;
	height: 6px;
	overflow: hidden;
	border: 0;
	border-radius: 999px;
	background: var(--ml-home-surface-3);
}

.ml-chat-upload-message__progress::-webkit-progress-bar {
	background: var(--ml-home-surface-3);
}

.ml-chat-upload-message__progress::-webkit-progress-value {
	border-radius: 999px;
	background: var(--ml-home-accent);
}

.ml-chat-upload-message__progress::-moz-progress-bar {
	border-radius: 999px;
	background: var(--ml-home-accent);
}

.ml-chat-upload-message.is-error {
	border-color: rgba(255, 98, 88, 0.45) !important;
	background: rgba(255, 98, 88, 0.07) !important;
}

.ml-chat-upload-message.is-error .ml-chat-upload-message__spinner {
	color: var(--ml-home-danger);
}

.ml-chat-upload-message.is-error .ml-chat-upload-message__spinner .material-symbols-rounded {
	animation: none;
}

.ml-chat-upload-message__dismiss {
	appearance: none;
	display: none;
	width: 34px;
	height: 34px;
	place-items: center;
	padding: 0;
	color: var(--ml-home-danger);
	border: 1px solid rgba(255, 98, 88, 0.4);
	border-radius: 8px;
	background: rgba(255, 98, 88, 0.08);
	cursor: pointer;
}

.ml-chat-upload-message.is-error .ml-chat-upload-message__spinner {
	display: none;
}

.ml-chat-upload-message.is-error .ml-chat-upload-message__dismiss {
	display: inline-grid;
	grid-column: 3;
	grid-row: 1 / span 2;
}

@keyframes ml-chat-image-spin {
	to {
		transform: rotate(360deg);
	}
}

@media (max-width: 575.98px) {
	.ml-chat-image-preview {
		padding: 0.45rem;
	}

	.ml-chat-image-preview__card {
		padding: 0.58rem;
	}

	.ml-chat-image-preview__media {
		min-height: 120px;
		max-height: 230px;
	}

	.ml-chat-image-preview__media img {
		max-height: 210px;
	}

	.ml-chat-upload-message {
		grid-template-columns: 48px minmax(0, 1fr) auto !important;
	}

	.ml-chat-upload-message__thumb {
		width: 48px;
		height: 48px;
	}
}



.ml-news-item {
	display: flex;
	min-width: 0;
	min-height: 0;
	flex-direction: column;
	gap: 0.6rem;
	padding: 0.72rem;
	overflow: hidden;
	border: 1px solid var(--ml-home-border-soft);
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.022);
	transition: border-color 150ms ease, background 150ms ease;
}

.ml-news-item:hover {
	border-color: rgba(255, 255, 255, 0.14);
	background: rgba(255, 255, 255, 0.038);
}

.ml-news-header {
	display: flex;
	min-width: 0;
	align-items: flex-start;
	justify-content: space-between;
	gap: 0.75rem;
	padding-bottom: 0.58rem;
	border-bottom: 1px solid var(--ml-home-border-soft);
}

.ml-news-header__title {
	min-width: 0;
	flex: 1 1 auto;
}

.ml-news-item .ml-news-header h4 {
	margin: 0;
	overflow: visible;
	color: var(--ml-home-text);
	font-size: 0.96rem;
	font-weight: 850;
	line-height: 1.35;
	text-overflow: clip;
	white-space: normal;
	overflow-wrap: anywhere;
}

.ml-news-meta {
	display: flex;
	min-width: 0;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	gap: 0.34rem;
	padding: 0;
	color: var(--ml-home-muted);
	border: 0;
	border-radius: 0;
	background: transparent;
	text-align: left;
}

.ml-news-meta .material-symbols-rounded {
	flex: 0 0 auto;
	color: var(--ml-home-accent-hover);
	font-size: 17px;
}

.ml-news-meta time {
	color: var(--ml-home-muted);
	font-size: 0.64rem;
	font-weight: 760;
	line-height: 1.35;
}

.ml-news-body {
	min-width: 0;
	margin: 0;
	overflow: hidden;
	color: rgba(244, 246, 251, 0.74);
	font-size: 0.72rem;
	line-height: 1.6;
	text-align: left;
}

.ml-news-body img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0.35rem auto;
	border-radius: 10px;
}

.ml-news-actions {
	display: flex;
	min-width: max-content;
	flex: 0 0 auto;
	align-items: center;
	align-self: flex-start;
	gap: 0.35rem;
	opacity: 1;
	pointer-events: auto;
	transform: none;
}

.ml-news-item:hover .ml-news-actions,
.ml-news-item:focus-within .ml-news-actions {
	opacity: 1;
	pointer-events: auto;
	transform: none;
}

.ml-news-actions .ml-icon-button {
	width: 32px;
	height: 32px;
	border-radius: 8px;
}

.ml-news-actions .ml-news-delete:hover,
.ml-news-actions .ml-news-delete:focus-visible {
	color: var(--ml-home-danger) !important;
	border-color: rgba(255, 98, 88, 0.45);
	background: rgba(255, 98, 88, 0.08);
}

@media (max-width: 767.98px) {
	.ml-news-item {
		display: flex;
		padding: 0.62rem;
	}

	.ml-news-header {
		gap: 0.55rem;
	}

	.ml-news-item .ml-news-header h4 {
		font-size: 0.9rem;
	}

	.ml-news-actions {
		display: flex;
	}
}

@media (max-width: 575.98px) {
	.ml-news-header {
		align-items: flex-start;
	}

	.ml-news-actions {
		gap: 0.25rem;
	}

	.ml-news-actions .ml-icon-button {
		width: 30px;
		height: 30px;
	}
}

.ml-news-item {
	overflow: visible;
}

.ml-news-reaction-bar {
	position: relative;
	z-index: 4;
	display: flex;
	min-width: 0;
	align-items: flex-end;
	justify-content: space-between;
	gap: 0.65rem;
	flex-wrap: wrap;
	padding-top: 0.65rem;
	border-top: 1px solid var(--ml-home-border-soft);
}

.ml-news-reaction-picker-wrap {
	position: relative;
	display: inline-flex;
	min-width: 0;
	align-items: flex-end;
}

.ml-news-reaction-trigger,
.ml-news-reaction-viewers,
.ml-news-reaction {
	appearance: none;
	font-family: inherit;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}

.ml-news-reaction-trigger {
	display: inline-flex;
	min-height: 38px;
	align-items: center;
	gap: 0.42rem;
	padding: 0.38rem 0.62rem;
	color: var(--ml-home-text);
	border: 1px solid var(--ml-home-accent-border);
	border-radius: 9px;
	background: var(--ml-home-accent-soft);
	box-shadow: 0 7px 18px rgba(0, 0, 0, 0.13);
	font-size: 0.68rem;
	font-weight: 820;
	line-height: 1;
	transition:
		color 160ms ease,
		border-color 160ms ease,
		background 160ms ease,
		transform 180ms cubic-bezier(0.2, 0.8, 0.2, 1),
		box-shadow 160ms ease;
}

.ml-news-reaction-trigger:hover,
.ml-news-reaction-trigger:focus-visible,
.ml-news-reaction-picker-wrap:focus-within .ml-news-reaction-trigger {
	color: var(--ml-home-accent-hover);
	border-color: var(--ml-home-accent-border-strong);
	background: color-mix(in srgb, var(--ml-home-accent) 13%, transparent);
	box-shadow: 0 9px 24px rgba(0, 0, 0, 0.19), 0 0 0 3px var(--ml-home-accent-ring);
	outline: none;
	transform: translateY(-1px) scale(1.025);
}

@supports not (background: color-mix(in srgb, #000 50%, #fff)) {
	.ml-news-reaction-trigger:hover,
	.ml-news-reaction-trigger:focus-visible,
	.ml-news-reaction-picker-wrap:focus-within .ml-news-reaction-trigger {
		background: var(--ml-home-accent-soft);
	}
}

.ml-news-reaction-trigger__emoji {
	display: inline-grid;
	width: 24px;
	height: 24px;
	place-items: center;
	font-size: 20px;
	line-height: 1;
	transform-origin: center;
}

.ml-news-reaction-trigger__label {
	white-space: nowrap;
}

.ml-news-reaction-trigger strong,
.ml-news-reaction-viewers strong {
	display: inline-grid;
	min-width: 23px;
	height: 23px;
	place-items: center;
	padding: 0 0.35rem;
	color: var(--ml-home-accent-hover);
	border: 1px solid var(--ml-home-accent-border);
	border-radius: 999px;
	background: transparent;
	font-size: 0.62rem;
	font-weight: 900;
	line-height: 1;
	transition: transform 180ms ease;
}

.ml-news-reaction-list {
	position: absolute;
	z-index: 50;
	left: 0;
	bottom: 100%;
	display: flex;
	width: max-content;
	max-width: min(520px, calc(100vw - 2rem));
	align-items: center;
	gap: 0.28rem;
	padding: 0.42rem;
	overflow-x: auto;
	color: var(--ml-home-text);
	border: 1px solid var(--ml-home-border);
	border-radius: 999px;
	background: var(--ml-home-surface-2);
	box-shadow: 0 18px 42px rgba(0, 0, 0, 0.34);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateY(8px) scale(0.96);
	transform-origin: left bottom;
	transition:
		opacity 150ms ease,
		visibility 150ms ease,
		transform 180ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

.ml-news-reaction-picker-wrap.is-open .ml-news-reaction-list {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateY(-5px) scale(1);
}

.ml-news-reaction {
	position: relative;
	display: inline-grid;
	min-width: 50px;
	height: 48px;
	flex: 0 0 auto;
	grid-template-columns: 1fr;
	place-items: center;
	align-content: center;
	gap: 1px;
	padding: 0.2rem 0.42rem;
	color: var(--ml-home-muted);
	border: 1px solid transparent;
	border-radius: 9px;
	background: transparent;
	line-height: 1;
	transition:
		color 150ms ease,
		border-color 150ms ease,
		background 150ms ease,
		transform 190ms cubic-bezier(0.2, 0.8, 0.2, 1),
		filter 150ms ease,
		opacity 150ms ease;
}

.ml-news-reaction:hover,
.ml-news-reaction:focus-visible {
	z-index: 2;
	color: var(--ml-home-text);
	border-color: var(--ml-home-accent-border);
	background: var(--ml-home-accent-soft);
	filter: saturate(1.12);
	outline: none;
	transform: translateY(-4px) scale(1.12);
}

.ml-news-reaction:active {
	transform: translateY(-1px) scale(0.98);
}

.ml-news-reaction.is-active {
	color: var(--ml-home-accent-hover);
	border-color: var(--ml-home-accent-border-strong);
	background: var(--ml-home-accent-soft);
	box-shadow: inset 0 0 0 1px var(--ml-home-accent-soft);
	transform: scale(1.06);
}

.ml-news-reaction:disabled {
	cursor: wait;
	opacity: 0.58;
}

.ml-news-reaction__emoji {
	display: block;
	font-size: 21px;
	line-height: 1;
	transform-origin: center;
}

.ml-news-reaction__count {
	display: block;
	min-width: 12px;
	color: var(--ml-home-accent-hover);
	font-size: 0.6rem;
	font-weight: 900;
	line-height: 1;
	transition: transform 170ms ease;
}

.ml-news-reaction__count.is-pulse,
.ml-news-reaction-trigger strong.is-pulse,
.ml-news-reaction-viewers strong.is-pulse {
	animation: mlReactionCountPulse 380ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

.ml-news-reaction.is-burst .ml-news-reaction__emoji,
.ml-news-reaction-trigger.is-burst .ml-news-reaction-trigger__emoji {
	animation: mlReactionBurst 440ms cubic-bezier(0.2, 0.9, 0.25, 1.25);
}

@keyframes mlReactionBurst {
	0% { transform: scale(1) rotate(0deg); }
	42% { transform: scale(1.48) rotate(-8deg); }
	70% { transform: scale(0.92) rotate(4deg); }
	100% { transform: scale(1) rotate(0deg); }
}

@keyframes mlReactionCountPulse {
	0% { transform: scale(1); }
	48% { transform: scale(1.34); }
	100% { transform: scale(1); }
}

.ml-news-reaction-viewers {
	display: inline-flex;
	min-height: 38px;
	align-items: center;
	justify-content: center;
	gap: 0.38rem;
	margin-left: auto;
	padding: 0.38rem 0.58rem;
	color: var(--ml-home-muted);
	border: 1px solid var(--ml-home-border-soft);
	border-radius: 9px;
	background: rgba(255, 255, 255, 0.02);
	font-size: 0.65rem;
	font-weight: 800;
	line-height: 1;
	transition:
		color 160ms ease,
		border-color 160ms ease,
		background 160ms ease,
		transform 160ms ease;
}

.ml-news-reaction-viewers .material-symbols-rounded {
	color: var(--ml-home-accent-hover);
	font-size: 19px;
}

.ml-news-reaction-viewers:hover,
.ml-news-reaction-viewers:focus-visible {
	color: var(--ml-home-text);
	border-color: var(--ml-home-accent-border-strong);
	background: var(--ml-home-accent-soft);
	outline: none;
	transform: translateY(-1px);
}

.ml-news-reaction-viewers:disabled {
	cursor: default;
	opacity: 0.48;
	transform: none;
}

.ml-news-reaction-message {
	display: none;
	flex: 1 0 100%;
	min-height: 0;
	color: var(--ml-home-muted);
	font-size: 0.62rem;
	line-height: 1.35;
}

.ml-news-reaction-message:not(:empty) {
	display: block;
}

.ml-news-reaction-message.is-error {
	color: var(--ml-home-danger);
}

@media (max-width: 767.98px) {
	.ml-news-reaction-bar {
		align-items: center;
		gap: 0.48rem;
		flex-wrap: nowrap;
	}

	.ml-news-reaction-picker-wrap {
		width: auto;
		min-width: 0;
		flex: 0 1 auto;
	}

	.ml-news-reaction-trigger {
		display: inline-flex;
		max-width: min(62vw, 240px);
	}

	.ml-news-reaction-trigger__label {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.ml-news-reaction-list {
		position: absolute;
		left: 0;
		bottom: calc(100% + 5px);
		display: grid;
		width: min(330px, calc(100vw - 1.5rem));
		max-width: calc(100vw - 1.5rem);
		grid-template-columns: repeat(4, minmax(54px, 1fr));
		gap: 0.3rem;
		padding: 0.42rem;
		overflow: visible;
		border: 1px solid var(--ml-home-border);
		border-radius: 16px;
		background: var(--ml-home-surface-2);
		box-shadow: 0 18px 42px rgba(0, 0, 0, 0.38);
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transform: translateY(8px) scale(0.96);
		transform-origin: left bottom;
	}

	.ml-news-reaction-picker-wrap.is-open .ml-news-reaction-list {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transform: translateY(-5px) scale(1);
	}

	.ml-news-reaction {
		min-width: 0;
		width: 100%;
		height: 48px;
		padding: 0.18rem 0.3rem;
		border-color: var(--ml-home-border-soft);
		background: rgba(255, 255, 255, 0.018);
	}

	.ml-news-reaction:hover,
	.ml-news-reaction:focus-visible {
		transform: scale(1.05);
	}

	.ml-news-reaction.is-active {
		transform: scale(1.06);
	}

	.ml-news-reaction-viewers {
		min-width: 42px;
		margin-left: auto;
		padding-inline: 0.5rem;
	}

	.ml-news-reaction-viewers > span:nth-child(2) {
		display: none;
	}
}

@media (max-width: 390px) {
	.ml-news-reaction-list {
		width: min(286px, calc(100vw - 1.1rem));
		grid-template-columns: repeat(4, minmax(48px, 1fr));
	}

	.ml-news-reaction-trigger {
		max-width: 58vw;
		padding-inline: 0.48rem;
	}
}


.ml-reaction-modal.modal {
	position: fixed !important;
	z-index: 1085 !important;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	width: 100vw !important;
	height: 100vh !important;
	margin: 0 !important;
	overflow-x: hidden;
	overflow-y: auto;
	transform: none !important;
}

@supports (height: 100dvh) {
	.ml-reaction-modal.modal {
		height: 100dvh !important;
	}
}

.ml-reaction-modal .modal-dialog {
	width: min(600px, calc(100vw - 2rem));
	max-width: 600px;
	margin: 1rem auto;
}

.ml-reaction-modal .modal-dialog.modal-dialog-centered {
	min-height: calc(100% - 2rem);
}

.ml-reaction-modal__content {
	max-height: min(78vh, 720px);
	overflow: hidden;
	color: var(--ml-home-text);
	border: 1px solid var(--ml-home-border);
	border-radius: 18px;
	background: var(--ml-home-surface);
	box-shadow: 0 26px 78px rgba(0, 0, 0, 0.48);
}

@supports (height: 100dvh) {
	.ml-reaction-modal__content {
		max-height: min(78dvh, 720px);
	}
}

.ml-reaction-modal.show .ml-reaction-modal__content {
	animation: mlReactionModalIn 220ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

@keyframes mlReactionModalIn {
	from { opacity: 0; transform: translateY(10px) scale(0.97); }
	to { opacity: 1; transform: translateY(0) scale(1); }
}

.ml-reaction-modal__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	padding: 0.78rem 0.85rem;
	border-bottom: 1px solid var(--ml-home-border-soft);
}

.ml-reaction-modal__title-wrap {
	display: flex;
	min-width: 0;
	align-items: center;
	gap: 0.55rem;
}

.ml-reaction-modal__title-icon {
	display: inline-grid;
	width: 36px;
	height: 36px;
	flex: 0 0 36px;
	place-items: center;
	color: var(--ml-home-accent-hover);
	border: 1px solid var(--ml-home-accent-border);
	border-radius: 10px;
	background: var(--ml-home-accent-soft);
}

.ml-reaction-modal__title-wrap h3 {
	margin: 0;
	color: var(--ml-home-text);
	font-size: 0.92rem;
	font-weight: 880;
	line-height: 1.25;
}

.ml-reaction-modal__subtitle {
	margin-top: 0.08rem;
	color: var(--ml-home-muted);
	font-size: 0.64rem;
	font-weight: 700;
}

.ml-reaction-modal__close {
	appearance: none;
	display: inline-grid;
	width: 36px;
	height: 36px;
	flex: 0 0 36px;
	place-items: center;
	color: var(--ml-home-muted);
	border: 1px solid var(--ml-home-border-soft);
	border-radius: 10px;
	background: var(--ml-home-surface-2);
	cursor: pointer;
}

.ml-reaction-modal__close:hover,
.ml-reaction-modal__close:focus-visible {
	color: var(--ml-home-text);
	border-color: var(--ml-home-accent-border-strong);
	background: var(--ml-home-accent-soft);
	outline: none;
}

.ml-reaction-modal__tabs {
	display: flex;
	align-items: center;
	gap: 0.3rem;
	padding: 0.58rem 0.7rem;
	overflow-x: auto;
	border-bottom: 1px solid var(--ml-home-border-soft);
	scrollbar-width: thin;
	background:var(--bg-primary);
}

.ml-reaction-modal__tab {
	appearance: none;
	display: inline-flex;
	min-height: 34px;
	flex: 0 0 auto;
	align-items: center;
	gap: 0.3rem;
	padding: 0.35rem 0.52rem;
	color: var(--ml-home-muted);
	border: 1px solid var(--ml-home-border-soft);
	border-radius: 999px;
	background: transparent;
	font-family: inherit;
	font-size: 0.63rem;
	font-weight: 820;
	cursor: pointer;
}

.ml-reaction-modal__tab:hover,
.ml-reaction-modal__tab:focus-visible,
.ml-reaction-modal__tab.is-active {
	color: var(--ml-home-accent-hover);
	border-color: var(--ml-home-accent-border-strong);
	background: var(--ml-home-accent-soft);
	outline: none;
}

.ml-reaction-modal__tab strong {
	color: inherit;
	font-size: 0.58rem;
}

.ml-reaction-modal__body {
	min-height: 180px;
	padding: 0.55rem;
	overflow-y: auto;
}

.ml-reaction-modal__loading,
.ml-reaction-modal__empty,
.ml-reaction-modal__error {
	display: grid;
	min-height: 180px;
	place-items: center;
	align-content: center;
	gap: 0.4rem;
	padding: 1rem;
	color: var(--ml-home-muted);
	text-align: center;
	font-size: 0.72rem;
}

.ml-reaction-modal__error {
	color: var(--ml-home-danger);
}

.ml-reaction-user-list {
	display: grid;
	gap: 0.34rem;
}

.ml-reaction-user {
	display: flex;
	min-width: 0;
	align-items: center;
	gap: 0.62rem;
	padding: 0.55rem 0.58rem;
	color: inherit;
	border: 1px solid var(--ml-home-border-soft);
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.018);
	text-decoration: none !important;
	cursor: pointer;
	transition: border-color 150ms ease, background 150ms ease, transform 150ms ease, box-shadow 150ms ease;
}

.ml-reaction-user:hover,
.ml-reaction-user:focus-visible {
	color: inherit;
	border-color: var(--ml-home-accent-border);
	background: rgba(255, 255, 255, 0.032);
	box-shadow: 0 0 0 3px var(--ml-home-accent-ring);
	text-decoration: none !important;
	outline: none;
	transform: translateY(-1px);
}

.ml-reaction-user__avatar {
	position: relative;
	display: grid;
	width: 46px;
	height: 46px;
	flex: 0 0 46px;
	place-items: center;
	overflow: hidden;
	color: var(--ml-home-accent-hover);
	border: 1px solid var(--ml-home-accent-border);
	border-radius: 50%;
	background: var(--ml-home-accent-soft);
	font-size: 0.84rem;
	font-weight: 900;
	text-transform: uppercase;
}

.ml-reaction-user__avatar img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ml-reaction-user__main {
	min-width: 0;
	flex: 1 1 auto;
}

.ml-reaction-user__name {
	overflow: hidden;
	color: var(--ml-home-text);
	font-size: 0.73rem;
	font-weight: 850;
	line-height: 1.25;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ml-reaction-user__meta {
	display: flex;
	min-width: 0;
	align-items: center;
	gap: 0.35rem;
	margin-top: 0.16rem;
	color: var(--ml-home-muted);
	font-size: 0.6rem;
	line-height: 1.25;
}

.ml-reaction-user__username {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ml-reaction-user__class {
	color: var(--ml-home-accent-hover);
}

.ml-reaction-user__reaction {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	gap: 0.26rem;
	padding: 0.34rem 0.45rem;
	color: var(--ml-home-accent-hover);
	border: 1px solid var(--ml-home-accent-border);
	border-radius: 999px;
	background: var(--ml-home-accent-soft);
	font-size: 0.58rem;
	font-weight: 850;
	white-space: nowrap;
}

.ml-reaction-user__reaction-emoji {
	font-size: 17px;
}

@media (max-width: 575.98px) {
	.ml-reaction-modal .modal-dialog {
		width: calc(100vw - 1.1rem);
		margin: 0.55rem auto;
	}

	.ml-reaction-modal .modal-dialog.modal-dialog-centered {
		min-height: calc(100% - 1.1rem);
	}

	.ml-reaction-modal__content {
		max-height: 86vh;
		border-radius: 15px;
	}

	@supports (height: 100dvh) {
		.ml-reaction-modal__content {
			max-height: 86dvh;
		}
	}

	.ml-reaction-user__reaction span:last-child {
		display: none;
	}
}

.ml-home-app {
	--ml-home-stage-height: 590px;
}

/* A hírek saját, az üzenőfallal megegyező magasságú görgethető felülete. */
.ml-news-stage {
	position: relative;
	height: var(--ml-home-stage-height);
	min-height: var(--ml-home-stage-height);
	max-height: var(--ml-home-stage-height);
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-color: var(--ml-home-border) transparent;
}

/* Watermark alap minden főoldali tartalmi blokkhoz. */
.ml-watermark-panel {
	position: relative;
	isolation: isolate;
}

.ml-watermark-panel::before {
	content: attr(data-watermark-icon);
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 50%;
	display: block;
	color: var(--ml-home-accent);
	font-family: "Material Symbols Rounded";
	font-size: clamp(92px, 10vw, 148px);
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	opacity: 0.055;
	pointer-events: none;
	user-select: none;
	transform: translate(-50%, -50%);
	-webkit-font-feature-settings: "liga";
	font-feature-settings: "liga";
	-webkit-font-smoothing: antialiased;
	font-variation-settings:
		"FILL" 1,
		"wght" 500,
		"GRAD" 0,
		"opsz" 48;
}

/* A tényleges tartalom mindig a watermark fölött marad. */
.ml-news-stage > .ml-news-feed,
.ml-side-panel > .online-users,
.ml-side-panel > .online-users-24,
.ml-side-panel > .visitors-24-users,
.ml-side-panel > .ml-birthday-list,
.ml-side-panel > .ml-birthday-note,
.ml-side-panel > .ml-empty-state,
.ml-side-panel > .ml-app-loading {
	position: relative;
	z-index: 1;
}

/*
 * Kétoszlopos asztali nézet:
 * 590px üzenőfal + a bal oldali .ml-workspace-body függőleges
 * paddingje (2 × 0.48rem). Így a két külső kártya alja egy vonalba kerül.
 */
@media (min-width: 1101px) {
	.ml-app-sidebar .ml-side-panel {
		height: calc(var(--ml-home-stage-height) + 0.96rem - 1px);
		min-height: calc(var(--ml-home-stage-height) + 0.96rem - 1px);
		max-height: calc(var(--ml-home-stage-height) + 0.96rem - 1px);
	}
}

@media (max-width: 767.98px) {
	.ml-home-app {
		--ml-home-stage-height: 530px;
	}

	.ml-news-stage {
		height: var(--ml-home-stage-height);
		min-height: var(--ml-home-stage-height);
		max-height: var(--ml-home-stage-height);
	}

	/* A hírek saját eleme görgessen, ne a külső body is. */
	.ml-workspace-panel[data-home-panel="news"] .ml-workspace-body {
		max-height: none;
		overflow: visible;
	}

	.ml-watermark-panel::before {
		font-size: clamp(82px, 26vw, 126px);
		opacity: 0.05;
	}
}

@media (max-width: 575.98px) {
	.ml-home-app {
		--ml-home-stage-height: 470px;
	}
}



@media (min-width: 768px) {
	.ml-chat-composer__main {
		grid-template-columns: 44px minmax(0, 1fr) auto;
	}

	.ml-chat-composer__actions {
		gap: 0.28rem;
	}

	.ml-chat-image-button,
	.ml-chat-action-button,
	.ml-chat-composer .ml-send-button {
		width: 42px;
		height: 42px;
		min-height: 42px;
		flex-basis: 42px;
		color: var(--ml-home-muted) !important;
		border: 0 !important;
		border-radius: 0;
		background: transparent !important;
		box-shadow: none !important;
		filter: none;
		transform: translateY(0) scale(1);
		transform-origin: center;
		will-change: transform, filter, color;
		transition:
			color 180ms ease,
			transform 180ms cubic-bezier(0.2, 0.8, 0.2, 1),
			filter 180ms ease !important;
	}

	.ml-chat-image-button .material-symbols-rounded,
	.ml-chat-action-button .material-symbols-rounded,
	.ml-chat-composer .ml-send-button .material-symbols-rounded {
		font-size: 27px;
		transform-origin: center;
		transition:
			transform 220ms cubic-bezier(0.2, 0.8, 0.2, 1),
			font-variation-settings 220ms ease;
	}

	.ml-chat-image-button:hover,
	.ml-chat-action-button:hover,
	.ml-chat-composer .ml-send-button:hover,
	.ml-chat-image-button:focus-visible,
	.ml-chat-action-button:focus-visible,
	.ml-chat-composer .ml-send-button:focus-visible {
		color: var(--ml-home-accent-hover) !important;
		border: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
		filter:
			drop-shadow(0 0 5px var(--ml-home-accent-focus))
			drop-shadow(0 0 12px var(--ml-home-accent-ring));
		transform: translateY(-3px) scale(1.13);
	}

	.ml-chat-image-button:hover .material-symbols-rounded,
	.ml-chat-action-button:hover .material-symbols-rounded,
	.ml-chat-composer .ml-send-button:hover .material-symbols-rounded,
	.ml-chat-image-button:focus-visible .material-symbols-rounded,
	.ml-chat-action-button:focus-visible .material-symbols-rounded,
	.ml-chat-composer .ml-send-button:focus-visible .material-symbols-rounded {
		font-variation-settings:
			"FILL" 1,
			"wght" 650,
			"GRAD" 80,
			"opsz" 28;
		animation: ml-chat-icon-pop 420ms cubic-bezier(0.2, 0.8, 0.2, 1);
	}

	.ml-chat-image-button:active,
	.ml-chat-action-button:active,
	.ml-chat-composer .ml-send-button:active {
		background: transparent !important;
		filter: drop-shadow(0 0 4px var(--ml-home-accent-focus));
		transform: translateY(0) scale(0.92);
	}

	.ml-chat-image-button.is-active,
	.ml-chat-action-button.is-active,
	.ml-chat-action-button[aria-expanded="true"],
	.ml-chat-composer.is-ready .ml-send-button {
		color: var(--ml-home-accent-hover) !important;
		border: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
		filter: drop-shadow(0 0 5px var(--ml-home-accent-ring));
	}

	.ml-chat-composer.is-ready .ml-send-button:hover,
	.ml-chat-composer.is-ready .ml-send-button:focus-visible {
		color: var(--ml-home-accent-hover) !important;
		border: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
		filter:
			drop-shadow(0 0 6px var(--ml-home-accent-focus))
			drop-shadow(0 0 14px var(--ml-home-accent-ring));
	}
}

@keyframes ml-chat-icon-pop {
	0% {
		transform: rotate(0deg) scale(1);
	}
	38% {
		transform: rotate(-9deg) scale(1.18);
	}
	68% {
		transform: rotate(7deg) scale(1.08);
	}
	100% {
		transform: rotate(0deg) scale(1);
	}
}

/* Főoldali szavazás. */
.ml-vote-wrap {
	position: relative;
	z-index: 1;
	display: grid;
	gap: 0.62rem;
}

.ml-vote-question {
	margin: 0;
	color: var(--ml-home-text);
	font-size: 0.9rem;
	font-weight: 850;
	line-height: 1.4;
	text-align: center;
}

.ml-vote-notice {
	padding: 0.52rem 0.58rem;
	color: var(--ml-home-muted);
	border: 1px solid var(--ml-home-border-soft);
	border-radius: 9px;
	background: rgba(255, 255, 255, 0.022);
	font-size: 0.68rem;
	line-height: 1.45;
}

.ml-vote-notice--success {
	color: var(--ml-home-success);
	border-color: rgba(79, 209, 157, 0.28);
	background: rgba(79, 209, 157, 0.06);
}

.ml-vote-notice--error {
	color: var(--ml-home-danger);
	border-color: rgba(255, 98, 88, 0.34);
	background: rgba(255, 98, 88, 0.07);
}

.ml-vote-form,
.ml-vote-options,
.ml-vote-results {
	display: grid;
	gap: 0.42rem;
}

.ml-vote-option {
	display: grid;
	grid-template-columns: 22px minmax(0, 1fr);
	align-items: center;
	gap: 0.48rem;
	min-height: 42px;
	margin: 0;
	padding: 0.5rem 0.58rem;
	color: var(--ml-home-text);
	border: 1px solid var(--ml-home-border-soft);
	border-radius: 9px;
	background: rgba(255, 255, 255, 0.022);
	font-size: 0.7rem;
	font-weight: 760;
	cursor: pointer;
	transition: border-color 150ms ease, background 150ms ease;
}

.ml-vote-option:hover {
	border-color: var(--ml-home-accent-border-strong);
	background: var(--ml-home-accent-soft);
}

.ml-vote-option input {
	width: 16px;
	height: 16px;
	margin: 0;
	accent-color: var(--ml-home-accent);
}

.ml-vote-submit {
	width: 100%;
	margin-top: 0.12rem;
}

.ml-vote-result {
	display: grid;
	gap: 0.3rem;
	padding: 0.5rem 0.56rem;
	border: 1px solid var(--ml-home-border-soft);
	border-radius: 9px;
	background: rgba(255, 255, 255, 0.022);
}

.ml-vote-result__head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 0.55rem;
	font-size: 0.67rem;
}

.ml-vote-result__head strong {
	min-width: 0;
	color: var(--ml-home-text);
	overflow-wrap: anywhere;
}

.ml-vote-result__head span {
	flex: 0 0 auto;
	color: var(--ml-home-muted);
}

.ml-vote-result__track {
	height: 8px;
	overflow: hidden;
	border-radius: 999px;
	background: var(--ml-home-surface-3);
}

.ml-vote-result__bar {
	height: 100%;
	min-width: 0;
	border-radius: inherit;
	background: var(--ml-home-accent);
}

.ml-vote-summary {
	padding-top: 0.12rem;
	color: var(--ml-home-muted);
	font-size: 0.65rem;
	line-height: 1.55;
	text-align: center;
}


/* A szavazás önálló kártya a háromfüles oldalsáv alatt. */
.ml-vote-card {
	position: relative;
	overflow: hidden;
}

.ml-vote-card__header,
.ml-vote-card__body {
	position: relative;
	z-index: 1;
}

.ml-vote-card__header {
	display: flex;
	align-items: center;
	min-height: 58px;
	padding: 0.65rem 0.8rem;
	border-bottom: 1px solid var(--ml-home-border-soft);
	background: var(--bg-primary);
}

.ml-vote-card__header .ml-home-heading h2,
.ml-vote-card__header .ml-home-heading p {
	margin: 0;
}

.ml-vote-card__header .ml-home-heading h2 {
	color: var(--ml-home-text);
	font-size: 0.9rem;
	font-weight: 850;
	line-height: 1.2;
}

.ml-vote-card__header .ml-home-heading p {
	margin-top: 0.12rem;
	color: var(--ml-home-muted);
	font-size: 0.64rem;
	line-height: 1.35;
}

.ml-vote-card__body {
	padding: 0.65rem;
}

.ml-vote-card .ml-empty-state {
	min-height: 180px !important;
}

@media (max-width: 767.98px) {
	.ml-workspace > .ml-app-sidebar > .ml-vote-card {
		margin-top: 0.75rem;
		overflow: hidden;
		border: 1px solid var(--ml-home-border);
		border-radius: 13px;
		background: var(--ml-home-surface);
		box-shadow: 0 14px 34px rgba(0, 0, 0, 0.16);
	}
}



.ml-stats-card {
	position: relative;
	overflow: hidden;
}

.ml-stats-card__body {
	position: relative;
	z-index: 1;
	padding: 0.55rem;
}

.ml-stat-list {
	display: grid;
	gap: 0.36rem;
	margin: 0;
}

.ml-stat-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 0.65rem;
	min-height: 44px;
	padding: 0.52rem 0.58rem;
	border: 1px solid var(--ml-home-border-soft);
	border-radius: 9px;
	background: rgba(255, 255, 255, 0.022);
}

.ml-stat-row dt,
.ml-stat-row dd {
	margin: 0;
}

.ml-stat-row dt {
	display: flex;
	min-width: 0;
	align-items: center;
	gap: 0.46rem;
	color: var(--ml-home-muted);
	font-size: 0.69rem;
	font-weight: 740;
	line-height: 1.35;
}

.ml-stat-row dt .material-symbols-rounded {
	flex: 0 0 auto;
	color: var(--ml-home-accent-hover);
	font-size: 19px;
}

.ml-stat-row dd {
	color: var(--ml-home-text);
	text-align: right;
	white-space: nowrap;
	font-weight: 600;
}

.ml-stat-row--started {
	border-color: var(--ml-home-accent-border);
	background: var(--ml-home-accent-soft);
}

@media (max-width: 767.98px) {
	.ml-home-app .ml-app-grid > .ml-app-sidebar {
		display: grid !important;
		margin-top: 0.75rem;
	}

	.ml-home-app .ml-app-sidebar .ml-app-card {
		overflow: hidden;
		border: 1px solid var(--ml-home-border);
		border-radius: 13px;
		background: var(--ml-home-surface);
		box-shadow: 0 14px 34px rgba(0, 0, 0, 0.16);
	}
}


.ml-partners-card {
	position: relative;
	margin-top: 0.75rem;
	overflow: hidden;
}

.ml-partners-card__body {
	position: relative;
	z-index: 1;
	padding: 0.7rem;
}

.ml-partner-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
	align-items: stretch;
	gap: 0.65rem;
}

/* PC / tablet fekvő nézet: a partnerbannerek egymás alatt jelenjenek meg. */
@media (min-width: 768px) {
	.ml-partner-grid {
		grid-template-columns: minmax(0, 1fr);
	}
}

.ml-partner-banner {
	display: flex;
	min-width: 0;
	min-height: 78px;
	align-items: center;
	justify-content: center;
	padding: 0.45rem;
	overflow: hidden;
	border: 1px solid var(--ml-home-border-soft);
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.022);
	text-decoration: none !important;
	transition:
		border-color 150ms ease,
		background 150ms ease,
		transform 150ms ease,
		box-shadow 150ms ease;
}

.ml-partner-banner:hover,
.ml-partner-banner:focus-visible {
	border-color: var(--ml-home-accent-border-strong);
	background: var(--ml-home-accent-soft);
	box-shadow: 0 0 0 3px var(--ml-home-accent-ring);
	outline: none;
	transform: translateY(-2px);
}

.ml-partner-banner img {
	display: block;
	width: 100%;
	height: 68px;
	object-fit: contain;
	border: 0;
	border-radius: 6px;
}

.ml-partners-empty {
	min-height: 115px;
}

@media (max-width: 767.98px) {
	.ml-partners-card {
		border-radius: 13px;
	}

	.ml-partner-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.5rem;
	}

	.ml-partner-banner {
		min-height: 70px;
		padding: 0.35rem;
	}

	.ml-partner-banner img {
		height: 60px;
	}
}

@media (max-width: 479.98px) {
	.ml-partner-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.ml-partner-banner img {
		height: 66px;
	}
}




.ml-vote-card__header {
	justify-content: space-between;
	gap: 0.65rem;
}

.ml-card-menu-wrap {
	position: relative;
	z-index: 40;
	flex: 0 0 auto;
}

.ml-card-menu-button {
	appearance: none;
	display: inline-grid;
	width: 42px;
	height: 42px;
	place-items: center;
	padding: 0;
	color: var(--ml-home-muted);
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	transition:
		color 180ms ease,
		transform 240ms cubic-bezier(0.2, 0.85, 0.25, 1.2),
		filter 180ms ease;
}

.ml-card-menu-button .material-symbols-rounded {
	font-size: 28px;
	font-variation-settings:
		"FILL" 0,
		"wght" 600,
		"GRAD" 0,
		"opsz" 28;
}

.ml-card-menu {
	position: absolute;
	z-index: 50;
	top: calc(100% + 0.42rem);
	right: 0;
	width: min(235px, calc(100vw - 1.2rem));
	padding: 0.4rem;
	border: 1px solid var(--ml-home-border);
	border-radius: 12px;
	background: var(--ml-home-surface-2);
	box-shadow: 0 18px 40px rgba(0, 0, 0, 0.36);
}

.ml-card-menu[hidden] {
	display: none !important;
}

.ml-card-menu a,
.ml-card-menu button {
	display: flex;
	align-items: center;
	gap: 0.48rem;
	width: 100%;
	min-height: 38px;
	padding: 0.5rem 0.58rem;
	color: var(--ml-home-text);
	border: 0;
	border-radius: 8px;
	background: transparent;
	font: inherit;
	font-size: 0.72rem;
	font-weight: 760;
	text-align: left;
	text-decoration: none !important;
	cursor: pointer;
}

/* A hírművelet ikonok szabadon, háttér nélkül jelennek meg. */
.ml-home-app .ml-news-actions .ml-icon-button {
	color: var(--ml-home-muted) !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

/*
 * Hárompontos adminmenük: nyugalmi állapotban semleges kör,
 * nyitott állapotban accent-neon gyűrű és belső fény.
 */
.ml-home-app .ml-workspace-menu-button,
.ml-home-app .ml-card-menu-button {
	position: relative;
	display: inline-grid !important;
	place-items: center;
	color: var(--ml-home-muted) !important;
	border: 1px solid var(--ml-home-border) !important;
	border-radius: 50% !important;
	background: transparent !important;
	box-shadow:
		inset 0 0 0 1px rgba(255, 255, 255, 0.018),
		0 0 0 0 transparent !important;
	transition:
		color 180ms ease,
		border-color 180ms ease,
		background 180ms ease,
		box-shadow 220ms ease,
		transform 240ms cubic-bezier(0.2, 0.85, 0.25, 1.2),
		filter 180ms ease;
}

.ml-home-app .ml-workspace-menu-button:hover,
.ml-home-app .ml-workspace-menu-button:focus-visible,
.ml-home-app .ml-card-menu-button:hover,
.ml-home-app .ml-card-menu-button:focus-visible {
	color: var(--ml-home-accent-hover) !important;
	border-color: var(--ml-home-accent-border-strong) !important;
	background: var(--ml-home-accent-soft) !important;
	box-shadow:
		inset 0 0 10px var(--ml-home-accent-ring),
		0 0 8px var(--ml-home-accent-ring),
		0 0 18px color-mix(in srgb, var(--ml-home-accent) 28%, transparent) !important;
}

.ml-home-app .ml-workspace-menu-button[aria-expanded="true"],
.ml-home-app .ml-card-menu-button[aria-expanded="true"] {
	color: var(--ml-home-accent-hover) !important;
	border-color: var(--ml-home-accent-hover) !important;
	background: var(--ml-home-accent-soft) !important;
	box-shadow:
		inset 0 0 12px var(--ml-home-accent-ring),
		0 0 0 3px var(--ml-home-accent-ring),
		0 0 10px var(--ml-home-accent-focus),
		0 0 24px color-mix(in srgb, var(--ml-home-accent) 38%, transparent) !important;
	transform: translateY(-2px) scale(1.065);
}

@supports not (color: color-mix(in srgb, #000 50%, #fff)) {
	.ml-home-app .ml-workspace-menu-button:hover,
	.ml-home-app .ml-workspace-menu-button:focus-visible,
	.ml-home-app .ml-card-menu-button:hover,
	.ml-home-app .ml-card-menu-button:focus-visible,
	.ml-home-app .ml-workspace-menu-button[aria-expanded="true"],
	.ml-home-app .ml-card-menu-button[aria-expanded="true"] {
		box-shadow:
			inset 0 0 10px rgba(124, 138, 165, 0.16),
			0 0 0 3px rgba(124, 138, 165, 0.11),
			0 0 18px rgba(124, 138, 165, 0.32) !important;
	}
}

/* Minden tényleges funkció ugyanazt a finom emelés/fény/rázkódás effektet kapja. */
.ml-home-app :is(
	.ml-workspace-tab,
	.ml-mobile-tab,
	.ml-workspace-menu-button,
	.ml-card-menu-button,
	.ml-icon-button,
	.ml-text-button,
	.ml-chat-image-button,
	.ml-chat-action-button,
	.ml-send-button,
	.ml-picker-close,
	.ml-picker-smiley,
	.ml-picker-greeting,
	.ml-picker-gif,
	.ml-greeting-button,
	.ml-vote-option,
	.ml-partner-banner
):hover,
.ml-home-app :is(
	.ml-workspace-tab,
	.ml-mobile-tab,
	.ml-workspace-menu-button,
	.ml-card-menu-button,
	.ml-icon-button,
	.ml-text-button,
	.ml-chat-image-button,
	.ml-chat-action-button,
	.ml-send-button,
	.ml-picker-close,
	.ml-picker-smiley,
	.ml-picker-greeting,
	.ml-picker-gif,
	.ml-greeting-button,
	.ml-vote-option,
	.ml-partner-banner
):focus-visible {
	filter:
		drop-shadow(0 0 7px var(--ml-home-accent-focus))
		drop-shadow(0 6px 8px rgba(0, 0, 0, 0.2));
	transform: translateY(-3px) scale(1.045);
}

.ml-home-app :is(
	.ml-workspace-tab,
	.ml-mobile-tab,
	.ml-workspace-menu-button,
	.ml-card-menu-button,
	.ml-icon-button,
	.ml-text-button,
	.ml-chat-image-button,
	.ml-chat-action-button,
	.ml-send-button,
	.ml-picker-close,
	.ml-picker-smiley,
	.ml-picker-greeting,
	.ml-picker-gif,
	.ml-greeting-button
):hover .material-symbols-rounded,
.ml-home-app :is(
	.ml-workspace-tab,
	.ml-mobile-tab,
	.ml-workspace-menu-button,
	.ml-card-menu-button,
	.ml-icon-button,
	.ml-text-button,
	.ml-chat-image-button,
	.ml-chat-action-button,
	.ml-send-button,
	.ml-picker-close,
	.ml-picker-smiley,
	.ml-picker-greeting,
	.ml-picker-gif,
	.ml-greeting-button
):focus-visible .material-symbols-rounded {
	animation: ml-global-function-pop 430ms cubic-bezier(0.2, 0.85, 0.25, 1.2) both;
}

.ml-workspace-menu a,
.ml-workspace-menu button,
.ml-card-menu a,
.ml-card-menu button {
	transition:
		color 180ms ease,
		background 180ms ease,
		transform 220ms cubic-bezier(0.2, 0.85, 0.25, 1.2),
		filter 180ms ease;
}

.ml-workspace-menu a:hover,
.ml-workspace-menu button:hover,
.ml-workspace-menu a:focus-visible,
.ml-workspace-menu button:focus-visible,
.ml-card-menu a:hover,
.ml-card-menu button:hover,
.ml-card-menu a:focus-visible,
.ml-card-menu button:focus-visible {
	color: var(--ml-home-accent-hover);
	background: var(--ml-home-accent-soft);
	filter: drop-shadow(0 0 6px var(--ml-home-accent-ring));
	outline: none;
	transform: translateX(4px);
}

.ml-workspace-menu a:hover .material-symbols-rounded,
.ml-workspace-menu button:hover .material-symbols-rounded,
.ml-workspace-menu a:focus-visible .material-symbols-rounded,
.ml-workspace-menu button:focus-visible .material-symbols-rounded,
.ml-card-menu a:hover .material-symbols-rounded,
.ml-card-menu button:hover .material-symbols-rounded,
.ml-card-menu a:focus-visible .material-symbols-rounded,
.ml-card-menu button:focus-visible .material-symbols-rounded {
	animation: ml-global-function-pop 430ms cubic-bezier(0.2, 0.85, 0.25, 1.2) both;
}

.ml-news-actions .ml-news-delete:hover,
.ml-news-actions .ml-news-delete:focus-visible {
	color: var(--ml-home-danger) !important;
	filter:
		drop-shadow(0 0 8px rgba(255, 98, 88, 0.55))
		drop-shadow(0 6px 8px rgba(0, 0, 0, 0.2));
}

@keyframes ml-global-function-pop {
	0% {
		transform: translateY(0) rotate(0deg) scale(1);
	}
	45% {
		transform: translateY(-2px) rotate(-7deg) scale(1.2);
	}
	72% {
		transform: translateY(0) rotate(4deg) scale(1.08);
	}
	100% {
		transform: translateY(0) rotate(0deg) scale(1.12);
	}
}

@media (min-width: 768px) {
	/* A desktop Hírek fülön nincs számláló badge. */
	.ml-workspace-tab__count {
		display: none;
	}

	/* Mobil számlálókra ez nem vonatkozik. */
	.ml-workspace-menu__count {
		display: inline-grid;
	}
}

@media (max-width: 767.98px) {
	/* A jobb oldali kártyák valódi mobil nézetként a fő munkaterületbe kerülnek. */
	.ml-workspace > .ml-app-sidebar {
		display: grid !important;
		width: 100%;
		margin: 0 !important;
		gap: 0;
	}

	.ml-workspace > .ml-app-sidebar > .ml-app-card {
		margin: 0 !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
	}

	.ml-workspace > .ml-app-sidebar > .ml-vote-card .ml-vote-card__header {
		min-height: 42px;
		justify-content: flex-end;
		padding: 0.2rem 0.4rem 0;
		border-bottom: 0;
	}

	.ml-workspace > .ml-app-sidebar > .ml-vote-card .ml-vote-card__header > .ml-home-heading,
	.ml-workspace > .ml-app-sidebar > .ml-stats-card .ml-vote-card__header {
		display: none;
	}

	.ml-workspace > .ml-app-sidebar > .ml-vote-card:not(.has-actions) .ml-vote-card__header {
		display: none;
	}

	.ml-workspace > .ml-app-sidebar .ml-vote-card__body,
	.ml-workspace > .ml-app-sidebar .ml-stats-card__body {
		padding: 0.48rem;
	}

}

/* A szavazás és a partnerkártya lenyílója nem vágható le a kártya szélén. */
.ml-vote-card.has-actions,
.ml-partners-card.has-actions {
	position: relative;
	z-index: 45;
	overflow: visible;
}

.ml-vote-card.has-actions .ml-vote-card__header,
.ml-partners-card.has-actions .ml-vote-card__header {
	position: relative;
	z-index: 46;
}

.ml-vote-card.has-actions .ml-card-menu,
.ml-partners-card.has-actions .ml-card-menu {
	z-index: 120;
}

.ml-workspace-menu [hidden],
.ml-card-menu [hidden],
[data-mobile-admin-group][hidden] {
	display: none !important;
}

/* Hírcím mellé rendezett, keretmentes szerkesztés/törlés műveletek. */
.ml-news-titleline {
	display: flex;
	min-width: 0;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.3rem 0.45rem;
}

.ml-news-titleline > h4 {
	min-width: 0;
	max-width: 100%;
	flex: 0 1 auto;
}

.ml-news-titleline .ml-news-actions {
	display: inline-flex;
	min-width: 0;
	flex: 0 0 auto;
	align-items: center;
	align-self: center;
	gap: 0.18rem;
	margin: 0;
	opacity: 1;
	pointer-events: auto;
	transform: none;
}

.ml-news-action-option {
	appearance: none;
	position: relative;
	display: inline-flex;
	min-width: 0;
	min-height: 36px;
	align-items: center;
	gap: 0.18rem;
	padding: 0.12rem 0.22rem;
	overflow: visible;
	color: var(--ml-home-muted);
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	font: inherit;
	text-decoration: none !important;
	cursor: pointer;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	transition:
		color 170ms ease,
		transform 210ms cubic-bezier(0.2, 0.8, 0.2, 1),
		filter 170ms ease,
		text-shadow 170ms ease;
}

.ml-news-action-option:hover,
.ml-news-action-option:focus-visible {
	color: var(--ml-home-text);
	outline: 0;
	transform: translateY(-2px);
	filter: drop-shadow(0 5px 8px rgba(0, 0, 0, 0.18));
}

.ml-news-action-option:active {
	transform: translateY(0) scale(0.985);
}

.ml-news-action-option__icon {
	display: grid;
	width: 30px;
	height: 30px;
	flex: 0 0 30px;
	place-items: center;
	color: inherit;
	transition:
		color 170ms ease,
		transform 230ms cubic-bezier(0.2, 0.9, 0.25, 1.2),
		filter 170ms ease;
}

.ml-news-action-option__icon .material-symbols-rounded {
	font-size: 21px;
	font-variation-settings:
		"FILL" 0,
		"wght" 590,
		"GRAD" 0,
		"opsz" 24;
}

.ml-news-action-option__label {
	color: inherit;
	font-size: 0.62rem;
	font-weight: 820;
	line-height: 1.15;
	white-space: nowrap;
}

.ml-news-action-option:hover .ml-news-action-option__icon,
.ml-news-action-option:focus-visible .ml-news-action-option__icon {
	transform: translateY(-1px) scale(1.1);
	filter: drop-shadow(0 0 8px var(--ml-home-accent-ring));
}

.ml-news-action-option:hover .ml-news-action-option__icon .material-symbols-rounded,
.ml-news-action-option:focus-visible .ml-news-action-option__icon .material-symbols-rounded {
	animation: ml-global-function-pop 430ms cubic-bezier(0.2, 0.85, 0.25, 1.2) both;
}

.ml-news-action--edit {
	color: var(--ml-home-accent-hover);
	text-shadow: 0 0 15px var(--ml-home-accent-ring);
}

.ml-news-action--edit .ml-news-action-option__icon {
	filter: drop-shadow(0 0 7px var(--ml-home-accent-ring));
}

.ml-news-action--edit .ml-news-action-option__icon .material-symbols-rounded {
	font-variation-settings:
		"FILL" 1,
		"wght" 620,
		"GRAD" 0,
		"opsz" 24;
}

.ml-news-action--delete {
	color: var(--ml-home-danger);
}

.ml-news-action--delete:hover,
.ml-news-action--delete:focus-visible {
	color: var(--ml-home-danger);
}

.ml-news-action--delete:hover .ml-news-action-option__icon,
.ml-news-action--delete:focus-visible .ml-news-action-option__icon {
	filter: drop-shadow(0 0 8px rgba(255, 98, 88, 0.35));
}

@media (max-width: 430px) {
	.ml-news-action-option__label {
		display: none;
	}

	.ml-news-action-option {
		padding-inline: 0.08rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.ml-home-app *,
	.ml-home-app *::before,
	.ml-home-app *::after {
		animation: none !important;
		transition-duration: 1ms !important;
	}
}



@media (max-width: 767.98px) {
	.ml-home-app {
		display: flex;
		flex-direction: column;
		gap: 0;
	}

	.ml-home-app > .ml-app-grid {
		display: contents;
	}

	.ml-home-app > .ml-app-grid > .ml-workspace {
		order: 1;
		width: 100%;
	}

	.ml-home-app > .ml-partners-card {
		order: 2;
		width: 100%;
		margin-top: 0.75rem;
	}

	.ml-home-app > .ml-app-grid > .ml-app-sidebar {
		order: 3;
		display: grid !important;
		grid-template-columns: minmax(0, 1fr);
		gap: 0.75rem;
		width: 100%;
		margin: 0.75rem 0 0 !important;
	}

	.ml-home-app > .ml-app-grid > .ml-app-sidebar > .ml-app-card {
		display: block !important;
		width: 100%;
		margin: 0 !important;
		border: 1px solid var(--ml-home-border) !important;
		border-radius: 13px !important;
		background: var(--ml-home-surface) !important;
		box-shadow: 0 14px 34px rgba(0, 0, 0, 0.16) !important;
	}

	/* A saját címsorok mobilon is láthatók. */
	.ml-home-app > .ml-app-grid > .ml-app-sidebar .ml-vote-card__header {
		display: flex !important;
		min-height: 58px !important;
		align-items: center;
		justify-content: space-between !important;
		gap: 0.65rem;
		padding: 0.65rem 0.8rem !important;
		border-bottom: 1px solid var(--ml-home-border-soft) !important;
	}

	.ml-home-app > .ml-app-grid > .ml-app-sidebar .ml-vote-card__header > .ml-home-heading {
		display: flex !important;
	}

	.ml-home-app > .ml-app-grid > .ml-app-sidebar .ml-vote-card__body,
	.ml-home-app > .ml-app-grid > .ml-app-sidebar .ml-stats-card__body {
		padding: 0.65rem !important;
	}

	/* A régi mobil nézetválasztó többé nem jelenhet meg. */
	.ml-workspace-menu--mobile,
	.ml-mobile-nav {
		display: none !important;
	}

	/* A felső hárompontos Hírek menü mobilon is a normál adminmenüt nyitja. */
	.ml-workspace-menu[data-workspace-menu]:not([hidden]) {
		display: block !important;
	}

	/* Admin lenyílóknál a neon gomb és a menü ne vágódjon le. */
	.ml-vote-card.has-actions,
	.ml-partners-card.has-actions {
		overflow: visible !important;
	}

	.ml-card-menu {
		max-width: calc(100vw - 1.2rem);
	}
}


/* Turbo: részleges frissítés teljes dokumentum-újratöltés nélkül. */
.ml-home-app turbo-frame { display:block; min-width:0; }
.ml-home-app turbo-frame[busy] { opacity:.68; pointer-events:none; }
.ml-news-action-form { display:inline-flex; margin:0; padding:0; }

@media (max-width: 767.98px) {
	#homeVoteFrame > .ml-vote-card__header,
	#homeStatisticsCard > .ml-vote-card__header,
	.ml-partners-card > .ml-vote-card__header {
		display:flex !important;
		min-height:58px !important;
		align-items:center !important;
		justify-content:space-between !important;
		padding:.65rem .8rem !important;
		border-bottom:1px solid var(--ml-home-border-soft) !important;
	}
	#homeVoteFrame > .ml-vote-card__header > .ml-home-heading,
	#homeStatisticsCard > .ml-vote-card__header > .ml-home-heading,
	.ml-partners-card > .ml-vote-card__header > .ml-home-heading {
		display:flex !important;
		visibility:visible !important;
		opacity:1 !important;
	}
}


.ml-workspace-panel[data-home-panel="news"] .ml-workspace-body {
	max-height: none !important;
	overflow: visible !important;
}

.ml-news-stage {
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
	overflow: visible !important;
}

@media (max-width: 767.98px) {
	.ml-news-stage {
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		overflow: visible !important;
	}

	.ml-workspace-panel[data-home-panel="news"] .ml-workspace-body {
		max-height: none !important;
		overflow: visible !important;
	}
}



@supports not (color: color-mix(in srgb, #000 50%, #fff)) {
	.ml-community-post {
		background: rgba(255, 255, 255, 0.025);
	}
	.ml-community-post:hover {
		background: rgba(255, 255, 255, 0.04);
	}
}


.ml-people-card {
	position: relative;
	overflow: hidden;
}

.ml-people-card__body {
	position: relative;
	z-index: 1;
	padding: 0.58rem;
}

.ml-people-list {
	display: grid;
	gap: 0.42rem;
}

.ml-people-user {
	display: flex;
	min-width: 0;
	align-items: center;
	gap: 0.62rem;
	padding: 0.55rem 0.58rem;
	color: var(--ml-home-text);
	border: 1px solid var(--ml-home-border-soft);
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.022);
	text-decoration: none !important;
	transition: border-color 160ms ease, background 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}

.ml-people-user:hover,
.ml-people-user:focus-visible {
	border-color: var(--ml-home-accent-border-strong);
	background: var(--ml-home-accent-soft);
	box-shadow: 0 0 0 3px var(--ml-home-accent-ring);
	outline: none;
	transform: translateY(-1px);
}

.ml-people-user__avatar {
	position: relative;
	display: grid;
	width: 46px;
	height: 46px;
	flex: 0 0 46px;
	place-items: center;
	overflow: hidden;
	border: 1px solid var(--ml-home-border);
	border-radius: 50%;
	background: var(--ml-home-surface-2);
}

.ml-people-user__avatar img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ml-people-user__copy {
	display: grid;
	min-width: 0;
	gap: 0.15rem;
}

.ml-people-user__name {
	overflow: hidden;
	font-size: 0.76rem;
	font-weight: 850;
	line-height: 1.25;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ml-people-user__meta {
	display: flex;
	align-items: center;
	gap: 0.3rem;
	color: var(--ml-home-muted);
	font-size: 0.61rem;
	font-weight: 680;
	line-height: 1.35;
}

.ml-people-user__meta .material-symbols-rounded {
	color: var(--ml-home-accent-hover);
	font-size: 15px;
}

.ml-people-empty {
	display: grid;
	min-height: 86px;
	place-items: center;
	align-content: center;
	gap: 0.3rem;
	padding: 0.85rem;
	color: var(--ml-home-muted);
	text-align: center;
	font-size: 0.66rem;
}

.ml-people-empty .material-symbols-rounded {
	color: var(--ml-home-accent-hover);
	font-size: 26px;
}

@media (max-width: 575.98px) {
	.ml-people-user__avatar {
		width: 42px;
		height: 42px;
		flex-basis: 42px;
	}
}


.ml-community-card {
	grid-column: 1;
	min-width: 0;
	overflow: hidden;
}

.ml-community-card__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	min-height: 64px;
	padding: 0.72rem 0.82rem;
	border-bottom: 1px solid var(--ml-home-border-soft);
	background:var(--bg-primary);
}

.ml-community-card__heading {
	display: flex;
	min-width: 0;
	align-items: center;
	gap: 0.65rem;
}

.ml-community-card__heading-icon {
	display: grid;
	width: 38px;
	height: 38px;
	flex: 0 0 38px;
	place-items: center;
	color: var(--ml-home-accent-hover);
	border: 1px solid var(--ml-home-accent-border);
	border-radius: 11px;
	background: var(--ml-home-accent-soft);
}

.ml-community-card__heading-icon .material-symbols-rounded {
	font-size: 22px;
}

.ml-community-card__heading h2,
.ml-community-card__heading p {
	margin: 0;
}

.ml-community-card__heading h2 {
	color: var(--ml-home-text);
	font-size: 1rem;
	font-weight: 850;
	line-height: 1.2;
	letter-spacing: -0.02em;
}

.ml-community-card__heading p {
	margin-top: 0.16rem;
	color: var(--ml-home-muted);
	font-size: 0.68rem;
	line-height: 1.4;
}

.ml-community-feed {
	display: grid;
	min-width: 0;
	gap: 0.75rem;
	padding: 0.75rem;
	background: rgba(0, 0, 0, 0.055);
}

.ml-community-empty {
	display: grid;
	min-height: 190px;
	place-items: center;
	align-content: center;
	gap: 0.38rem;
	padding: 1.5rem;
	color: var(--ml-home-muted);
	text-align: center;
}

.ml-community-empty .material-symbols-rounded {
	color: var(--ml-home-accent-hover);
	font-size: 34px;
}

.ml-community-empty strong {
	color: var(--ml-home-text);
	font-size: 0.82rem;
}

.ml-community-empty span:last-child {
	max-width: 520px;
	font-size: 0.67rem;
	line-height: 1.5;
}

.ml-community-post {
	min-width: 0;
	padding: 0.9rem 0.95rem;
	border: 1px solid var(--ml-home-border-soft);
	border-radius: 13px;
	background: color-mix(in srgb, var(--ml-home-surface-2) 72%, transparent);
	box-shadow: 0 8px 22px rgba(0, 0, 0, 0.10);
	transition: border-color 180ms ease, background 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.ml-community-post:first-child {
	border-top: 1px solid var(--ml-home-border-soft);
}

.ml-community-post:hover {
	border-color: var(--ml-home-accent-border);
	background: color-mix(in srgb, var(--ml-home-surface-2) 88%, transparent);
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.14);
	transform: translateY(-1px);
}

.ml-community-post__head {
	display: flex;
	min-width: 0;
	align-items: flex-start;
	gap: 0.62rem;
}

.ml-community-avatar {
	display: inline-grid;
	width: 42px;
	height: 42px;
	flex: 0 0 42px;
	overflow: hidden;
	border: 1px solid var(--ml-home-border);
	border-radius: 50%;
	background: var(--ml-home-surface-2);
	text-decoration: none !important;
}


.ml-community-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ml-community-author {
	display: grid;
	min-width: 0;
	flex: 1 1 auto;
	gap: 0.1rem;
}

.ml-community-author__line {
	display: flex;
	min-width: 0;
	align-items: center;
	gap: 0.42rem;
	flex-wrap: wrap;
}

.ml-community-author a,
.ml-community-author a:hover,
.ml-community-author a:focus,
.ml-community-author a:visited {
	width: fit-content;
	color: inherit;
	text-decoration: none !important;
}

.ml-community-author strong {
	font-size: 0.76rem;
	font-weight: 850;
	text-decoration: none !important;
}

.ml-community-author time {
	color: var(--ml-home-muted);
	font-size: 0.61rem;
	line-height: 1.35;
}

.ml-community-public-badge {
	display: inline-flex;
	align-items: center;
	gap: 0.25rem;
	padding: 0.18rem 0.42rem;
	color: var(--ml-home-accent-hover);
	border: 1px solid var(--ml-home-accent-border);
	border-radius: 999px;
	background: var(--ml-home-accent-soft);
	font-size: 0.55rem;
	font-weight: 820;
	line-height: 1;
}

.ml-community-public-badge .material-symbols-rounded {
	font-size: 14px;
}


.ml-community-post__text {
	margin: 0.62rem 0 0 3.25rem;
	color: var(--ml-home-text);
	font-size: 0.76rem;
	line-height: 1.62;
	overflow-wrap: anywhere;
}


.ml-community-post__text p {
	margin-top: 0;
}

.ml-community-post__text p:last-child {
	margin-bottom: 0;
}

.ml-community-post__reaction {
	margin: 0.62rem 0 0 3.25rem;
}

.ml-community-post__reaction .ml-news-reaction-bar {
	padding-top: 0;
	border-top: 0;
}

/* YouTube-szerű főoldali válaszkezelés. */
.ml-community-post__actions,
.ml-community-reply__actions {
	display: flex;
	align-items: center;
	gap: 0.9rem;
	margin-top: 0.55rem;
}

.ml-community-post__actions {
	margin-left: 3.25rem;
}

.ml-community-action {
	appearance: none;
	display: inline-flex;
	align-items: center;
	gap: 0.34rem;
	min-height: 32px;
	padding: 0.2rem 0.38rem;
	color: var(--ml-home-muted);
	border: 0;
	border-radius: 999px;
	background: transparent;
	font: inherit;
	font-size: 0.68rem;
	font-weight: 820;
	cursor: pointer;
	transition: color 140ms ease, background 140ms ease;
}

.ml-community-action:hover,
.ml-community-action:focus-visible,
.ml-community-action[aria-expanded="true"] {
	color: var(--ml-home-accent-hover);
	background: var(--ml-home-accent-soft);
	outline: none;
}

.ml-community-action .material-symbols-rounded {
	font-size: 18px;
}

.ml-community-replies-toggle .material-symbols-rounded {
	transition: transform 150ms ease;
}

.ml-community-replies-toggle[aria-expanded="true"] .material-symbols-rounded,
.ml-community-replies-toggle.is-open .material-symbols-rounded {
	transform: rotate(180deg);
}

.ml-community-replies[hidden],
.ml-community-nested-replies[hidden] {
	display: none !important;
}

.ml-community-replies {
	display: grid;
	gap: 0.58rem;
	margin: 0.72rem 0 0 3.25rem;
	padding-left: 0.8rem;
	border-left: 2px solid var(--ml-home-accent-border);
}

.ml-community-nested-replies {
	display: grid;
	gap: 0.46rem;
	margin-top: 0.5rem;
	padding-left: 0.72rem;
	border-left: 1px solid var(--ml-home-border);
}

.ml-community-reply {
	display: flex;
	align-items: flex-start;
	gap: 0.52rem;
	min-width: 0;
}

.ml-community-reply.is-nested {
	gap: 0.45rem;
}

.ml-community-avatar.is-reply {
	width: 34px;
	height: 34px;
	flex-basis: 34px;
}

.ml-community-avatar.is-reply.is-nested {
	width: 30px;
	height: 30px;
	flex-basis: 30px;
}

.ml-community-reply__body {
	min-width: 0;
	flex: 1 1 auto;
	padding: 0.55rem 0.62rem;
	border: 1px solid var(--ml-home-border-soft);
	border-radius: 11px;
	background: rgba(255, 255, 255, 0.018);
}

.ml-community-reply__head {
	display: flex;
	align-items: baseline;
	gap: 0.42rem;
	min-width: 0;
	flex-wrap: wrap;
}

.ml-community-reply__head a {
	color: inherit;
	text-decoration: none !important;
}

.ml-community-reply__head strong {
	font-size: 0.7rem;
	font-weight: 850;
}

.ml-community-reply__head time,
.ml-community-reply__target {
	color: var(--ml-home-muted);
	font-size: 0.58rem;
}

.ml-community-reply__text {
	margin-top: 0.32rem;
	color: var(--ml-home-text);
	font-size: 0.7rem;
	line-height: 1.52;
	overflow-wrap: anywhere;
}

.ml-community-reply__text > :first-child {
	margin-top: 0;
}

.ml-community-reply__text > :last-child {
	margin-bottom: 0;
}

.ml-community-reply__actions {
	margin-top: 0.34rem;
}

.ml-community-inline-reply-slot {
	min-height: 0;
	margin: 0.38rem 0 0 3.25rem;
}

.ml-community-inline-reply-slot.is-reply {
	margin: 0.38rem 0 0;
}

.ml-community-inline-reply {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 0.4rem 0.55rem;
	width: 100%;
}

.ml-community-inline-reply__input {
	width: 100%;
	min-width: 0;
	height: 36px;
	padding: 0 2px;
	color: var(--ml-home-text);
	border: 0;
	border-bottom: 1px solid var(--ml-home-border);
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	font: inherit;
	font-size: 0.74rem;
	outline: none;
}

.ml-community-inline-reply__input::placeholder {
	color: var(--ml-home-muted);
}

.ml-community-inline-reply__input:focus {
	border-bottom-color: var(--ml-home-accent);
	box-shadow: 0 1px 0 var(--ml-home-accent);
}

.ml-community-inline-reply__buttons {
	display: inline-flex;
	align-items: center;
	gap: 0.3rem;
}

.ml-community-inline-reply__cancel,
.ml-community-inline-reply__submit {
	appearance: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.28rem;
	min-height: 32px;
	padding: 0 0.7rem;
	border-radius: 999px;
	font: inherit;
	font-size: 0.66rem;
	font-weight: 820;
	cursor: pointer;
}

.ml-community-inline-reply__cancel {
	color: var(--ml-home-muted);
	border: 1px solid transparent;
	background: transparent;
}

.ml-community-inline-reply__cancel:hover {
	color: var(--ml-home-text);
	background: rgba(255, 255, 255, 0.04);
}

.ml-community-inline-reply__submit {
	color: #fff;
	border: 1px solid var(--ml-home-accent);
	background: var(--ml-home-accent-border-strong);
}

.ml-community-inline-reply__submit:hover:not(:disabled) {
	background: var(--ml-home-accent-border-strong);
	border-color: var(--ml-home-accent-hover);
}

.ml-community-inline-reply__submit:disabled {
	color: var(--ml-home-muted);
	border-color: var(--ml-home-border);
	background: var(--ml-home-surface-2);
	box-shadow: none;
	opacity: 0.48;
	cursor: not-allowed;
}

.ml-community-inline-reply[aria-busy="true"] {
	opacity: 0.68;
	pointer-events: none;
}

.ml-community-inline-reply__message {
	grid-column: 1 / -1;
	color: var(--ml-home-muted);
	font-size: 0.62rem;
}

.ml-community-inline-reply__message.is-error {
	color: var(--ml-home-danger);
}

.ml-community-inline-reply__message:empty {
	display: none;
}


@media (max-width: 767.98px) {
	.ml-home-app > .ml-app-grid > .ml-community-card {
		order: 2;
		width: 100%;
		margin-top: 0.75rem;
	}

	.ml-home-app > .ml-partners-card {
		order: 3;
	}

	.ml-home-app > .ml-app-grid > .ml-app-sidebar {
		order: 4;
	}

	.ml-community-card__heading p {
		display: block;
	}

	.ml-community-post__actions,
	.ml-community-inline-reply-slot,
	.ml-community-replies {
		margin-left: 0;
	}

	.ml-community-replies {
		padding-left: 0.55rem;
	}

	.ml-community-inline-reply {
		grid-template-columns: minmax(0, 1fr);
	}

	.ml-community-inline-reply__buttons {
		justify-content: flex-end;
	}

	.ml-community-post__text,
	.ml-community-post__reaction,
	.ml-community-post__details {
		margin-left: 0;
	}
}

@media (max-width: 575.98px) {
	.ml-community-feed {
		gap: 0.55rem;
		padding: 0.55rem;
	}

	.ml-community-card__header,
	.ml-community-post {
		padding-inline: 0.68rem;
	}

	.ml-community-card__heading p {
		font-size: 0.62rem;
	}

	.ml-community-avatar {
		width: 38px;
		height: 38px;
		flex-basis: 38px;
	}


}



.ml-community-post__engagement {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.7rem;
	margin: 0.7rem 0 0 3.25rem;
	padding-top: 0.62rem;
	border-top: 1px solid var(--ml-home-border-soft);
}

.ml-community-post__engagement .ml-community-post__reaction {
	min-width: 0;
	flex: 1 1 auto;
	margin: 0;
}

.ml-community-post__engagement .ml-news-reaction-bar {
	justify-content: flex-start;
	align-items: center;
	gap: 0.4rem;
	padding-top: 0;
	border-top: 0;
}

.ml-community-post__engagement .ml-news-reaction-trigger,
.ml-community-post__engagement .ml-news-reaction-viewers {
	min-height: 34px;
	padding: 0.42rem 0.58rem;
	border: 1px solid var(--ml-home-border-soft);
	border-radius: 9px;
	background: rgba(255, 255, 255, 0.022);
	box-shadow: none;
	transition:
		color 180ms ease,
		border-color 180ms ease,
		background 180ms ease,
		box-shadow 180ms ease,
		filter 180ms ease,
		transform 220ms cubic-bezier(0.2, 0.85, 0.25, 1.2);
}

.ml-community-post__engagement .ml-news-reaction-trigger:hover,
.ml-community-post__engagement .ml-news-reaction-trigger:focus-visible,
.ml-community-post__engagement .ml-news-reaction-trigger[aria-expanded="true"],
.ml-community-post__engagement .ml-news-reaction-viewers:hover:not(:disabled),
.ml-community-post__engagement .ml-news-reaction-viewers:focus-visible:not(:disabled) {
	color: var(--ml-home-text);
	border-color: var(--ml-home-accent-border-strong);
	background: var(--ml-home-accent-soft);
	box-shadow: inset 0 0 0 1px var(--ml-home-accent-soft);
	filter:
		drop-shadow(0 0 7px var(--ml-home-accent-focus))
		drop-shadow(0 6px 8px rgba(0, 0, 0, 0.2));
	outline: none;
	transform: translateY(-3px) scale(1.045);
}

.ml-community-post__engagement .ml-news-reaction-trigger:active,
.ml-community-post__engagement .ml-news-reaction-viewers:active:not(:disabled) {
	transform: translateY(1px) scale(1);
}

.ml-community-post__engagement .ml-news-reaction-trigger__emoji,
.ml-community-post__engagement .ml-news-reaction-viewers .material-symbols-rounded {
	transform-origin: center;
}

.ml-community-post__engagement .ml-news-reaction-trigger:hover .ml-news-reaction-trigger__emoji,
.ml-community-post__engagement .ml-news-reaction-trigger:focus-visible .ml-news-reaction-trigger__emoji,
.ml-community-post__engagement .ml-news-reaction-viewers:hover .material-symbols-rounded,
.ml-community-post__engagement .ml-news-reaction-viewers:focus-visible .material-symbols-rounded {
	animation: ml-global-function-pop 430ms cubic-bezier(0.2, 0.85, 0.25, 1.2) both;
}

.ml-community-comments-toggle,
.ml-community-thread-reply {
	appearance: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.38rem;
	min-height: 34px;
	padding: 0.42rem 0.62rem;
	color: var(--ml-home-text);
	border: 1px solid var(--ml-home-accent-border);
	border-radius: 9px;
	background: var(--ml-home-accent-soft);
	box-shadow: inset 0 0 0 1px var(--ml-home-accent-subtle);
	font: inherit;
	font-size: 0.68rem;
	font-weight: 820;
	line-height: 1;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	transition:
		color 180ms ease,
		border-color 180ms ease,
		background 180ms ease,
		box-shadow 180ms ease,
		filter 180ms ease,
		transform 220ms cubic-bezier(0.2, 0.85, 0.25, 1.2);
}

.ml-community-comments-toggle {
	flex: 0 0 auto;
	margin-left: auto;
}

.ml-community-comments-toggle:hover,
.ml-community-comments-toggle:focus-visible,
.ml-community-comments-toggle[aria-expanded="true"],
.ml-community-thread-reply:hover,
.ml-community-thread-reply:focus-visible {
	color: var(--ml-home-text);
	border-color: var(--ml-home-accent-border-strong);
	background: var(--ml-home-accent-soft);
	box-shadow: inset 0 0 0 1px var(--ml-home-accent-soft);
	filter:
		drop-shadow(0 0 7px var(--ml-home-accent-focus))
		drop-shadow(0 6px 8px rgba(0, 0, 0, 0.2));
	outline: none;
	transform: translateY(-3px) scale(1.045);
}

.ml-community-comments-toggle:active,
.ml-community-thread-reply:active {
	transform: translateY(1px) scale(1);
}

.ml-community-comments-toggle .material-symbols-rounded,
.ml-community-thread-reply .material-symbols-rounded {
	font-size: 18px;
	transform-origin: center;
}

.ml-community-comments-toggle:hover .material-symbols-rounded,
.ml-community-comments-toggle:focus-visible .material-symbols-rounded,
.ml-community-thread-reply:hover .material-symbols-rounded,
.ml-community-thread-reply:focus-visible .material-symbols-rounded {
	animation: ml-global-function-pop 430ms cubic-bezier(0.2, 0.85, 0.25, 1.2) both;
}

.ml-community-comments-toggle__count {
	display: inline-grid;
	min-width: 21px;
	height: 21px;
	place-items: center;
	padding: 0 0.34rem;
	color: var(--ml-home-accent-hover);
	border: 1px solid var(--ml-home-accent-border);
	border-radius: 999px;
	background: transparent;
	font-size: 0.59rem;
	font-weight: 900;
	line-height: 1;
}

.ml-community-comments-toggle__chevron {
	transition: transform 170ms ease;
}

.ml-community-comments-toggle[aria-expanded="true"] .ml-community-comments-toggle__chevron,
.ml-community-comments-toggle.is-open .ml-community-comments-toggle__chevron {
	transform: rotate(180deg);
}

.ml-community-comments-panel[hidden] {
	display: none !important;
}

.ml-community-comments-panel {
	margin: 0.72rem 0 0 3.25rem;
	padding: 0.68rem;
	border: 1px solid var(--ml-home-border-soft);
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.016);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.018);
}

.ml-community-comments-panel__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.65rem;
	padding-bottom: 0.58rem;
	border-bottom: 1px solid var(--ml-home-border-soft);
}

.ml-community-comments-panel__title {
	display: inline-flex;
	align-items: center;
	gap: 0.38rem;
	min-width: 0;
	color: var(--ml-home-text);
	font-size: 0.7rem;
	font-weight: 850;
}

.ml-community-comments-panel__title .material-symbols-rounded {
	color: var(--ml-home-accent-hover);
	font-size: 19px;
}

.ml-community-comments-panel__title strong {
	display: inline-grid;
	min-width: 21px;
	height: 21px;
	place-items: center;
	padding: 0 0.34rem;
	color: var(--ml-home-accent-hover);
	border: 1px solid var(--ml-home-accent-border);
	border-radius: 999px;
	font-size: 0.59rem;
	font-weight: 900;
}

.ml-community-comments-panel > .ml-community-inline-reply-slot {
	margin: 0.55rem 0 0;
}

.ml-community-comments-panel > .ml-community-replies {
	margin: 0.62rem 0 0;
	padding-left: 0.8rem;
}

.ml-community-reply__actions {
	gap: 0.35rem;
}

.ml-community-reply__actions .ml-community-action {
	min-height: 30px;
	padding: 0.36rem 0.52rem;
	border: 1px solid transparent;
	border-radius: 8px;
	transition:
		color 160ms ease,
		border-color 160ms ease,
		background 160ms ease,
		filter 160ms ease,
		transform 190ms cubic-bezier(0.2, 0.85, 0.25, 1.2);
}

.ml-community-reply__actions .ml-community-action:hover,
.ml-community-reply__actions .ml-community-action:focus-visible,
.ml-community-reply__actions .ml-community-action[aria-expanded="true"] {
	color: var(--ml-home-text);
	border-color: var(--ml-home-accent-border);
	background: var(--ml-home-accent-soft);
	filter: drop-shadow(0 0 5px var(--ml-home-accent-ring));
	outline: none;
	transform: translateY(-1px);
}

@media (max-width: 767.98px) {
	.ml-community-post__engagement,
	.ml-community-comments-panel {
		margin-left: 0;
	}

	.ml-community-post__engagement {
		flex-wrap: wrap;
	}

	.ml-community-post__engagement .ml-community-post__reaction {
		flex: 1 1 210px;
	}

	.ml-community-comments-toggle {
		margin-left: auto;
	}

	.ml-community-comments-panel__head {
		align-items: flex-start;
	}
}



/* =========================================================
   REAKCIÓ / VÁLASZ V3
   - a reakció + reakciószám egy osztott kapszulának látszik
   - a számláló jobb oldali szegmense nyitja a reakciózókat
   - a Válasz alapból látható
   - a közösségi sor teljes szélességű, három vizuális vezérlővel
   ========================================================= */
.ml-news-reaction-combo {
	display: flex;
	align-items: stretch;
	min-width: 0;
	width: 100%;
	isolation: isolate;
}

.ml-news-reaction-combo .ml-news-reaction-picker-wrap {
	min-width: 0;
	flex: 1 1 auto;
}

.ml-news-reaction-combo .ml-news-reaction-trigger {
	width: 100%;
	justify-content: flex-start;
	border-radius: 9px 0 0 9px;
	border-right-width: 0;
	box-shadow: none;
}



/* Nincs saját reakció: a bal kapszularészben kizárólag egy + jel látszik. */
.ml-news-reaction-trigger__label:empty {
	display: none;
}

.ml-news-reaction-trigger__emoji {
	font-weight: 900;
}

@supports selector(:has(*)) {
	.ml-news-reaction-bar:not(:has(.ml-news-reaction.is-active)) .ml-news-reaction-trigger__emoji {
		font-size: 0;
	}

	.ml-news-reaction-bar:not(:has(.ml-news-reaction.is-active)) .ml-news-reaction-trigger__emoji::before {
		content: "+";
		font-size: 22px;
		font-weight: 900;
		line-height: 1;
	}

	.ml-news-reaction-bar:not(:has(.ml-news-reaction.is-active)) .ml-news-reaction-trigger__label {
		display: none;
	}
}

.ml-news-reaction-trigger__total-sync {
	display: none !important;
}

.ml-news-reaction-combo .ml-news-reaction-viewers {
	min-width: 62px;
	flex: 0 0 auto;
	gap: 0.3rem;
	margin: 0;
	padding-inline: 0.58rem;
	border-radius: 0 9px 9px 0;
	border-left: 1px solid var(--ml-home-border-soft);
	box-shadow: none;
}

.ml-news-reaction-combo .ml-news-reaction-viewers strong {
	min-width: 23px;
	border: 0;
	background: transparent;
	padding: 0;
}

.ml-news-reaction-combo .ml-news-reaction-trigger:hover,
.ml-news-reaction-combo .ml-news-reaction-trigger:focus-visible,
.ml-news-reaction-combo .ml-news-reaction-trigger[aria-expanded="true"] {
	z-index: 2;
	border-right-width: 1px;
}

.ml-news-reaction-combo .ml-news-reaction-viewers:hover:not(:disabled),
.ml-news-reaction-combo .ml-news-reaction-viewers:focus-visible:not(:disabled) {
	z-index: 3;
}

/* Hírek: a reakció-kapszula a rendelkezésre álló teljes sort használhatja. */
.ml-news-item > .ml-news-reaction-bar {
	width: 100%;
}

.ml-news-item > .ml-news-reaction-bar .ml-news-reaction-combo {
	flex: 1 1 100%;
}

/* Közösségi kártya: reakció-kapszula + Válasz + Kommentek. */
.ml-community-post__engagement {
	display: grid;
	grid-template-columns: minmax(0, 1.45fr) minmax(92px, 0.55fr) minmax(128px, 0.75fr);
	align-items: stretch;
	gap: 0.48rem;
	width: auto;
}

.ml-community-post__engagement .ml-community-post__reaction,
.ml-community-post__engagement .ml-news-reaction-bar,
.ml-community-post__engagement .ml-news-reaction-combo {
	width: 100%;
}

.ml-community-post__engagement .ml-news-reaction-bar {
	display: block;
}

.ml-community-post__engagement .ml-news-reaction-trigger,
.ml-community-post__engagement .ml-news-reaction-viewers,
.ml-community-post__engagement .ml-community-thread-reply--top,
.ml-community-post__engagement .ml-community-comments-toggle {
	min-height: 38px;
}

.ml-community-post__engagement .ml-community-thread-reply--top,
.ml-community-post__engagement .ml-community-comments-toggle {
	width: 100%;
	margin: 0;
}

.ml-community-inline-reply-slot--top {
	margin: 0.48rem 0 0 3.25rem;
}

@media (max-width: 720px) {
	.ml-community-post__engagement {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	}

	.ml-community-post__engagement .ml-community-post__reaction {
		grid-column: 1 / -1;
	}

	.ml-community-inline-reply-slot--top {
		margin-left: 0;
	}
}


/* =========================================================
   REAKCIÓ / KOMMENT V4 – KOMPAKT
   - nincs teljes szélességre húzás
   - felül csak reakció-kapszula + Kommentek
   - a válaszadás a megnyitott panel tetején, alapból zárva
   ========================================================= */
.ml-news-reaction-combo {
	width: auto;
	max-width: 100%;
	flex: 0 1 auto;
}

.ml-news-reaction-combo .ml-news-reaction-picker-wrap {
	flex: 0 1 auto;
}

.ml-news-reaction-combo .ml-news-reaction-trigger {
	width: auto;
	min-width: 92px;
}

/* A híreknél se nyúljon ki a reakció-kapszula teljes szélességre. */
.ml-news-item > .ml-news-reaction-bar {
	width: auto;
	justify-content: flex-start;
}

.ml-news-item > .ml-news-reaction-bar .ml-news-reaction-combo {
	flex: 0 1 auto;
	width: auto;
}

/* Bejegyzés: csak két kompakt fő vezérlő. */
.ml-community-post__engagement {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 0.48rem;
	width: auto;
	max-width: 100%;
	flex-wrap: wrap;
}

.ml-community-post__engagement .ml-community-post__reaction,
.ml-community-post__engagement .ml-news-reaction-bar,
.ml-community-post__engagement .ml-news-reaction-combo {
	width: auto;
	flex: 0 1 auto;
}

.ml-community-post__engagement .ml-news-reaction-bar {
	display: flex;
}

.ml-community-post__engagement .ml-community-comments-toggle {
	width: auto;
	min-width: 0;
	margin: 0;
	flex: 0 0 auto;
}

/* A felső válaszmező a panel része; a gomb nyitja csak meg. */
.ml-community-comments-compose {
	display: flex;
	align-items: center;
	gap: 0.45rem;
	margin: 0 0 0.62rem;
	padding-bottom: 0.62rem;
	border-bottom: 1px solid var(--ml-home-border-soft);
}

.ml-community-comments-compose__open {
	appearance: none;
	display: inline-flex;
	align-items: center;
	gap: 0.38rem;
	min-height: 34px;
	padding: 0.42rem 0.62rem;
	color: var(--ml-home-text);
	border: 1px solid var(--ml-home-accent-border);
	border-radius: 9px;
	background: var(--ml-home-accent-soft);
	font: inherit;
	font-size: 0.68rem;
	font-weight: 800;
	cursor: pointer;
	transition: color 180ms ease, border-color 180ms ease, background 180ms ease, filter 180ms ease, transform 180ms ease;
}

.ml-community-comments-compose__open:hover,
.ml-community-comments-compose__open:focus-visible {
	color: var(--ml-home-text);
	border-color: var(--ml-home-accent-border-strong);
	background: var(--ml-home-accent-soft);
	filter: drop-shadow(0 0 7px var(--ml-home-accent-focus));
	outline: none;
	transform: translateY(-2px);
}

.ml-community-comments-panel .ml-community-inline-reply-slot--top {
	width: 100%;
	margin: 0;
}

@media (max-width: 720px) {
	.ml-community-post__engagement {
		display: flex;
		flex-wrap: wrap;
	}

	.ml-community-post__engagement .ml-community-post__reaction,
	.ml-community-post__engagement .ml-news-reaction-bar,
	.ml-community-post__engagement .ml-news-reaction-combo {
		width: auto;
		flex: 0 1 auto;
	}
}


/* =========================================================
   REAKCIÓ / KOMMENT V5
   - reakció-kapszula balra
   - Kommentek a sor jobb szélén
   - nincs külön „Komment írása” gomb
   ========================================================= */
.ml-community-post__engagement {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 0.48rem;
	width: auto;
	max-width: 100%;
	flex-wrap: nowrap;
}

.ml-community-post__engagement .ml-community-post__reaction,
.ml-community-post__engagement .ml-news-reaction-bar,
.ml-community-post__engagement .ml-news-reaction-combo {
	width: auto;
	min-width: 0;
	flex: 0 1 auto;
}

.ml-community-post__engagement .ml-community-comments-toggle {
	width: auto;
	min-width: 0;
	margin-left: auto;
	flex: 0 0 auto;
}

.ml-community-comments-compose {
	display: block;
	width: 100%;
	margin: 0 0 0.62rem;
	padding-bottom: 0.62rem;
	border-bottom: 1px solid var(--ml-home-border-soft);
}

.ml-community-comments-panel .ml-community-inline-reply-slot--top {
	width: 100%;
	margin: 0;
}

@media (max-width: 575.98px) {
	.ml-community-post__engagement {
		gap: 0.35rem;
	}

	.ml-community-post__engagement .ml-community-comments-toggle {
		margin-left: auto;
	}
}



/* =========================================================
   REAKCIÓ / KOMMENT V6 – KOMPAKT + ANIMÁLT
   - saját reakció nélkül a bal szegmens csak egy kis + gomb
   - reakció után a bal szegmens finoman szétnyílik
   - a reakciószám továbbra is a jobb kapszularész
   ========================================================= */
.ml-news-reaction-combo .ml-news-reaction-picker-wrap {
	flex: 0 0 auto;
	min-width: 0;
}

.ml-news-reaction-combo .ml-news-reaction-trigger {
	box-sizing: border-box;
	width: auto;
	min-width: 40px;
	max-width: 220px;
	height: 38px;
	justify-content: flex-start;
	overflow: hidden;
	white-space: nowrap;
	transition:
		max-width 320ms cubic-bezier(0.2, 0.85, 0.25, 1),
		padding 320ms cubic-bezier(0.2, 0.85, 0.25, 1),
		gap 280ms ease,
		color 160ms ease,
		border-color 160ms ease,
		background 160ms ease,
		transform 180ms cubic-bezier(0.2, 0.8, 0.2, 1),
		box-shadow 160ms ease;
}

.ml-news-reaction-trigger__label {
	display: inline-block;
	max-width: 150px;
	overflow: hidden;
	opacity: 1;
	transform: translateX(0);
	transition:
		max-width 320ms cubic-bezier(0.2, 0.85, 0.25, 1),
		opacity 190ms ease 70ms,
		transform 280ms cubic-bezier(0.2, 0.85, 0.25, 1);
}

/* Még nincs saját reakció: tényleg csak a + számára marad hely. */
.ml-news-reaction-bar:not(.has-own-reaction) .ml-news-reaction-trigger {
	min-width: 40px;
	max-width: 40px;
	padding-inline: 0.44rem;
	gap: 0;
	justify-content: center;
}

.ml-news-reaction-bar:not(.has-own-reaction) .ml-news-reaction-trigger__emoji {
	width: 24px;
	min-width: 24px;
}

.ml-news-reaction-bar:not(.has-own-reaction) .ml-news-reaction-trigger__label {
	max-width: 0;
	opacity: 0;
	transform: translateX(-6px);
	pointer-events: none;
}

/* Reakció kiválasztva: a bal oldal animálva nő meg az emoji + név számára. */
.ml-news-reaction-bar.has-own-reaction .ml-news-reaction-trigger {
	min-width: 40px;
	max-width: 220px;
	padding-inline: 0.58rem 0.68rem;
	gap: 0.42rem;
	justify-content: flex-start;
}

.ml-news-reaction-bar.has-own-reaction .ml-news-reaction-trigger__label {
	max-width: 150px;
	opacity: 1;
	transform: translateX(0);
}

/* A korábbi 92px-es minimumot minden nézetben felülírjuk. */
.ml-news-item > .ml-news-reaction-bar .ml-news-reaction-trigger,
.ml-community-post__engagement .ml-news-reaction-trigger {
	min-width: 40px;
}

@media (prefers-reduced-motion: reduce) {
	.ml-news-reaction-combo .ml-news-reaction-trigger,
	.ml-news-reaction-trigger__label {
		transition-duration: 0.01ms !important;
	}
}


/* =========================================================
   KÖZÖSSÉGI HÍRFOLYAM – MIZU LÉTREHOZÁS + SZERKESZTÉS/TÖRLÉS
   ========================================================= */
.ml-community-composer {
	display: grid;
	gap: 0.72rem;
	padding: 0.82rem 0.9rem 0.9rem;
	border-bottom: 1px solid var(--ml-home-border-soft);
	background:
		linear-gradient(
			135deg,
			color-mix(in srgb, var(--ml-home-accent) 5%, transparent),
			transparent 55%
		);
}

.ml-community-composer__head {
	display: flex;
	align-items: center;
	gap: 0.62rem;
	min-width: 0;
}

.ml-community-composer__avatar {
	width: 38px;
	height: 38px;
	flex-basis: 38px;
}

.ml-community-composer__head > div {
	display: grid;
	gap: 0.08rem;
	min-width: 0;
}

.ml-community-composer__head strong {
	color: var(--ml-home-text);
	font-size: 0.78rem;
	font-weight: 850;
}

.ml-community-composer__head small {
	color: var(--ml-home-muted);
	font-size: 0.61rem;
	line-height: 1.35;
}

.ml-community-composer textarea {
	display: block;
	width: 100%;
	min-height: 88px;
	max-height: 260px;
	resize: vertical;
	padding: 0.72rem 0.78rem;
	color: var(--ml-home-text);
	border: 1px solid var(--ml-home-border);
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.018);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.015);
	font: inherit;
	font-size: 0.74rem;
	line-height: 1.55;
	outline: none;
	transition:
		border-color 170ms ease,
		background 170ms ease,
		box-shadow 170ms ease,
		transform 170ms ease;
}

.ml-community-composer textarea::placeholder {
	color: var(--ml-home-muted);
}

.ml-community-composer textarea:focus {
	border-color: var(--ml-home-accent-border-strong);
	background: color-mix(in srgb, var(--ml-home-accent) 3%, transparent);
	box-shadow: 0 0 0 3px var(--ml-home-accent-ring);
}

.ml-community-composer__visibility {
	min-width: 0;
}

.ml-community-public-option {
	display: flex;
	align-items: flex-start;
	gap: 0.58rem;
	padding: 0.58rem 0.64rem;
	border: 1px solid var(--ml-home-border-soft);
	border-radius: 11px;
	background: rgba(255, 255, 255, 0.012);
	cursor: pointer;
	user-select: none;
	transition:
		border-color 160ms ease,
		background 160ms ease;
}

.ml-community-public-option:hover:not(.is-disabled) {
	border-color: var(--ml-home-accent-border);
	background: var(--ml-home-accent-subtle);
}

.ml-community-public-option.is-disabled {
	opacity: 0.58;
	cursor: not-allowed;
}

.ml-community-public-option > input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.ml-community-public-option__toggle {
	position: relative;
	width: 34px;
	height: 20px;
	flex: 0 0 34px;
	margin-top: 1px;
	border: 1px solid var(--ml-home-border);
	border-radius: 999px;
	background: var(--ml-home-surface-2);
	transition:
		border-color 160ms ease,
		background 160ms ease;
}

.ml-community-public-option__toggle::after {
	content: "";
	position: absolute;
	top: 3px;
	left: 3px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: var(--ml-home-muted);
	transition:
		transform 190ms cubic-bezier(0.2, 0.85, 0.25, 1.2),
		background 160ms ease;
}

.ml-community-public-option > input:checked + .ml-community-public-option__toggle {
	border-color: var(--ml-home-accent-border-strong);
	background: var(--ml-home-accent-soft);
}

.ml-community-public-option > input:checked + .ml-community-public-option__toggle::after {
	transform: translateX(14px);
	background: var(--ml-home-accent-hover);
}

.ml-community-public-option > input:focus-visible + .ml-community-public-option__toggle {
	outline: 2px solid var(--ml-home-accent-focus);
	outline-offset: 2px;
}

.ml-community-public-option__copy {
	display: grid;
	gap: 0.12rem;
	min-width: 0;
}

.ml-community-public-option__copy strong {
	display: inline-flex;
	align-items: center;
	gap: 0.28rem;
	color: var(--ml-home-text);
	font-size: 0.66rem;
	font-weight: 820;
}

.ml-community-public-option__copy strong .material-symbols-rounded {
	color: var(--ml-home-accent-hover);
	font-size: 16px;
}

.ml-community-public-option__copy small {
	color: var(--ml-home-muted);
	font-size: 0.58rem;
	line-height: 1.42;
}

.ml-community-composer__actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 0.52rem;
	min-width: 0;
}

.ml-community-composer__counter {
	margin-right: auto;
	color: var(--ml-home-muted);
	font-size: 0.59rem;
	font-weight: 760;
}

.ml-community-composer__message {
	min-width: 0;
	color: var(--ml-home-muted);
	font-size: 0.61rem;
	line-height: 1.35;
}

.ml-community-composer__message.is-error {
	color: var(--ml-home-danger);
}

.ml-community-composer__message:empty {
	display: none;
}

.ml-community-composer__submit {
	appearance: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.34rem;
	min-height: 34px;
	padding: 0.42rem 0.72rem;
	color: var(--ml-home-text);
	border: 1px solid var(--ml-home-accent-border-strong);
	border-radius: 9px;
	background: var(--ml-home-accent-soft);
	font: inherit;
	font-size: 0.67rem;
	font-weight: 830;
	cursor: pointer;
	transition:
		border-color 160ms ease,
		background 160ms ease,
		transform 170ms ease,
		filter 170ms ease;
}

.ml-community-composer__submit .material-symbols-rounded {
	font-size: 18px;
}

.ml-community-composer__submit:hover:not(:disabled),
.ml-community-composer__submit:focus-visible:not(:disabled) {
	border-color: var(--ml-home-accent-focus);
	background: color-mix(in srgb, var(--ml-home-accent) 13%, transparent);
	filter: drop-shadow(0 0 7px var(--ml-home-accent-ring));
	outline: none;
	transform: translateY(-1px);
}

.ml-community-composer__submit:disabled,
.ml-community-composer[aria-busy="true"] .ml-community-composer__submit {
	opacity: 0.48;
	cursor: not-allowed;
	transform: none;
}

.ml-community-composer[aria-busy="true"] {
	pointer-events: none;
	opacity: 0.72;
}

.ml-community-tools {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	gap: 0.28rem;
	margin-left: auto;
}

.ml-community-tools.is-compact {
	margin-left: auto;
}

.ml-community-tool {
	appearance: none;
	display: inline-grid;
	width: 30px;
	height: 30px;
	place-items: center;
	padding: 0;
	color: var(--ml-home-muted);
	border: 1px solid transparent;
	border-radius: 8px;
	background: transparent;
	cursor: pointer;
	transition:
		color 150ms ease,
		border-color 150ms ease,
		background 150ms ease,
		transform 170ms cubic-bezier(0.2, 0.85, 0.25, 1.2),
		filter 150ms ease;
}

.ml-community-tool .material-symbols-rounded {
	font-size: 17px;
}

.ml-community-tool:hover,
.ml-community-tool:focus-visible {
	color: var(--ml-home-accent-hover);
	border-color: var(--ml-home-accent-border);
	background: var(--ml-home-accent-soft);
	filter: drop-shadow(0 0 5px var(--ml-home-accent-ring));
	outline: none;
	transform: translateY(-1px);
}

.ml-community-tool.is-danger:hover,
.ml-community-tool.is-danger:focus-visible {
	color: var(--ml-home-danger);
	border-color: color-mix(in srgb, var(--ml-home-danger) 30%, transparent);
	background: color-mix(in srgb, var(--ml-home-danger) 8%, transparent);
}

.ml-community-tool:disabled {
	opacity: 0.42;
	cursor: not-allowed;
	transform: none;
	filter: none;
}

@media (max-width: 575.98px) {
	.ml-community-composer {
		padding-inline: 0.68rem;
	}

	.ml-community-composer__actions {
		flex-wrap: wrap;
	}

	.ml-community-composer__message {
		order: 3;
		flex: 1 0 100%;
	}

	.ml-community-tool {
		width: 28px;
		height: 28px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.ml-community-composer *,
	.ml-community-tool {
		transition-duration: 0.01ms !important;
	}
}


@keyframes ml-community-comments-panel-open {
	0% {
		opacity: 0;
		transform: translateY(-9px) scaleY(0.97);
		filter: blur(1px);
	}
	60% {
		opacity: 1;
		transform: translateY(2px) scaleY(1.006);
		filter: blur(0);
	}
	100% {
		opacity: 1;
		transform: translateY(0) scaleY(1);
		filter: blur(0);
	}
}

@keyframes ml-community-comment-composer-open {
	from {
		opacity: 0;
		transform: translateY(-6px) scale(0.986);
	}
	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

.ml-community-comments-panel:not([hidden]),
.ml-community-nested-replies:not([hidden]) {
	transform-origin: top center;
	animation: ml-community-comments-panel-open 320ms
		cubic-bezier(0.2, 0.85, 0.25, 1.08) both;
}

.ml-community-inline-reply-slot--top > * {
	transform-origin: top center;
	animation: ml-community-comment-composer-open 270ms
		cubic-bezier(0.2, 0.85, 0.25, 1.08) both;
}

@media (prefers-reduced-motion: reduce) {
	.ml-community-comments-panel:not([hidden]),
	.ml-community-nested-replies:not([hidden]),
	.ml-community-inline-reply-slot--top > * {
		animation: none !important;
	}
}


/* =========================================================
   KÖZÖSSÉGI HÍRFOLYAM – MODALOS SZERKESZTÉS / TÖRLÉS
   A művelet AJAX-os; a modal megmarad Turbo navigáció mellett is.
   ========================================================= */
@keyframes ml-community-action-dialog-in {
	0% {
		opacity: 0;
		transform: translateY(16px) scale(0.965);
		filter: blur(2px);
	}
	70% {
		opacity: 1;
		transform: translateY(-2px) scale(1.004);
		filter: blur(0);
	}
	100% {
		opacity: 1;
		transform: translateY(0) scale(1);
		filter: blur(0);
	}
}

@keyframes ml-community-action-backdrop-in {
	from { opacity: 0; }
	to { opacity: 1; }
}

.ml-community-action-dialog {
	width: min(580px, calc(100vw - 28px));
	max-width: none;
	max-height: min(760px, calc(100vh - 28px));
	margin: auto;
	padding: 0;
	color: var(--ml-home-text);
	border: 1px solid var(--ml-home-border);
	border-radius: 20px;
	background:
		linear-gradient(145deg, color-mix(in srgb, var(--ml-home-accent) 5%, transparent), transparent 42%),
		var(--ml-home-surface);
	box-shadow:
		0 30px 90px rgba(0, 0, 0, 0.58),
		0 0 0 1px rgba(255, 255, 255, 0.025) inset;
	overflow: hidden;
	overscroll-behavior: contain;
}

.ml-community-action-dialog[open] {
	animation: ml-community-action-dialog-in 260ms cubic-bezier(0.2, 0.85, 0.25, 1.08) both;
}

.ml-community-action-dialog::backdrop {
	background: rgba(4, 7, 12, 0.72);
	backdrop-filter: blur(7px) saturate(0.86);
	-webkit-backdrop-filter: blur(7px) saturate(0.86);
	animation: ml-community-action-backdrop-in 180ms ease both;
}

.ml-community-action-dialog.is-closing {
	opacity: 0;
	transform: translateY(10px) scale(0.975);
	filter: blur(1px);
	transition:
		opacity 150ms ease,
		transform 150ms ease,
		filter 150ms ease;
}

.ml-community-action-dialog__form {
	display: grid;
	min-width: 0;
}

.ml-community-action-dialog__header {
	display: flex;
	align-items: flex-start;
	gap: 0.78rem;
	padding: 1rem 1rem 0.88rem;
	border-bottom: 1px solid var(--ml-home-border-soft);
	background: rgba(255, 255, 255, 0.012);
}

.ml-community-action-dialog__icon {
	display: inline-grid;
	width: 42px;
	height: 42px;
	flex: 0 0 42px;
	place-items: center;
	color: var(--ml-home-accent-hover);
	border: 1px solid var(--ml-home-accent-border);
	border-radius: 13px;
	background: var(--ml-home-accent-soft);
	box-shadow: 0 0 18px var(--ml-home-accent-ring);
}

.ml-community-action-dialog.is-danger .ml-community-action-dialog__icon {
	color: var(--ml-home-danger);
	border-color: color-mix(in srgb, var(--ml-home-danger) 32%, transparent);
	background: color-mix(in srgb, var(--ml-home-danger) 8%, transparent);
	box-shadow: 0 0 18px color-mix(in srgb, var(--ml-home-danger) 9%, transparent);
}

.ml-community-action-dialog__icon .material-symbols-rounded {
	font-size: 22px;
}

.ml-community-action-dialog__heading {
	display: grid;
	gap: 0.15rem;
	min-width: 0;
	padding-top: 0.08rem;
}

.ml-community-action-dialog__heading h3 {
	margin: 0;
	color: var(--ml-home-text);
	font-size: 0.96rem;
	font-weight: 900;
	letter-spacing: -0.01em;
}

.ml-community-action-dialog__heading p {
	margin: 0;
	color: var(--ml-home-muted);
	font-size: 0.65rem;
	line-height: 1.45;
}

.ml-community-action-dialog__close {
	appearance: none;
	display: inline-grid;
	width: 34px;
	height: 34px;
	flex: 0 0 34px;
	place-items: center;
	margin-left: auto;
	padding: 0;
	color: var(--ml-home-muted);
	border: 1px solid transparent;
	border-radius: 10px;
	background: transparent;
	cursor: pointer;
	transition:
		color 150ms ease,
		border-color 150ms ease,
		background 150ms ease,
		transform 150ms ease;
}

.ml-community-action-dialog__close:hover,
.ml-community-action-dialog__close:focus-visible {
	color: var(--ml-home-text);
	border-color: var(--ml-home-border);
	background: var(--ml-home-surface-2);
	outline: none;
	transform: rotate(4deg) scale(1.04);
}

.ml-community-action-dialog__body {
	display: grid;
	gap: 0.78rem;
	padding: 1rem;
	min-width: 0;
}

.ml-community-action-dialog__edit[hidden],
.ml-community-action-dialog__delete[hidden] {
	display: none !important;
}

.ml-community-action-dialog__label {
	display: grid;
	gap: 0.42rem;
	min-width: 0;
}

.ml-community-action-dialog__label > span {
	color: var(--ml-home-muted);
	font-size: 0.62rem;
	font-weight: 820;
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

.ml-community-action-dialog__textarea {
	display: block;
	width: 100%;
	min-height: 148px;
	max-height: 420px;
	resize: vertical;
	padding: 0.82rem 0.86rem;
	color: var(--ml-home-text);
	caret-color: var(--ml-home-accent-hover);
	border: 1px solid var(--ml-home-border);
	border-radius: 14px;
	background: var(--ml-home-surface-2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.018);
	font: inherit;
	font-size: 0.76rem;
	line-height: 1.62;
	outline: none;
	transition:
		border-color 160ms ease,
		box-shadow 160ms ease,
		background 160ms ease;
}

.ml-community-action-dialog__textarea:focus {
	border-color: var(--ml-home-accent-border-strong);
	background: color-mix(in srgb, var(--ml-home-surface-2) 95%, var(--ml-home-accent) 5%);
	box-shadow: 0 0 0 3px var(--ml-home-accent-ring);
}

.ml-community-action-dialog__meta {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 0.5rem;
	min-width: 0;
	color: var(--ml-home-muted);
	font-size: 0.59rem;
	font-weight: 760;
}

.ml-community-action-dialog__danger-box {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr);
	gap: 0.72rem;
	align-items: start;
	padding: 0.84rem;
	border: 1px solid color-mix(in srgb, var(--ml-home-danger) 28%, transparent);
	border-radius: 14px;
	background: color-mix(in srgb, var(--ml-home-danger) 6%, transparent);
}

.ml-community-action-dialog__danger-box > .material-symbols-rounded {
	display: inline-grid;
	width: 42px;
	height: 42px;
	place-items: center;
	color: var(--ml-home-danger);
	border-radius: 12px;
	background: color-mix(in srgb, var(--ml-home-danger) 9%, transparent);
	font-size: 22px;
}

.ml-community-action-dialog__danger-copy {
	display: grid;
	gap: 0.26rem;
	min-width: 0;
}

.ml-community-action-dialog__danger-copy strong {
	color: var(--ml-home-text);
	font-size: 0.75rem;
	font-weight: 880;
}

.ml-community-action-dialog__danger-copy p {
	margin: 0;
	color: var(--ml-home-muted);
	font-size: 0.66rem;
	line-height: 1.55;
}

.ml-community-action-dialog__message {
	min-height: 1.2em;
	color: var(--ml-home-muted);
	font-size: 0.63rem;
	line-height: 1.4;
}

.ml-community-action-dialog__message.is-error {
	color: var(--ml-home-danger);
}

.ml-community-action-dialog__footer {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 0.55rem;
	padding: 0.82rem 1rem 1rem;
	border-top: 1px solid var(--ml-home-border-soft);
	background: rgba(255, 255, 255, 0.008);
}

.ml-community-action-dialog__button {
	appearance: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.34rem;
	min-height: 36px;
	padding: 0.46rem 0.78rem;
	color: var(--ml-home-text);
	border: 1px solid var(--ml-home-border);
	border-radius: 10px;
	background: var(--ml-home-surface-2);
	font: inherit;
	font-size: 0.68rem;
	font-weight: 830;
	cursor: pointer;
	transition:
		border-color 150ms ease,
		background 150ms ease,
		transform 150ms ease,
		filter 150ms ease,
		opacity 150ms ease;
}

.ml-community-action-dialog__button:hover:not(:disabled),
.ml-community-action-dialog__button:focus-visible:not(:disabled) {
	border-color: var(--ml-home-accent-border);
	background: var(--ml-home-surface-3);
	outline: none;
	transform: translateY(-1px);
}

.ml-community-action-dialog__button.is-primary {
	border-color: var(--ml-home-accent-border-strong);
	background: var(--ml-home-accent-soft);
}

.ml-community-action-dialog.is-danger .ml-community-action-dialog__button.is-primary {
	color: #fff;
	border-color: color-mix(in srgb, var(--ml-home-danger) 55%, transparent);
	background: color-mix(in srgb, var(--ml-home-danger) 72%, #5e1414 28%);
}

.ml-community-action-dialog__button:disabled,
.ml-community-action-dialog__form[aria-busy="true"] .ml-community-action-dialog__button {
	opacity: 0.46;
	cursor: not-allowed;
	transform: none;
	filter: none;
}

.ml-community-action-dialog__form[aria-busy="true"] .ml-community-action-dialog__textarea {
	opacity: 0.7;
	pointer-events: none;
}

@media (max-width: 575.98px) {
	.ml-community-action-dialog {
		width: calc(100vw - 18px);
		max-height: calc(100vh - 18px);
		border-radius: 17px;
	}

	.ml-community-action-dialog__header,
	.ml-community-action-dialog__body {
		padding-inline: 0.82rem;
	}

	.ml-community-action-dialog__footer {
		padding-inline: 0.82rem;
		flex-wrap: wrap;
	}

	.ml-community-action-dialog__button {
		flex: 1 1 140px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.ml-community-action-dialog[open],
	.ml-community-action-dialog::backdrop {
		animation: none !important;
	}

	.ml-community-action-dialog,
	.ml-community-action-dialog * {
		transition-duration: 0.01ms !important;
	}
}


/* A bal oldali wrapper mobilon ne hozzon létre külön vizuális szintet. */
@media (max-width: 767.98px) {
	.ml-home-app > .ml-app-grid > .ml-main-column {
		display: contents;
	}

	.ml-home-app > .ml-app-grid > .ml-main-column > .ml-workspace {
		order: 1;
		width: 100%;
	}

	.ml-home-app > .ml-app-grid > .ml-main-column > .ml-community-card {
		order: 2;
		width: 100%;
		margin-top: 0.75rem;
	}
}


/* =========================================================
   OLVASHATÓBB TIPOGRÁFIA
   Születésnaposok / Kit ismerhetek? / Közösségi hírfolyam / Statisztika
   Globálisan nagyobb betűk, mobilon további emeléssel.
   ========================================================= */

/* Jobb oldali kártyák címei. */
.ml-people-card .ml-vote-card__header .ml-home-heading h2,
.ml-stats-card .ml-vote-card__header .ml-home-heading h2 {
	font-size: 1.05rem;
	line-height: 1.25;
}

/* Születésnaposok + Kit ismerhetek? */
.ml-people-user__name {
	font-size: 0.92rem;
	line-height: 1.3;
}

.ml-people-user__meta {
	font-size: 0.78rem;
	line-height: 1.45;
}

.ml-people-empty,
.ml-birthday-item {
	font-size: 0.82rem;
	line-height: 1.5;
}

.ml-birthday-note {
	font-size: 0.76rem;
	line-height: 1.45;
}

/* Statisztika. */
.ml-stat-row dt {
	font-size: 0.84rem;
	line-height: 1.45;
}

.ml-stat-row dd {
	font-size: 0.94rem;
	line-height: 1.35;
}

/* Közösségi hírfolyam – fejléc és üres állapot. */
.ml-community-card__heading h2 {
	font-size: 1.08rem;
}

.ml-community-card__heading p {
	font-size: 0.8rem;
	line-height: 1.45;
}

.ml-community-empty strong {
	font-size: 0.94rem;
}

.ml-community-empty span:last-child {
	font-size: 0.8rem;
}

/* Közösségi hírfolyam – bejegyzések. */
.ml-community-author strong {
	font-size: 0.9rem;
	line-height: 1.3;
}

.ml-community-author time {
	font-size: 0.74rem;
	line-height: 1.4;
}

.ml-community-public-badge {
	font-size: 0.68rem;
}

.ml-community-post__text {
	font-size: 0.9rem;
	line-height: 1.65;
}

.ml-community-action,
.ml-community-comments-toggle,
.ml-community-thread-reply,
.ml-community-comments-compose__open {
	font-size: 0.78rem;
}

.ml-community-comments-toggle__count,
.ml-community-comments-panel__title strong {
	font-size: 0.68rem;
}

.ml-community-comments-panel__title {
	font-size: 0.82rem;
}

/* Közösségi hírfolyam – kommentok és válaszok. */
.ml-community-reply__head strong {
	font-size: 0.84rem;
}

.ml-community-reply__head time,
.ml-community-reply__target {
	font-size: 0.7rem;
}

.ml-community-reply__text {
	font-size: 0.84rem;
	line-height: 1.58;
}

.ml-community-inline-reply__input {
	font-size: 0.86rem;
}

.ml-community-inline-reply__cancel,
.ml-community-inline-reply__submit,
.ml-community-inline-reply__message {
	font-size: 0.76rem;
}

/* Közösségi poszt létrehozása. */
.ml-community-composer__head strong {
	font-size: 0.9rem;
}

.ml-community-composer__head small {
	font-size: 0.74rem;
}

.ml-community-composer textarea {
	font-size: 0.88rem;
}

.ml-community-public-option__copy strong,
.ml-community-composer__submit {
	font-size: 0.78rem;
}

.ml-community-public-option__copy small,
.ml-community-composer__counter,
.ml-community-composer__message {
	font-size: 0.7rem;
}

/* Telefonon még kényelmesebb olvashatóság. */
@media (max-width: 767.98px) {
	.ml-people-card .ml-vote-card__header .ml-home-heading h2,
	.ml-stats-card .ml-vote-card__header .ml-home-heading h2,
	.ml-community-card__heading h2 {
		font-size: 1.12rem;
	}

	.ml-people-user__name {
		font-size: 1rem;
	}

	.ml-people-user__meta,
	.ml-people-empty,
	.ml-birthday-item {
		font-size: 0.86rem;
	}

	.ml-birthday-note {
		font-size: 0.82rem;
	}

	.ml-stat-row dt {
		font-size: 0.92rem;
	}

	.ml-stat-row dd {
		font-size: 1rem;
		font-weight: 700;
	}

	.ml-community-card__heading p {
		font-size: 0.84rem;
	}

	.ml-community-author strong {
		font-size: 0.96rem;
	}

	.ml-community-author time {
		font-size: 0.8rem;
	}

	.ml-community-public-badge {
		font-size: 0.74rem;
	}

	.ml-community-post__text {
		font-size: 1rem;
		line-height: 1.62;
	}

	.ml-community-action,
	.ml-community-comments-toggle,
	.ml-community-thread-reply,
	.ml-community-comments-compose__open,
	.ml-community-comments-panel__title {
		font-size: 0.84rem;
	}

	.ml-community-reply__head strong {
		font-size: 0.9rem;
	}

	.ml-community-reply__head time,
	.ml-community-reply__target {
		font-size: 0.76rem;
	}

	.ml-community-reply__text {
		font-size: 0.92rem;
		line-height: 1.6;
	}

	/* 16px megakadályozza az iOS automatikus zoomját fókusznál is. */
	.ml-community-inline-reply__input,
	.ml-community-composer textarea {
		font-size: 16px;
	}

	.ml-community-inline-reply__cancel,
	.ml-community-inline-reply__submit,
	.ml-community-composer__submit {
		font-size: 0.84rem;
	}

	.ml-community-inline-reply__message,
	.ml-community-composer__head small,
	.ml-community-public-option__copy small,
	.ml-community-composer__counter,
	.ml-community-composer__message {
		font-size: 0.78rem;
	}
}


/* =========================================================
   2026-08-14 – CSAK A SZAVAZÁS FINOMHANGOLÁSA
   - visszafogottabb szavazógomb
   - nagyobb eredményszámok + mini kördiagram
   - lokális betöltésjelzés szavazás közben
   ========================================================= */
.ml-home-app .ml-vote-submit,
.ml-home-app .ml-vote-submit.ml-primary-button {
	position: relative;
	min-height: 46px;
	gap: 0.48rem;
	margin-top: 0.3rem;
	color: var(--ml-home-text) !important;
	border: 1px solid var(--ml-home-accent-border-strong) !important;
	border-radius: 11px;
	background:
		linear-gradient(135deg, var(--ml-home-accent-soft), rgba(255, 255, 255, 0.018)) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.035),
		0 8px 18px rgba(0, 0, 0, 0.08);
	font-size: 0.82rem;
	font-weight: 850;
	letter-spacing: 0.01em;
	transition:
		color 150ms ease,
		border-color 150ms ease,
		background 150ms ease,
		box-shadow 150ms ease,
		transform 150ms ease;
}

.ml-home-app .ml-vote-submit:hover,
.ml-home-app .ml-vote-submit:focus-visible {
	color: var(--ml-home-accent-hover) !important;
	border-color: var(--ml-home-accent-focus) !important;
	background:
		linear-gradient(135deg, color-mix(in srgb, var(--ml-home-accent) 13%, transparent), rgba(255, 255, 255, 0.025)) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.045),
		0 0 0 3px var(--ml-home-accent-ring),
		0 10px 22px rgba(0, 0, 0, 0.1);
}

.ml-home-app .ml-vote-submit .material-symbols-rounded {
	font-size: 20px;
}

.ml-vote-submit__spinner {
	display: none;
}

.ml-vote-form[aria-busy="true"] .ml-vote-submit {
	cursor: wait;
	opacity: 0.82;
	transform: none;
}

.ml-vote-form[aria-busy="true"] .ml-vote-submit__icon {
	display: none;
}

.ml-vote-form[aria-busy="true"] .ml-vote-submit__spinner {
	display: inline-block;
	animation: ml-vote-loader-spin 760ms linear infinite;
}

.ml-vote-option {
	min-height: 44px;
	font-size: 0.78rem;
	line-height: 1.4;
}

.ml-vote-results {
	gap: 0.5rem;
}

.ml-vote-result {
	grid-template-columns: minmax(0, 1fr) auto;
	grid-template-areas:
		"head chart"
		"track chart";
	align-items: center;
	gap: 0.42rem 0.7rem;
	min-height: 78px;
	padding: 0.62rem 0.66rem;
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.018);
}

.ml-vote-result__head {
	grid-area: head;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 0.45rem;
	font-size: 0.78rem;
}

.ml-vote-result__head strong {
	font-size: 0.82rem;
	font-weight: 850;
	line-height: 1.3;
}

.ml-vote-result__count {
	display: inline-flex;
	align-items: baseline;
	gap: 0.18rem;
	color: var(--ml-home-text) !important;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

.ml-vote-result__count strong {
	font-size: 0.9rem;
	font-weight: 900;
	line-height: 1;
}

.ml-vote-result__count small {
	color: var(--ml-home-muted);
	font-size: 0.68rem;
	font-weight: 760;
}

.ml-vote-result__track {
	grid-area: track;
	height: 9px;
	background: var(--ml-home-surface-3);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.018);
}

.ml-vote-result__bar {
	position: relative;
	background: linear-gradient(90deg, var(--ml-home-accent), var(--ml-home-accent-hover));
}

.ml-vote-result__bar::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 1px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: var(--ml-home-text);
	box-shadow: 0 0 0 2px var(--ml-home-accent-ring);
	transform: translate(50%, -50%);
}

.ml-vote-result__chart {
	grid-area: chart;
	position: relative;
	display: grid;
	width: 54px;
	height: 54px;
	flex: 0 0 54px;
	place-items: center;
	border-radius: 50%;
	background:
		conic-gradient(
			var(--ml-home-accent-hover) calc(var(--vote-percent, 0) * 1%),
			var(--ml-home-surface-3) 0
		);
	box-shadow: inset 0 0 0 1px var(--ml-home-border-soft);
}

.ml-vote-result__chart::before {
	content: "";
	position: absolute;
	inset: 6px;
	border-radius: 50%;
	background: var(--ml-home-surface-2);
	box-shadow: inset 0 0 0 1px var(--ml-home-border-soft);
}

.ml-vote-result__chart-value {
	position: relative;
	z-index: 1;
	color: var(--ml-home-text);
	font-size: 0.72rem;
	font-weight: 900;
	font-variant-numeric: tabular-nums;
	letter-spacing: -0.035em;
	line-height: 1;
}

.ml-vote-summary {
	padding-top: 0.28rem;
	font-size: 0.76rem;
	line-height: 1.65;
}

.ml-vote-summary strong {
	color: var(--ml-home-text);
	font-size: 0.8rem;
	font-variant-numeric: tabular-nums;
}

/* Csak a szavazás saját betöltésjelzője. */
.ml-vote-widget-loader {
	position: absolute;
	z-index: 160;
	inset: 0;
	display: grid;
	place-items: center;
	padding: 1rem;
	background: color-mix(in srgb, var(--ml-home-surface) 86%, transparent);
	backdrop-filter: blur(2px);
}

.ml-vote-widget-loader[hidden] {
	display: none !important;
}

.ml-vote-widget-loader__inner {
	display: inline-flex;
	align-items: center;
	gap: 0.52rem;
	padding: 0.58rem 0.72rem;
	color: var(--ml-home-text);
	border: 1px solid var(--ml-home-accent-border);
	border-radius: 999px;
	background: var(--ml-home-surface-2);
	box-shadow: 0 12px 26px rgba(0, 0, 0, 0.24);
	font-size: 0.72rem;
	font-weight: 800;
}

.ml-vote-widget-loader__inner .material-symbols-rounded {
	color: var(--ml-home-accent-hover);
	font-size: 19px;
	animation: ml-vote-loader-spin 760ms linear infinite;
}

#homeVoteFrame.is-vote-loading {
	cursor: wait;
}

@keyframes ml-vote-loader-spin {
	to {
		transform: rotate(360deg);
	}
}

@supports not (background: color-mix(in srgb, #000 50%, #fff)) {
	.ml-home-app .ml-vote-submit:hover,
	.ml-home-app .ml-vote-submit:focus-visible {
		background: var(--ml-home-accent-soft) !important;
	}

	.ml-vote-widget-loader {
		background: rgba(17, 23, 34, 0.92);
	}
}

@media (max-width: 767.98px) {
	.ml-vote-result {
		grid-template-columns: minmax(0, 1fr) 50px;
	}

	.ml-vote-result__chart {
		width: 50px;
		height: 50px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.ml-vote-widget-loader__inner .material-symbols-rounded,
	.ml-vote-form[aria-busy="true"] .ml-vote-submit__spinner {
		animation-duration: 1.6s;
	}
}



@media (max-width: 767.98px) {

    /* Viewport alatti nagy blokkokat ne renderelje azonnal */
    .ml-community-card,
    .ml-partners-card,
    .ml-home-app > .ml-app-grid > .ml-app-sidebar > .ml-app-card {
        content-visibility: auto;
        contain-intrinsic-size: auto 500px;
    }

    /* Hosszú listák */
    .ml-news-item,
    .ml-community-post {
        content-visibility: auto;
        contain-intrinsic-size: auto 120px;
    }

    /* Sok kártyán összeadódó paint */
    .ml-app-card,
    .ml-community-post {
        box-shadow: none !important;
    }

    /* Mobilon nincs szükség ezekre a nyitó effektekre */
    .ml-community-comments-panel:not([hidden]),
    .ml-community-nested-replies:not([hidden]),
    .ml-community-inline-reply-slot--top > * {
        animation: none !important;
        filter: none !important;
    }
}

/* =========================================================
   2026-08-19 – STABIL INTERAKCIÓK, ELMOZDULÁS NÉLKÜL
   ---------------------------------------------------------
   Cél:
   - hover / focus / active állapotban egyetlen vezérlő se
     ugorjon, csússzon, nagyítódjon vagy forduljon el;
   - a vizuális visszajelzés (szín, border, glow, shadow,
     opacity, filter) megmaradjon;
   - a kártyafejlécek admin hárompontos gombjai mindenhol
     a jelenlegi legnagyobb méretet, 42x42 px-et használják;
   - a funkcionális loading visszajelzés maradjon, de ne
     forgással, hanem helyben pulzáló fény/opacity effekttel.
   ========================================================= */

.ml-home-app {
	--ml-home-card-control-size: 42px;
}

/* ---------------------------------------------------------
   1) KÁRTYAFEJLÉC ADMIN GOMBOK – EGYSÉGES 42x42
   A .ml-card-menu-button eddig is 42x42 volt; a Hírek
   .ml-workspace-menu-button vezérlője ehhez igazodik.
   --------------------------------------------------------- */
.ml-home-app .ml-workspace-menu-button,
.ml-home-app .ml-card-menu-button {
	width: var(--ml-home-card-control-size) !important;
	height: var(--ml-home-card-control-size) !important;
	min-width: var(--ml-home-card-control-size) !important;
	min-height: var(--ml-home-card-control-size) !important;
	flex: 0 0 var(--ml-home-card-control-size) !important;
	padding: 0 !important;
	transform: none !important;
	will-change: auto !important;
	transition:
		color 180ms ease,
		border-color 180ms ease,
		background 180ms ease,
		box-shadow 220ms ease,
		filter 180ms ease !important;
}

.ml-home-app .ml-workspace-menu-button .material-symbols-rounded,
.ml-home-app .ml-card-menu-button .material-symbols-rounded {
	font-size: 28px !important;
	transform: none !important;
	animation: none !important;
	transition:
		color 180ms ease,
		font-variation-settings 180ms ease,
		filter 180ms ease !important;
	font-variation-settings:
		"FILL" 0,
		"wght" 600,
		"GRAD" 0,
		"opsz" 28;
}

/* Nyitott állapotban is ugyanott marad a gomb. */
.ml-home-app .ml-workspace-menu-button[aria-expanded="true"],
.ml-home-app .ml-card-menu-button[aria-expanded="true"] {
	transform: none !important;
}

/* ---------------------------------------------------------
   2) INTERAKTÍV VEZÉRLŐK – NINCS GEOMETRIAI MOZGÁS
   A háttér/szín/keret/glow/filter szabályok változatlanul
   működnek, csak a translate / scale / rotate hatást tiltjuk.
   --------------------------------------------------------- */
.ml-home-app :is(
	button,
	a,
	[role="button"],
	.ml-vote-option,
	.ml-partner-banner,
	.ml-picker-gif,
	.ml-news-reaction,
	.ml-news-reaction-trigger,
	.ml-news-reaction-viewers,
	.ml-community-comments-toggle,
	.ml-community-thread-reply,
	.ml-community-comments-compose__open,
	.ml-community-action,
	.ml-community-composer__submit,
	.ml-community-tool,
	.ml-community-action-dialog__button
) {
	transform: none !important;
	will-change: auto !important;
}

/* Active állapot se nyomja le fizikailag a vezérlőt. */
.ml-home-app :is(
	button,
	a,
	[role="button"],
	.ml-vote-option,
	.ml-partner-banner,
	.ml-picker-gif,
	.ml-news-reaction,
	.ml-news-reaction-trigger,
	.ml-news-reaction-viewers,
	.ml-community-comments-toggle,
	.ml-community-thread-reply,
	.ml-community-comments-compose__open,
	.ml-community-action,
	.ml-community-composer__submit,
	.ml-community-tool,
	.ml-community-action-dialog__button
):active {
	transform: none !important;
}

/* Hover/focus alatt marad a glow, de nincs emelés/nagyítás. */
.ml-home-app :is(
	.ml-workspace-tab,
	.ml-mobile-tab,
	.ml-workspace-menu-button,
	.ml-card-menu-button,
	.ml-icon-button,
	.ml-text-button,
	.ml-chat-image-button,
	.ml-chat-action-button,
	.ml-send-button,
	.ml-picker-close,
	.ml-picker-smiley,
	.ml-picker-greeting,
	.ml-picker-gif,
	.ml-greeting-button,
	.ml-vote-option,
	.ml-partner-banner,
	.ml-news-reaction-trigger,
	.ml-news-reaction-viewers,
	.ml-news-reaction,
	.ml-community-comments-toggle,
	.ml-community-thread-reply,
	.ml-community-comments-compose__open,
	.ml-community-action,
	.ml-community-composer__submit,
	.ml-community-tool,
	.ml-community-action-dialog__button
):hover,
.ml-home-app :is(
	.ml-workspace-tab,
	.ml-mobile-tab,
	.ml-workspace-menu-button,
	.ml-card-menu-button,
	.ml-icon-button,
	.ml-text-button,
	.ml-chat-image-button,
	.ml-chat-action-button,
	.ml-send-button,
	.ml-picker-close,
	.ml-picker-smiley,
	.ml-picker-greeting,
	.ml-picker-gif,
	.ml-greeting-button,
	.ml-vote-option,
	.ml-partner-banner,
	.ml-news-reaction-trigger,
	.ml-news-reaction-viewers,
	.ml-news-reaction,
	.ml-community-comments-toggle,
	.ml-community-thread-reply,
	.ml-community-comments-compose__open,
	.ml-community-action,
	.ml-community-composer__submit,
	.ml-community-tool,
	.ml-community-action-dialog__button
):focus-visible {
	transform: none !important;
}

/* ---------------------------------------------------------
   3) IKONOK – NINCS POP / RÁZÁS / FORGÁS / NAGYÍTÁS
   A font-variation, szín és filter effekt maradhat.
   --------------------------------------------------------- */
.ml-home-app :is(button, a, [role="button"]) .material-symbols-rounded,
.ml-home-app .ml-news-reaction__emoji,
.ml-home-app .ml-news-reaction-trigger__emoji,
.ml-home-app .ml-news-reaction__count,
.ml-home-app .ml-news-reaction-trigger strong,
.ml-home-app .ml-news-reaction-viewers strong {
	transform: none !important;
	animation: none !important;
	will-change: auto !important;
}

/* A komment-chevron állapotot színnel jelezzük, nem forgatással. */
.ml-home-app .ml-community-comments-toggle__chevron,
.ml-home-app .ml-community-comments-toggle[aria-expanded="true"] .ml-community-comments-toggle__chevron,
.ml-home-app .ml-community-comments-toggle.is-open .ml-community-comments-toggle__chevron {
	transform: none !important;
	transition: color 170ms ease, opacity 170ms ease !important;
}

.ml-home-app .ml-community-comments-toggle[aria-expanded="true"] .ml-community-comments-toggle__chevron,
.ml-home-app .ml-community-comments-toggle.is-open .ml-community-comments-toggle__chevron {
	color: var(--ml-home-accent-hover);
	opacity: 1;
}

/* ---------------------------------------------------------
   4) LENYÍLÓK / PICKEREK – CSAK FADE, NINCS CSÚSZÁS/SCALE
   --------------------------------------------------------- */
.ml-home-app .ml-chat-smiley-bubble,
.ml-home-app .ml-chat-smiley-menu.is-open .ml-chat-smiley-bubble,
.ml-home-app .ml-chat-smiley-menu:hover .ml-chat-smiley-bubble,
.ml-home-app .ml-chat-wall > #smilies-card.ml-smiley-preparing,
.ml-home-app .ml-chat-wall > #smilies-card.ml-smiley-visible,
.ml-home-app .ml-chat-wall > #smilies-card.ml-smiley-closing,
.ml-home-app .ml-news-reaction-list,
.ml-home-app .ml-news-reaction-picker-wrap.is-open .ml-news-reaction-list {
	transform: none !important;
	transform-origin: center !important;
}

.ml-home-app .ml-chat-smiley-bubble {
	transition: opacity 120ms ease, visibility 120ms ease !important;
}

.ml-home-app .ml-chat-wall > #smilies-card.ml-smiley-visible,
.ml-home-app .ml-chat-wall > #smilies-card.ml-smiley-closing {
	transition: opacity 100ms ease, visibility 100ms ease !important;
}

.ml-home-app .ml-news-reaction-list {
	transition: opacity 150ms ease, visibility 150ms ease !important;
}

/* Menüelemek se csússzanak oldalra hoverkor. */
.ml-home-app .ml-workspace-menu a,
.ml-home-app .ml-workspace-menu button,
.ml-home-app .ml-card-menu a,
.ml-home-app .ml-card-menu button {
	transform: none !important;
	transition:
		color 180ms ease,
		background 180ms ease,
		filter 180ms ease !important;
}

.ml-home-app .ml-workspace-menu a:hover,
.ml-home-app .ml-workspace-menu button:hover,
.ml-home-app .ml-workspace-menu a:focus-visible,
.ml-home-app .ml-workspace-menu button:focus-visible,
.ml-home-app .ml-card-menu a:hover,
.ml-home-app .ml-card-menu button:hover,
.ml-home-app .ml-card-menu a:focus-visible,
.ml-home-app .ml-card-menu button:focus-visible {
	transform: none !important;
}

/* ---------------------------------------------------------
   5) REAKCIÓK – VISSZAJELZÉS MARAD, GEOMETRIAI BURST NINCS
   --------------------------------------------------------- */
@keyframes ml-stationary-feedback {
	0%, 100% {
		opacity: 0.72;
		filter: brightness(1) drop-shadow(0 0 0 transparent);
	}
	50% {
		opacity: 1;
		filter: brightness(1.18) drop-shadow(0 0 7px var(--ml-home-accent-ring));
	}
}

.ml-home-app .ml-news-reaction__count.is-pulse,
.ml-home-app .ml-news-reaction-trigger strong.is-pulse,
.ml-home-app .ml-news-reaction-viewers strong.is-pulse,
.ml-home-app .ml-news-reaction.is-burst .ml-news-reaction__emoji,
.ml-home-app .ml-news-reaction-trigger.is-burst .ml-news-reaction-trigger__emoji {
	transform: none !important;
	animation: ml-stationary-feedback 380ms ease both !important;
}

/* ---------------------------------------------------------
   6) MODALOK / KOMMENTPANELEK – FADE/BLUR, NINCS UGRÁS
   --------------------------------------------------------- */
@keyframes ml-stationary-reveal {
	from {
		opacity: 0;
		filter: blur(1px);
	}
	to {
		opacity: 1;
		filter: blur(0);
	}
}

.ml-home-app .ml-reaction-modal.show .ml-reaction-modal__content,
.ml-home-app .ml-community-comments-panel:not([hidden]),
.ml-home-app .ml-community-nested-replies:not([hidden]),
.ml-home-app .ml-community-inline-reply-slot--top > *,
.ml-community-action-dialog[open] {
	transform: none !important;
	transform-origin: center !important;
	animation: ml-stationary-reveal 180ms ease both !important;
}

.ml-community-action-dialog.is-closing {
	transform: none !important;
	transition: opacity 150ms ease, filter 150ms ease !important;
}

/* ---------------------------------------------------------
   7) LOADING – FORGÁS HELYETT HELYBEN PULZÁLÁS
   --------------------------------------------------------- */
.ml-home-app .ml-chat-upload-message__spinner .material-symbols-rounded,
.ml-home-app .ml-vote-form[aria-busy="true"] .ml-vote-submit__spinner,
.ml-home-app .ml-vote-widget-loader__inner .material-symbols-rounded {
	transform: none !important;
	animation: ml-stationary-feedback 900ms ease-in-out infinite !important;
}

/* ---------------------------------------------------------
   8) NÉHÁNY KÉSŐI / SPECIÁLIS ÁLLAPOT BIZTOS FELÜLÍRÁSA
   --------------------------------------------------------- */
.ml-home-app .ml-news-reaction-trigger:hover,
.ml-home-app .ml-news-reaction-trigger:focus-visible,
.ml-home-app .ml-news-reaction-picker-wrap:focus-within .ml-news-reaction-trigger,
.ml-home-app .ml-news-reaction:hover,
.ml-home-app .ml-news-reaction:focus-visible,
.ml-home-app .ml-news-reaction:active,
.ml-home-app .ml-news-reaction.is-active,
.ml-home-app .ml-news-reaction-viewers:hover,
.ml-home-app .ml-news-reaction-viewers:focus-visible,
.ml-home-app .ml-community-post__engagement .ml-news-reaction-trigger:hover,
.ml-home-app .ml-community-post__engagement .ml-news-reaction-trigger:focus-visible,
.ml-home-app .ml-community-post__engagement .ml-news-reaction-trigger[aria-expanded="true"],
.ml-home-app .ml-community-post__engagement .ml-news-reaction-viewers:hover:not(:disabled),
.ml-home-app .ml-community-post__engagement .ml-news-reaction-viewers:focus-visible:not(:disabled),
.ml-home-app .ml-community-comments-toggle:hover,
.ml-home-app .ml-community-comments-toggle:focus-visible,
.ml-home-app .ml-community-comments-toggle[aria-expanded="true"],
.ml-home-app .ml-community-thread-reply:hover,
.ml-home-app .ml-community-thread-reply:focus-visible,
.ml-home-app .ml-community-comments-compose__open:hover,
.ml-home-app .ml-community-comments-compose__open:focus-visible,
.ml-home-app .ml-partner-banner:hover,
.ml-home-app .ml-partner-banner:focus-visible,
.ml-home-app .ml-vote-submit:hover,
.ml-home-app .ml-vote-submit:focus-visible {
	transform: none !important;
}

/* A strukturális pozicionáló transformokat szándékosan NEM bántjuk:
   - watermark középre igazítása;
   - diagram pont pozicionálása;
   - checkbox/toggle kapcsoló állapotjelzése.
   Ezek nem hover/click „ugráló” effektek, hanem layout/állapot részei. */


/* =========================================================
   2026-08-19 – EGYSÉGES KÁRTYAFEJLÉCEK
   A Hírek fejlécének geometriája az alap.
   A címek betűmérete a Születésnaposok kártyáé:
   desktop 1.05rem, mobil 1.12rem.
   ========================================================= */

/* Minden fő kártyafej azonos magasságú, térközű és hátterű. */
.ml-home-app .ml-workspace-nav,
.ml-home-app .ml-vote-card__header,
.ml-home-app .ml-community-card__header {
	height: 64px !important;
	min-height: 64px !important;
	padding: 0.65rem 0.8rem !important;
	align-items: center !important;
	border-bottom: 1px solid var(--ml-home-border-soft) !important;
	background: var(--bg-primary) !important;
}

/* A fejléc bal oldali címblokkja minden kártyán azonos ritmusú. */
.ml-home-app .ml-home-heading,
.ml-home-app .ml-community-card__heading {
	min-width: 0;
	align-items: center;
	gap: 0.6rem !important;
}

/* A fejlécikon mérete is a Hírek 36x36-os mérete. */
.ml-home-app .ml-home-heading__icon,
.ml-home-app .ml-community-card__heading-icon {
	display: grid;
	width: 36px !important;
	height: 36px !important;
	min-width: 36px !important;
	min-height: 36px !important;
	flex: 0 0 36px !important;
	place-items: center;
	border-radius: 10px !important;
}

.ml-home-app .ml-home-heading__icon .material-symbols-rounded,
.ml-home-app .ml-community-card__heading-icon .material-symbols-rounded {
	font-size: 21px !important;
}

/*
 * A Születésnaposok jelenlegi tipográfiája az etalon.
 * Hírek / Közösségi hírfolyam / Születésnaposok / Kit ismerhetek?
 * / Szavazás / Statisztika / Partneroldalaink ugyanazt kapja.
 */
.ml-home-app .ml-home-heading h1,
.ml-home-app .ml-vote-card__header .ml-home-heading h2,
.ml-home-app .ml-community-card__heading h2 {
	margin: 0 !important;
	color: var(--ml-home-text);
	font-size: 1.05rem !important;
	font-weight: 850 !important;
	line-height: 1.25 !important;
}

/* A korábbi kérés megőrzése: a személy-kártyák se ugorjanak hoverkor. */
.ml-home-app .ml-people-user:hover,
.ml-home-app .ml-people-user:focus-visible {
	transform: none !important;
}

@media (max-width: 767.98px) {
	.ml-home-app .ml-workspace-nav,
	.ml-home-app .ml-vote-card__header,
	.ml-home-app .ml-community-card__header {
		height: 64px !important;
		min-height: 64px !important;
		padding: 0.65rem 0.8rem !important;
	}

	.ml-home-app .ml-home-heading h1,
	.ml-home-app .ml-vote-card__header .ml-home-heading h2,
	.ml-home-app .ml-community-card__heading h2 {
		font-size: 1.12rem !important;
		line-height: 1.25 !important;
	}
}

/* =========================================================
   REAKCIÓ / KOMMENT – VÉGSŐ GEOMETRIAI JAVÍTÁS
   - nincs kapszula-forma a reakcióvezérlőkön
   - a lekerekítés a Kommentek gomb 9px-es geometriáját követi
   - az osztott reakció + reakciózók vezérlő belső illesztése szögletes marad
   ========================================================= */
.ml-home-app .ml-news-reaction-trigger {
	border-radius: 9px !important;
}

.ml-home-app .ml-news-reaction-viewers {
	border-radius: 9px !important;
}

.ml-home-app .ml-news-reaction-list {
	border-radius: 9px !important;
}

.ml-home-app .ml-news-reaction {
	border-radius: 9px !important;
}

.ml-home-app .ml-news-reaction-combo .ml-news-reaction-trigger {
	border-radius: 9px 0 0 9px !important;
}

.ml-home-app .ml-news-reaction-combo .ml-news-reaction-viewers {
	border-radius: 0 9px 9px 0 !important;
}

.ml-home-app .ml-community-comments-toggle {
	border-radius: 9px !important;
}


/* =========================================================
   2026-08-21 – SAROKPÖTTYÖK + FINOM KÁRTYADÍSZEK
   A referencia hangulatát követi, a meglévő színrendszert nem írja felül.
   - minden tartalmi kártyán jobb felső pontmátrix;
   - születésnapnál CSS-lufik;
   - a többi blokknál saját, visszafogott geometrikus motívum;
   - kizárólag dekoráció: nincs pointer-event és nincs layout-hatás.
   ========================================================= */
.ml-home-app .ml-decor-card {
	position: relative;
	isolation: isolate;
}

/* A tényleges tartalom minden dekoráció előtt marad. */
.ml-home-app .ml-decor-card > :not(.ml-card-art) {
	position: relative;
	z-index: 2;
}

/* Jobb felső sarok – 6 × 5 finom pont, mint a referencián. */
.ml-home-app .ml-decor-card::after {
	content: "";
	position: absolute;
	z-index: 3;
	top: 9px;
	right: 12px;
	width: 48px;
	height: 38px;
	background-image: radial-gradient(circle, var(--ml-home-accent) 1.35px, transparent 1.6px);
	background-size: 9px 9px;
	background-position: 0 0;
	opacity: 0.27;
	pointer-events: none;
	user-select: none;
	-webkit-mask-image: linear-gradient(135deg, #000 0 62%, transparent 100%);
	mask-image: linear-gradient(135deg, #000 0 62%, transparent 100%);
}

/* A Hírek jobb felső menüjének hagyunk helyet. */
.ml-home-app .ml-decor-card--news::after,
.ml-home-app .ml-decor-card.has-actions::after {
	right: 54px;
}

/* Közös díszítőréteg. */
.ml-home-app .ml-card-art {
	position: absolute;
	z-index: 0;
	right: 14px;
	bottom: 12px;
	display: block;
	width: 92px;
	height: 92px;
	color: var(--ml-home-accent);
	opacity: 0.105;
	pointer-events: none;
	user-select: none;
}

.ml-home-app .ml-card-art i {
	position: absolute;
	display: block;
	box-sizing: border-box;
}

/* Hírek – egymásra csúsztatott „lapok”. */
.ml-home-app .ml-card-art--news {
	right: 18px;
	bottom: 16px;
	width: 104px;
	height: 82px;
}

.ml-home-app .ml-card-art--news i {
	width: 58px;
	height: 42px;
	border: 2px solid currentColor;
	border-radius: 8px;
}

.ml-home-app .ml-card-art--news i:nth-child(1) {
	right: 2px;
	bottom: 4px;
	transform: rotate(8deg);
}

.ml-home-app .ml-card-art--news i:nth-child(2) {
	right: 22px;
	bottom: 19px;
	transform: rotate(-5deg);
}

.ml-home-app .ml-card-art--news i:nth-child(3) {
	right: 42px;
	bottom: 34px;
	width: 28px;
	height: 5px;
	border: 0;
	border-radius: 999px;
	background: currentColor;
	box-shadow: 0 11px 0 currentColor, 0 22px 0 currentColor;
}

/* Közösségi hírfolyam – egymásba kapcsolódó beszédbuborékok. */
.ml-home-app .ml-card-art--community i {
	width: 48px;
	height: 34px;
	border: 2px solid currentColor;
	border-radius: 14px;
}

.ml-home-app .ml-card-art--community i::after {
	content: "";
	position: absolute;
	bottom: -8px;
	left: 10px;
	width: 12px;
	height: 12px;
	border-left: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: skewY(-34deg);
}

.ml-home-app .ml-card-art--community i:nth-child(1) { right: 2px; bottom: 8px; }
.ml-home-app .ml-card-art--community i:nth-child(2) { right: 30px; bottom: 38px; transform: scale(0.82); }
.ml-home-app .ml-card-art--community i:nth-child(3) {
	right: 4px;
	bottom: 58px;
	width: 8px;
	height: 8px;
	border: 0;
	border-radius: 50%;
	background: currentColor;
	box-shadow: -14px 5px 0 currentColor, -27px 1px 0 currentColor;
}

/* Születésnap – három lufi, külön húrral. */
.ml-home-app .ml-card-art--balloons {
	right: 12px;
	bottom: 7px;
	width: 104px;
	height: 122px;
	opacity: 0.12;
}

.ml-home-app .ml-card-art--balloons i {
	width: 34px;
	height: 43px;
	border: 2px solid currentColor;
	border-radius: 52% 48% 50% 50% / 58% 58% 42% 42%;
	background: currentColor;
}

.ml-home-app .ml-card-art--balloons i::before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -7px;
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 7px solid currentColor;
	transform: translateX(-50%);
}

.ml-home-app .ml-card-art--balloons i::after {
	content: "";
	position: absolute;
	left: 50%;
	top: calc(100% + 6px);
	width: 26px;
	height: 60px;
	border-left: 1.5px solid currentColor;
	border-radius: 50%;
	transform: translateX(-2px) rotate(7deg);
}

.ml-home-app .ml-card-art--balloons i:nth-child(1) { right: 4px; top: 21px; transform: rotate(5deg); }
.ml-home-app .ml-card-art--balloons i:nth-child(2) { right: 34px; top: 3px; transform: scale(0.88) rotate(-6deg); }
.ml-home-app .ml-card-art--balloons i:nth-child(3) { right: 58px; top: 31px; transform: scale(0.72) rotate(-10deg); }

/* Kit ismerhetek? – kapcsolódó profilpontok. */
.ml-home-app .ml-card-art--people i {
	width: 28px;
	height: 28px;
	border: 2px solid currentColor;
	border-radius: 50%;
	background: currentColor;
}

.ml-home-app .ml-card-art--people i::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 31px;
	width: 38px;
	height: 20px;
	border: 2px solid currentColor;
	border-top: 0;
	border-radius: 0 0 22px 22px;
	transform: translateX(-50%);
}

.ml-home-app .ml-card-art--people i:nth-child(1) { right: 5px; bottom: 36px; }
.ml-home-app .ml-card-art--people i:nth-child(2) { right: 48px; bottom: 12px; transform: scale(0.72); }
.ml-home-app .ml-card-art--people i:nth-child(3) {
	right: 56px;
	bottom: 65px;
	width: 7px;
	height: 7px;
	border: 0;
	box-shadow: 14px -8px 0 currentColor, 29px -2px 0 currentColor;
}

/* Szavazás – ballot box + bedobott lap. */
.ml-home-app .ml-card-art--vote i:nth-child(1) {
	right: 4px;
	bottom: 5px;
	width: 64px;
	height: 45px;
	border: 2px solid currentColor;
	border-radius: 8px;
}

.ml-home-app .ml-card-art--vote i:nth-child(1)::before {
	content: "";
	position: absolute;
	left: 12px;
	top: 11px;
	width: 38px;
	height: 2px;
	background: currentColor;
}

.ml-home-app .ml-card-art--vote i:nth-child(2) {
	right: 28px;
	bottom: 47px;
	width: 34px;
	height: 42px;
	border: 2px solid currentColor;
	border-radius: 5px;
	transform: rotate(-12deg);
}

.ml-home-app .ml-card-art--vote i:nth-child(3) {
	right: 37px;
	bottom: 62px;
	width: 14px;
	height: 8px;
	border: 0;
	border-left: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(-48deg);
}

/* Statisztika – három emelkedő oszlop + pontsor. */
.ml-home-app .ml-card-art--stats i {
	bottom: 9px;
	width: 15px;
	border: 2px solid currentColor;
	border-radius: 5px 5px 2px 2px;
	background: currentColor;
}

.ml-home-app .ml-card-art--stats i:nth-child(1) { right: 8px; height: 54px; }
.ml-home-app .ml-card-art--stats i:nth-child(2) { right: 31px; height: 39px; }
.ml-home-app .ml-card-art--stats i:nth-child(3) { right: 54px; height: 25px; }

/* Partnerek – összekapcsolódó gyűrűk. */
.ml-home-app .ml-card-art--partners i {
	width: 50px;
	height: 30px;
	border: 3px solid currentColor;
	border-radius: 999px;
	transform: rotate(-28deg);
}

.ml-home-app .ml-card-art--partners i:nth-child(1) { right: 4px; bottom: 16px; }
.ml-home-app .ml-card-art--partners i:nth-child(2) { right: 38px; bottom: 42px; }
.ml-home-app .ml-card-art--partners i:nth-child(3) {
	right: 18px;
	bottom: 64px;
	width: 7px;
	height: 7px;
	border: 0;
	border-radius: 50%;
	background: currentColor;
	box-shadow: -13px 6px 0 currentColor, -25px 1px 0 currentColor;
}

/* A meglévő középső watermark marad, de a két dekoráció együtt se legyen túl erős. */
.ml-home-app .ml-decor-card.ml-watermark-panel::before {
	opacity: 0.038;
}

/* Kisebb kártyáknál a dísz ne nyomja el a tartalmat. */
.ml-home-app #homeBirthdayCard .ml-card-art,
.ml-home-app #homePeopleSuggestionsCard .ml-card-art,
.ml-home-app #homeVoteFrame .ml-card-art,
.ml-home-app #homeStatisticsCard .ml-card-art {
	right: 8px;
	bottom: 7px;
	transform: scale(0.84);
	transform-origin: right bottom;
}

@media (max-width: 767.98px) {
	.ml-home-app .ml-decor-card::after {
		top: 8px;
		right: 10px;
		width: 42px;
		height: 34px;
		background-size: 8px 8px;
		opacity: 0.22;
	}

	.ml-home-app .ml-decor-card--news::after,
	.ml-home-app .ml-decor-card.has-actions::after {
		right: 51px;
	}

	.ml-home-app .ml-card-art {
		right: 7px;
		bottom: 6px;
		transform: scale(0.78);
		transform-origin: right bottom;
		opacity: 0.085;
	}

	.ml-home-app #homeBirthdayCard .ml-card-art,
	.ml-home-app #homePeopleSuggestionsCard .ml-card-art,
	.ml-home-app #homeVoteFrame .ml-card-art,
	.ml-home-app #homeStatisticsCard .ml-card-art {
		transform: scale(0.72);
	}
}

@media (prefers-reduced-motion: reduce) {
	.ml-home-app .ml-card-art,
	.ml-home-app .ml-decor-card::after {
		transition: none !important;
		animation: none !important;
	}
}

/* =========================================================
   2026-08-21 – DEKORÁCIÓ V2
   - nagyobb, közvetlenül a jobb felső sarokból induló pontmező;
   - 45°-ban elfordítva;
   - ívelt / radiális kifutás, a tartalom felé fokozatosan eltűnik;
   - a grafikus díszek a jobb oldal függőleges közepére kerülnek.
   ========================================================= */

/*
 * A pontmező szándékosan a sarok alól "lóg be".
 * A teljes pseudo-element 45 fokban fordul, ezért a pontmátrix is diagonális.
 * A radiális mask görbített széllel és fokozatos halványulással engedi a
 * mintát balra és lefelé a tartalom irányába.
 */
.ml-home-app .ml-decor-card::after,
.ml-home-app .ml-decor-card--news::after,
.ml-home-app .ml-decor-card.has-actions::after {
	content: "";
	position: absolute;
	z-index: 1;
	top: -22px;
	right: -24px;
	width: 138px;
	height: 132px;
	background-image: radial-gradient(
		circle,
		var(--ml-home-accent) 1.65px,
		transparent 1.95px
	);
	background-size: 10.5px 10.5px;
	background-position: 0 0;
	opacity: 0.34;
	border-radius: 0 0 0 72%;
	transform: rotate(45deg);
	transform-origin: 100% 0;
	pointer-events: none;
	user-select: none;

	/* Erős a sarokban, majd ívelten fogy a tartalom felé. */
	-webkit-mask-image: radial-gradient(
		ellipse 100% 94% at 100% 0%,
		#000 0%,
		#000 28%,
		rgba(0, 0, 0, 0.92) 40%,
		rgba(0, 0, 0, 0.66) 54%,
		rgba(0, 0, 0, 0.30) 68%,
		transparent 84%
	);
	mask-image: radial-gradient(
		ellipse 100% 94% at 100% 0%,
		#000 0%,
		#000 28%,
		rgba(0, 0, 0, 0.92) 40%,
		rgba(0, 0, 0, 0.66) 54%,
		rgba(0, 0, 0, 0.30) 68%,
		transparent 84%
	);
}

/*
 * A díszítőmotívumok nem az alsó sarokban ülnek többé:
 * a jobb szél közepére kerülnek, enyhén kilógva a kártyából.
 */
.ml-home-app .ml-card-art,
.ml-home-app #homeBirthdayCard .ml-card-art,
.ml-home-app #homePeopleSuggestionsCard .ml-card-art,
.ml-home-app #homeVoteFrame .ml-card-art,
.ml-home-app #homeStatisticsCard .ml-card-art {
	top: 50%;
	right: -10px;
	bottom: auto;
	width: 112px;
	height: 126px;
	opacity: 0.115;
	transform: translateY(-50%);
	transform-origin: center right;

	/* Balra, a valódi tartalom irányába finoman elfogy. */
	-webkit-mask-image: linear-gradient(
		to right,
		transparent 0%,
		rgba(0, 0, 0, 0.28) 18%,
		rgba(0, 0, 0, 0.78) 43%,
		#000 68%,
		#000 100%
	);
	mask-image: linear-gradient(
		to right,
		transparent 0%,
		rgba(0, 0, 0, 0.28) 18%,
		rgba(0, 0, 0, 0.78) 43%,
		#000 68%,
		#000 100%
	);
}

/* Hírek – jobb oldal, függőleges közép. */
.ml-home-app .ml-card-art--news {
	top: 50%;
	right: -8px;
	bottom: auto;
	width: 122px;
	height: 104px;
	transform: translateY(-50%);
}

/* Közösségi hírfolyam – jobb oldal, függőleges közép. */
.ml-home-app .ml-card-art--community {
	top: 50%;
	right: -10px;
	bottom: auto;
	width: 116px;
	height: 118px;
	transform: translateY(-50%);
}

/* Születésnap – nagyobb luficsoport, ténylegesen a jobb közép környékén. */
.ml-home-app .ml-card-art--balloons,
.ml-home-app #homeBirthdayCard .ml-card-art--balloons {
	top: 50%;
	right: -13px;
	bottom: auto;
	width: 128px;
	height: 150px;
	opacity: 0.13;
	transform: translateY(-50%);
}

/* Kit ismerhetek? */
.ml-home-app .ml-card-art--people,
.ml-home-app #homePeopleSuggestionsCard .ml-card-art--people {
	top: 50%;
	right: -10px;
	bottom: auto;
	width: 116px;
	height: 120px;
	transform: translateY(-50%);
}

/* Szavazás. */
.ml-home-app .ml-card-art--vote,
.ml-home-app #homeVoteFrame .ml-card-art--vote {
	top: 50%;
	right: -9px;
	bottom: auto;
	width: 116px;
	height: 122px;
	transform: translateY(-50%);
}

/* Statisztika. */
.ml-home-app .ml-card-art--stats,
.ml-home-app #homeStatisticsCard .ml-card-art--stats {
	top: 50%;
	right: -8px;
	bottom: auto;
	width: 112px;
	height: 116px;
	transform: translateY(-50%);
}

/* Partneroldalak. */
.ml-home-app .ml-card-art--partners {
	top: 50%;
	right: -9px;
	bottom: auto;
	width: 120px;
	height: 124px;
	transform: translateY(-50%);
}

/*
 * A kisebb oldalsó kártyákon se legyen összenyomva / alulra húzva a grafika.
 * Ezzel felülírjuk az előző 0.84-es skálázást.
 */
.ml-home-app #homeBirthdayCard .ml-card-art,
.ml-home-app #homePeopleSuggestionsCard .ml-card-art,
.ml-home-app #homeVoteFrame .ml-card-art,
.ml-home-app #homeStatisticsCard .ml-card-art {
	transform: translateY(-50%);
	transform-origin: center right;
}

@media (max-width: 767.98px) {
	.ml-home-app .ml-decor-card::after,
	.ml-home-app .ml-decor-card--news::after,
	.ml-home-app .ml-decor-card.has-actions::after {
		top: -18px;
		right: -20px;
		width: 118px;
		height: 112px;
		background-size: 9.5px 9.5px;
		opacity: 0.30;
		transform: rotate(45deg);
		transform-origin: 100% 0;
	}

	.ml-home-app .ml-card-art,
	.ml-home-app #homeBirthdayCard .ml-card-art,
	.ml-home-app #homePeopleSuggestionsCard .ml-card-art,
	.ml-home-app #homeVoteFrame .ml-card-art,
	.ml-home-app #homeStatisticsCard .ml-card-art {
		top: 50%;
		right: -17px;
		bottom: auto;
		opacity: 0.09;
		transform: translateY(-50%) scale(0.82);
		transform-origin: center right;
	}

	.ml-home-app .ml-card-art--balloons,
	.ml-home-app #homeBirthdayCard .ml-card-art--balloons {
		right: -19px;
		opacity: 0.105;
		transform: translateY(-50%) scale(0.82);
	}
}

/* =========================================================
   2026-08-21 – DEKORÁCIÓ V3
   PONTOSÍTÁS:
   - a pöttymező TÉNYLEG a jobb felső sarokhoz tapad;
   - a sarokban sűrű / erős, onnan balra ÉS lefelé terjed;
   - a belső széle nem egyenes/átlós vágás, hanem nagy ívben fogy el;
   - nem forgatjuk el a teljes pseudo-elemet, így nem csúszik ki a sarokból;
   - a pontkiosztás két eltolt réteggel diagonális, 45°-os ritmust ad;
   - a grafikus díszek visszakerülnek az eredeti jobb alsó helyükre.
   ========================================================= */

/*
 * Jobb felső, negyed-ellipszis szerű pontfelhő.
 * A két eltolt radial-gradient réteg miatt a pontok nem merev négyzetrácsban,
 * hanem diagonális / 45 fokos ritmusban jelennek meg.
 */
.ml-home-app .ml-decor-card::after,
.ml-home-app .ml-decor-card--news::after,
.ml-home-app .ml-decor-card.has-actions::after {
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	width: clamp(180px, 28%, 290px);
	height: clamp(150px, 24vw, 235px);
	border-radius: 0;
	background-image:
		radial-gradient(circle, var(--ml-home-accent) 1.55px, transparent 1.9px),
		radial-gradient(circle, var(--ml-home-accent) 1.05px, transparent 1.4px);
	background-size: 12px 12px, 12px 12px;
	background-position: 0 0, 6px 6px;
	background-repeat: repeat;
	opacity: 0.36;
	transform: none;
	transform-origin: initial;
	pointer-events: none;
	user-select: none;

	/*
	 * A sarok 100%-os, utána egyre jobban kifogy.
	 * Az ellipse középpontja maga a jobb felső sarok, ezért a határ
	 * természetesen ívesen fut balra és lefelé a tartalom felé.
	 */
	-webkit-mask-image: radial-gradient(
		ellipse 100% 100% at 100% 0%,
		#000 0%,
		#000 22%,
		rgba(0, 0, 0, 0.96) 31%,
		rgba(0, 0, 0, 0.82) 42%,
		rgba(0, 0, 0, 0.58) 54%,
		rgba(0, 0, 0, 0.30) 65%,
		rgba(0, 0, 0, 0.11) 74%,
		transparent 84%
	);
	mask-image: radial-gradient(
		ellipse 100% 100% at 100% 0%,
		#000 0%,
		#000 22%,
		rgba(0, 0, 0, 0.96) 31%,
		rgba(0, 0, 0, 0.82) 42%,
		rgba(0, 0, 0, 0.58) 54%,
		rgba(0, 0, 0, 0.30) 65%,
		rgba(0, 0, 0, 0.11) 74%,
		transparent 84%
	);
}

/*
 * A menügombos kártyáknál SEM toljuk el a pöttymezőt.
 * A dekoráció a jobb felső sarok része; a tényleges kezelőszervek z-indexe
 * eleve fölötte marad.
 */
.ml-home-app .ml-decor-card--news::after,
.ml-home-app .ml-decor-card.has-actions::after {
	right: 0;
}

/* =========================================================
   Grafikus díszek: vissza az EREDETI jobb alsó pozíciókba.
   A V2 középre húzó szabályait itt teljesen felülírjuk.
   ========================================================= */
.ml-home-app .ml-card-art {
	top: auto;
	right: 14px;
	bottom: 12px;
	width: 92px;
	height: 92px;
	opacity: 0.105;
	transform: none;
	transform-origin: right bottom;
	-webkit-mask-image: none;
	mask-image: none;
}

/* Hírek – eredeti hely. */
.ml-home-app .ml-card-art--news {
	top: auto;
	right: 18px;
	bottom: 16px;
	width: 104px;
	height: 82px;
	transform: none;
}

/* Közösségi hírfolyam – eredeti jobb alsó hely. */
.ml-home-app .ml-card-art--community {
	top: auto;
	right: 14px;
	bottom: 12px;
	width: 92px;
	height: 92px;
	transform: none;
}

/* Születésnap – eredeti luficsoport. */
.ml-home-app .ml-card-art--balloons,
.ml-home-app #homeBirthdayCard .ml-card-art--balloons {
	top: auto;
	right: 12px;
	bottom: 7px;
	width: 104px;
	height: 122px;
	opacity: 0.12;
	transform: none;
}

/* Kit ismerhetek? – eredeti hely. */
.ml-home-app .ml-card-art--people,
.ml-home-app #homePeopleSuggestionsCard .ml-card-art--people {
	top: auto;
	right: 8px;
	bottom: 7px;
	width: 92px;
	height: 92px;
	transform: scale(0.84);
	transform-origin: right bottom;
}

/* Szavazás – eredeti hely. */
.ml-home-app .ml-card-art--vote,
.ml-home-app #homeVoteFrame .ml-card-art--vote {
	top: auto;
	right: 8px;
	bottom: 7px;
	width: 92px;
	height: 92px;
	transform: scale(0.84);
	transform-origin: right bottom;
}

/* Statisztika – eredeti hely. */
.ml-home-app .ml-card-art--stats,
.ml-home-app #homeStatisticsCard .ml-card-art--stats {
	top: auto;
	right: 8px;
	bottom: 7px;
	width: 92px;
	height: 92px;
	transform: scale(0.84);
	transform-origin: right bottom;
}

/* Partneroldalak – eredeti hely. */
.ml-home-app .ml-card-art--partners {
	top: auto;
	right: 14px;
	bottom: 12px;
	width: 92px;
	height: 92px;
	transform: none;
}

@media (max-width: 767.98px) {
	.ml-home-app .ml-decor-card::after,
	.ml-home-app .ml-decor-card--news::after,
	.ml-home-app .ml-decor-card.has-actions::after {
		top: 0;
		right: 0;
		width: 175px;
		height: 145px;
		background-size: 10px 10px, 10px 10px;
		background-position: 0 0, 5px 5px;
		opacity: 0.31;
		transform: none;
	}

	.ml-home-app .ml-card-art {
		top: auto;
		right: 7px;
		bottom: 6px;
		opacity: 0.085;
		transform: scale(0.78);
		transform-origin: right bottom;
	}

	.ml-home-app .ml-card-art--news {
		top: auto;
		right: 7px;
		bottom: 6px;
		transform: scale(0.78);
		transform-origin: right bottom;
	}

	.ml-home-app .ml-card-art--community {
		top: auto;
		right: 7px;
		bottom: 6px;
		transform: scale(0.78);
		transform-origin: right bottom;
	}

	.ml-home-app .ml-card-art--balloons,
	.ml-home-app #homeBirthdayCard .ml-card-art--balloons {
		top: auto;
		right: 7px;
		bottom: 6px;
		opacity: 0.105;
		transform: scale(0.72);
		transform-origin: right bottom;
	}

	.ml-home-app .ml-card-art--people,
	.ml-home-app #homePeopleSuggestionsCard .ml-card-art--people,
	.ml-home-app .ml-card-art--vote,
	.ml-home-app #homeVoteFrame .ml-card-art--vote,
	.ml-home-app .ml-card-art--stats,
	.ml-home-app #homeStatisticsCard .ml-card-art--stats {
		top: auto;
		right: 7px;
		bottom: 6px;
		transform: scale(0.72);
		transform-origin: right bottom;
	}

	.ml-home-app .ml-card-art--partners {
		top: auto;
		right: 7px;
		bottom: 6px;
		transform: scale(0.78);
		transform-origin: right bottom;
	}
}


/* bugfix  */

.ml-home-app .ml-workspace-nav {
    position: relative !important;
    z-index: 100 !important;
    overflow: visible !important;
}

.ml-home-app .ml-workspace-menu-wrap {
    position: relative !important;
    z-index: 110 !important;
}

.ml-home-app .ml-workspace-menu {
    z-index: 120 !important;
    pointer-events: auto !important;
}

.ml-home-app .ml-workspace-menu a,
.ml-home-app .ml-workspace-menu button {
    position: relative;
    z-index: 1;
    pointer-events: auto !important;
    cursor: pointer;
}

/* =========================================================
   SZÜLETÉSNAPOSOK / KIT ISMERHETEK? – 1 PROFILOS FADE CAROUSEL
   - egyszerre mindig csak egy profil látszik
   - automatikus váltás PHP oldalon megadott időzítéssel
   - hover/fókusz alatt szünetel
   - nyilakkal kézzel lapozható
   ========================================================= */

.ml-home-app .ml-people-carousel {
	display: grid;
	gap: 0.46rem;
	min-width: 0;
}

.ml-home-app .ml-people-carousel__stage {
	display: grid;
	min-width: 0;
	isolation: isolate;
}

.ml-home-app .ml-people-carousel__slide {
	grid-area: 1 / 1;
	z-index: 0;
	width: 100%;
	min-width: 0;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateY(7px) scale(0.985);
	filter: blur(3px);
	transition:
		opacity 420ms cubic-bezier(0.22, 1, 0.36, 1),
		transform 420ms cubic-bezier(0.22, 1, 0.36, 1),
		filter 420ms ease,
		visibility 0s linear 420ms,
		border-color 160ms ease,
		background 160ms ease,
		box-shadow 160ms ease;
}

.ml-home-app .ml-people-carousel__slide.is-active {
	z-index: 1;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateY(0) scale(1);
	filter: blur(0);
	transition-delay: 0s;
}

.ml-home-app .ml-people-carousel__controls {
	position: relative;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 0.34rem;
	min-height: 34px;
}

.ml-home-app .ml-people-carousel__button {
	appearance: none;
	display: inline-grid;
	width: 34px;
	height: 34px;
	flex: 0 0 34px;
	place-items: center;
	padding: 0;
	color: var(--ml-home-muted);
	border: 1px solid var(--ml-home-border);
	border-radius: 9px;
	background: var(--ml-home-surface-2);
	box-shadow: none;
	cursor: pointer;
	transition:
		color 150ms ease,
		border-color 150ms ease,
		background 150ms ease,
		box-shadow 150ms ease;
}

.ml-home-app .ml-people-carousel__button .material-symbols-rounded {
	font-size: 20px;
}

.ml-home-app .ml-people-carousel__button:hover,
.ml-home-app .ml-people-carousel__button:focus-visible {
	color: var(--ml-home-accent-hover);
	border-color: var(--ml-home-accent-border-strong);
	background: var(--ml-home-accent-soft);
	box-shadow: 0 0 0 3px var(--ml-home-accent-ring);
	outline: none;
}

.ml-home-app .ml-people-carousel__button:active {
	background: var(--ml-home-surface-3);
}

.ml-home-app .ml-people-carousel__counter {
	display: inline-flex;
	min-width: 46px;
	height: 28px;
	align-items: center;
	justify-content: center;
	gap: 0.18rem;
	padding: 0 0.46rem;
	color: var(--ml-home-muted);
	border: 1px solid var(--ml-home-border-soft);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.018);
	font-size: 0.67rem;
	font-weight: 760;
	line-height: 1;
	font-variant-numeric: tabular-nums;
}

.ml-home-app .ml-people-carousel__counter strong {
	color: var(--ml-home-text);
	font-weight: 850;
}

/* A régi általános people-list gap itt már ne hozzon több soros listahatást. */
.ml-home-app .ml-people-list.ml-people-carousel {
	gap: 0.46rem;
}

@media (max-width: 575.98px) {
	.ml-home-app .ml-people-carousel__controls {
		justify-content: center;
	}

	.ml-home-app .ml-people-carousel__button {
		width: 38px;
		height: 38px;
		flex-basis: 38px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.ml-home-app .ml-people-carousel__slide {
		transform: none !important;
		filter: none !important;
		transition: none !important;
	}
}


/* =========================================================
   2026-08-22 – SZÜLETÉSNAPOSOK / KIT ISMERHETEK? HERO ELRENDEZÉS
   A carousel működése változatlan; ez a blokk csak a prezentációt írja felül.
   ========================================================= */

.ml-home-app #homeBirthdayCard .ml-people-card__body,
.ml-home-app #homePeopleSuggestionsCard .ml-people-card__body {
	padding: 0;
}

.ml-home-app #homeBirthdayCard .ml-people-carousel,
.ml-home-app #homePeopleSuggestionsCard .ml-people-carousel {
	position: relative;
	display: block;
	min-width: 0;
	min-height: 330px;
	padding: 1.15rem 1rem 1rem;
	overflow: hidden;
}

.ml-home-app .ml-people-carousel__eyebrow {
	position: relative;
	z-index: 4;
	display: inline-flex;
	align-items: center;
	gap: 0.36rem;
	min-height: 28px;
	margin: 0 0 0.35rem 0.18rem;
	color: var(--ml-home-accent-hover);
	font-size: 0.68rem;
	font-weight: 900;
	line-height: 1;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.ml-home-app .ml-people-carousel__eyebrow .material-symbols-rounded {
	font-size: 17px;
	font-variation-settings:
		"FILL" 0,
		"wght" 620,
		"GRAD" 0,
		"opsz" 20;
}

.ml-home-app #homeBirthdayCard .ml-people-carousel__stage,
.ml-home-app #homePeopleSuggestionsCard .ml-people-carousel__stage {
	position: relative;
	display: grid;
	min-width: 0;
	min-height: 258px;
	place-items: center;
	isolation: isolate;
}

/* A Kit ismerhetek? kártyán nincs felső ajánlás-címke, ezért a hero
   terület kitölti annak helyét is, hogy a profil optikailag középen maradjon. */
.ml-home-app #homePeopleSuggestionsCard .ml-people-carousel--no-eyebrow .ml-people-carousel__stage {
	min-height: 292px;
}

.ml-home-app #homeBirthdayCard .ml-people-carousel__slide,
.ml-home-app #homePeopleSuggestionsCard .ml-people-carousel__slide {
	grid-area: 1 / 1;
	z-index: 0;
	display: grid;
	width: min(100%, 250px);
	min-width: 0;
	min-height: 250px;
	place-items: center;
	align-content: center;
	gap: 0.82rem;
	padding: 0.5rem 2.65rem 0.75rem;
	color: var(--ml-home-text);
	border: 0;
	border-radius: 22px;
	background: transparent;
	box-shadow: none;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateY(10px) scale(0.965);
	filter: blur(5px);
	transition:
		opacity 520ms cubic-bezier(0.22, 1, 0.36, 1),
		transform 520ms cubic-bezier(0.22, 1, 0.36, 1),
		filter 520ms ease,
		visibility 0s linear 520ms,
		background 170ms ease;
}

.ml-home-app #homeBirthdayCard .ml-people-carousel__slide.is-active,
.ml-home-app #homePeopleSuggestionsCard .ml-people-carousel__slide.is-active {
	z-index: 2;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateY(0) scale(1);
	filter: blur(0);
	transition-delay: 0s;
}

.ml-home-app #homeBirthdayCard .ml-people-carousel__slide:hover,
.ml-home-app #homeBirthdayCard .ml-people-carousel__slide:focus-visible,
.ml-home-app #homePeopleSuggestionsCard .ml-people-carousel__slide:hover,
.ml-home-app #homePeopleSuggestionsCard .ml-people-carousel__slide:focus-visible {
	border: 0;
	background: color-mix(in srgb, var(--ml-home-accent) 4%, transparent);
	box-shadow: none;
	outline: none;
	transform: translateY(0) scale(1);
}

@supports not (background: color-mix(in srgb, #000 50%, #fff)) {
	.ml-home-app #homeBirthdayCard .ml-people-carousel__slide:hover,
	.ml-home-app #homeBirthdayCard .ml-people-carousel__slide:focus-visible,
	.ml-home-app #homePeopleSuggestionsCard .ml-people-carousel__slide:hover,
	.ml-home-app #homePeopleSuggestionsCard .ml-people-carousel__slide:focus-visible {
		background: rgba(255, 255, 255, 0.018);
	}
}

.ml-home-app #homeBirthdayCard .ml-people-user__avatar,
.ml-home-app #homePeopleSuggestionsCard .ml-people-user__avatar {
	position: relative;
	display: grid;
	width: 124px;
	height: 124px;
	flex: 0 0 124px;
	place-items: center;
	overflow: hidden;
	border: 1px solid var(--ml-home-accent-border);
	border-radius: 30%;
	background: var(--ml-home-surface-2);
	box-shadow:
		0 0 0 8px color-mix(in srgb, var(--ml-home-accent) 7%, transparent),
		0 16px 34px rgba(0, 0, 0, 0.22);
}

@supports not (background: color-mix(in srgb, #000 50%, #fff)) {
	.ml-home-app #homeBirthdayCard .ml-people-user__avatar,
	.ml-home-app #homePeopleSuggestionsCard .ml-people-user__avatar {
		box-shadow: 0 0 0 8px rgba(124, 138, 165, 0.08), 0 16px 34px rgba(0, 0, 0, 0.22);
	}
}

.ml-home-app #homeBirthdayCard .ml-people-user__avatar img,
.ml-home-app #homePeopleSuggestionsCard .ml-people-user__avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ml-home-app #homeBirthdayCard .ml-people-user__copy,
.ml-home-app #homePeopleSuggestionsCard .ml-people-user__copy {
	display: grid;
	min-width: 0;
	max-width: 100%;
	place-items: center;
	gap: 0.36rem;
	text-align: center;
}

.ml-home-app #homeBirthdayCard .ml-people-user__name,
.ml-home-app #homePeopleSuggestionsCard .ml-people-user__name {
	max-width: 100%;
	overflow: hidden;
	font-size: 1.18rem;
	font-weight: 900;
	line-height: 1.18;
	letter-spacing: -0.025em;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ml-home-app #homeBirthdayCard .ml-people-user__meta,
.ml-home-app #homePeopleSuggestionsCard .ml-people-user__meta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.36rem;
	max-width: 100%;
	color: var(--ml-home-muted);
	font-size: 0.82rem;
	font-weight: 760;
	line-height: 1.35;
	text-align: center;
}

.ml-home-app #homeBirthdayCard .ml-people-user__meta .material-symbols-rounded,
.ml-home-app #homePeopleSuggestionsCard .ml-people-user__meta .material-symbols-rounded {
	color: var(--ml-home-accent-hover);
	font-size: 20px;
}

/* A vezérlősor teljes felületű overlay; csak a két diszkrét nyíl marad oldalt. */
.ml-home-app #homeBirthdayCard .ml-people-carousel__controls,
.ml-home-app #homePeopleSuggestionsCard .ml-people-carousel__controls {
	position: absolute;
	z-index: 6;
	inset: 0;
	display: block;
	min-height: 0;
	pointer-events: none;
}

.ml-home-app #homeBirthdayCard .ml-people-carousel__button,
.ml-home-app #homePeopleSuggestionsCard .ml-people-carousel__button {
	position: absolute;
	top: 55%;
	display: grid;
	width: 38px;
	height: 38px;
	place-items: center;
	padding: 0;
	color: var(--ml-home-muted);
	border: 1px solid var(--ml-home-border);
	border-radius: 50%;
	background: color-mix(in srgb, var(--ml-home-surface-2) 86%, transparent);
	box-shadow: 0 8px 22px rgba(0, 0, 0, 0.16);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	pointer-events: auto;
	transform: translateY(-50%);
	transition:
		color 150ms ease,
		border-color 150ms ease,
		background 150ms ease,
		box-shadow 150ms ease;
}

.ml-home-app #homeBirthdayCard [data-people-prev],
.ml-home-app #homePeopleSuggestionsCard [data-people-prev] {
	left: 0.65rem;
}

.ml-home-app #homeBirthdayCard [data-people-next],
.ml-home-app #homePeopleSuggestionsCard [data-people-next] {
	right: 0.65rem;
}

.ml-home-app #homeBirthdayCard .ml-people-carousel__button:hover,
.ml-home-app #homeBirthdayCard .ml-people-carousel__button:focus-visible,
.ml-home-app #homePeopleSuggestionsCard .ml-people-carousel__button:hover,
.ml-home-app #homePeopleSuggestionsCard .ml-people-carousel__button:focus-visible {
	color: var(--ml-home-accent-hover);
	border-color: var(--ml-home-accent-border-strong);
	background: var(--ml-home-surface-3);
	box-shadow: 0 0 0 3px var(--ml-home-accent-ring), 0 8px 22px rgba(0, 0, 0, 0.18);
	outline: none;
	transform: translateY(-50%);
}

.ml-home-app #homeBirthdayCard .ml-people-carousel__button:active,
.ml-home-app #homePeopleSuggestionsCard .ml-people-carousel__button:active {
	transform: translateY(-50%);
}


/* Finom mélység a hero terület alatt, plusz a meglévő dekor marad látható. */
.ml-home-app #homeBirthdayCard .ml-people-carousel::before,
.ml-home-app #homePeopleSuggestionsCard .ml-people-carousel::before {
	content: "";
	position: absolute;
	z-index: 0;
	left: 50%;
	bottom: -92px;
	width: 250px;
	height: 180px;
	border: 1px solid var(--ml-home-border-soft);
	border-radius: 50%;
	opacity: 0.36;
	transform: translateX(-50%);
	pointer-events: none;
}

@media (max-width: 575.98px) {
	.ml-home-app #homeBirthdayCard .ml-people-carousel,
	.ml-home-app #homePeopleSuggestionsCard .ml-people-carousel {
		min-height: 310px;
		padding: 0.95rem 0.72rem 0.82rem;
	}

	.ml-home-app .ml-people-carousel__eyebrow {
		margin-left: 0.2rem;
		font-size: 0.65rem;
	}

	.ml-home-app #homeBirthdayCard .ml-people-carousel__stage,
	.ml-home-app #homePeopleSuggestionsCard .ml-people-carousel__stage {
		min-height: 244px;
	}

	.ml-home-app #homePeopleSuggestionsCard .ml-people-carousel--no-eyebrow .ml-people-carousel__stage {
		min-height: 276px;
	}

	.ml-home-app #homeBirthdayCard .ml-people-carousel__slide,
	.ml-home-app #homePeopleSuggestionsCard .ml-people-carousel__slide {
		width: min(100%, 236px);
		min-height: 236px;
		gap: 0.72rem;
		padding-inline: 2.35rem;
	}

	.ml-home-app #homeBirthdayCard .ml-people-user__avatar,
	.ml-home-app #homePeopleSuggestionsCard .ml-people-user__avatar {
		width: 112px;
		height: 112px;
		flex-basis: 112px;
	}

	.ml-home-app #homeBirthdayCard .ml-people-user__name,
	.ml-home-app #homePeopleSuggestionsCard .ml-people-user__name {
		font-size: 1.08rem;
	}

	.ml-home-app #homeBirthdayCard .ml-people-user__meta,
	.ml-home-app #homePeopleSuggestionsCard .ml-people-user__meta {
		font-size: 0.78rem;
	}

	.ml-home-app #homeBirthdayCard .ml-people-carousel__button,
	.ml-home-app #homePeopleSuggestionsCard .ml-people-carousel__button {
		top: 56%;
		width: 36px;
		height: 36px;
	}

	.ml-home-app #homeBirthdayCard [data-people-prev],
	.ml-home-app #homePeopleSuggestionsCard [data-people-prev] {
		left: 0.38rem;
	}

	.ml-home-app #homeBirthdayCard [data-people-next],
	.ml-home-app #homePeopleSuggestionsCard [data-people-next] {
		right: 0.38rem;
	}

}

@media (prefers-reduced-motion: reduce) {
	.ml-home-app #homeBirthdayCard .ml-people-carousel__slide,
	.ml-home-app #homePeopleSuggestionsCard .ml-people-carousel__slide {
		transform: none !important;
		filter: none !important;
		transition: none !important;
	}
}

/* =========================================================
   KIT ISMERHETEK? – 5 SZEMÉLYES FÜGGŐLEGES REEL
   A Műsornaptár görgetési/fókusz logikájára épül.
   A Születésnaposok kártyát ez a blokk nem módosítja.
   ========================================================= */

.ml-home-app #homePeopleSuggestionsCard .ml-people-reel-card__body {
	padding: 0 !important;
}

.ml-home-app #homePeopleSuggestionsCard .ml-people-reel {
	--ml-people-reel-height: 360px;
	--ml-people-reel-item-height: 64px;
	position: relative;
	min-width: 0;
	padding: 0.58rem 0.56rem 0.5rem;
}

.ml-home-app #homePeopleSuggestionsCard .ml-people-reel__shell {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	border: 1px solid var(--ml-home-border-soft);
	border-radius: 16px;
	background: var(--ml-home-surface);
	transition: border-color 160ms ease;
}

/* A középső profil a reel fix fókuszpontja, ugyanúgy, mint a műsornaptárnál. */
.ml-home-app #homePeopleSuggestionsCard .ml-people-reel__shell::before {
	content: "";
	position: absolute;
	z-index: 3;
	top: 50%;
	right: 0.92rem;
	left: 0.34rem;
	height: calc(var(--ml-people-reel-item-height) + 8px);
	pointer-events: none;
	border: 1px solid var(--ml-home-accent-border);
	border-left: 3px solid var(--ml-home-accent);
	border-radius: 15px;
	background: linear-gradient(90deg, var(--ml-home-accent-subtle), transparent 64%);
	transform: translateY(-50%);
	transition: border-color 160ms ease, background 160ms ease;
}

.ml-home-app #homePeopleSuggestionsCard .ml-people-reel__shell:focus-within {
	border-color: var(--ml-home-accent-border-strong);
	outline: 2px solid var(--ml-home-accent-ring);
	outline-offset: 1px;
}

.ml-home-app #homePeopleSuggestionsCard .ml-people-reel__shell:focus-within::before {
	border-color: var(--ml-home-accent-border-strong);
	border-left-color: var(--ml-home-accent-hover);
	background: linear-gradient(90deg, var(--ml-home-accent-soft), transparent 68%);
}

.ml-home-app #homePeopleSuggestionsCard .ml-people-reel__viewport {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	height: var(--ml-people-reel-height);
	min-width: 0;
	padding:
		calc((var(--ml-people-reel-height) - var(--ml-people-reel-item-height)) / 2)
		1.34rem
		calc((var(--ml-people-reel-height) - var(--ml-people-reel-item-height)) / 2)
		0.42rem;
	overflow-x: hidden;
	overflow-y: auto;
	outline: none;
	scroll-behavior: smooth;
	scroll-padding-block: calc((var(--ml-people-reel-height) - var(--ml-people-reel-item-height)) / 2);
	scroll-snap-type: y proximity;
	scrollbar-width: none;
	overscroll-behavior-y: auto;
	touch-action: pan-y;
	cursor: grab;
	-webkit-overflow-scrolling: touch;
}

.ml-home-app #homePeopleSuggestionsCard .ml-people-reel__viewport.is-dragging {
	cursor: grabbing;
	scroll-behavior: auto;
	scroll-snap-type: none;
	user-select: none;
}

.ml-home-app #homePeopleSuggestionsCard .ml-people-reel__viewport::-webkit-scrollbar {
	display: none;
	width: 0;
	height: 0;
}

.ml-home-app #homePeopleSuggestionsCard .ml-people-reel__item {
	--ml-people-reel-opacity: 0.52;
	--ml-people-reel-scale: 0.97;
	--ml-people-reel-shift: 6px;
	position: relative;
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr);
	align-items: center;
	gap: 0.68rem;
	width: 100%;
	height: var(--ml-people-reel-item-height);
	min-width: 0;
	margin: 4px 0;
	padding: 0.42rem 0.62rem;
	overflow: hidden;
	color: var(--ml-home-text);
	border: 1px solid transparent;
	border-radius: 13px;
	background: rgba(255, 255, 255, 0.012);
	cursor: pointer;
	opacity: var(--ml-people-reel-opacity);
	outline: none;
	scroll-snap-align: center;
	scroll-snap-stop: normal;
	transform: translateX(var(--ml-people-reel-shift)) scale(var(--ml-people-reel-scale));
	transform-origin: center;
	contain: layout paint;
	transition:
		opacity 110ms linear,
		transform 160ms ease-out,
		border-color 150ms ease,
		background 150ms ease;
}

.ml-home-app #homePeopleSuggestionsCard .ml-people-reel__item::before {
	content: "";
	position: absolute;
	top: 18%;
	bottom: 18%;
	left: 0;
	width: 2px;
	opacity: 0;
	border-radius: 0 999px 999px 0;
	background: var(--ml-home-accent-hover);
	transform: scaleY(0.45);
	transition: opacity 150ms ease, transform 170ms ease;
}

.ml-home-app #homePeopleSuggestionsCard .ml-people-reel__item.is-active {
	--ml-people-reel-opacity: 1 !important;
	--ml-people-reel-scale: 1 !important;
	--ml-people-reel-shift: 0px !important;
	z-index: 2;
	border-color: var(--ml-home-accent-border);
	background: color-mix(in srgb, var(--ml-home-surface-2) 88%, var(--ml-home-accent) 12%);
}

@supports not (background: color-mix(in srgb, #000 50%, #fff)) {
	.ml-home-app #homePeopleSuggestionsCard .ml-people-reel__item.is-active {
		background: var(--ml-home-surface-2);
	}
}

.ml-home-app #homePeopleSuggestionsCard .ml-people-reel__item.is-active::before {
	opacity: 1;
	transform: scaleY(1);
}

.ml-home-app #homePeopleSuggestionsCard .ml-people-reel__avatar {
	position: relative;
	display: block;
	width: 44px;
	height: 44px;
	overflow: hidden;
	border: 1px solid var(--ml-home-border);
	border-radius: 12px;
	background: var(--ml-home-surface-2);
	text-decoration: none !important;
	transition: border-color 150ms ease, box-shadow 150ms ease;
}

.ml-home-app #homePeopleSuggestionsCard .ml-people-reel__avatar img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.ml-home-app #homePeopleSuggestionsCard .ml-people-reel__item.is-active .ml-people-reel__avatar {
	border-color: var(--ml-home-accent-border-strong);
	box-shadow: 0 0 0 3px var(--ml-home-accent-ring);
}

.ml-home-app #homePeopleSuggestionsCard .ml-people-reel__avatar:focus-visible,
.ml-home-app #homePeopleSuggestionsCard .ml-people-reel__name:focus-visible {
	outline: 2px solid var(--ml-home-accent-focus);
	outline-offset: 2px;
}

.ml-home-app #homePeopleSuggestionsCard .ml-people-reel__copy {
	display: grid;
	min-width: 0;
	align-content: center;
	gap: 0.19rem;
}

.ml-home-app #homePeopleSuggestionsCard .ml-people-reel__name {
	min-width: 0;
	max-width: 100%;
	overflow: hidden;
	font-size: 0.88rem;
	font-weight: 880;
	line-height: 1.2;
	text-decoration: none !important;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: font-size 150ms ease, opacity 150ms ease;
}

.ml-home-app #homePeopleSuggestionsCard .ml-people-reel__item.is-active .ml-people-reel__name {
	font-size: 0.98rem;
}

.ml-home-app #homePeopleSuggestionsCard .ml-people-reel__meta {
	display: inline-flex;
	min-width: 0;
	align-items: center;
	gap: 0.28rem;
	overflow: hidden;
	color: var(--ml-home-muted);
	font-size: 0.68rem;
	font-weight: 720;
	line-height: 1.2;
	text-overflow: ellipsis;
	white-space: nowrap;
	opacity: 0.86;
	transition: font-size 150ms ease, opacity 150ms ease;
}

.ml-home-app #homePeopleSuggestionsCard .ml-people-reel__meta .material-symbols-rounded {
	flex: 0 0 auto;
	color: var(--ml-home-accent-hover);
	font-size: 15px;
}

.ml-home-app #homePeopleSuggestionsCard .ml-people-reel__item.is-active .ml-people-reel__meta {
	font-size: 0.72rem;
	opacity: 1;
}

.ml-home-app #homePeopleSuggestionsCard .ml-people-reel__rail {
	position: absolute;
	z-index: 5;
	top: 50%;
	right: 0.42rem;
	width: 5px;
	height: 48%;
	overflow: hidden;
	border-radius: 999px;
	background: var(--ml-home-border-soft);
	opacity: 0.8;
	pointer-events: none;
	transform: translateY(-50%);
}

.ml-home-app #homePeopleSuggestionsCard .ml-people-reel__rail-thumb {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 18px;
	border-radius: 999px;
	background: var(--ml-home-accent-hover);
	transition: top 180ms ease, height 160ms ease, opacity 150ms ease;
}

.ml-home-app #homePeopleSuggestionsCard .ml-people-reel__hint {
	display: inline-flex;
	min-height: 27px;
	align-items: center;
	gap: 0.28rem;
	padding: 0.42rem 0.18rem 0;
	color: var(--ml-home-muted);
	font-size: 0.58rem;
	font-weight: 720;
	line-height: 1;
	opacity: 0.74;
}

.ml-home-app #homePeopleSuggestionsCard .ml-people-reel__hint .material-symbols-rounded {
	font-size: 15px;
}

@media (max-width: 575.98px) {
	.ml-home-app #homePeopleSuggestionsCard .ml-people-reel {
		--ml-people-reel-height: 350px;
		--ml-people-reel-item-height: 62px;
		padding: 0.5rem 0.46rem 0.44rem;
	}

	.ml-home-app #homePeopleSuggestionsCard .ml-people-reel__viewport {
		padding-right: 1.18rem;
		padding-left: 0.32rem;
	}

	.ml-home-app #homePeopleSuggestionsCard .ml-people-reel__item {
		grid-template-columns: 46px minmax(0, 1fr);
		gap: 0.58rem;
		padding-inline: 0.54rem;
	}

	.ml-home-app #homePeopleSuggestionsCard .ml-people-reel__avatar {
		width: 42px;
		height: 42px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.ml-home-app #homePeopleSuggestionsCard .ml-people-reel__viewport {
		scroll-behavior: auto;
	}

	.ml-home-app #homePeopleSuggestionsCard .ml-people-reel__item,
	.ml-home-app #homePeopleSuggestionsCard .ml-people-reel__item::before,
	.ml-home-app #homePeopleSuggestionsCard .ml-people-reel__rail-thumb {
		transition: none !important;
	}
}