/* MeczRealu: styl przeniesiony z templates/ajax.publisher.full.tpl (przegladarka trzyma go w pamieci podrecznej,
   zamiast pobierac z kazda strona / kazdym otwarciem okna). */
/* ==========================================================================
   ajax.publisher.full.tpl  —  CSS uporzadkowany w 1.0.54
   --------------------------------------------------------------------------
   Bez zmian wizualnych. Scalone zduplikowane selektory, usuniete martwe
   deklaracje, zdjete !important tam, gdzie kaskada go nie wymaga.
   Rownowaznosc potwierdzona maszynowo: getComputedStyle dla 673 elementow
   x ~400 wlasciwosci x 6 szerokosci ekranu = 1 607 760 porownan, 0 roznic
   wobec 1.0.53.
   ========================================================================== */
/* ── Powłoka modala ──────── */
html.mr-publisher-root-locked {
	background: #000 !important;
	color-scheme: dark !important;
	overscroll-behavior: none !important;
}
body.mr-publisher-body-locked {
	background: #000 !important;
	color-scheme: dark !important;
	overscroll-behavior: none !important;
	overflow: hidden !important;
}
html.mr-publisher-dark-keyboard {
	background: #000 !important;
	color-scheme: dark !important;
	overscroll-behavior: none !important;
}
body.mr-publisher-dark-keyboard {
	background: #000 !important;
	color-scheme: dark !important;
	overscroll-behavior: none !important;
}
body.mr-publisher-body-locked .modal-backdrop {
	background: #000 !important;
	opacity: 1 !important;
}
body.mr-publisher-body-locked #modal.mr-publisher-modal-open {
	background: #000 !important;
	color-scheme: dark;
}
body.mr-publisher-body-locked #modal.mr-publisher-modal-open .modal-dialog {
	background: #000;
	color-scheme: dark;
}
body.mr-publisher-body-locked #modal.mr-publisher-modal-open .modal-content {
	background: #000 !important;
	color-scheme: dark;
}
body.mr-publisher-body-locked #modal.mr-publisher-modal-open .mr-publisher-full-modal {
	background: #000;
	color-scheme: dark;
}

/* ── Publisher — reszta ──────── */
.mr-publisher-full-modal textarea {
	color-scheme: dark;
}
.mr-publisher-full-modal input {
	color-scheme: dark;
}
.mr-publisher-full-modal select {
	color-scheme: dark;
}
.mr-publisher-full-modal button {
	color-scheme: dark;
}
.mr-publisher-full-modal {
	width: 100%;
	max-width: 100%;
	padding: 0;
	overflow-x: hidden;
	background: #000;
	color: #e7e9ea;
	border-radius: 12px;
	box-sizing: border-box;
	--mr-publisher-accent: #0053cb;
	--mr-publisher-line: #111;
}
.mr-publisher-full-modal * {
	box-sizing: border-box;
}
.mr-publisher-full-modal *::before {
	box-sizing: border-box;
}
.mr-publisher-full-modal *::after {
	box-sizing: border-box;
}

/* ── Podgląd kontekstu ──────── */
.mr-publisher-full-modal .mr-publisher-context-section {
	width: 100%;
	max-width: 100%;
	flex: 0 0 auto;
	padding: 14px 16px 16px;
	background: #080808;
}

/* ── Publisher — reszta ──────── */
.mr-publisher-full-modal .mr-native-context {
	width: 100%;
	max-width: 100%;
	min-width: 0;
}

/* ── Kompozytor desktop ──────── */
.mr-publisher-full-modal .mr-x-desktop-context {
	display: none;
}

/* ── Publisher — reszta ──────── */
.mr-publisher-full-modal .mr-native-context-label {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 7px;
	margin: 0 0 9px;
	color: #9aa0a6;
	font-size: 12px;
	font-weight: 700;
	line-height: 16px;
}
.mr-publisher-full-modal .mr-native-context-label-copy {
	min-width: 0;
	display: flex;
	align-items: center;
	gap: 7px;
}
.mr-publisher-full-modal .mr-native-context-label i {
	width: 15px;
	flex: 0 0 15px;
	color: #0053cb;
	text-align: center;
}
.mr-publisher-full-modal .mr-native-context-toggle {
	width: 30px;
	height: 30px;
	min-width: 30px;
	display: none;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: 1px solid #111;
	border-radius: 50%;
	background: #16181c;
	color: #e7e9ea;
	font-size: 22px;
	font-weight: 400;
	line-height: 1;
}

/* ── Podgląd kontekstu ──────── */
.mr-publisher-full-modal .mr-native-context-toggle .mr-context-close {
	display: none;
}

/* ── Publisher — reszta ──────── */
.mr-publisher-full-modal .mr-native-context-viewport {
	width: 100%;
	max-width: 100%;
	max-height: min(380px, 44vh);
	padding: 12px;
	overflow-x: hidden;
	overflow-y: auto;
	overscroll-behavior: contain;
	-webkit-overflow-scrolling: touch;
	border: 1px solid #111;
	border-radius: 12px;
	background: #050505;
	scrollbar-width: thin;
	scrollbar-color: #202124 #000;
}
.mr-publisher-full-modal .mr-native-context-viewport::-webkit-scrollbar {
	width: 3px;
}
.mr-publisher-full-modal .mr-native-context-viewport::-webkit-scrollbar-track {
	background: #000;
}
.mr-publisher-full-modal .mr-native-context-viewport::-webkit-scrollbar-thumb {
	border-radius: 999px;
	background: #202124;
}
.mr-publisher-full-modal .mr-native-post {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
	list-style: none;
}
.mr-publisher-full-modal .mr-native-post .post-body {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
	list-style: none;
}
.mr-publisher-full-modal .mr-native-comment-list {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
	list-style: none;
}
.mr-publisher-full-modal .mr-native-comment-list > li {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none;
	list-style: none !important;
}
.mr-publisher-full-modal .mr-native-context-viewport img {
	max-width: 100% !important;
}
.mr-publisher-full-modal .mr-native-context-viewport video {
	max-width: 100%;
}
.mr-publisher-full-modal .mr-native-context-viewport iframe {
	max-width: 100%;
}
.mr-publisher-full-modal .mr-native-context-viewport img.attch_img {
	width: auto !important;
	height: auto !important;
	max-width: 100% !important;
	max-height: none !important;
	object-fit: contain !important;
}
.mr-publisher-full-modal .mr-native-context-viewport .post-media {
	max-width: 100%;
	overflow: hidden;
}
.mr-publisher-full-modal .mr-native-context-viewport .post-media-image {
	max-width: 100%;
	overflow: hidden;
}
.mr-publisher-full-modal .mr-native-context-viewport .post-video-reel {
	max-width: 100%;
	overflow: hidden;
}
.mr-publisher-full-modal .mr-native-context-viewport .comment-replace {
	max-width: 100%;
	overflow: hidden;
}
.mr-publisher-full-modal .mr-native-post .post-avatar {
	width: 38px;
	height: 38px;
	min-width: 38px;
	max-width: 38px;
	flex-basis: 38px;
	background-size: cover;
	background-position: center;
}
.mr-publisher-full-modal .mr-native-post .post-avatar-picture {
	width: 38px;
	height: 38px;
	min-width: 38px;
	max-width: 38px;
	flex-basis: 38px;
	background-size: cover;
	background-position: center;
}
.mr-publisher-full-modal .mr-native-post .post-avatar-anonymous {
	width: 38px;
	height: 38px;
	min-width: 38px;
	max-width: 38px;
	flex-basis: 38px;
	background-size: cover;
	background-position: center;
}
.mr-publisher-full-modal .mr-native-comment-list .comment-avatar {
	width: 32px !important;
	height: 32px !important;
	min-width: 32px !important;
	max-width: 32px;
	flex-basis: 32px;
	background-size: cover;
	background-position: center;
}
.mr-publisher-full-modal .mr-native-comment-list .comment-avatar-picture {
	width: 32px !important;
	height: 32px !important;
	min-width: 32px !important;
	max-width: 32px;
	flex-basis: 32px;
	background-size: cover;
	background-position: center;
}
.mr-publisher-full-modal .mr-native-comment-list .comment-data {
	min-width: 0 !important;
}
.mr-publisher-full-modal .mr-native-comment-list .comment-inner-wrapper {
	min-width: 0;
}
.mr-publisher-full-modal .mr-native-post .post-card {
	min-width: 0;
}
.mr-publisher-full-modal .mr-native-post .post-header .dropdown {
	display: none;
}
.mr-publisher-full-modal .mr-native-post .js_translator {
	display: none;
}
.mr-publisher-full-modal .mr-native-comment-list .comment-btn {
	display: none;
}
.mr-publisher-full-modal .mr-native-comment-list .comment-actions {
	display: none;
}
.mr-publisher-full-modal .mr-native-comment-list .comment-replies {
	display: none !important;
}
.mr-publisher-full-modal .mr-native-comment-list .comment-form {
	display: none;
}
.mr-publisher-full-modal .mr-native-context-viewport a {
	pointer-events: none;
}
.mr-publisher-full-modal .mr-native-context-viewport button {
	pointer-events: none;
}
.mr-publisher-full-modal .mr-native-context-viewport [data-toggle] {
	pointer-events: none;
}
.mr-publisher-full-modal .mr-native-context-viewport [data-bs-toggle] {
	pointer-events: none;
}

/* ── Podgląd kontekstu ──────── */
.mr-publisher-full-modal .mr-publisher-context-divider {
	width: 100%;
	height: 10px;
	min-height: 10px;
	flex: 0 0 10px;
	border-top: 0;
	border-bottom: 1px solid #111;
	background: #000;
}

/* ── Publisher — reszta ──────── */
.mr-publisher-full-modal #publisher-wapper-modal {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0;
	background: #000 !important;
}
.mr-publisher-full-modal #publisher-wapper-modal .publisher {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0;
	background: #000 !important;
}

/* ── Pole tekstowe ──────── */
.mr-publisher-full-modal #js_publisher-textarea::-webkit-contacts-auto-fill-button {
	display: none !important;
	visibility: hidden !important;
	pointer-events: none !important;
}
.mr-publisher-full-modal #js_publisher-textarea::-webkit-credentials-auto-fill-button {
	display: none !important;
	visibility: hidden !important;
	pointer-events: none !important;
}

@media (max-width: 767.98px) {

	/* ── Powłoka modala ──────── */
	body.mr-publisher-body-locked::before {
		content: "" !important;
		position: fixed !important;
		top: -100vh !important;
		right: 0 !important;
		bottom: -100vh !important;
		left: 0 !important;
		z-index: 2147482990 !important;
		display: block !important;
		background: #000 !important;
		opacity: 1 !important;
		pointer-events: none !important;
		transform: translateZ(0);
	}
	#modal.mr-publisher-modal-open {
		position: fixed;
		top: var(--mr-publisher-top, 0px);
		right: 0;
		bottom: auto;
		left: 0;
		width: 100vw !important;
		max-width: 100vw !important;
		height: var(--mr-publisher-vh, 100dvh);
		max-height: var(--mr-publisher-vh, 100dvh);
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
		transform: none !important;
		z-index: 2147483000;
	}
	#modal.mr-publisher-modal-open .modal-dialog {
		top: 0;
		right: 0 !important;
		left: 0 !important;
		width: 100vw !important;
		max-width: 100vw !important;
		height: 100% !important;
		max-height: 100%;
		margin: 0 !important;
		border: 0;
		border-radius: 0;
		background: #000;
		overflow: hidden;
		transform: none !important;
	}
	#modal.mr-publisher-modal-open .modal-content {
		top: 0;
		right: 0;
		left: 0;
		width: 100vw !important;
		max-width: 100vw !important;
		height: 100% !important;
		max-height: 100%;
		margin: 0;
		border: 0 !important;
		border-radius: 0 !important;
		background: #000 !important;
		overflow: hidden;
		transform: none !important;
	}
	#modal.mr-publisher-modal-open .mr-publisher-full-modal {
		top: 0;
		right: 0;
		left: 0;
		width: 100vw !important;
		max-width: 100vw !important;
		height: 100%;
		max-height: 100%;
		margin: 0;
		border: 0;
		background: #000;
		transform: none;
		display: flex;
		flex-direction: column;
	}

	/* ── Podgląd kontekstu ──────── */
	.mr-publisher-full-modal .mr-publisher-context-section {
		display: flex;
		flex-direction: column;
	}

	/* ── Publisher — reszta ──────── */
	.mr-publisher-full-modal .mr-native-context {
		flex-direction: column;
	}
	.mr-publisher-full-modal .mr-native-context-viewport {
		flex: 0 1 auto;
	}

	/* ── Podgląd kontekstu ──────── */
	.mr-publisher-full-modal .mr-publisher-context-divider {
		height: 6px;
		min-height: 6px;
		flex: 0 0 6px;
		display: none;
		border: 0;
	}

	/* ── Publisher — reszta ──────── */
	.mr-publisher-full-modal .mr-native-post .post-avatar {
		width: 34px;
		height: 34px;
		min-width: 34px;
		max-width: 34px;
		flex-basis: 34px;
	}
	.mr-publisher-full-modal .mr-native-post .post-avatar-picture {
		width: 34px;
		height: 34px;
		min-width: 34px;
		max-width: 34px;
		flex-basis: 34px;
	}
	.mr-publisher-full-modal .mr-native-post .post-avatar-anonymous {
		width: 34px;
		height: 34px;
		min-width: 34px;
		max-width: 34px;
		flex-basis: 34px;
	}
	.mr-publisher-full-modal #publisher-wapper-modal {
		position: relative;
		overflow-x: hidden;
		overflow-y: auto;
		overscroll-behavior: contain;
		-webkit-overflow-scrolling: touch;
	}
	.mr-publisher-full-modal #publisher-wapper-modal .publisher {
		padding: 0 !important;
	}
	.mr-publisher-full-modal #publisher-wapper-modal .side_item_list39.px-3.pt-3 {
		padding-top: 10px !important;
	}

	/* ── Pole tekstowe ──────── */
	.mr-publisher-full-modal #publisher-wapper-modal .publisher-message textarea {
		margin-top: 4px !important;
	}

	/* ── Pasek narzędzi ──────── */
	.mr-publisher-full-modal #publisher-wapper-modal .publisher-footer {
		bottom: auto;
		padding-top: 10px !important;
		padding-bottom: max(10px, env(safe-area-inset-bottom)) !important;
	}

	/* ── Publisher — reszta ──────── */
	.mr-publisher-full-modal #publisher-wapper-modal .publisher-close {
		top: 8px;
		right: max(10px, env(safe-area-inset-right));
		z-index: 8;
		display: none;
	}

	/* ── Powłoka modala ──────── */
	#modal.mr-publisher-keyboard-open .mr-publisher-full-modal #publisher-wapper-modal {
		overflow-x: hidden;
	}
	#modal.mr-publisher-keyboard-open .mr-publisher-full-modal .mr-native-context-label {
		min-height: 38px;
		margin: 0;
		padding: 4px 5px 4px 10px;
		border: 1px solid #111;
		border-radius: 9px;
		background: #050505;
		color: #cfd3d6;
	}
	#modal.mr-publisher-keyboard-open .mr-publisher-full-modal .mr-native-context-toggle {
		display: inline-flex;
	}
	#modal.mr-publisher-keyboard-open.mr-publisher-context-expanded .mr-publisher-full-modal .mr-publisher-context-section {
		overflow: hidden;
	}
	#modal.mr-publisher-keyboard-open.mr-publisher-context-expanded .mr-publisher-full-modal .mr-native-context {
		min-height: 0;
		flex: 1 1 0;
		display: flex;
		flex-direction: column;
	}
	#modal.mr-publisher-keyboard-open.mr-publisher-context-expanded .mr-publisher-full-modal .mr-native-context-label {
		margin-bottom: 6px;
	}
	#modal.mr-publisher-keyboard-open.mr-publisher-context-expanded .mr-publisher-full-modal .mr-native-context-viewport {
		flex: 1 1 0;
	}
	#modal.mr-publisher-keyboard-open.mr-publisher-context-expanded .mr-publisher-full-modal .mr-native-context-toggle .mr-context-open {
		display: none;
	}
	#modal.mr-publisher-keyboard-open.mr-publisher-context-expanded .mr-publisher-full-modal .mr-native-context-toggle .mr-context-close {
		display: inline;
	}
	#modal.mr-publisher-modal-open .mr-x-compose-header {
		border-radius: 18px 18px 0 0;
	}
	#modal.mr-publisher-modal-open .mr-x-standalone-reply-nav {
		border-radius: 18px 18px 0 0;
	}
	#modal.mr-publisher-modal-open:not(.mr-publisher-keyboard-open) .mr-publisher-full-modal .mr-publisher-context-section {
		max-height: 48vh;
		overflow-y: auto;
	}
}

/* ── Pozostałe ──────── */
.mr-x-compose-header {
	display: none;
}

@media (max-width: 767.98px) {

	/* ── Publisher — reszta ──────── */
	.mr-publisher-full-modal .mr-x-compose-header {
		flex: 0 0 58px;
		display: grid;
		grid-template-columns: 1fr auto 1fr;
		align-items: center;
		gap: 10px;
		background: #000;
		border-bottom: 0;
		box-shadow: none;
		z-index: 20;
		min-height: 58px;
		flex-basis: 58px;
		padding: 8px 16px;
	}
	.mr-publisher-full-modal .mr-x-compose-title {
		font-weight: 700;
		color: #e7e9ea;
		text-align: center;
		font-size: 17px;
	}
	.mr-publisher-full-modal .mr-x-compose-cancel {
		justify-self: start;
		padding: 8px 0;
		border: 0;
		background: transparent;
		color: #e7e9ea;
		font-size: 16px;
	}
	.mr-publisher-full-modal .mr-x-compose-submit {
		justify-self: end;
		border: 0;
		border-radius: 999px;
		background: #0053cb;
		color: #fff;
		font-weight: 700;
		min-width: 0;
		padding: 8px 16px;
		font-size: 15px;
	}

	/* ── Podgląd kontekstu ──────── */
	.mr-publisher-full-modal .mr-publisher-context-section {
		position: relative;
		background: #000;
		overflow: hidden;
	}

	/* ── Powłoka modala ──────── */
	#modal.mr-publisher-keyboard-open .mr-publisher-full-modal .mr-publisher-context-section {
		position: relative;
		background: #000;
		overflow: hidden;
	}

	/* ── Publisher — reszta ──────── */
	.mr-publisher-full-modal .mr-native-context {
		min-height: 0;
		max-height: 100%;
		flex: 0 1 auto;
		display: block;
	}

	/* ── Powłoka modala ──────── */
	#modal.mr-publisher-keyboard-open .mr-publisher-full-modal .mr-native-context {
		min-height: 0;
		max-height: 100%;
		flex: 0 1 auto;
		display: block;
	}

	/* ── Publisher — reszta ──────── */
	.mr-publisher-full-modal .mr-native-context-label {
		display: none;
	}
	.mr-publisher-full-modal .mr-native-context-viewport {
		display: block;
		width: 100%;
		min-height: 0;
		max-height: 100%;
		border: 0;
		border-radius: 0;
		background: #000;
		overflow-x: hidden;
		overflow-y: auto;
	}

	/* ── Powłoka modala ──────── */
	#modal.mr-publisher-keyboard-open .mr-publisher-full-modal .mr-native-context-viewport {
		display: block;
		width: 100%;
		min-height: 0;
		max-height: 100%;
		padding: 0 0 8px 0;
		border: 0;
		border-radius: 0;
		background: #000;
		overflow-x: hidden;
		overflow-y: auto;
	}
	#modal.mr-publisher-keyboard-open.mr-publisher-context-expanded .mr-publisher-full-modal .mr-native-context-viewport {
		display: block;
		width: 100%;
		min-height: 0;
		max-height: 100%;
		padding: 0 0 8px 0;
		border: 0;
		border-radius: 0;
		background: #000;
		overflow-x: hidden;
		overflow-y: auto;
	}

	/* ── Podgląd kontekstu ──────── */
	.mr-publisher-full-modal .mr-publisher-context-section::after {
		content: "";
		position: absolute;
		left: 38px;
		top: 58px;
		bottom: 0;
		width: 2px;
		border-radius: 2px;
		background: #111;
		pointer-events: none;
	}

	/* ── Publisher — reszta ──────── */
	.mr-publisher-full-modal .mr-native-context-viewport img.attch_img {
		width: auto !important;
		max-width: 100% !important;
		border-radius: 12px !important;
	}
	.mr-publisher-full-modal .mr-native-context-viewport .post-media img {
		width: auto !important;
		max-width: 100% !important;
		border-radius: 12px !important;
	}
	.mr-publisher-full-modal #publisher-wapper-modal {
		min-height: 0;
		max-height: none;
		flex: 1 1 0;
		display: flex;
		flex-direction: column;
		overflow: hidden;
	}

	/* ── Publisher — reszta ──────── */
	.mr-publisher-full-modal #publisher-wapper-modal .publisher {
		width: 100% !important;
		min-width: 0;
		min-height: 0 !important;
		max-height: none;
		flex: 1 1 0 !important;
		display: flex !important;
		flex-direction: column !important;
		height: 100% !important;
	}
	.mr-publisher-full-modal #publisher-wapper-modal .side_item_list39.px-3.pt-3 {
		width: 100% !important;
		min-width: 0;
		min-height: 0 !important;
		max-height: none;
		flex: 1 1 0 !important;
		display: flex !important;
		flex-direction: column !important;
		height: 100% !important;
		padding: 8px 18px 0 !important;
		overflow: hidden !important;
	}
	.mr-publisher-full-modal #publisher-wapper-modal .x_user_info {
		width: 100% !important;
		min-width: 0;
		max-height: none;
		display: flex;
		flex-direction: row;
		align-items: flex-start !important;
		gap: 12px !important;
		min-height: 76px !important;
		flex: 1 1 0 !important;
		overflow: hidden !important;
	}
	.mr-publisher-full-modal #publisher-wapper-modal .x_user_info > .flex-1 {
		min-height: 0 !important;
		max-height: none;
		flex: 1 1 0 !important;
		display: flex !important;
		flex-direction: column !important;
		min-width: 0 !important;
		width: calc(100% - 54px) !important;
		overflow: hidden !important;
	}
	.mr-publisher-full-modal #publisher-wapper-modal .publisher-avatar {
		width: 42px !important;
		height: 42px !important;
		min-width: 42px !important;
		flex: 0 0 42px !important;
	}

	/* ── Pasek narzędzi ──────── */
	.mr-publisher-full-modal #publisher-wapper-modal .publisher-slider {
		flex: 0 0 auto;
		margin: 0 0 4px;
	}

	/* ── Pole tekstowe ──────── */
	.mr-publisher-full-modal #publisher-wapper-modal .publisher-message {
		width: 100% !important;
		min-width: 0;
		min-height: 0 !important;
		max-height: none;
		display: flex !important;
		flex-direction: column;
		flex: 1 1 0 !important;
		overflow: hidden !important;
	}
	.mr-publisher-full-modal #publisher-wapper-modal .colored-text-wrapper {
		width: 100% !important;
		min-width: 0;
		min-height: 0 !important;
		max-height: none;
		display: flex !important;
		flex-direction: column;
		position: relative;
		flex: 1 1 0 !important;
		overflow: hidden !important;
	}
	.mr-publisher-full-modal #publisher-wapper-modal .publisher-message textarea {
		width: 100% !important;
		min-width: 100%;
		min-height: 90px !important;
		max-height: none !important;
		flex: 1 1 0;
		margin: 0 !important;
		padding: 4px 0 12px !important;
		font-size: 20px;
		line-height: 1.35;
		color: #e7e9ea !important;
		overflow-y: auto !important;
		resize: none;
	}

	/* ── Powłoka modala ──────── */
	#modal.mr-publisher-keyboard-open .mr-publisher-full-modal #publisher-wapper-modal .publisher-message textarea {
		width: 100% !important;
		min-width: 100%;
		min-height: 90px !important;
		max-height: none;
		flex: 1 1 0;
		margin: 0 !important;
		padding: 4px 0 12px !important;
		font-size: 20px;
		line-height: 1.35;
		color: #e7e9ea !important;
		overflow-y: auto !important;
		resize: none;
	}

	/* ── Pole tekstowe ──────── */
	.mr-publisher-full-modal #publisher-wapper-modal .publisher-message textarea::placeholder {
		color: #71767b !important;
	}

	/* ── Pasek narzędzi ──────── */
	.mr-publisher-full-modal #publisher-wapper-modal .publisher-footer {
		position: static;
		width: 100% !important;
		flex: 0 0 auto !important;
		margin-top: auto !important;
		background: #000 !important;
		flex-wrap: nowrap !important;
	}

	/* ── Powłoka modala ──────── */
	#modal.mr-publisher-keyboard-open .mr-publisher-full-modal #publisher-wapper-modal .publisher-footer {
		margin-top: auto !important;
		flex-wrap: nowrap !important;
	}

	/* ── Pasek narzędzi ──────── */
	.mr-publisher-full-modal #publisher-wapper-modal .publisher-tools-tabs {
		min-width: 0;
		flex: 1 1 auto;
		overflow-x: auto;
		scrollbar-width: none;
		width: 100% !important;
		margin: 0 !important;
		gap: 7px !important;
		color: #0053cb !important;
	}
	.mr-publisher-full-modal #publisher-wapper-modal .publisher-tools-tabs::-webkit-scrollbar {
		display: none;
	}
	.mr-publisher-full-modal #publisher-wapper-modal .publisher-footer-buttons {
		display: none !important;
	}

	/* ── Powłoka modala ──────── */
	body.mr-publisher-body-locked .x-sidebar-fixed {
		display: none;
		visibility: hidden;
		pointer-events: none;
	}
	body.mr-publisher-body-locked .footer-bottom-bar {
		display: none !important;
		visibility: hidden;
		pointer-events: none;
	}
	body.mr-publisher-body-locked .bottom-bar {
		display: none !important;
		visibility: hidden;
		pointer-events: none;
	}
	body.mr-publisher-body-locked .x_side_create {
		display: none !important;
		visibility: hidden;
		pointer-events: none;
	}
	body.mr-publisher-body-locked .logo-wrapper {
		display: none;
		visibility: hidden;
		pointer-events: none;
	}
	body.mr-publisher-body-locked .search-wrapper-prnt {
		display: none !important;
		visibility: hidden;
		pointer-events: none;
	}
	body.mr-publisher-body-locked .x_user_mobi_menu {
		display: none;
		visibility: hidden;
		pointer-events: none;
	}
	#modal.mr-publisher-modal-open + .modal-backdrop {
		z-index: 2147482999;
	}
	body.mr-publisher-body-locked .modal-backdrop {
		z-index: 2147482999;
	}

	/* ── Podgląd kontekstu ──────── */
	.mr-publisher-full-modal .mr-publisher-context-section {
		min-height: 0;
		max-height: 39%;
		flex: 0 1 auto;
		padding: 14px 18px 6px;
	}

	/* ── Powłoka modala ──────── */
	#modal.mr-publisher-keyboard-open .mr-publisher-full-modal .mr-publisher-context-section {
		min-height: 0;
		padding: 14px 18px 6px;
	}
	#modal.mr-publisher-keyboard-open.mr-publisher-context-expanded .mr-publisher-full-modal .mr-publisher-context-section {
		min-height: 0;
		max-height: 39%;
		flex: 0 1 auto;
		padding: 14px 18px 6px;
	}

	/* ── Publisher — reszta ──────── */
	.mr-publisher-full-modal .mr-native-context-viewport {
		padding: 0 0 6px;
		scrollbar-width: thin;
		scrollbar-color: #202327 #000;
	}
	.mr-publisher-full-modal .mr-native-context-viewport::-webkit-scrollbar {
		width: 3px;
	}
	.mr-publisher-full-modal .mr-native-context-viewport::-webkit-scrollbar-thumb {
		background: #202327;
	}
	.mr-publisher-full-modal .mr-native-context-viewport img.attch_img {
		max-height: 165px !important;
		object-fit: cover !important;
	}
	.mr-publisher-full-modal .mr-native-context-viewport .post-media img {
		max-height: 165px !important;
		object-fit: cover !important;
	}
	.mr-publisher-full-modal #publisher-wapper-modal .mr-publisher-privacy-row {
		flex: 0 0 auto !important;
		margin: 0 0 2px !important;
	}

	/* ── Pole tekstowe ──────── */
	.mr-publisher-full-modal #publisher-wapper-modal #js_publisher-textarea {
		position: static !important;
		inset: auto !important;
		display: block !important;
		width: 100% !important;
		height: 100% !important;
		min-height: 74px !important;
		max-height: none !important;
		margin: 0 !important;
		padding: 5px 0 10px !important;
		font-size: 20px !important;
		line-height: 1.35 !important;
		overflow-y: auto !important;
	}

	/* ── Publisher — reszta ──────── */
	.mr-publisher-full-modal #publisher-wapper-modal .mr-publisher-attachment-stage {
		flex: 0 0 auto !important;
		max-height: 116px !important;
		overflow-y: auto !important;
	}
	.mr-publisher-full-modal #publisher-wapper-modal .mr-publisher-controls {
		width: 100% !important;
		min-width: 0 !important;
		flex: 0 0 auto !important;
		display: block !important;
	}
	.mr-publisher-full-modal #publisher-wapper-modal .mr-publisher-controls > .flex-1 {
		width: 100% !important;
		min-width: 0 !important;
	}
	.mr-publisher-full-modal #publisher-wapper-modal .mr-publisher-advanced-tools {
		display: none !important;
	}

	/* ── Pasek narzędzi ──────── */
	.mr-publisher-full-modal #publisher-wapper-modal .publisher-footer {
		height: 54px !important;
		min-height: 54px !important;
		margin: 0 !important;
		padding: 7px 0 6px !important;
		border-top: 1px solid #111 !important;
		border-bottom: 0 !important;
	}

	/* ── Powłoka modala ──────── */
	#modal.mr-publisher-keyboard-open .mr-publisher-full-modal #publisher-wapper-modal .publisher-footer {
		border-bottom: 0 !important;
	}

	/* ── Publisher — reszta ──────── */
	.mr-publisher-full-modal #publisher-wapper-modal .publisher-tools-tab {
		flex: 0 0 36px !important;
		width: 36px !important;
		height: 36px !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		padding: 7px !important;
		color: #0053cb !important;
	}
	.mr-publisher-full-modal #publisher-wapper-modal .publisher-tools-tab svg {
		width: 21px !important;
		height: 21px !important;
	}
}

/* ── Odpowiedź standalone ──────── */
.mr-x-standalone-reply-nav {
	display: none;
}
.mr-x-standalone-reply-meta {
	display: none;
}

/* ── Publisher — reszta ──────── */
.mr-publisher-full-modal .btn-main {
	border-color: var(--mr-publisher-accent);
	background: var(--mr-publisher-accent) !important;
}
.mr-publisher-full-modal .mr-x-compose-submit {
	border-color: var(--mr-publisher-accent);
	background: var(--mr-publisher-accent);
}

/* ── Pole tekstowe ──────── */
.mr-publisher-full-modal #js_publisher-textarea {
	caret-color: var(--mr-publisher-accent) !important;
}

@media (max-width: 767.98px) {

	/* ── Powłoka modala ──────── */
	#modal.mr-publisher-standalone-reply .mr-publisher-full-modal .mr-x-compose-header {
		display: none;
	}
	#modal.mr-publisher-standalone-reply .mr-publisher-full-modal .mr-x-standalone-reply-nav {
		width: 100%;
		height: 56px;
		min-height: 56px;
		flex: 0 0 56px;
		display: grid;
		grid-template-columns: 44px 1fr 44px;
		align-items: center;
		padding: max(6px, env(safe-area-inset-top)) 10px 6px;
		border-bottom: 1px solid var(--mr-publisher-line);
		background: #000;
		color: #e7e9ea;
	}
	#modal.mr-publisher-standalone-reply .mr-x-standalone-back {
		width: 40px;
		height: 40px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		padding: 0;
		border: 0;
		border-radius: 50%;
		background: transparent;
		color: #e7e9ea;
		cursor: pointer;
		-webkit-tap-highlight-color: transparent;
		touch-action: manipulation;
	}
	#modal.mr-publisher-standalone-reply .mr-x-standalone-back:active {
		background: #16181c;
	}
	#modal.mr-publisher-standalone-reply .mr-x-standalone-reply-title {
		justify-self: center;
		font-size: 18px;
		font-weight: 700;
		line-height: 1;
	}
	#modal.mr-publisher-standalone-reply .mr-publisher-full-modal .mr-publisher-context-section {
		min-height: 0;
		max-height: none;
		flex: 1 1 0;
		padding: 0;
		border-bottom: 1px solid var(--mr-publisher-line);
		background: #000;
		overflow: hidden;
	}
	#modal.mr-publisher-standalone-reply.mr-publisher-keyboard-open .mr-publisher-full-modal .mr-publisher-context-section {
		min-height: 0;
		max-height: none;
		flex: 1 1 0;
		padding: 0;
		border-bottom: 1px solid var(--mr-publisher-line);
		background: #000;
		overflow: hidden;
	}
	#modal.mr-publisher-standalone-reply.mr-publisher-keyboard-open.mr-publisher-context-expanded .mr-publisher-full-modal .mr-publisher-context-section {
		min-height: 0;
		max-height: none;
		flex: 1 1 0;
		padding: 0;
		border-bottom: 1px solid var(--mr-publisher-line);
		background: #000;
		overflow: hidden;
	}
	#modal.mr-publisher-standalone-reply .mr-publisher-full-modal .mr-publisher-context-section::after {
		display: none;
	}
	#modal.mr-publisher-standalone-reply .mr-publisher-full-modal .mr-native-context {
		min-height: 0;
		max-height: none;
		flex: 1 1 0;
		display: flex;
		flex-direction: column;
	}
	#modal.mr-publisher-standalone-reply.mr-publisher-keyboard-open .mr-publisher-full-modal .mr-native-context {
		min-height: 0;
		max-height: none;
		flex: 1 1 0;
		display: flex;
		flex-direction: column;
	}
	#modal.mr-publisher-standalone-reply .mr-publisher-full-modal .mr-native-context-viewport {
		min-height: 0;
		max-height: none;
		flex: 1 1 0;
		display: block;
		padding: 0;
		border: 0;
		border-radius: 0;
		background: #000;
		overflow-x: hidden;
		overflow-y: auto;
		scrollbar-width: thin;
		scrollbar-color: #111 #000;
	}
	#modal.mr-publisher-standalone-reply.mr-publisher-keyboard-open .mr-publisher-full-modal .mr-native-context-viewport {
		min-height: 0;
		max-height: none;
		flex: 1 1 0;
		display: block;
		padding: 0;
		border: 0;
		border-radius: 0;
		background: #000;
		overflow-x: hidden;
		overflow-y: auto;
		scrollbar-width: thin;
		scrollbar-color: #111 #000;
	}
	#modal.mr-publisher-standalone-reply.mr-publisher-keyboard-open.mr-publisher-context-expanded .mr-publisher-full-modal .mr-native-context-viewport {
		min-height: 0;
		max-height: none;
		flex: 1 1 0;
		display: block;
		padding: 0;
		border: 0;
		border-radius: 0;
		background: #000;
		overflow-x: hidden;
		overflow-y: auto;
		scrollbar-width: thin;
		scrollbar-color: #111 #000;
	}
	#modal.mr-publisher-standalone-reply .mr-publisher-full-modal .mr-native-context-viewport::-webkit-scrollbar {
		width: 3px;
	}
	#modal.mr-publisher-standalone-reply .mr-publisher-full-modal .mr-native-context-viewport::-webkit-scrollbar-track {
		background: #000;
	}
	#modal.mr-publisher-standalone-reply .mr-publisher-full-modal .mr-native-context-viewport::-webkit-scrollbar-thumb {
		border-radius: 999px;
		background: #111;
	}
	#modal.mr-publisher-standalone-reply .mr-publisher-full-modal .mr-native-post {
		padding: 14px 18px 8px;
	}
	#modal.mr-publisher-standalone-reply .mr-publisher-full-modal .mr-native-context-viewport img.attch_img {
		width: 100% !important;
		height: auto !important;
		max-width: 100% !important;
		max-height: none !important;
		border-radius: 12px !important;
		object-fit: contain !important;
	}
	#modal.mr-publisher-standalone-reply .mr-publisher-full-modal .mr-native-context-viewport .post-media img {
		width: 100% !important;
		height: auto !important;
		max-width: 100% !important;
		max-height: none !important;
		border-radius: 12px;
		object-fit: contain !important;
	}
	#modal.mr-publisher-standalone-reply .mr-publisher-full-modal .mr-publisher-context-divider {
		display: none;
		border: 0;
	}
	#modal.mr-publisher-standalone-reply .mr-x-standalone-reply-meta {
		width: 100%;
		height: 66px;
		min-height: 66px;
		flex: 0 0 66px;
		display: flex;
		align-items: flex-start;
		gap: 10px;
		padding: 9px 18px 5px;
		background: #000;
	}
	#modal.mr-publisher-standalone-reply .mr-x-standalone-reply-avatar {
		width: 36px;
		height: 36px;
		min-width: 36px;
		border-radius: 50%;
		object-fit: cover;
	}
	#modal.mr-publisher-standalone-reply .mr-x-standalone-reply-copy {
		min-width: 0;
		padding-top: 1px;
		font-size: 14px;
		line-height: 18px;
	}
	#modal.mr-publisher-standalone-reply .mr-x-standalone-reply-user {
		display: flex;
		align-items: center;
		gap: 5px;
		color: #e7e9ea;
		font-size: 15px;
		font-weight: 700;
	}
	#modal.mr-publisher-standalone-reply .mr-x-standalone-reply-user .verified-badge {
		color: var(--mr-publisher-accent) !important;
	}
	#modal.mr-publisher-standalone-reply .mr-x-standalone-replying {
		margin-top: 2px;
		color: #71767b;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	#modal.mr-publisher-standalone-reply .mr-x-standalone-replying span {
		color: var(--mr-publisher-accent);
	}
	#modal.mr-publisher-standalone-reply .mr-publisher-full-modal #publisher-wapper-modal {
		height: 110px;
		min-height: 110px;
		max-height: 110px;
		flex: 0 0 110px;
		display: flex;
		overflow: hidden;
		background: #000;
		border-radius: 18px 18px 0 0;
	}
	#modal.mr-publisher-standalone-reply.mr-publisher-keyboard-open .mr-publisher-full-modal #publisher-wapper-modal {
		height: 110px;
		min-height: 110px;
		max-height: 110px;
		flex: 0 0 110px;
		display: flex;
		overflow: hidden;
		background: #000;
	}
	#modal.mr-publisher-standalone-reply .mr-publisher-full-modal #publisher-wapper-modal .publisher {
		width: 100% !important;
		height: 100% !important;
		min-width: 0;
		min-height: 0 !important;
		max-height: 100%;
		flex: 1 1 0 !important;
		display: flex !important;
		flex-direction: column !important;
		overflow: hidden !important;
	}
	#modal.mr-publisher-standalone-reply .mr-publisher-full-modal #publisher-wapper-modal .side_item_list39.px-3.pt-3 {
		width: 100% !important;
		height: 100% !important;
		min-width: 0;
		min-height: 0 !important;
		max-height: 100%;
		flex: 1 1 0 !important;
		display: flex !important;
		flex-direction: column !important;
		overflow: hidden !important;
		padding: 0 18px !important;
	}
	#modal.mr-publisher-standalone-reply .mr-publisher-full-modal #publisher-wapper-modal .x_user_info {
		width: 100% !important;
		height: 100%;
		min-width: 0;
		min-height: 0 !important;
		max-height: 100%;
		flex: 1 1 0 !important;
		display: flex;
		flex-direction: column;
		overflow: hidden !important;
		align-items: stretch !important;
		gap: 0 !important;
	}
	#modal.mr-publisher-standalone-reply .mr-publisher-full-modal #publisher-wapper-modal .x_user_info > .flex-1 {
		width: 100% !important;
		height: 100% !important;
		min-width: 0 !important;
		min-height: 0 !important;
		max-height: 100%;
		flex: 1 1 0 !important;
		display: flex !important;
		flex-direction: column !important;
		overflow: hidden !important;
	}
	#modal.mr-publisher-standalone-reply .mr-publisher-full-modal #publisher-wapper-modal .publisher-avatar {
		display: none;
	}
	#modal.mr-publisher-standalone-reply .mr-publisher-full-modal #publisher-wapper-modal .mr-publisher-privacy-row {
		display: none !important;
	}
	#modal.mr-publisher-standalone-reply .mr-publisher-full-modal #publisher-wapper-modal .publisher-close {
		display: none;
	}
	#modal.mr-publisher-standalone-reply .mr-publisher-full-modal #publisher-wapper-modal .mr-publisher-advanced-tools {
		display: none !important;
	}
	#modal.mr-publisher-standalone-reply .mr-publisher-full-modal #publisher-wapper-modal .publisher-message {
		width: 100% !important;
		height: 46px;
		min-height: 46px !important;
		max-height: 46px;
		flex: 0 0 46px !important;
		border-radius: 999px;
		background: #060606 !important;
		overflow: hidden !important;
	}
	#modal.mr-publisher-standalone-reply .mr-publisher-full-modal #publisher-wapper-modal .colored-text-wrapper {
		width: 100% !important;
		height: 46px;
		min-height: 46px !important;
		max-height: 46px;
		flex: 0 0 46px !important;
		border-radius: 999px;
		background: #060606 !important;
		overflow: hidden !important;
	}
	#modal.mr-publisher-standalone-reply .mr-publisher-full-modal #publisher-wapper-modal #js_publisher-textarea {
		position: static !important;
		width: 100% !important;
		height: 46px !important;
		min-width: 100%;
		min-height: 46px !important;
		max-height: 46px !important;
		flex: 0 0 46px;
		margin: 0 !important;
		padding: 10px 16px !important;
		border: 0 !important;
		font-size: 16px !important;
		line-height: 26px !important;
		color: #e7e9ea !important;
		overflow: hidden !important;
		resize: none !important;
	}
	#modal.mr-publisher-standalone-reply.mr-publisher-keyboard-open .mr-publisher-full-modal #publisher-wapper-modal #js_publisher-textarea {
		position: static !important;
		width: 100% !important;
		height: 46px !important;
		min-width: 100%;
		min-height: 46px !important;
		max-height: 46px !important;
		flex: 0 0 46px;
		margin: 0 !important;
		padding: 10px 16px !important;
		border: 0 !important;
		font-size: 16px !important;
		line-height: 26px !important;
		color: #e7e9ea !important;
		overflow: hidden !important;
		resize: none !important;
	}
	#modal.mr-publisher-standalone-reply .mr-publisher-full-modal #publisher-wapper-modal #js_publisher-textarea::placeholder {
		color: #71767b !important;
	}
	#modal.mr-publisher-standalone-reply .mr-publisher-full-modal #publisher-wapper-modal .mr-publisher-attachment-stage {
		display: none;
	}
	#modal.mr-publisher-standalone-reply .mr-publisher-full-modal #publisher-wapper-modal .mr-publisher-controls {
		width: 100% !important;
		height: 56px !important;
		min-height: 56px !important;
		max-height: 56px;
		flex: 0 0 56px !important;
		display: block !important;
	}
	#modal.mr-publisher-standalone-reply .mr-publisher-full-modal #publisher-wapper-modal .publisher-footer {
		position: static;
		width: 100% !important;
		height: 56px !important;
		min-height: 56px !important;
		max-height: 56px;
		margin: 0 !important;
		padding: 7px 0 5px !important;
		border: 0 !important;
		background: #000 !important;
		flex: 0 0 56px !important;
		flex-wrap: nowrap !important;
	}
	#modal.mr-publisher-standalone-reply.mr-publisher-keyboard-open .mr-publisher-full-modal #publisher-wapper-modal .publisher-footer {
		position: static;
		width: 100% !important;
		height: 56px !important;
		min-height: 56px !important;
		max-height: 56px;
		margin: 0 !important;
		padding: 7px 0 5px !important;
		border: 0 !important;
		background: #000 !important;
		flex: 0 0 56px !important;
		flex-wrap: nowrap !important;
	}
	#modal.mr-publisher-standalone-reply .mr-publisher-full-modal #publisher-wapper-modal .publisher-tools-tabs {
		min-width: 0 !important;
		width: auto !important;
		flex: 1 1 auto !important;
		gap: 5px !important;
		margin: 0 !important;
		color: var(--mr-publisher-accent) !important;
		overflow-x: auto !important;
	}
	#modal.mr-publisher-standalone-reply .mr-publisher-full-modal #publisher-wapper-modal .publisher-tools-tab {
		width: 36px !important;
		height: 36px !important;
		min-width: 36px !important;
		flex: 0 0 36px !important;
		padding: 7px !important;
		color: var(--mr-publisher-accent) !important;
	}
	#modal.mr-publisher-standalone-reply .mr-publisher-full-modal #publisher-wapper-modal .publisher-footer-buttons {
		flex: 0 0 auto;
		display: flex !important;
		align-items: center;
		padding-left: 8px;
	}
	#modal.mr-publisher-standalone-reply .mr-publisher-full-modal #publisher-wapper-modal .publisher-footer-buttons .js_publisher-full-submit {
		height: 40px;
		min-width: 78px;
		padding: 0 18px;
		border: 0;
		border-radius: 999px;
		background: var(--mr-publisher-accent);
		color: #fff;
		font-size: 15px;
		font-weight: 700;
	}

	/* ── Publisher — reszta ──────── */
	.mr-publisher-full-modal .mr-x-compose-collapse {
		display: none;
	}

	/* ── Powłoka modala ──────── */
	#modal.mr-publisher-standalone-reply .mr-publisher-full-modal .mr-x-standalone-reply-meta {
		border-radius: 18px 18px 0 0;
		box-shadow: none;
	}
	#modal.mr-publisher-standalone-expanded .mr-publisher-full-modal .mr-x-compose-cancel {
		display: none;
	}
	#modal.mr-publisher-standalone-expanded .mr-publisher-full-modal .mr-x-compose-collapse {
		justify-self: start;
		width: 40px;
		height: 40px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		padding: 0;
		border: 0;
		border-radius: 50%;
		background: transparent;
		color: #e7e9ea;
		-webkit-tap-highlight-color: transparent;
		touch-action: manipulation;
	}
	#modal.mr-publisher-standalone-expanded .mr-publisher-full-modal .mr-x-compose-collapse:active {
		background: #16181c;
	}
	#modal.mr-publisher-standalone-expanded.mr-publisher-keyboard-open .mr-publisher-full-modal .mr-publisher-context-section {
		max-height: 24%;
	}
	#modal.mr-publisher-standalone-expanded .mr-publisher-full-modal #publisher-wapper-modal .mr-publisher-controls {
		overflow-x: hidden !important;
		overflow-y: auto !important;
		scrollbar-width: thin;
		scrollbar-color: #111 #000;
	}
	#modal.mr-publisher-standalone-expanded .mr-publisher-full-modal #publisher-wapper-modal .mr-publisher-controls::-webkit-scrollbar {
		width: 3px;
	}
	#modal.mr-publisher-standalone-expanded .mr-publisher-full-modal #publisher-wapper-modal .mr-publisher-controls::-webkit-scrollbar-thumb {
		border-radius: 999px;
		background: #111;
	}
	#modal.mr-publisher-standalone-expanded .mr-publisher-full-modal #publisher-wapper-modal .mr-publisher-advanced-tools {
		display: block !important;
		height: 92px;
		min-height: 92px;
		max-height: 92px;
		flex: 0 0 92px !important;
		padding: 4px 14px 2px;
		overflow: hidden;
		background: #000;
	}
	#modal.mr-publisher-standalone-expanded .mr-publisher-full-modal #publisher-wapper-modal .mr-publisher-advanced-tools > .side_item_list39 {
		align-items: center !important;
		justify-content: flex-start !important;
		flex-wrap: wrap !important;
	}
	#modal.mr-publisher-standalone-expanded .mr-publisher-full-modal #publisher-wapper-modal .mr-publisher-advanced-tools .publisher-tools-tabs {
		overflow: visible !important;
		width: 100% !important;
		height: 40px;
		min-height: 40px;
		display: flex !important;
		align-items: center !important;
		justify-content: flex-start;
		flex-wrap: nowrap !important;
		gap: 4px !important;
		margin: 0 !important;
		padding: 0;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
	}
	#modal.mr-publisher-standalone-expanded .mr-publisher-full-modal #publisher-wapper-modal .publisher-footer {
		height: 52px !important;
		min-height: 52px !important;
		max-height: 52px;
		flex: 0 0 52px !important;
		padding: 5px 14px !important;
		border-top: 1px solid #111 !important;
		background: #000 !important;
		overflow: hidden;
	}
	#modal.mr-publisher-standalone-expanded .mr-publisher-full-modal #publisher-wapper-modal {
		border-radius: 0;
	}
	#modal.mr-publisher-standalone-expanded.mr-publisher-keyboard-open .mr-publisher-full-modal #publisher-wapper-modal {
		height: auto;
		min-height: 0;
		max-height: none;
		flex: 1 1 0;
		display: flex;
		overflow: hidden;
		border-radius: 0;
		background: #000;
	}
	#modal.mr-publisher-standalone-expanded .mr-publisher-full-modal #publisher-wapper-modal .publisher {
		min-height: 0 !important;
		max-height: none;
		overflow: hidden !important;
	}
	#modal.mr-publisher-standalone-expanded .mr-publisher-full-modal #publisher-wapper-modal .x_user_info {
		overflow: hidden !important;
	}
	#modal.mr-publisher-standalone-expanded .mr-publisher-full-modal #publisher-wapper-modal .x_user_info > .flex-1 {
		overflow: hidden !important;
	}
	#modal.mr-publisher-standalone-expanded .mr-publisher-full-modal #publisher-wapper-modal .side_item_list39.px-3.pt-3 {
		padding: 7px 18px 0 !important;
		overflow: hidden !important;
	}
	#modal.mr-publisher-standalone-expanded .mr-publisher-full-modal #publisher-wapper-modal .publisher-message {
		height: auto;
		min-height: 58px !important;
		max-height: none;
		flex: 1 1 0 !important;
		border-radius: 0;
		background: #000 !important;
		overflow: hidden !important;
	}
	#modal.mr-publisher-standalone-expanded .mr-publisher-full-modal #publisher-wapper-modal .colored-text-wrapper {
		height: auto;
		min-height: 58px !important;
		max-height: none;
		flex: 1 1 0 !important;
		border-radius: 0;
		background: #000 !important;
		overflow: hidden !important;
	}
	#modal.mr-publisher-standalone-expanded .mr-publisher-full-modal #publisher-wapper-modal #js_publisher-textarea {
		position: static !important;
		height: 100% !important;
		min-width: 100%;
		color: #e7e9ea !important;
	}
	#modal.mr-publisher-standalone-expanded.mr-publisher-keyboard-open .mr-publisher-full-modal #publisher-wapper-modal #js_publisher-textarea {
		position: static !important;
		width: 100% !important;
		height: 100% !important;
		min-width: 100%;
		min-height: 58px !important;
		max-height: none !important;
		flex: 1 1 0;
		margin: 0 !important;
		padding: 5px 0 9px !important;
		border: 0 !important;
		font-size: 19px !important;
		line-height: 1.36 !important;
		color: #e7e9ea !important;
		overflow-x: hidden;
		overflow-y: auto !important;
		resize: none !important;
	}
	#modal.mr-publisher-standalone-expanded .mr-publisher-full-modal #publisher-wapper-modal .mr-publisher-attachment-stage {
		display: block;
		max-height: 104px !important;
		flex: 0 1 auto !important;
		overflow-x: hidden !important;
		overflow-y: auto !important;
	}
	#modal.mr-publisher-standalone-expanded .mr-publisher-full-modal #publisher-wapper-modal .mr-publisher-controls {
		width: 100% !important;
		height: auto !important;
		min-height: 104px !important;
		max-height: 146px;
		display: flex !important;
		overflow: hidden !important;
	}
	#modal.mr-publisher-standalone-expanded .mr-publisher-full-modal #publisher-wapper-modal .mr-publisher-controls > .flex-1 {
		width: 100% !important;
		min-width: 0 !important;
		display: flex !important;
		flex-direction: column !important;
		overflow: hidden !important;
	}
	#modal.mr-publisher-standalone-expanded .mr-publisher-full-modal #publisher-wapper-modal .mr-publisher-advanced-tools > .side_item_list39 {
		width: 100% !important;
		height: 86px !important;
		display: grid !important;
		grid-template-rows: repeat(2, 40px);
		align-content: start;
		gap: 4px !important;
		margin: 0;
		padding: 0 !important;
		overflow: hidden !important;
	}
	#modal.mr-publisher-standalone-expanded .mr-publisher-full-modal #publisher-wapper-modal .mr-publisher-advanced-tools .publisher-tools-tabs::-webkit-scrollbar {
		display: none !important;
	}
	#modal.mr-publisher-standalone-expanded .mr-publisher-full-modal #publisher-wapper-modal .mr-publisher-advanced-tools .publisher-tools-tab {
		width: 38px !important;
		height: 38px !important;
		min-width: 38px !important;
		flex: 0 0 38px !important;
		padding: 7px !important;
	}
	#modal.mr-publisher-standalone-expanded.mr-publisher-keyboard-open .mr-publisher-full-modal #publisher-wapper-modal .publisher-footer {
		height: 52px !important;
		min-height: 52px !important;
		max-height: 52px;
		flex: 0 0 52px !important;
		padding: 5px 14px !important;
		border-top: 1px solid #111 !important;
		background: #000 !important;
		overflow: hidden;
	}
	#modal.mr-publisher-standalone-expanded .mr-publisher-full-modal #publisher-wapper-modal .publisher-footer > .publisher-tools-tabs {
		flex-wrap: nowrap !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		scrollbar-width: none;
	}
	#modal.mr-publisher-standalone-expanded .mr-publisher-full-modal #publisher-wapper-modal .mr-publisher-advanced-tools .dropdown-menu {
		position: fixed !important;
		inset: auto 12px 60px 12px !important;
		width: auto !important;
		max-width: none;
		max-height: min(310px, 42dvh) !important;
		margin: 0 !important;
		transform: none !important;
		overflow-x: hidden !important;
		overflow-y: auto !important;
		border: 1px solid #111 !important;
		border-radius: 16px !important;
		background: #060606 !important;
		box-shadow: 0 -12px 40px rgba(0, 0, 0, .72) !important;
		z-index: 2147483000 !important;
	}
	#modal.mr-publisher-standalone-expanded .mr-publisher-full-modal #publisher-wapper-modal #feelings-menu {
		position: fixed;
		inset: auto 12px 60px 12px;
		width: auto;
		max-width: none;
		max-height: min(310px, 42dvh);
		margin: 0;
		transform: none;
		overflow-x: hidden;
		overflow-y: auto;
		border: 1px solid #111;
		border-radius: 16px;
		background: #060606;
		box-shadow: 0 -12px 40px rgba(0, 0, 0, .72);
		z-index: 2147483000;
	}
	#modal.mr-publisher-standalone-expanded .mr-publisher-full-modal #publisher-wapper-modal #feelings-types {
		position: fixed;
		inset: auto 12px 60px 12px;
		width: auto;
		max-width: none;
		max-height: min(310px, 42dvh);
		margin: 0;
		transform: none;
		overflow-x: hidden;
		overflow-y: auto;
		border: 1px solid #111;
		border-radius: 16px;
		background: #060606;
		box-shadow: 0 -12px 40px rgba(0, 0, 0, .72);
		z-index: 2147483000;
	}
	#modal.mr-publisher-standalone-expanded .mr-publisher-full-modal #publisher-wapper-modal .js_publisher-color-picker {
		position: fixed;
		inset: auto 12px 60px 12px;
		width: auto;
		max-width: none;
		max-height: min(310px, 42dvh);
		margin: 0;
		transform: none;
		overflow-x: hidden;
		overflow-y: auto;
		border: 1px solid #111;
		border-radius: 16px;
		background: #060606;
		box-shadow: 0 -12px 40px rgba(0, 0, 0, .72);
		z-index: 2147483000;
	}
	#modal.mr-publisher-standalone-expanded .mr-publisher-full-modal #publisher-wapper-modal .emoji-menu {
		position: fixed;
		inset: auto 12px 60px 12px;
		width: auto;
		max-width: none;
		max-height: min(310px, 42dvh);
		margin: 0;
		transform: none;
		overflow-x: hidden;
		overflow-y: auto;
		border: 1px solid #111;
		border-radius: 16px;
		background: #060606;
		box-shadow: 0 -12px 40px rgba(0, 0, 0, .72);
		z-index: 2147483000;
	}
	#modal.mr-publisher-standalone-expanded .mr-publisher-full-modal #publisher-wapper-modal .emoji-menu .js_scroller {
		max-height: min(250px, 34dvh) !important;
		overflow-y: auto !important;
	}
	#modal.mr-publisher-android .mr-publisher-full-modal .mr-x-compose-header {
		height: calc(58px + var(--mr-android-top-inset, 32px));
		min-height: calc(58px + var(--mr-android-top-inset, 32px));
		flex: 0 0 calc(58px + var(--mr-android-top-inset, 32px));
		padding: var(--mr-android-top-inset, 32px) 16px 8px;
	}
	#modal.mr-publisher-android.mr-publisher-standalone-reply .mr-publisher-full-modal .mr-x-standalone-reply-nav {
		height: calc(56px + var(--mr-android-top-inset, 32px));
		min-height: calc(56px + var(--mr-android-top-inset, 32px));
		flex: 0 0 calc(56px + var(--mr-android-top-inset, 32px));
		padding: var(--mr-android-top-inset, 32px) 10px 6px;
	}
	#modal.mr-publisher-standalone-reply .mr-publisher-full-modal #publisher-wapper-modal .publisher-footer > .mr-publisher-tools-merged {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		flex-wrap: nowrap;
		gap: 4px;
		padding: 0 2px;
		overflow-x: auto;
		overflow-y: hidden;
		overscroll-behavior-x: contain;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
		touch-action: pan-x;
	}
	#modal.mr-publisher-standalone-reply .mr-publisher-full-modal #publisher-wapper-modal .publisher-footer > .mr-publisher-tools-merged::-webkit-scrollbar {
		display: none;
	}
	#modal.mr-publisher-standalone-reply .mr-publisher-full-modal #publisher-wapper-modal .mr-publisher-tools-merged > * {
		min-width: 36px;
		flex: 0 0 auto;
	}
	#modal.mr-publisher-standalone-reply .mr-publisher-full-modal #publisher-wapper-modal .mr-publisher-tools-merged > .dropdown {
		min-width: 36px;
		flex: 0 0 auto;
	}
	#modal.mr-publisher-standalone-reply .mr-publisher-full-modal #publisher-wapper-modal .mr-publisher-tools-merged > .position-relative {
		min-width: 36px;
		flex: 0 0 auto;
	}
	#modal.mr-publisher-standalone-reply .mr-publisher-full-modal #publisher-wapper-modal .mr-publisher-tools-merged .x_pub_btn > span {
		display: none !important;
	}
	#modal.mr-publisher-standalone-reply .mr-publisher-full-modal #publisher-wapper-modal .mr-publisher-tools-merged .js_publisher-options-toggle > span {
		display: none !important;
	}
	/* ======================================================================
	   1.0.117 — ROZWIJANE PANELE MUSZA WYJSC POZA PASEK IKON
	   ----------------------------------------------------------------------
	   To jest przyczyna trzech poobcinanych ikonek przy "Opublikuj".

	   Pasek narzedzi w oknie odpowiedzi jest przewijanym pudelkiem:
	   szerokosc 252 px, wysokosc 36 px, overflow-x: auto / overflow-y: hidden.
	   Bootstrap rozwija menu "Wiecej" W MIEJSCU, czyli w srodku tego pudelka.
	   Zmierzone: menu dostawalo position: static i rozmiar 14 x 340 px,
	   przyciete do 252 px widocznego pasa — na ekranie zostawal z niego waski
	   slupek ikon dokladnie tam, gdzie zaczyna sie przycisk.

	   Reguly, ktore wyciagaja te panele na wierzch, istnialy do tej pory
	   TYLKO dla stanow mr-publisher-keyboard-open i standalone-expanded.
	   Przy zamknietej klawiaturze — czyli dokladnie w tym stanie, w ktorym
	   robiles zrzut — nie lapal sie zaden.

	   Teraz ten sam uklad obowiazuje w podstawowym stanie okna odpowiedzi.
	   Kolejne, bardziej szczegolowe reguly (klawiatura, rozwiniete okno)
	   nadal go nadpisuja, bo maja wieksza wage selektora.
	   ====================================================================== */
	#modal.mr-publisher-modal-open .mr-publisher-full-modal #publisher-wapper-modal .dropdown-menu,
	#modal.mr-publisher-modal-open .mr-publisher-full-modal #publisher-wapper-modal #feelings-menu,
	#modal.mr-publisher-modal-open .mr-publisher-full-modal #publisher-wapper-modal #feelings-types,
	#modal.mr-publisher-modal-open .mr-publisher-full-modal #publisher-wapper-modal .js_publisher-color-picker {
		position: fixed !important;
		inset: auto 10px 66px 10px !important;
		width: auto !important;
		max-width: none !important;
		max-height: min(300px, 44dvh) !important;
		margin: 0 !important;
		transform: none !important;
		overflow-x: hidden !important;
		overflow-y: auto !important;
		border: 1px solid #111 !important;
		border-radius: 14px !important;
		background: #060606 !important;
		box-shadow: 0 -12px 36px rgba(0, 0, 0, .76) !important;
		z-index: 2147483005 !important;
	}
	#modal.mr-publisher-keyboard-open .mr-publisher-full-modal #publisher-wapper-modal .dropdown-menu {
		position: fixed !important;
		inset: auto 10px 58px 10px !important;
		width: auto !important;
		max-width: none;
		max-height: min(300px, 44dvh) !important;
		margin: 0 !important;
		transform: none !important;
		overflow-x: hidden !important;
		overflow-y: auto !important;
		border: 1px solid #111 !important;
		border-radius: 14px !important;
		background: #060606 !important;
		box-shadow: 0 -12px 36px rgba(0, 0, 0, .76) !important;
		z-index: 2147483000 !important;
	}
	#modal.mr-publisher-keyboard-open .mr-publisher-full-modal #publisher-wapper-modal #feelings-menu {
		position: fixed;
		inset: auto 10px 58px 10px;
		width: auto;
		max-width: none;
		max-height: min(300px, 44dvh);
		margin: 0;
		transform: none;
		overflow-x: hidden;
		overflow-y: auto;
		border: 1px solid #111;
		border-radius: 14px;
		background: #060606;
		box-shadow: 0 -12px 36px rgba(0, 0, 0, .76);
		z-index: 2147483000;
	}
	#modal.mr-publisher-keyboard-open .mr-publisher-full-modal #publisher-wapper-modal #feelings-types {
		position: fixed;
		inset: auto 10px 58px 10px;
		width: auto;
		max-width: none;
		max-height: min(300px, 44dvh);
		margin: 0;
		transform: none;
		overflow-x: hidden;
		overflow-y: auto;
		border: 1px solid #111;
		border-radius: 14px;
		background: #060606;
		box-shadow: 0 -12px 36px rgba(0, 0, 0, .76);
		z-index: 2147483000;
	}
	#modal.mr-publisher-keyboard-open .mr-publisher-full-modal #publisher-wapper-modal .js_publisher-color-picker {
		position: fixed;
		inset: auto 10px 58px 10px;
		width: auto;
		max-width: none;
		max-height: min(300px, 44dvh);
		margin: 0;
		transform: none;
		overflow-x: hidden;
		overflow-y: auto;
		border: 1px solid #111;
		border-radius: 14px;
		background: #060606;
		box-shadow: 0 -12px 36px rgba(0, 0, 0, .76);
		z-index: 2147483000;
	}
	#modal.mr-publisher-keyboard-open .mr-publisher-full-modal #publisher-wapper-modal .emoji-menu {
		position: fixed;
		inset: auto 10px 58px 10px;
		width: auto;
		max-width: none;
		max-height: min(300px, 44dvh);
		margin: 0;
		transform: none;
		overflow-x: hidden;
		overflow-y: auto;
		border: 1px solid #111;
		border-radius: 14px;
		background: #060606;
		box-shadow: 0 -12px 36px rgba(0, 0, 0, .76);
		z-index: 2147483000;
	}
	#modal.mr-publisher-modal-open .mr-publisher-full-modal #publisher-wapper-modal .publisher-footer > .mr-publisher-tools-merged {
		display: flex;
		min-width: 0;
		flex: 1 1 auto;
		align-items: center;
		justify-content: flex-start;
		flex-wrap: nowrap;
		gap: 4px;
		overflow-x: auto;
		overflow-y: hidden;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
		touch-action: pan-x;
	}
	#modal.mr-publisher-modal-open .mr-publisher-full-modal #publisher-wapper-modal .publisher-footer > .mr-publisher-tools-merged::-webkit-scrollbar {
		display: none;
	}
	#modal.mr-publisher-modal-open .mr-publisher-full-modal #publisher-wapper-modal .publisher-footer > .mr-publisher-tools-merged > * {
		width: 36px;
		min-width: 36px;
		flex: 0 0 36px;
	}
	#modal.mr-publisher-modal-open .mr-publisher-full-modal #publisher-wapper-modal .mr-publisher-tools-merged .x_pub_btn > span {
		display: none !important;
	}
	#modal.mr-publisher-modal-open .mr-publisher-full-modal #publisher-wapper-modal .mr-publisher-tools-merged .js_publisher-options-toggle > span {
		display: none !important;
	}
}

/* ── Kompozytor desktop ──────── */
.mr-x-desktop-compose-header {
	display: none;
}

@media (min-width: 768px) {

	/* ── Powłoka modala ──────── */
	body.mr-publisher-desktop-open .modal-backdrop {
		background: #000 !important;
		opacity: .78 !important;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open {
		background: transparent !important;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open .modal-dialog {
		height: auto;
		max-height: 90vh;
		margin: 5vh auto !important;
		background: transparent;
		width: min(760px, calc(100vw - 48px)) !important;
		max-width: 760px !important;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open .modal-content {
		width: 100% !important;
		max-height: 90vh;
		border-radius: 16px !important;
		overflow: hidden !important;
		max-width: 760px !important;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open .mr-publisher-full-modal {
		max-height: 90vh;
		border-radius: 16px;
		overflow-x: hidden;
		overflow-y: auto;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .publisher {
		background: #060606 !important;
	}

	/* ── Kompozytor desktop ──────── */
	.mr-publisher-full-modal .mr-x-desktop-compose-header {
		height: 48px;
		min-height: 48px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 8px 16px 4px;
		background: #16181c;
	}
		.mr-publisher-full-modal .mr-x-desktop-close {
			width: 44px;
			height: 44px;
			min-width: 44px;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			margin: -6px 0 -6px -6px;
			padding: 0;
			border: 0;
			border-radius: 50%;
			background: transparent;
			color: #e7e9ea;
			font-size: 27px;
			font-weight: 300;
			position: relative;
			z-index: 5;
			pointer-events: auto;
			cursor: pointer;
			line-height: 1;
		}
	.mr-publisher-full-modal .mr-x-desktop-close:hover {
		background: rgba(239, 243, 244, .1);
	}
	.mr-publisher-full-modal .mr-x-desktop-drafts {
		color: #0053cb;
		font-size: 13px;
		font-weight: 700;
	}

	/* ── Powłoka modala ──────── */
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open .mr-publisher-context-section {
		padding: 4px 18px 0;
		background: #060606;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open .mr-native-context-label {
		display: none;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open .mr-native-context-viewport {
		display: none;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open .mr-x-desktop-context {
		position: relative;
		display: grid;
		grid-template-columns: 42px minmax(0, 1fr);
		column-gap: 11px;
		min-height: 74px;
		padding: 2px 0 12px;
		background: transparent;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open .mr-x-desktop-context-avatar {
		position: relative;
		z-index: 2;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		overflow: hidden;
		background: #202327;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open .mr-x-desktop-context-avatar img {
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		object-fit: cover;
		color: #71767b;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open .mr-x-desktop-context-avatar span {
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		object-fit: cover;
		color: #71767b;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open .mr-x-desktop-context-thread {
		position: absolute;
		left: 19px;
		top: 43px;
		bottom: -9px;
		width: 2px;
		border-radius: 2px;
		background: #333639;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open .mr-x-desktop-context-copy {
		min-width: 0;
		padding-top: 1px;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open .mr-x-desktop-context-author {
		display: flex;
		align-items: center;
		gap: 4px;
		min-width: 0;
		font-size: 14px;
		line-height: 19px;
		white-space: nowrap;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open .mr-x-desktop-context-author strong {
		max-width: 42%;
		overflow: hidden;
		color: #e7e9ea;
		text-overflow: ellipsis;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open .mr-x-desktop-context-author span {
		min-width: 0;
		overflow: hidden;
		color: #71767b;
		text-overflow: ellipsis;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open .mr-x-desktop-context-verified {
		color: #0053cb;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open .mr-x-desktop-context-time {
		flex: 0 0 auto;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open .mr-x-desktop-context-text {
		display: -webkit-box;
		max-height: 60px;
		margin-top: 1px;
		overflow: hidden;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		color: #e7e9ea;
		font-size: 14px;
		line-height: 19px;
		word-break: break-word;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open .mr-x-desktop-context-text p {
		margin: 0;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open .mr-x-desktop-context-text img:not(.emoji) {
		display: none !important;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open .mr-x-desktop-context-text video {
		display: none;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open .mr-x-desktop-context-text iframe {
		display: none;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open .mr-x-desktop-context-replying {
		margin-top: 10px;
		color: #71767b;
		font-size: 13px;
		line-height: 18px;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open .mr-x-desktop-context-replying span {
		color: #0053cb;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open .mr-native-context-viewport .post-media {
		display: none;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open .mr-native-context-viewport .post-media-image {
		display: none;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open .mr-native-context-viewport .post-video-reel {
		display: none;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open .mr-native-context-viewport .post-attachments {
		display: none;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open .mr-native-context-viewport .attachments {
		display: none;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open .mr-native-context-viewport .comment-attachments {
		display: none;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open .mr-native-context-viewport img.attch_img {
		display: none !important;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open .mr-native-context-viewport video {
		display: none;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open .mr-native-context-viewport iframe {
		display: none;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open .mr-publisher-context-divider {
		display: none;
		height: 0;
		min-height: 0;
		flex: 0 0 0;
		border: 0;
		background: transparent;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .side_item_list39.px-3.pt-3 {
		padding: 8px 18px 0 !important;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .publisher-avatar {
		width: 40px !important;
		height: 40px !important;
		min-width: 40px !important;
		flex: 0 0 40px !important;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .mr-publisher-privacy-row {
		display: none;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .publisher-message textarea {
		min-height: 132px !important;
		padding-top: 4px !important;
		font-size: 20px !important;
		line-height: 1.35 !important;
		color: #e7e9ea !important;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .mr-publisher-advanced-tools {
		display: none;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .publisher-tools-tabs.mr-publisher-tools-merged {
		min-width: 0 !important;
		flex: 1 1 auto !important;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .publisher-tools-tab {
		flex: 0 0 34px !important;
		width: 34px !important;
		height: 34px !important;
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		padding: 7px;
		color: #0053cb;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .publisher-footer {
		margin-top: 4px;
		padding: 8px 0px 10px !important;
		border-top: 1px solid #222 !important;
		width: 100% !important;
		height: auto;
		min-height: 58px !important;
		flex-wrap: nowrap !important;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .publisher-footer > .publisher-tools-tabs {
		order: 1;
		display: flex !important;
		min-width: 0 !important;
		flex: 1 1 auto !important;
		align-items: center !important;
		flex-wrap: nowrap !important;
		gap: 3px !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		scrollbar-width: none !important;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .publisher-footer-buttons .btn {
		min-width: 104px !important;
		padding: 8px 18px !important;
		border-radius: 999px !important;
		font-weight: 700 !important;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .publisher-close {
		display: none !important;
	}
}

@media (max-width: 767.98px) {
	#modal.mr-publisher-keyboard-open .mr-publisher-full-modal #publisher-wapper-modal .x_user_info {
		max-height: none;
		display: flex;
	}
	#modal.mr-publisher-modal-open .mr-publisher-full-modal #js_publisher-textarea {
		position: relative !important;
		z-index: 3;
		display: block !important;
		width: 100% !important;
		height: 100% !important;
		min-width: 0;
		min-height: 72px !important;
		max-height: none !important;
		flex: 1 1 0;
		margin: 0 !important;
		padding: 6px 0 10px !important;
		border: 0 !important;
		background: #000 !important;
		color: #e7e9ea !important;
		-webkit-text-fill-color: #e7e9ea;
		caret-color: #0053cb !important;
		opacity: 1 !important;
		visibility: visible !important;
		text-shadow: none;
		mix-blend-mode: normal;
		-webkit-appearance: none;
		overflow-x: hidden;
		overflow-y: auto !important;
		-webkit-overflow-scrolling: touch;
		resize: none !important;
	}
}

@media (min-width: 768px) {

	/* ── Powłoka modala ──────── */
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .publisher-footer > .publisher-tools-tabs::-webkit-scrollbar {
		display: none !important;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .publisher-footer > .publisher-tools-tabs > * {
		min-width: 36px;
		width: 36px;
		flex: 0 0 36px;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .publisher-footer-buttons .js_publisher-full-submit {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-width: 108px;
		visibility: visible;
		opacity: 1;
	}
}

@media (max-width: 767.98px) {

	/* ── Powłoka modala ──────── */
	#modal.mr-publisher-keyboard-open .mr-publisher-full-modal {
		position: relative;
		height: 100%;
		min-height: 0;
		max-height: 100%;
		display: flex;
		flex-direction: column;
		overflow: hidden;
		background: #000;
	}
	#modal.mr-publisher-keyboard-open .mr-publisher-full-modal #publisher-wapper-modal {
		position: relative;
		width: 100% !important;
		min-height: 0;
		max-height: none;
		flex: 1 1 0;
		display: flex;
		flex-direction: column;
		overflow: hidden;
		background: #000;
	}
	#modal.mr-publisher-keyboard-open .mr-publisher-full-modal #publisher-wapper-modal .publisher {
		min-height: 0 !important;
		max-height: none;
		flex: 1 1 0 !important;
		display: flex !important;
		flex-direction: column !important;
		overflow: hidden !important;
	}
	#modal.mr-publisher-keyboard-open .mr-publisher-full-modal #publisher-wapper-modal .side_item_list39.px-3.pt-3 {
		min-height: 0 !important;
		max-height: none;
		flex: 1 1 0 !important;
		display: flex !important;
		flex-direction: column !important;
		overflow: hidden !important;
	}
	#modal.mr-publisher-keyboard-open .mr-publisher-full-modal #publisher-wapper-modal .x_user_info > .flex-1 {
		max-height: none;
	}
	#modal.mr-publisher-keyboard-open .mr-publisher-full-modal #publisher-wapper-modal .publisher-footer {
		display: flex !important;
		align-items: center !important;
		z-index: 2147483000;
	}
	#modal.mr-publisher-keyboard-open .mr-publisher-full-modal #publisher-wapper-modal .publisher-footer > .publisher-tools-tabs {
		min-width: 0 !important;
		flex: 1 1 auto !important;
		display: flex !important;
		flex-wrap: nowrap !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
	}
	#modal.mr-publisher-keyboard-open .mr-publisher-full-modal #publisher-wapper-modal .publisher-footer > .publisher-tools-tabs::-webkit-scrollbar {
		display: none !important;
	}
	#modal.mr-publisher-modal-open .mr-publisher-full-modal {
		border-radius: 18px 18px 0 0;
		overflow: hidden;
	}
	#modal.mr-publisher-modal-open .mr-publisher-full-modal #publisher-wapper-modal {
		min-height: 0;
		display: flex;
		flex: 1 1 0;
		flex-direction: column;
	}
	#modal.mr-publisher-modal-open .mr-publisher-full-modal #publisher-wapper-modal .publisher {
		min-height: 0 !important;
		display: flex !important;
		flex: 1 1 0 !important;
		flex-direction: column !important;
	}
	#modal.mr-publisher-modal-open .mr-publisher-full-modal #publisher-wapper-modal .side_item_list39.px-3.pt-3 {
		min-height: 0 !important;
		display: flex !important;
		flex: 1 1 0 !important;
		flex-direction: column !important;
	}
	#modal.mr-publisher-modal-open .mr-publisher-full-modal #publisher-wapper-modal .x_user_info {
		display: flex;
		width: 100% !important;
		min-height: 0 !important;
		flex: 1 1 0 !important;
		flex-direction: row;
		align-items: flex-start !important;
		overflow: hidden !important;
	}
	#modal.mr-publisher-keyboard-open .mr-publisher-full-modal #publisher-wapper-modal {
		padding-bottom: 0;
	}
	#modal.mr-publisher-modal-open .mr-publisher-full-modal #publisher-wapper-modal .publisher-footer {
		position: relative;
		right: auto;
		bottom: auto;
		left: auto;
		inset: auto;
		transform: none;
		-webkit-transform: none;
		width: 100% !important;
		margin: auto 0 0 !important;
		background: #000 !important;
		overflow: hidden;
	}
	#modal.mr-publisher-keyboard-open .mr-publisher-full-modal #publisher-wapper-modal .publisher-footer {
		position: relative;
		right: auto;
		bottom: auto;
		left: auto;
		inset: auto;
		transform: none;
		-webkit-transform: none;
		width: 100% !important;
		margin: auto 0 0 !important;
		background: #000 !important;
		overflow: hidden;
	}
	#modal.mr-publisher-modal-open .mr-publisher-full-modal #publisher-wapper-modal .publisher-message {
		position: relative;
		z-index: 2;
		width: 100% !important;
		height: 100%;
		min-height: 72px !important;
		max-height: none;
		flex: 1 1 0 !important;
		display: flex !important;
		background: #000 !important;
		overflow: hidden !important;
	}
	#modal.mr-publisher-modal-open .mr-publisher-full-modal #publisher-wapper-modal .colored-text-wrapper {
		position: relative;
		z-index: 2;
		width: 100% !important;
		height: 100%;
		min-height: 72px !important;
		max-height: none;
		flex: 1 1 0 !important;
		display: flex !important;
		background: #000 !important;
		overflow: hidden !important;
	}
	#modal.mr-publisher-keyboard-open .mr-publisher-full-modal .mr-publisher-context-section {
		max-height: 31%;
		flex: 0 1 auto;
		overflow-y: auto;
	}
	#modal.mr-publisher-keyboard-open .mr-publisher-full-modal #publisher-wapper-modal .x_user_info {
		width: 100% !important;
		min-height: 0 !important;
		flex: 1 1 0 !important;
		flex-direction: row;
		align-items: flex-start !important;
		gap: 10px !important;
		overflow: hidden !important;
	}
	#modal.mr-publisher-modal-open .mr-publisher-full-modal #publisher-wapper-modal .x_user_info > .flex-1 {
		position: relative;
		isolation: isolate;
		width: auto !important;
		height: 100% !important;
		min-width: 0 !important;
		min-height: 0 !important;
		flex: 1 1 0 !important;
		display: flex !important;
		flex-direction: column !important;
		overflow: hidden !important;
	}
	#modal.mr-publisher-keyboard-open .mr-publisher-full-modal #publisher-wapper-modal .x_user_info > .flex-1 {
		position: relative;
		isolation: isolate;
		width: auto !important;
		height: 100% !important;
		min-width: 0 !important;
		min-height: 0 !important;
		flex: 1 1 0 !important;
		display: flex !important;
		flex-direction: column !important;
		overflow: hidden !important;
	}
	#modal.mr-publisher-keyboard-open .mr-publisher-full-modal #publisher-wapper-modal .publisher-message {
		position: relative;
		z-index: 2;
		width: 100% !important;
		height: 100%;
		min-height: 72px !important;
		max-height: none;
		flex: 1 1 0 !important;
		display: flex !important;
		background: #000 !important;
		overflow: hidden !important;
	}
	#modal.mr-publisher-keyboard-open .mr-publisher-full-modal #publisher-wapper-modal .colored-text-wrapper {
		position: relative;
		z-index: 2;
		width: 100% !important;
		height: 100%;
		min-height: 72px !important;
		max-height: none;
		flex: 1 1 0 !important;
		display: flex !important;
		background: #000 !important;
		overflow: hidden !important;
	}
	#modal.mr-publisher-keyboard-open .mr-publisher-full-modal #js_publisher-textarea {
		position: relative !important;
		z-index: 3;
		display: block !important;
		width: 100% !important;
		height: 100% !important;
		min-width: 0;
		min-height: 72px !important;
		max-height: none !important;
		flex: 1 1 0;
		margin: 0 !important;
		padding: 6px 0 10px !important;
		border: 0 !important;
		background: #000 !important;
		color: #e7e9ea !important;
		-webkit-text-fill-color: #e7e9ea;
		caret-color: #0053cb !important;
		opacity: 1 !important;
		visibility: visible !important;
		font-size: 17px !important;
		line-height: 23px !important;
		text-shadow: none;
		mix-blend-mode: normal;
		-webkit-appearance: none;
		overflow-x: hidden;
		overflow-y: auto !important;
		-webkit-overflow-scrolling: touch;
		resize: none !important;
	}
	#modal.mr-publisher-modal-open .mr-publisher-full-modal .publisher-overlay {
		display: none !important;
		visibility: hidden;
		pointer-events: none;
	}
	#modal.mr-publisher-keyboard-open.mr-publisher-standalone-reply .mr-publisher-full-modal #publisher-wapper-modal {
		position: relative;
		z-index: 20;
		height: 154px;
		min-height: 154px;
		max-height: 154px;
		flex: 0 0 154px;
		display: flex;
		padding: 0;
		overflow: hidden;
		background: #000;
	}
	#modal.mr-publisher-keyboard-open.mr-publisher-standalone-reply .mr-publisher-full-modal #publisher-wapper-modal .publisher {
		height: 100% !important;
		min-height: 0 !important;
		max-height: 100%;
		flex: 1 1 0 !important;
		overflow: hidden !important;
	}
	#modal.mr-publisher-keyboard-open.mr-publisher-standalone-reply .mr-publisher-full-modal #publisher-wapper-modal .side_item_list39.px-3.pt-3 {
		height: 100% !important;
		min-height: 0 !important;
		max-height: 100%;
		flex: 1 1 0 !important;
		overflow: hidden !important;
	}
	#modal.mr-publisher-keyboard-open.mr-publisher-standalone-reply .mr-publisher-full-modal #publisher-wapper-modal .x_user_info {
		height: 100%;
		min-height: 0 !important;
		max-height: 100%;
		flex: 1 1 0 !important;
		overflow: hidden !important;
	}
	#modal.mr-publisher-keyboard-open.mr-publisher-standalone-reply .mr-publisher-full-modal #publisher-wapper-modal .x_user_info > .flex-1 {
		height: 100% !important;
		min-height: 0 !important;
		max-height: 100%;
		flex: 1 1 0 !important;
		overflow: hidden !important;
	}
	#modal.mr-publisher-keyboard-open.mr-publisher-standalone-reply .mr-publisher-full-modal #publisher-wapper-modal .publisher-message {
		position: relative;
		z-index: 30;
		height: 96px;
		min-height: 96px !important;
		max-height: 96px;
		flex: 1 1 auto !important;
		display: flex !important;
		border-radius: 0;
		background: #000 !important;
		overflow: hidden !important;
	}
	#modal.mr-publisher-keyboard-open.mr-publisher-standalone-reply .mr-publisher-full-modal #publisher-wapper-modal .colored-text-wrapper {
		position: relative;
		z-index: 30;
		height: 96px;
		min-height: 96px !important;
		max-height: 96px;
		flex: 1 1 auto !important;
		display: flex !important;
		border-radius: 0;
		background: #000 !important;
		overflow: hidden !important;
	}
	#modal.mr-publisher-keyboard-open.mr-publisher-standalone-reply .mr-publisher-full-modal #publisher-wapper-modal #js_publisher-textarea {
		position: relative !important;
		z-index: 31;
		display: block !important;
		height: 88px !important;
		min-height: 88px !important;
		max-height: 88px !important;
		flex: 1 1 auto;
		margin: 0 !important;
		padding: 8px 0 !important;
		background: #000 !important;
		color: #e7e9ea !important;
		-webkit-text-fill-color: #e7e9ea;
		caret-color: #0053cb !important;
		opacity: 1 !important;
		visibility: visible !important;
		font-size: 16px !important;
		line-height: 22px !important;
		overflow-x: hidden;
		overflow-y: auto !important;
		-webkit-overflow-scrolling: touch;
	}
	#modal.mr-publisher-keyboard-open.mr-publisher-standalone-reply .mr-publisher-full-modal #publisher-wapper-modal .publisher-footer {
		position: relative;
		z-index: 32;
		height: 58px !important;
		min-height: 58px !important;
		max-height: 58px;
		flex: 0 0 58px !important;
		margin: 0 !important;
		padding: 5px 8px !important;
		background: #000 !important;
	}
	#modal.mr-publisher-modal-open.mr-publisher-standalone-reply .mr-publisher-full-modal {
		background: #000;
		border-radius: 18px 18px 0 0;
		overflow: hidden;
	}
	#modal.mr-publisher-modal-open.mr-publisher-standalone-reply .mr-publisher-full-modal .publisher-message {
		display: block !important;
		visibility: visible;
		opacity: 1;
		position: relative;
		z-index: 41;
		background: #000 !important;
		color: #e7e9ea;
		-webkit-text-fill-color: #e7e9ea;
		caret-color: #0053cb;
	}
	#modal.mr-publisher-modal-open.mr-publisher-standalone-reply .mr-publisher-full-modal #js_publisher-textarea {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		position: relative !important;
		z-index: 41;
		background: #000 !important;
		color: #e7e9ea !important;
		-webkit-text-fill-color: #e7e9ea;
		caret-color: #0053cb !important;
	}
	#modal.mr-publisher-modal-open.mr-publisher-standalone-reply .mr-x-compose-header {
		position: relative;
		z-index: 80;
		pointer-events: auto;
		touch-action: manipulation;
	}
	#modal.mr-publisher-modal-open.mr-publisher-standalone-reply .mr-x-compose-header button {
		position: relative;
		z-index: 80;
		pointer-events: auto;
		touch-action: manipulation;
	}
}

@media (min-width: 768px) {

	/* ── Powłoka modala ──────── */
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open .mr-publisher-full-modal {
		background: #060606;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open .mr-x-desktop-compose-header {
		background: #060606;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal {
		background: #060606 !important;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .publisher-footer {
		background: #060606 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: flex-start !important;
		flex-flow: row nowrap !important;
		gap: 8px !important;
		min-width: 0 !important;
		overflow: visible !important;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .publisher-tools-tabs.mr-publisher-tools-merged {
		display: flex !important;
		align-items: center !important;
		flex-wrap: nowrap !important;
		gap: 3px !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		scrollbar-width: none !important;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .publisher-tools-tabs.mr-publisher-tools-merged::-webkit-scrollbar {
		display: none !important;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open .mr-x-desktop-context-time .js_moment {
		display: inline !important;
		font-size: inherit !important;
		font-weight: inherit;
		color: inherit !important;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .publisher-footer > .publisher-tools-tabs.mr-publisher-tools-merged {
		display: flex !important;
		flex: 1 1 auto !important;
		flex-flow: row nowrap !important;
		align-items: center !important;
		align-content: center;
		width: auto !important;
		min-width: 0 !important;
		max-width: none !important;
		gap: 3px !important;
		white-space: nowrap !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		-webkit-overflow-scrolling: touch !important;
		overscroll-behavior-x: contain !important;
		scrollbar-width: none !important;
		writing-mode: horizontal-tb !important;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .publisher-footer > .publisher-tools-tabs.mr-publisher-tools-merged::-webkit-scrollbar {
		display: none !important;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .mr-publisher-tools-merged > * {
		display: inline-flex;
		flex: 0 0 auto;
		flex-flow: row nowrap;
		align-items: center;
		width: auto;
		min-width: 36px;
		max-width: none;
		white-space: nowrap;
		word-break: normal;
		writing-mode: horizontal-tb;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .mr-publisher-tools-merged .publisher-tools-tab {
		flex: 0 0 36px !important;
color: #0052cb !important;
		width: 36px !important;
		min-width: 36px !important;
		height: 36px !important;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .mr-publisher-tools-merged .x_pub_btn {
		display: inline-flex !important;
		flex: 0 0 auto !important;
		flex-flow: row nowrap !important;
		align-items: center !important;
		width: auto !important;
		min-width: 36px !important;
		max-width: none !important;
		overflow: visible !important;
		white-space: nowrap !important;
		writing-mode: horizontal-tb !important;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .mr-publisher-tools-merged .x_pub_btn > span {
		display: inline-block !important;
		width: auto !important;
		max-width: none !important;
		white-space: nowrap !important;
		word-break: normal !important;
		writing-mode: horizontal-tb !important;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .mr-publisher-tools-merged .js_publisher-options-toggle > span {
		display: inline-block !important;
		width: auto !important;
		max-width: none !important;
		white-space: nowrap !important;
		word-break: normal !important;
		writing-mode: horizontal-tb !important;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .publisher-footer-buttons {
		flex: 0 0 auto !important;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .mr-publisher-toolbar-shell {
		display: grid !important;
		grid-template-columns: 30px minmax(0, 1fr) 30px !important;
		align-items: center !important;
		gap: 4px !important;
		order: 1 !important;
		width: 0 !important;
		min-width: 0 !important;
		max-width: calc(100% - 120px) !important;
		flex: 1 1 0 !important;
		overflow: visible !important;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .mr-publisher-toolbar-arrow {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 30px !important;
		height: 32px !important;
		min-width: 30px !important;
		padding: 0 !important;
		border: 1px solid #111 !important;
		border-radius: 999px !important;
		background: #0b0b0b !important;
		color: #0053cb !important;
		font-size: 24px !important;
		font-weight: 700 !important;
		line-height: 1 !important;
		cursor: pointer !important;
		user-select: none;
		-webkit-user-select: none;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .mr-publisher-toolbar-arrow:disabled {
		opacity: .28 !important;
		cursor: default !important;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .mr-publisher-toolbar-no-overflow .mr-publisher-toolbar-arrow {
		visibility: hidden !important;
		pointer-events: none !important;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .mr-publisher-toolbar-shell > .publisher-tools-tabs.mr-publisher-tools-merged {
		display: flex !important;
		align-items: center !important;
		flex-flow: row nowrap !important;
		gap: 3px !important;
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
		padding: 0 !important;
		white-space: nowrap !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		scroll-behavior: smooth !important;
		scrollbar-width: none !important;
		writing-mode: horizontal-tb !important;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .mr-publisher-toolbar-shell > .publisher-tools-tabs.mr-publisher-tools-merged::-webkit-scrollbar {
		display: none !important;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .mr-publisher-toolbar-shell > .publisher-tools-tabs.mr-publisher-tools-merged > * {
		display: inline-flex;
		align-items: center;
		flex: 0 0 auto;
		width: auto;
		min-width: 36px;
		max-width: none;
		white-space: nowrap;
		writing-mode: horizontal-tb;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .mr-publisher-toolbar-shell .x_pub_btn {
		display: inline-flex !important;
		align-items: center !important;
		flex-flow: row nowrap !important;
		gap: 2px !important;
		width: auto !important;
		min-width: max-content !important;
		max-width: none !important;
		margin: 0 !important;
		overflow: visible !important;
		white-space: nowrap !important;
		word-break: normal !important;
		writing-mode: horizontal-tb !important;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .mr-publisher-toolbar-shell .x_pub_btn > .publisher-tools-tab {
		flex: 0 0 34px !important;
		width: 34px !important;
		min-width: 34px !important;
		height: 34px !important;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .mr-publisher-toolbar-shell .x_pub_btn > span {
		display: inline-block !important;
		width: auto !important;
		min-width: max-content !important;
		max-width: none !important;
		white-space: nowrap !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		line-height: 1 !important;
		writing-mode: horizontal-tb !important;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .mr-publisher-toolbar-shell .x_pub_btn > span > small {
		display: inline-block !important;
		width: auto !important;
		min-width: max-content !important;
		max-width: none !important;
		white-space: nowrap !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		line-height: 1 !important;
		writing-mode: horizontal-tb !important;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .mr-publisher-toolbar-menu-open {
		position: relative !important;
		z-index: 30 !important;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .mr-publisher-toolbar-menu-open > .publisher-tools-tabs {
		overflow: visible !important;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .mr-publisher-toolbar-shell .dropdown-menu {
		z-index: 10050 !important;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .publisher-footer > .publisher-footer-buttons {
		display: flex !important;
		align-items: center !important;
		order: 2 !important;
		position: static !important;
		width: auto !important;
		min-width: 108px !important;
		height: auto !important;
		margin: 0 0 0 auto !important;
		flex: 0 0 auto !important;
		visibility: visible !important;
		opacity: 1 !important;
		transform: none !important;
		z-index: 40 !important;
		background: #060606 !important;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .mr-publisher-toolbar-shell .mr-publisher-toolbar-dropup > .dropdown-menu {
		position: fixed !important;
		inset: auto auto var(--mr-toolbar-popup-bottom, 88px) var(--mr-toolbar-popup-left, 24px) !important;
		top: auto !important;
		right: auto !important;
		bottom: var(--mr-toolbar-popup-bottom, 88px) !important;
		left: var(--mr-toolbar-popup-left, 24px) !important;
		width: min(340px, calc(100vw - 24px)) !important;
		max-width: calc(100vw - 24px) !important;
		max-height: min(340px, 55vh) !important;
		margin: 0 !important;
		transform: none !important;
		overflow-x: hidden !important;
		overflow-y: auto !important;
		border: 1px solid #111 !important;
		border-radius: 14px !important;
		background: #060606 !important;
		box-shadow: 0 8px 26px rgba(0, 0, 0, .62) !important;
		z-index: 10060 !important;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .mr-publisher-toolbar-shell .publisher-emojis > .emoji-menu {
		position: fixed !important;
		inset: auto auto var(--mr-toolbar-popup-bottom, 88px) var(--mr-toolbar-popup-left, 24px) !important;
		top: auto !important;
		right: auto !important;
		bottom: var(--mr-toolbar-popup-bottom, 88px) !important;
		left: var(--mr-toolbar-popup-left, 24px) !important;
		width: min(340px, calc(100vw - 24px)) !important;
		max-width: calc(100vw - 24px) !important;
		max-height: min(340px, 55vh) !important;
		margin: 0 !important;
		transform: none !important;
		overflow-x: hidden !important;
		overflow-y: auto !important;
		border: 1px solid #111 !important;
		border-radius: 14px !important;
		background: #060606 !important;
		box-shadow: 0 8px 26px rgba(0, 0, 0, .62) !important;
		z-index: 10060 !important;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .mr-publisher-toolbar-shell .publisher-emojis > .emoji-menu .js_scroller {
		max-height: min(290px, 48vh) !important;
		overflow-y: auto !important;
	}
}

/* ==========================================================================
   1.0.88 — publisher na PC: tlo #090909, czysto pod "Opublikuj"
   --------------------------------------------------------------------------
   1.0.87 rozjasnil okno do #16181c. Za jasne — wracamy do #090909 na kazdej
   powierzchni okna, a odznacza je teraz sam cien i obwodka, nie kolor tla.
   Osobno: pod przyciskiem "Opublikuj" widac bylo ciemny prostokat — to tlo
   kontenera .publisher-footer-buttons z motywu. Kontener jest przezroczysty,
   tlo ma tylko sam przycisk.
   ========================================================================== */
@media (min-width: 768px) {
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open .modal-content {
		border: 1px solid #2f3336 !important;
		border-color: #2f3336 !important;
		background: #090909 !important;
		box-shadow:
			0 0 0 1px rgba(113, 118, 123, .14),
			0 0 18px rgba(113, 118, 123, .10),
			0 14px 32px rgba(0, 0, 0, .72) !important;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open .mr-publisher-full-modal,
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open .mr-x-desktop-compose-header,
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open .mr-x-compose-header,
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open .mr-x-standalone-reply-nav,
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open .mr-publisher-context-section,
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open .mr-x-standalone-reply-meta,
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal,
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .publisher,
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .publisher-box,
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .publisher-body,
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .publisher-footer,
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .mr-publisher-toolbar-shell {
		background: #090909 !important;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .publisher-footer {
		border-top-color: #2f3336 !important;
	}
	/* pod "Opublikuj" nie ma juz zadnego prostokata — tlo ma sam przycisk */
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .publisher-footer > .publisher-footer-buttons,
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .publisher-footer-buttons,
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .publisher-footer-buttons > * {
		background: transparent !important;
		background-color: transparent !important;
		border: 0 !important;
		box-shadow: none !important;
	}
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .publisher-footer-buttons .js_publisher-full-submit,
	body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .publisher-footer-buttons .btn.js_publisher-btn {
		background: #0053cb !important;
		background-color: #0053cb !important;
		color: #fff !important;
		border: 0 !important;
		border-radius: 999px !important;
	}
}

/* ==========================================================================
   1.0.88 — telefon: odpowiadanie z klawiatura 1:1 jak na X
   --------------------------------------------------------------------------
   Uklad zostaje ten sam (naglowek u gory, pasek narzedzi tuz nad klawiatura),
   bo taki wlasnie ma X w pelnym kompozytorze. Rownamy to, co sie roznilo:
   wymiary i kroje.

     naglowek           53 px  (bylo ~48)
     "Opublikuj"        32 px wysokosci, 0/16 px, 15/700, promien pelny
     tytul              17/700
     awatar             40 px, odstep 12 px
     pole tekstowe      17/24, podpowiedz #71767b
     pasek narzedzi     48 px, obwodka #2f3336, ikony 22 px, odstep 20 px
     "Odpowiadajac @x"  15/20, #71767b, nick w kolorze linku
   ========================================================================== */
@media (max-width: 767.98px) {
	/* naglowek jest elementem kolumny flex, wiec o jego wysokosci decyduje
	   flex-basis, a nie height — trzeba ustawic jedno i drugie */
	#modal.mr-publisher-modal-open:not(.mr-publisher-android) .mr-publisher-full-modal .mr-x-compose-header,
	#modal.mr-publisher-modal-open:not(.mr-publisher-android) .mr-publisher-full-modal .mr-x-standalone-reply-nav {
		/* 1.0.109 — naglowek nizszy o 10 px, tak jak w panelach */
		height: 43px !important;
		min-height: 43px !important;
		max-height: 43px !important;
		flex: 0 0 43px !important;
		flex-basis: 43px !important;
		padding: 0 12px !important;
	}
	#modal.mr-publisher-modal-open .mr-publisher-full-modal .mr-x-compose-title,
	#modal.mr-publisher-modal-open .mr-publisher-full-modal .mr-x-standalone-reply-title {
		font-size: 17px !important;
		line-height: 20px !important;
		font-weight: 700 !important;
	}
	#modal.mr-publisher-modal-open .mr-publisher-full-modal .mr-x-compose-submit,
	#modal.mr-publisher-modal-open .mr-publisher-full-modal .js_publisher-full-submit {
		height: 32px !important;
		min-height: 32px !important;
		padding: 0 16px !important;
		border: 0 !important;
		border-radius: 999px !important;
		font-size: 15px !important;
		line-height: 1 !important;
		font-weight: 700 !important;
	}
	#modal.mr-publisher-modal-open .mr-publisher-full-modal #publisher-wapper-modal .x_user_info > .user-picture,
	#modal.mr-publisher-modal-open .mr-publisher-full-modal #publisher-wapper-modal .x_user_info > img,
	#modal.mr-publisher-modal-open .mr-publisher-full-modal #publisher-wapper-modal .x_user_info > .flex-0 img {
		width: 40px !important;
		height: 40px !important;
		min-width: 40px !important;
		border-radius: 50% !important;
		object-fit: cover !important;
	}
	#modal.mr-publisher-modal-open .mr-publisher-full-modal #publisher-wapper-modal .x_user_info {
		gap: 12px !important;
	}
	#modal.mr-publisher-modal-open .mr-publisher-full-modal #js_publisher-textarea {
		font-size: 17px !important;
		line-height: 24px !important;
	}
	#modal.mr-publisher-modal-open .mr-publisher-full-modal #js_publisher-textarea::placeholder {
		color: #71767b !important;
		opacity: 1 !important;
	}
	/* 1.0.115 — .mr-publisher-reply-to zdjete z grupy: takiego elementu
	   nie ma juz w zadnym szablonie ani w skrypcie */
	#modal.mr-publisher-modal-open .mr-publisher-full-modal .mr-x-standalone-reply-meta {
		font-size: 15px !important;
		line-height: 20px !important;
		color: #71767b !important;
	}
	#modal.mr-publisher-modal-open .mr-publisher-full-modal .mr-x-standalone-reply-meta a {
		color: #0053cb !important;
	}
	#modal.mr-publisher-modal-open .mr-publisher-full-modal #publisher-wapper-modal .publisher-footer {
		height: 48px !important;
		min-height: 48px !important;
		max-height: 48px !important;
		flex: 0 0 48px !important;
		padding: 0 8px !important;
		border-top: 1px solid #2f3336 !important;
	}
	#modal.mr-publisher-keyboard-open .mr-publisher-full-modal #publisher-wapper-modal .publisher-footer {
		height: 48px !important;
		min-height: 48px !important;
		max-height: 48px !important;
		flex: 0 0 48px !important;
		padding: 0 8px !important;
		border-top: 1px solid #2f3336 !important;
	}
	#modal.mr-publisher-modal-open .mr-publisher-full-modal #publisher-wapper-modal .publisher-footer .publisher-tools-tabs > * {
		width: 36px !important;
		height: 36px !important;
		min-width: 36px !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	#modal.mr-publisher-modal-open .mr-publisher-full-modal #publisher-wapper-modal .publisher-footer .publisher-tools-tabs svg {
		width: 22px !important;
		height: 22px !important;
	}
}

/* ==========================================================================
   1.0.90 — "Komentujesz post" znika na dobre
   --------------------------------------------------------------------------
   To wlasnie ten natywny podglad wyskakiwal na ulamek sekundy przy zamykaniu
   okna. Byl chowany regula zalezna od klasy body.mr-publisher-desktop-open,
   a ta klasa jest zdejmowana ZANIM Bootstrap dokonczy gaszenie okna — przez
   moment nie mial go wiec co ukrywac. Teraz ukrycie nie zalezy od zadnej
   klasy: na PC ten blok nie pokazuje sie nigdy, ani przez chwile.
   ========================================================================== */
@media (min-width: 768px) {
	.mr-publisher-full-modal .mr-native-context-label,
	.mr-publisher-full-modal .mr-native-context-label-copy,
	.mr-publisher-full-modal .mr-native-context-viewport {
		display: none !important;
		visibility: hidden !important;
	}
}

/* ==========================================================================
   1.0.99 — pole pisania odpowiedzi nie rozpycha sie na cala wysokosc
   --------------------------------------------------------------------------
   Bylo tak, ze pole tekstowe dostawalo "flex: 1 1 0" i zjadalo cale wolne
   miejsce miedzy podgladem wpisu a paskiem ikon — okolo pieciu pustych
   linijek, mimo ze nic nie bylo jeszcze napisane.

   Teraz cala grupa pisania (awatar + pole + pasek ikon) ma swoja naturalna
   wysokosc i jest dosunieta do dolu, a wolne miejsce zostaje NAD nia — tam,
   gdzie rozwija sie dalsza czesc wpisu, na ktory odpowiadasz.

   Wysokosc samego pola ustawia skrypt (post.js) przy kazdym wpisanym znaku:
   jedna linijka na start, potem rosnie razem z tekstem. Ograniczenie z gory
   siedzi w max-height ponizej — max-height zawsze wygrywa z height, wiec
   pole nigdy nie przerosnie 38% ekranu i od tego miejsca samo sie przewija.
   ========================================================================== */
@media (max-width: 767.98px) {
	#modal.mr-publisher-standalone-expanded .mr-publisher-full-modal #publisher-wapper-modal .side_item_list39.px-3.pt-3 {
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		flex: 0 0 auto !important;
	}
	#modal.mr-publisher-standalone-expanded .mr-publisher-full-modal #publisher-wapper-modal .x_user_info {
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		flex: 0 0 auto !important;
	}
	/* 1.0.110 — kolumna z polem ma wysokosc SWOJEJ tresci. Przy "flex: 1 1 auto"
	   rosla razem z grupa i robila sie pod polem pusta dziura az do ikon. */
	#modal.mr-publisher-standalone-expanded .mr-publisher-full-modal #publisher-wapper-modal .x_user_info > .flex-1 {
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
	}
	#modal.mr-publisher-standalone-expanded .mr-publisher-full-modal #publisher-wapper-modal .publisher-message,
	#modal.mr-publisher-standalone-expanded .mr-publisher-full-modal #publisher-wapper-modal .colored-text-wrapper {
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		flex: 0 0 auto !important;
	}
	#modal.mr-publisher-standalone-expanded .mr-publisher-full-modal #publisher-wapper-modal #js_publisher-textarea,
	#modal.mr-publisher-standalone-expanded.mr-publisher-keyboard-open .mr-publisher-full-modal #publisher-wapper-modal #js_publisher-textarea {
		height: auto !important;
		min-height: 58px !important;   /* 1.0.112 — dwie linijki */
		/* 1.0.110 — wlasciwa granice mierzy skrypt; to jest tylko
		   zabezpieczenie, gdyby pomiar nie doszedl do skutku */
		max-height: 60dvh !important;
		flex: 0 0 auto !important;
		margin: 0 !important;
		padding: 6px 0 8px !important;
		font-size: 16px !important;
		line-height: 22px !important;
		overflow-x: hidden !important;
		overflow-y: auto !important;
		/* ── 1.0.110 — czarny, waski pasek przewijania w polu ──────────
		   Pojawia sie dopiero wtedy, gdy pole doroslo do granicy i tekst
		   zaczyna sie w nim przewijac. */
		scrollbar-width: thin;
		scrollbar-color: #333639 transparent;
	}
	#modal.mr-publisher-standalone-expanded .mr-publisher-full-modal #publisher-wapper-modal #js_publisher-textarea::-webkit-scrollbar {
		width: 4px;
	}
	#modal.mr-publisher-standalone-expanded .mr-publisher-full-modal #publisher-wapper-modal #js_publisher-textarea::-webkit-scrollbar-track {
		background: transparent;
	}
	#modal.mr-publisher-standalone-expanded .mr-publisher-full-modal #publisher-wapper-modal #js_publisher-textarea::-webkit-scrollbar-thumb {
		border-radius: 999px;
		background: #333639;
	}

	/* ==================================================================
	   1.0.100 — uwolnione miejsce dostaje PODGLAD WPISU
	   ------------------------------------------------------------------
	   Sama 1.0.99 tylko dosunela grupe pisania do dolu. Miejsce nad nia
	   nadal nalezalo do okna publishera (#publisher-wapper-modal mial
	   "flex: 1 1 0", czyli brał wszystko, co zostalo), a podglad wpisu
	   siedzial przyciety na sztywnych 24% wysokosci. Efekt: pusty granatowy
	   pas na pol ekranu i wpis ucinany po pieciu linijkach, mimo ze nic
	   nie bylo napisane.

	   Zamieniamy role: okno publishera ma teraz tyle wysokosci, ile
	   naprawde potrzebuje, a wolne miejsce idzie do podgladu wpisu.
	   Gdy odpowiedz rosnie, podglad oddaje mu miejsce — ale nigdy nie
	   zejdzie ponizej min-height, wiec zawsze widac, na co odpowiadasz.
	   ================================================================== */
	#modal.mr-publisher-standalone-expanded .mr-publisher-full-modal .mr-publisher-context-section,
	#modal.mr-publisher-standalone-expanded.mr-publisher-keyboard-open .mr-publisher-full-modal .mr-publisher-context-section,
	#modal.mr-publisher-standalone-expanded.mr-publisher-context-expanded .mr-publisher-full-modal .mr-publisher-context-section,
	#modal.mr-publisher-standalone-expanded.mr-publisher-keyboard-open.mr-publisher-context-expanded .mr-publisher-full-modal .mr-publisher-context-section {
		height: auto !important;
		/* na normalnym telefonie 108 px (okolo pieciu linijek wpisu), a na
		   bardzo niskim oknie proporcjonalnie mniej, zeby pasek ikon zawsze
		   zmiescil sie na ekranie */
		min-height: min(108px, 22dvh) !important;
		max-height: none !important;
		flex: 1 1 auto !important;
		overflow: hidden !important;
	}
	#modal.mr-publisher-standalone-expanded .mr-publisher-full-modal #publisher-wapper-modal,
	#modal.mr-publisher-standalone-expanded.mr-publisher-keyboard-open .mr-publisher-full-modal #publisher-wapper-modal {
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		flex: 0 0 auto !important;
	}
	#modal.mr-publisher-standalone-expanded .mr-publisher-full-modal #publisher-wapper-modal .publisher {
		height: auto !important;
		flex: 0 0 auto !important;
	}

	/* ==================================================================
	   1.0.102 — kreska miedzy wpisem a miejscem na pisanie
	   ------------------------------------------------------------------
	   Element rozdzielajacy (.mr-publisher-context-divider) jest w kodzie
	   od dawna, ale na telefonie byl chowany (display: none). Przy ukladzie
	   z 1.0.100 podglad wpisu i pole pisania stykaja sie ze soba plaszczyzna
	   czerni i nie widac, gdzie konczy sie jedno, a zaczyna drugie.
	   Kreska wraca — tak jak na zdjeciu nr 1.
	   ================================================================== */
	#modal.mr-publisher-standalone-expanded .mr-publisher-full-modal .mr-publisher-context-divider {
		display: block !important;
		width: auto;
		height: 0;
		min-height: 0;
		margin: 0 14px;
		padding: 0;
		flex: 0 0 auto !important;
		border: 0;
		border-bottom: 1px solid #2f3336;
		background: transparent;
	}
}

/* ==========================================================================
   1.0.111 — OKNO ODPOWIEDZI: JEDEN, JAWNY UKLAD
   --------------------------------------------------------------------------
   Ten blok opisuje cala geometrie okna odpowiedzi od zera, zamiast poprawiac
   po kawalku to, co ustawiaja starsze reguly. Powod jest prosty: na to samo
   okno poluje kilkanascie regul z "!important", pisanych przy okazji roznych
   poprawek, i za kazdym razem wygrywala inna. Stad huśtawka — raz pole bylo
   za wysokie, raz nie roslo wcale.

   Uklad jest taki (od gory):

       naglowek                  stala wysokosc
       podglad wpisu             ZABIERA to, co zostanie; kurczy sie pierwszy
       kreska
       okno publishera           tyle, ile trzeba
           grupa pisania         awatar + pole, wysokosc tresci
           pasek ikon            stala wysokosc

   Dzieki temu grupa pisania jest DOSUNIETA DO PASKA IKON i rosnie do gory,
   wjezdzajac w podglad wpisu — dokladnie tak, jak pokazales na zdjeciach.
   ========================================================================== */
@media (max-width: 767.98px) {
	#modal.mr-publisher-standalone-expanded .mr-publisher-full-modal {
		display: flex !important;
		flex-direction: column !important;
		overflow: hidden !important;
	}

	/* podglad wpisu: elastyczny, kurczy sie jako pierwszy, ale nigdy do zera */
	#modal.mr-publisher-standalone-expanded .mr-publisher-full-modal .mr-publisher-context-section {
		height: auto !important;
		min-height: 64px !important;
		max-height: none !important;
		flex: 1 1 auto !important;
		overflow: hidden !important;
	}

	/* okno publishera: dokladnie tyle, ile zajmuje jego zawartosc */
	/* 1.0.112 — okno publishera stoi NAD podgladem wpisu.
	   Gdyby grupa pisania kiedykolwiek wyszla o pare pikseli za wysoko,
	   tekst ma byc widoczny NA podgladzie, a nie schowany pod jego czarnym
	   tlem. Wlasnie to widzialas jako "tekst chowa sie pod tlem". */
	#modal.mr-publisher-standalone-expanded .mr-publisher-full-modal #publisher-wapper-modal {
		position: relative !important;
		z-index: 2 !important;
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		flex: 0 0 auto !important;
		display: flex !important;
		overflow: visible !important;
		background: #000 !important;
	}
	#modal.mr-publisher-standalone-expanded .mr-publisher-full-modal #publisher-wapper-modal .publisher,
	#modal.mr-publisher-standalone-expanded .mr-publisher-full-modal #publisher-wapper-modal .x_user_info,
	#modal.mr-publisher-standalone-expanded .mr-publisher-full-modal #publisher-wapper-modal .x_user_info > .flex-1,
	#modal.mr-publisher-standalone-expanded .mr-publisher-full-modal #publisher-wapper-modal .side_item_list39.px-3.pt-3,
	#modal.mr-publisher-standalone-expanded .mr-publisher-full-modal #publisher-wapper-modal .publisher-message,
	#modal.mr-publisher-standalone-expanded .mr-publisher-full-modal #publisher-wapper-modal .colored-text-wrapper {
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		flex: 0 0 auto !important;
		overflow: visible !important;
	}
	#modal.mr-publisher-standalone-expanded .mr-publisher-full-modal #publisher-wapper-modal .publisher {
		width: 100% !important;
		display: flex !important;
		flex-direction: column !important;
		justify-content: flex-start !important;
	}
	#modal.mr-publisher-standalone-expanded .mr-publisher-full-modal #publisher-wapper-modal .x_user_info {
		width: 100% !important;
		display: flex !important;
		flex-direction: row !important;
		align-items: flex-start !important;
	}
	#modal.mr-publisher-standalone-expanded .mr-publisher-full-modal #publisher-wapper-modal .x_user_info > .flex-1 {
		flex: 1 1 auto !important;
		min-width: 0 !important;
	}

	/* pasek ikon zostaje na dole, o stalej wysokosci */
	#modal.mr-publisher-standalone-expanded .mr-publisher-full-modal #publisher-wapper-modal .mr-publisher-controls {
		flex: 0 0 auto !important;
	}

	/* samo pole — wysokosc ustawia skrypt; tu tylko granice i wyglad */
	#modal.mr-publisher-standalone-expanded .mr-publisher-full-modal #publisher-wapper-modal #js_publisher-textarea {
		display: block !important;
		width: 100% !important;
		/* 1.0.112 — dwie linijki na start */
		min-height: 58px !important;
		max-height: none !important;
		flex: 0 0 auto !important;
		margin: 0 !important;
		padding: 6px 0 8px !important;
		border: 0 !important;
		background: transparent !important;
		font-size: 16px !important;
		line-height: 22px !important;
		resize: none !important;
		overflow-x: hidden !important;
		overflow-y: auto !important;
		scrollbar-width: thin;
		scrollbar-color: #333639 transparent;
	}
}

/* ==========================================================================
   1.0.116 — menu "Wiecej" w pelnym publisherze
   --------------------------------------------------------------------------
   Elementy dropdownu maja klase publisher-tools-tab, wiec dziedziczyly
   rozmiar zwyklych ikon paska. Ten blok oddziela wyglad pozycji menu od
   wygladu ikon i wymusza czytelna, pionowa liste na PC oraz telefonie.
   ========================================================================== */
#modal.mr-publisher-modal-open .mr-publisher-full-modal #publisher-wapper-modal .mr-publisher-toolbar-dropup {
	position: relative !important;
}

#modal.mr-publisher-modal-open .mr-publisher-full-modal #publisher-wapper-modal .mr-publisher-toolbar-dropup > .dropdown-menu {
	box-sizing: border-box !important;
	flex-direction: column !important;
	flex-wrap: nowrap !important;
	align-items: stretch !important;
	justify-content: flex-start !important;
	height: auto !important;
	min-height: 0 !important;
	max-height: min(340px, 52dvh) !important;
	padding: 6px !important;
	border: 1px solid #2f3336 !important;
	border-radius: 12px !important;
	background: #090909 !important;
	color: #e7e9ea !important;
	box-shadow:
		0 0 0 1px rgba(113, 118, 123, .08),
		0 6px 20px rgba(0, 0, 0, .68) !important;
	white-space: normal !important;
	overflow-x: hidden !important;
	overflow-y: auto !important;
	z-index: 2147483005 !important;
	scrollbar-width: thin;
	scrollbar-color: #2f3336 #090909;
}

#modal.mr-publisher-modal-open .mr-publisher-full-modal #publisher-wapper-modal .mr-publisher-toolbar-dropup > .dropdown-menu.show {
	display: flex !important;
}

#modal.mr-publisher-modal-open .mr-publisher-full-modal #publisher-wapper-modal .dropdown-menu > .publisher-tools-tab.dropdown-item {
	position: relative !important;
	top: auto !important;
	right: auto !important;
	bottom: auto !important;
	left: auto !important;
	inset: auto !important;
	float: none !important;
	transform: none !important;
	box-sizing: border-box !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	height: auto !important;
	min-height: 42px !important;
	flex: 0 0 auto !important;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 10px !important;
	margin: 0 !important;
	padding: 9px 11px !important;
	border: 0 !important;
	border-radius: 8px !important;
	background: transparent !important;
	color: #e7e9ea !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 20px !important;
	text-align: left !important;
	white-space: normal !important;
	overflow: visible !important;
	box-shadow: none !important;
}

#modal.mr-publisher-modal-open .mr-publisher-full-modal #publisher-wapper-modal .dropdown-menu > .publisher-tools-tab.dropdown-item:hover,
#modal.mr-publisher-modal-open .mr-publisher-full-modal #publisher-wapper-modal .dropdown-menu > .publisher-tools-tab.dropdown-item:focus {
	background: #16181c !important;
	color: #fff !important;
}

#modal.mr-publisher-modal-open .mr-publisher-full-modal #publisher-wapper-modal .dropdown-menu > .publisher-tools-tab.dropdown-item svg {
	width: 20px !important;
	height: 20px !important;
	min-width: 20px !important;
	flex: 0 0 20px !important;
	color: #0053cb !important;
}

#modal.mr-publisher-modal-open .mr-publisher-full-modal #publisher-wapper-modal .mr-publisher-toolbar-dropup > .dropdown-menu::-webkit-scrollbar {
	width: 4px;
}

#modal.mr-publisher-modal-open .mr-publisher-full-modal #publisher-wapper-modal .mr-publisher-toolbar-dropup > .dropdown-menu::-webkit-scrollbar-thumb {
	border-radius: 99px;
	background: #2f3336;
}

/* ===========================================================================
   1.0.118 — mobilne menu emoji zawsze nad dolnym paskiem
   ---------------------------------------------------------------------------
   To jest wylacznie korekta CSS. Oryginalny mechanizm ladowania i wyboru
   emoji pozostaje bez zmian.
   =========================================================================== */
@media (max-width: 767.98px) {
	#modal.mr-publisher-modal-open .mr-publisher-full-modal #publisher-wapper-modal .publisher-emojis > .emoji-menu {
		position: fixed !important;
		top: auto !important;
		right: 10px !important;
		bottom: calc(60px + env(safe-area-inset-bottom)) !important;
		left: 10px !important;
		inset: auto 10px calc(60px + env(safe-area-inset-bottom)) 10px !important;
		width: auto !important;
		max-width: none !important;
		max-height: min(310px, 42dvh) !important;
		margin: 0 !important;
		transform: none !important;
		overflow-x: hidden !important;
		overflow-y: auto !important;
		border: 1px solid #2f3336 !important;
		border-radius: 14px !important;
		background: #060606 !important;
		box-shadow: 0 -8px 24px rgba(0, 0, 0, .68) !important;
		z-index: 2147483006 !important;
	}

	#modal.mr-publisher-modal-open .mr-publisher-full-modal #publisher-wapper-modal .publisher-emojis > .emoji-menu .js_scroller {
		max-height: min(250px, 34dvh) !important;
		overflow-y: auto !important;
	}
}

/* Full-composer popup outside the overflow toolbar, including after rotation.
   Its containing block already follows the visible viewport on mobile. */
#modal.mr-publisher-modal-open .mr-publisher-full-modal > .mr-publisher-emoji-menu {
	position: absolute !important;
	top: auto !important;
	right: 10px !important;
	bottom: calc(60px + env(safe-area-inset-bottom, 0px)) !important;
	left: 10px !important;
	inset: auto 10px calc(60px + env(safe-area-inset-bottom, 0px)) 10px !important;
	width: auto !important;
	max-width: none !important;
	max-height: calc(100% - 80px - env(safe-area-inset-bottom, 0px)) !important;
	max-height: min(310px, calc(100% - 80px - env(safe-area-inset-bottom, 0px))) !important;
	margin: 0 !important;
	transform: none !important;
	overflow-x: hidden !important;
	overflow-y: auto !important;
	border: 1px solid #2f3336 !important;
	border-radius: 14px !important;
	background: #060606 !important;
	box-shadow: 0 -8px 24px rgba(0, 0, 0, .68) !important;
	z-index: 2147483006 !important;
}

#modal.mr-publisher-modal-open .mr-publisher-full-modal > .mr-publisher-emoji-menu .js_scroller {
	max-height: 250px !important;
	overflow-y: auto !important;
}

@media (min-width: 768px) {
	#modal.mr-publisher-modal-open .mr-publisher-full-modal > .mr-publisher-emoji-menu {
		right: auto !important;
		width: 340px !important;
		max-width: calc(100% - 20px) !important;
	}
}

/* ===========================================================================
   1.0.124 — bez mobilnych duplikatow obok "Opublikuj" w pelnym publisherze
   ---------------------------------------------------------------------------
   Te trzy skroty naleza wylacznie do zwinietego publishera na stronie glownej.
   Pelny modal ma juz zdjecie, Reels i emoji w przewijanym pasku narzedzi.
   =========================================================================== */
#modal.mr-publisher-modal-open .mr-publisher-full-modal #publisher-wapper-modal
	.publisher-footer-buttons > .mr-mobile-publisher-quick-actions {
	display: none !important;
	visibility: hidden !important;
	width: 0 !important;
	height: 0 !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
}

/* ===========================================================================
   1.0.125 — poprawna szerokosc mobilnego menu "Wiecej"
   ---------------------------------------------------------------------------
   Kontener dropdownu jest pojedyncza ikona paska (36 px). Samo menu musi byc
   niezaleznym panelem, inaczej jego tekst uklada sie po jednej literze.
   =========================================================================== */
@media (max-width: 767.98px) {
	#modal.mr-publisher-modal-open .mr-publisher-full-modal #publisher-wapper-modal
		.mr-publisher-toolbar-dropup > .dropdown-menu {
		position: fixed !important;
		top: auto !important;
		right: auto !important;
		bottom: calc(60px + env(safe-area-inset-bottom)) !important;
		left: 50% !important;
		inset: auto auto calc(60px + env(safe-area-inset-bottom)) 50% !important;
		width: min(320px, calc(100vw - 24px)) !important;
		min-width: min(280px, calc(100vw - 24px)) !important;
		max-width: calc(100vw - 24px) !important;
		max-height: min(340px, calc(100dvh - 112px)) !important;
		margin: 0 !important;
		transform: translateX(-50%) !important;
		writing-mode: horizontal-tb !important;
		word-break: normal !important;
		overflow-wrap: break-word !important;
	}

	#modal.mr-publisher-modal-open .mr-publisher-full-modal #publisher-wapper-modal
		.mr-publisher-toolbar-dropup > .dropdown-menu > .publisher-tools-tab.dropdown-item {
		width: 100% !important;
		min-width: 100% !important;
		max-width: 100% !important;
		writing-mode: horizontal-tb !important;
		word-break: normal !important;
		overflow-wrap: break-word !important;
	}
}

/* ===========================================================================
   1.0.126 — podpowiedzi @uzytkownik widoczne nad klawiatura na telefonie
   ---------------------------------------------------------------------------
   Lista jQuery UI jest dopisywana bezposrednio do BODY, poza modalem. Klasa
   jest nadawana w post.js po wykryciu aktywnego mobilnego publishera.
   =========================================================================== */
@media (max-width: 767.98px) {
	ul.ui-autocomplete.mr-publisher-mention-panel {
		z-index: 2147483020 !important;
		box-sizing: border-box !important;
		margin: 0 !important;
		padding: 4px !important;
		border: 1px solid #2f3336 !important;
		border-radius: 12px !important;
		background: #060606 !important;
		color: #e7e9ea !important;
		box-shadow: 0 -8px 24px rgba(0, 0, 0, .68) !important;
		list-style: none !important;
		overflow-x: hidden !important;
		overflow-y: auto !important;
		overscroll-behavior: contain;
		-webkit-overflow-scrolling: touch;
		touch-action: pan-y !important;
		scrollbar-width: thin;
		scrollbar-color: #2f3336 transparent;
		pointer-events: auto !important;
	}

	ul.ui-autocomplete.mr-publisher-mention-panel::-webkit-scrollbar {
		width: 5px;
	}

	ul.ui-autocomplete.mr-publisher-mention-panel::-webkit-scrollbar-track {
		background: transparent;
	}

	ul.ui-autocomplete.mr-publisher-mention-panel::-webkit-scrollbar-thumb {
		border-radius: 999px;
		background: #2f3336;
	}

	ul.ui-autocomplete.mr-publisher-mention-panel > li.ui-menu-item {
		box-sizing: border-box !important;
		width: 100% !important;
		min-width: 0 !important;
		min-height: 48px !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		background: transparent !important;
		list-style: none !important;
	}

	ul.ui-autocomplete.mr-publisher-mention-panel > li.ui-menu-item > a,
	ul.ui-autocomplete.mr-publisher-mention-panel > li.ui-menu-item > .ui-menu-item-wrapper,
	ul.ui-autocomplete.mr-publisher-mention-panel > li.ui-menu-item > .mr-mention-option {
		box-sizing: border-box !important;
		width: 100% !important;
		min-height: 48px !important;
		display: flex !important;
		align-items: center !important;
		gap: 10px !important;
		margin: 0 !important;
		padding: 6px 8px !important;
		border: 0 !important;
		border-radius: 8px !important;
		background: transparent !important;
		color: #e7e9ea !important;
		font-size: 14px !important;
		font-weight: 600 !important;
		line-height: 20px !important;
		text-decoration: none !important;
		appearance: none !important;
		-webkit-appearance: none !important;
		cursor: pointer !important;
		touch-action: pan-y !important;
	}

	ul.ui-autocomplete.mr-publisher-mention-panel > li.ui-menu-item > a.ui-state-active,
	ul.ui-autocomplete.mr-publisher-mention-panel > li.ui-menu-item > .ui-menu-item-wrapper.ui-state-active,
	ul.ui-autocomplete.mr-publisher-mention-panel > li.ui-menu-item > .mr-mention-option:active {
		border: 0 !important;
		background: #16181c !important;
		color: #fff !important;
	}

	ul.ui-autocomplete.mr-publisher-mention-panel .ui-menu-item img {
		width: 36px !important;
		height: 36px !important;
		min-width: 36px !important;
		flex: 0 0 36px !important;
		padding: 0 !important;
		border-radius: 50% !important;
		object-fit: cover !important;
	}

	ul.ui-autocomplete.mr-publisher-mention-panel .ui-menu-item span {
		min-width: 0 !important;
		color: inherit !important;
		font-size: inherit !important;
		font-weight: inherit !important;
		line-height: inherit !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
	}
}

/* Ten sam, szybki panel oznaczen w pelnym publisherze na PC.
   Ograniczona wysokosc i stale overflow-y zapewniaja scroll przy dluzszej
   liscie w postach, komentarzach, odpowiedziach oraz podczas edycji. */
@media (min-width: 768px) {
	ul.ui-autocomplete.mr-publisher-mention-panel {
		z-index: 2147483020 !important;
		box-sizing: border-box !important;
		margin: 0 !important;
		padding: 4px !important;
		border: 1px solid #2f3336 !important;
		border-radius: 12px !important;
		background: #060606 !important;
		color: #e7e9ea !important;
		box-shadow: 0 8px 28px rgba(0, 0, 0, .72) !important;
		list-style: none !important;
		overflow-x: hidden !important;
		overflow-y: auto !important;
		overscroll-behavior: contain;
		scrollbar-width: thin;
		scrollbar-color: #2f3336 transparent;
		pointer-events: auto !important;
	}

	ul.ui-autocomplete.mr-publisher-mention-panel::-webkit-scrollbar {
		width: 5px;
	}

	ul.ui-autocomplete.mr-publisher-mention-panel::-webkit-scrollbar-track {
		background: transparent;
	}

	ul.ui-autocomplete.mr-publisher-mention-panel::-webkit-scrollbar-thumb {
		border-radius: 999px;
		background: #2f3336;
	}

	ul.ui-autocomplete.mr-publisher-mention-panel > li.ui-menu-item {
		box-sizing: border-box !important;
		width: 100% !important;
		min-width: 0 !important;
		min-height: 48px !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		background: transparent !important;
		list-style: none !important;
	}

	ul.ui-autocomplete.mr-publisher-mention-panel > li.ui-menu-item > a,
	ul.ui-autocomplete.mr-publisher-mention-panel > li.ui-menu-item > .ui-menu-item-wrapper,
	ul.ui-autocomplete.mr-publisher-mention-panel > li.ui-menu-item > .mr-mention-option {
		box-sizing: border-box !important;
		width: 100% !important;
		min-height: 48px !important;
		display: flex !important;
		align-items: center !important;
		gap: 10px !important;
		margin: 0 !important;
		padding: 6px 8px !important;
		border: 0 !important;
		border-radius: 8px !important;
		background: transparent !important;
		color: #e7e9ea !important;
		font-size: 14px !important;
		font-weight: 600 !important;
		line-height: 20px !important;
		text-align: left !important;
		text-decoration: none !important;
		appearance: none !important;
		-webkit-appearance: none !important;
		cursor: pointer !important;
	}

	ul.ui-autocomplete.mr-publisher-mention-panel > li.ui-menu-item > a:hover,
	ul.ui-autocomplete.mr-publisher-mention-panel > li.ui-menu-item > a.ui-state-active,
	ul.ui-autocomplete.mr-publisher-mention-panel > li.ui-menu-item > .ui-menu-item-wrapper:hover,
	ul.ui-autocomplete.mr-publisher-mention-panel > li.ui-menu-item > .ui-menu-item-wrapper.ui-state-active,
	ul.ui-autocomplete.mr-publisher-mention-panel > li.ui-menu-item > .mr-mention-option:hover,
	ul.ui-autocomplete.mr-publisher-mention-panel > li.ui-menu-item > .mr-mention-option:focus-visible {
		border: 0 !important;
		outline: 0 !important;
		background: #16181c !important;
		color: #fff !important;
	}

	ul.ui-autocomplete.mr-publisher-mention-panel .ui-menu-item img {
		width: 36px !important;
		height: 36px !important;
		min-width: 36px !important;
		flex: 0 0 36px !important;
		padding: 0 !important;
		border-radius: 50% !important;
		object-fit: cover !important;
	}

	ul.ui-autocomplete.mr-publisher-mention-panel .ui-menu-item span {
		min-width: 0 !important;
		color: inherit !important;
		font-size: inherit !important;
		font-weight: inherit !important;
		line-height: inherit !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
	}
}

/* ========================================================================
   1.0.182 — stabilne pisanie w pelnoekranowej odpowiedzi na Androidzie
   ------------------------------------------------------------------------
   Zmiana wysokosci textarea nie moze uruchamiac scroll anchoringu podgladu.
   Wysokoscia pola zarzadza w tym stanie wylacznie post.js; te reguly blokuja
   samoczynne przerzucanie podgladu miedzy komentarzami w trakcie pisania.
   ======================================================================== */
@media (max-width: 767.98px) {
	#modal.mr-publisher-standalone-expanded .mr-publisher-full-modal .mr-native-context-viewport,
	#modal.mr-publisher-standalone-expanded .mr-publisher-full-modal #publisher-wapper-modal,
	#modal.mr-publisher-standalone-expanded .mr-publisher-full-modal #js_publisher-textarea {
		overflow-anchor: none !important;
	}
}

/* ========================================================================
   Jasny motyw — pełny publisher
   ------------------------------------------------------------------------
   Ten szablon ma własny ciemny motyw z licznymi deklaracjami !important,
   dlatego reguły muszą znajdować się na końcu jego arkusza. Dotyczy to
   wyłącznie strony z data-mr-theme="light"; ciemny wygląd pozostaje bez zmian.
   ======================================================================== */
html[data-mr-theme="light"].mr-publisher-root-locked,
html[data-mr-theme="light"].mr-publisher-dark-keyboard,
html[data-mr-theme="light"] body.mr-publisher-body-locked,
html[data-mr-theme="light"] body.mr-publisher-dark-keyboard {
	background: #fff !important;
	color-scheme: light !important;
}

html[data-mr-theme="light"] body.mr-publisher-body-locked #modal.mr-publisher-modal-open,
html[data-mr-theme="light"] body.mr-publisher-body-locked #modal.mr-publisher-modal-open .modal-dialog,
html[data-mr-theme="light"] body.mr-publisher-body-locked #modal.mr-publisher-modal-open .modal-content,
html[data-mr-theme="light"] body.mr-publisher-body-locked #modal.mr-publisher-modal-open .mr-publisher-full-modal {
	color-scheme: light !important;
}

html[data-mr-theme="light"] body.mr-publisher-desktop-open #modal.mr-publisher-modal-open .modal-content {
	border-color: #e5eaf0 !important;
	background: #fff !important;
	box-shadow: 0 14px 36px rgba(15, 23, 42, .22) !important;
}

html[data-mr-theme="light"] .mr-publisher-full-modal,
html[data-mr-theme="light"] .mr-publisher-full-modal #publisher-wapper-modal,
html[data-mr-theme="light"] .mr-publisher-full-modal #publisher-wapper-modal .publisher,
html[data-mr-theme="light"] .mr-publisher-full-modal #publisher-wapper-modal .publisher-box,
html[data-mr-theme="light"] .mr-publisher-full-modal #publisher-wapper-modal .publisher-body,
html[data-mr-theme="light"] .mr-publisher-full-modal #publisher-wapper-modal .publisher-message,
html[data-mr-theme="light"] .mr-publisher-full-modal #publisher-wapper-modal .colored-text-wrapper,
html[data-mr-theme="light"] .mr-publisher-full-modal #publisher-wapper-modal .publisher-footer,
html[data-mr-theme="light"] .mr-publisher-full-modal #publisher-wapper-modal .mr-publisher-toolbar-shell,
html[data-mr-theme="light"] .mr-publisher-full-modal .mr-x-desktop-compose-header,
html[data-mr-theme="light"] .mr-publisher-full-modal .mr-x-compose-header,
html[data-mr-theme="light"] .mr-publisher-full-modal .mr-x-standalone-reply-nav,
html[data-mr-theme="light"] .mr-publisher-full-modal .mr-publisher-context-section,
html[data-mr-theme="light"] .mr-publisher-full-modal .mr-x-standalone-reply-meta {
	background: #fff !important;
	color: #303740 !important;
	color-scheme: light !important;
}

html[data-mr-theme="light"] .mr-publisher-full-modal textarea,
html[data-mr-theme="light"] .mr-publisher-full-modal input,
html[data-mr-theme="light"] .mr-publisher-full-modal select,
html[data-mr-theme="light"] .mr-publisher-full-modal button {
	color-scheme: light !important;
}

html[data-mr-theme="light"] .mr-publisher-full-modal #js_publisher-textarea,
html[data-mr-theme="light"] .mr-publisher-full-modal #publisher-wapper-modal .publisher-message textarea {
	background: transparent !important;
	color: #303740 !important;
	-webkit-text-fill-color: #303740 !important;
	caret-color: #0d6efd !important;
}

html[data-mr-theme="light"] .mr-publisher-full-modal #js_publisher-textarea::placeholder,
html[data-mr-theme="light"] .mr-publisher-full-modal #publisher-wapper-modal .publisher-message textarea::placeholder {
	color: #8190a0 !important;
	-webkit-text-fill-color: #8190a0 !important;
	opacity: 1 !important;
}

html[data-mr-theme="light"] .mr-publisher-full-modal :is(
	.mr-x-desktop-close,
	.mr-x-compose-close,
	.mr-x-compose-title,
	.mr-x-standalone-reply-title,
	.mr-x-desktop-context-author strong,
	.mr-x-desktop-context-text,
	.body-color
) {
	color: #303740 !important;
}

html[data-mr-theme="light"] .mr-publisher-full-modal :is(
	.mr-native-context-label,
	.mr-x-desktop-context-author span,
	.mr-x-desktop-context-time,
	.mr-x-desktop-context-replying,
	.text-muted
) {
	color: #536471 !important;
}

html[data-mr-theme="light"] .mr-publisher-full-modal .mr-x-desktop-close:hover,
html[data-mr-theme="light"] .mr-publisher-full-modal .mr-x-compose-close:hover {
	background: #f3f6f9 !important;
}

html[data-mr-theme="light"] .mr-publisher-full-modal .mr-publisher-context-divider,
html[data-mr-theme="light"] .mr-publisher-full-modal #publisher-wapper-modal .publisher-footer {
	border-color: #e5eaf0 !important;
}

html[data-mr-theme="light"] .mr-publisher-full-modal .mr-publisher-context-divider {
	background: #f3f6f9 !important;
}

html[data-mr-theme="light"] .mr-publisher-full-modal .mr-native-context-viewport,
html[data-mr-theme="light"] .mr-publisher-full-modal .publisher-meta,
html[data-mr-theme="light"] .mr-publisher-full-modal .dropdown-menu,
html[data-mr-theme="light"] .mr-publisher-full-modal .emoji-menu {
	border-color: #d8e0e7 !important;
	background: #fff !important;
	color: #303740 !important;
}

html[data-mr-theme="light"] .mr-publisher-full-modal .mr-native-context-toggle,
html[data-mr-theme="light"] .mr-publisher-full-modal #publisher-wapper-modal .mr-publisher-toolbar-arrow {
	border-color: #d8e0e7 !important;
	background: #fff !important;
	color: #0d6efd !important;
}

html[data-mr-theme="light"] .mr-publisher-full-modal .dropdown-menu > .publisher-tools-tab.dropdown-item {
	background: #fff !important;
	color: #303740 !important;
}

html[data-mr-theme="light"] .mr-publisher-full-modal .dropdown-menu > .publisher-tools-tab.dropdown-item:hover,
html[data-mr-theme="light"] .mr-publisher-full-modal .dropdown-menu > .publisher-tools-tab.dropdown-item:focus {
	background: #f3f6f9 !important;
	color: #303740 !important;
}

html[data-mr-theme="light"] .mr-publisher-full-modal .mr-x-desktop-context-thread {
	background: #d8e0e7 !important;
}

html[data-mr-theme="light"] .mr-publisher-full-modal,
html[data-mr-theme="light"] .mr-publisher-full-modal * {
	scrollbar-color: #aab6c2 #f3f6f9 !important;
}

html[data-mr-theme="light"] .mr-publisher-full-modal::-webkit-scrollbar-track,
html[data-mr-theme="light"] .mr-publisher-full-modal *::-webkit-scrollbar-track {
	background: #f3f6f9 !important;
}

html[data-mr-theme="light"] .mr-publisher-full-modal::-webkit-scrollbar-thumb,
html[data-mr-theme="light"] .mr-publisher-full-modal *::-webkit-scrollbar-thumb {
	border: 2px solid #f3f6f9 !important;
	border-radius: 999px !important;
	background: #aab6c2 !important;
}

@media (max-width: 767.98px) {
	html[data-mr-theme="light"] body.mr-publisher-body-locked::before,
	html[data-mr-theme="light"] #modal.mr-publisher-modal-open,
	html[data-mr-theme="light"] #modal.mr-publisher-modal-open .modal-dialog,
	html[data-mr-theme="light"] #modal.mr-publisher-modal-open .modal-content {
		background: #fff !important;
	}

	html[data-mr-theme="light"] #modal.mr-publisher-standalone-expanded .mr-publisher-full-modal #publisher-wapper-modal {
		background: #fff !important;
	}

	html[data-mr-theme="light"] #modal.mr-publisher-modal-open .mr-publisher-full-modal #publisher-wapper-modal .publisher-footer,
	html[data-mr-theme="light"] #modal.mr-publisher-keyboard-open .mr-publisher-full-modal #publisher-wapper-modal .publisher-footer,
	html[data-mr-theme="light"] #modal.mr-publisher-standalone-expanded .mr-publisher-full-modal .mr-publisher-context-divider {
		border-color: #e5eaf0 !important;
	}
}

/* Jasny motyw - pole odpowiedzi podczas pisania. Ciemne reguly dla stanow
   "klawiatura otwarta" / "szybka odpowiedz" maja po 3 identyfikatory, wiec
   wygrywaly z jasnymi powyzej: pole, jego tlo i narzedzia robily sie czarne.
   #modal#modal = 4 identyfikatory - te reguly zawsze wygrywaja. */
html[data-mr-theme="light"] #modal#modal .mr-publisher-full-modal #publisher-wapper-modal .publisher-message,
html[data-mr-theme="light"] #modal#modal .mr-publisher-full-modal #publisher-wapper-modal .colored-text-wrapper,
html[data-mr-theme="light"] #modal#modal .mr-publisher-full-modal #publisher-wapper-modal .publisher-slider,
html[data-mr-theme="light"] #modal#modal .mr-publisher-full-modal #publisher-wapper-modal .mr-publisher-advanced-tools {
	background-color: #fff !important;
}
html[data-mr-theme="light"] #modal#modal .mr-publisher-full-modal #publisher-wapper-modal #js_publisher-textarea,
html[data-mr-theme="light"] #modal#modal .mr-publisher-full-modal #publisher-wapper-modal .publisher-message textarea {
	background-color: transparent !important;
	color: #0f1419 !important;
	-webkit-text-fill-color: #0f1419 !important;
	caret-color: #0053cb !important;
}
html[data-mr-theme="light"] #modal#modal .mr-publisher-full-modal #publisher-wapper-modal #js_publisher-textarea::placeholder {
	color: #536471 !important;
	-webkit-text-fill-color: #536471 !important;
}
html[data-mr-theme="light"] #modal#modal .mr-publisher-full-modal .mr-x-standalone-reply-nav,
html[data-mr-theme="light"] #modal#modal .mr-publisher-full-modal .mr-publisher-context-section,
html[data-mr-theme="light"] #modal#modal .mr-publisher-full-modal .mr-x-compose-header {
	border-color: #eff3f4 !important;
}
html[data-mr-theme="light"] #modal#modal .mr-publisher-full-modal .mr-x-standalone-reply-user,
html[data-mr-theme="light"] #modal#modal .mr-publisher-full-modal .mr-x-standalone-reply-user span:not(.verified-badge),
html[data-mr-theme="light"] #modal#modal .mr-publisher-full-modal .mr-x-compose-cancel {
	color: #0f1419 !important;
}
/* linia watku od awatara */
html[data-mr-theme="light"] #modal#modal .mr-publisher-full-modal .mr-publisher-context-section::after {
	background: #cfd9de !important;
}

/* ==========================================================================
   MR 11.10.2026 — okno publikacji na PC jak na X (edycja wpisu, odpowiedz
   na wpis/komentarz, nowy wpis): szerokosc 600 px, tlo #141414 (jak X),
   bez ramki, linia nad paskiem narzedzi #2f3336, przyciski nasze #0053cb.
   Przy edycji: tytul "Edytuj wpis" obok krzyzyka, bez podgladu oryginalu
   (X go nie pokazuje), przycisk "Aktualizuj".
   ========================================================================== */
@media (min-width: 768px) {
	html body.mr-publisher-desktop-open #modal.mr-publisher-modal-open .modal-dialog {
		width: min(600px, calc(100vw - 48px)) !important;
		max-width: 600px !important;
		margin: 5vh auto !important;
	}
	html body.mr-publisher-desktop-open #modal.mr-publisher-modal-open .modal-content {
		max-width: 600px !important;
		border: 0 !important;
		border-radius: 16px !important;
		background: #141414 !important;
		box-shadow: none !important;
	}
	html body.mr-publisher-desktop-open #modal.mr-publisher-modal-open .mr-publisher-full-modal,
	html body.mr-publisher-desktop-open #modal.mr-publisher-modal-open .mr-x-desktop-compose-header,
	html body.mr-publisher-desktop-open #modal.mr-publisher-modal-open .mr-x-compose-header,
	html body.mr-publisher-desktop-open #modal.mr-publisher-modal-open .mr-x-standalone-reply-nav,
	html body.mr-publisher-desktop-open #modal.mr-publisher-modal-open .mr-publisher-context-section,
	html body.mr-publisher-desktop-open #modal.mr-publisher-modal-open .mr-x-standalone-reply-meta,
	html body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal,
	html body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .publisher,
	html body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .publisher-box,
	html body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .publisher-body,
	html body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .publisher-footer,
	html body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .mr-publisher-toolbar-shell,
	html body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal textarea {
		background: #141414 !important;
		background-color: #141414 !important;
	}
	html body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .publisher-footer {
		border-top: 1px solid #2f3336 !important;
	}
	/* naglowek: krzyzyk + (przy edycji) tytul, jak "Edytuj wpis" na X */
	html body.mr-publisher-desktop-open #modal.mr-publisher-modal-open .mr-x-desktop-compose-header {
		justify-content: flex-start !important;
		gap: 20px;
		height: 53px;
		min-height: 53px;
		padding: 0 16px !important;
	}
	html body.mr-publisher-desktop-open #modal.mr-publisher-modal-open .mr-x-desktop-compose-header .mr-x-desktop-drafts {
		margin-left: auto;
	}
	html body.mr-publisher-desktop-open #modal.mr-publisher-modal-open .mr-x-desktop-title {
		font-size: 20px;
		line-height: 24px;
		font-weight: 700;
		color: #e7e9ea;
	}
	/* edycja: bez podgladu edytowanego wpisu nad polem */
	html body.mr-publisher-desktop-open #modal.mr-publisher-modal-open .mr-pub-editing .mr-publisher-context-section,
	html body.mr-publisher-desktop-open #modal.mr-publisher-modal-open .mr-pub-editing .mr-publisher-context-divider {
		display: none !important;
	}
}

/* ==========================================================================
   MR 11.10.2026 — edycja wpisu/komentarza na telefonie jak na X:
   "Anuluj" z lewej i "Aktualizuj" z prawej (bez tytulu), bez podgladu
   edytowanego wpisu nad polem, wyzszy przycisk, "Publiczny" jako
   pigulka z obwodka i naszym niebieskim tekstem (jak "Everyone").
   ========================================================================== */
@media (max-width: 767.98px) {
	html body #modal.mr-publisher-modal-open .mr-pub-editing .mr-x-compose-title {
		visibility: hidden !important;
	}
	html body #modal.mr-publisher-modal-open .mr-pub-editing .mr-publisher-context-section,
	html body #modal.mr-publisher-modal-open .mr-pub-editing .mr-publisher-context-divider {
		display: none !important;
	}
	html body #modal.mr-publisher-modal-open .mr-pub-editing .mr-x-compose-submit {
		height: 34px !important;
		min-height: 34px !important;
		padding: 0 16px !important;
		border-radius: 9999px !important;
		font-size: 15px !important;
		font-weight: 700 !important;
		line-height: 34px !important;
	}
	html body #modal.mr-publisher-modal-open .mr-pub-editing #publisher-wapper-modal .mr-publisher-privacy-row .btn,
	html body #modal.mr-publisher-modal-open .mr-pub-editing #publisher-wapper-modal .mr-publisher-privacy-row button {
		background: transparent !important;
		border: 1px solid #2f3336 !important;
		color: #0053cb !important;
		font-weight: 700 !important;
	}
}

/* ==========================================================================
   MR 11.10.2026 — wyskakujace okno publikacji na PC 1:1 jak na X:
   ikony narzedzi szare #7f878e (zmierzone z X), przycisk publikacji jasny
   (#eff3f4, tekst #0f1419) jak "Odpowiedz"/"Opublikuj" na X, strzalki
   przewijania paska minimalnie jasniejsze.
   ========================================================================== */
@media (min-width: 768px) {
	html body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .publisher-footer .publisher-tools-tab,
	html body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .publisher-footer .publisher-tools-tab svg,
	html body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .publisher-footer .x_pub_btn,
	html body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .publisher-footer .x_pub_btn svg {
		color: #7f878e !important;
	}
	html body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .publisher-footer .publisher-tools-tab:hover {
		background: rgba(127, 135, 142, .12) !important;
	}
	html body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .mr-publisher-toolbar-arrow {
		background: #26292c !important;
		color: #aab3ba !important;
	}
	html body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .mr-publisher-toolbar-arrow:hover {
		background: #2f3336 !important;
		color: #e7e9ea !important;
	}
	html body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .publisher-footer-buttons .js_publisher-full-submit,
	html body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .publisher-footer-buttons .btn.js_publisher-btn {
		height: 36px !important;
		min-height: 36px !important;
		padding: 0 16px !important;
		border: 0 !important;
		border-radius: 9999px !important;
		background: #eff3f4 !important;
		background-color: #eff3f4 !important;
		color: #0f1419 !important;
		font-size: 15px !important;
		font-weight: 700 !important;
		line-height: 36px !important;
		box-shadow: none !important;
	}
	html body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .publisher-footer-buttons .js_publisher-full-submit:hover,
	html body.mr-publisher-desktop-open #modal.mr-publisher-modal-open #publisher-wapper-modal .publisher-footer-buttons .btn.js_publisher-btn:hover {
		background: #d7dbdc !important;
		background-color: #d7dbdc !important;
	}
	html body.mr-publisher-desktop-open #modal.mr-publisher-modal-open .mr-x-desktop-drafts {
		cursor: pointer;
	}
	html body.mr-publisher-desktop-open #modal.mr-publisher-modal-open .mr-x-desktop-drafts:hover {
		text-decoration: underline;
	}
}